.button { user-select: none; }

#filter-form {
	padding:2%;
	border-bottom:1px solid #a0a0a0;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background:#f2f2f2;
}
#filter-form .input-jobs { width:100%; }

@media (max-width:480px) {
	#filter-form { padding:15px; }
}
#filter-form label {
	display:block;
	font-weight:500;
}
#filter-form ul {
	padding:0 0 0 15px;
	display:inline;
}
#filter-form ul li {
	list-style:none;
	display:inline-block;
	margin-right:15px;
}
#filter-form ul li label {
	margin-bottom:0;
}

#filter__button {
	position:relative; top:-1px; 
	cursor:pointer; 
	display:inline;
}	
#filter__button a {color:#009898;}
#filter__button:hover a {color:#000000;}
#filter__button:hover svg { fill:#000000; }

#filter__button #filtern__off { display:none; }
#filter__button #filtern__on { display:inline; }
#filter__button.gefiltert #filtern__off { display:inline; }
#filter__button.gefiltert #filtern__on { display:none;}


#suchfeld { 
	margin:0 15px 0; 
	padding: 0 0 0 8px;
}
#suchfeld input, #suchfeld input:focus-visible {
	border:0;
	outline:none;
	width:calc(100% - 42px);
}

#counter {
	display:inline-block;
	width:96px;
	text-align:right;
	font-weight:500;
	padding-top:5px;
}	

@media (max-width:992px) {
	#filter-form ul { 
		display:block;
		padding:0 15px;
	}
	#filter-form ul li {
		list-style:none;
		display:block;
		margin-bottom:10px;
	}
	#filter__button {
		display:block;
		width:30%;
		margin:auto;
		margin-bottom:28px;
		top:20px;
	}
	#filter__button #filtern__on,
	#filter__button #filtern__off {
		width:100%;
		text-align:center;
	}
	#filter__button #filtern__off { display:none; }
	#filter__button #filtern__on { display:inline-block; }
	#filter__button.gefiltert #filtern__off { display:inline-block; }
	#filter__button.gefiltert #filtern__on { display:none;}
	
	#suchfeld {	
		width:calc(100% - 40px) !important;
		margin-top:6px;
		margin-left:15px;
	}
	#page-table-header-xl { display:inherit; }
	#page-table-header-xl ul { display:none; }
	#counter { display:block; width:inherit; margin-right:12px; }
	#counter::before {
		content: "Stellenangebote:  ";
	}
}


#filter-form {padding-right:0; padding-left:0;}
#filter-form ul li { margin-right:0; padding: 0 10px 0 0; }
@media (min-width: 993px) {
	#filter-form ul { display:inline-block; width:calc(100% - 140px); }
	#filter-form li:nth-child(1) { width:42% }
	#filter-form li:nth-child(2) { width:30% }
	#filter-form li:nth-child(3) { width:28% }
	#suchfeld {	width:calc(100% - 166px) !important; }
	.job-table-head li, 
	.job-table ul ul li {  width:22% !important; }
	.job-table-head li:last-child {  width:20% !important; }
	.job-table ul ul li:nth-child(5) {  width:12% !important; }
}


#suchfeld a span{ 
	cursor:pointer; 
	top:-4px;
	height:30px;
}
#suchfeld a.disabled {
	pointer-events: none;
}
#suchfeld a.disabled  span {
	cursor: default;
	opacity: 35%;
}

#joblist_nav {
	list-style: none;
	padding-left:0;
}
#joblist_nav li {
	display: inline-block;
	margin-right: 10px;
	margin-top: 20px;
	cursor:pointer;
}
#joblist_nav li a {
	color: #009898;
}
#joblist_nav li a:hover {
	color: #009898;
}
#joblist_nav li.aktuell {
	color: white;
	background-color: #009898;
}