#filter {
	display:flex;
	flex-direction:column;
	width:25%;
	float:left;
	font-size:90%;
	}

#filterwahl_mobil {
	display:none;
	}
	
#suchergebnisse {
	display:flex;
	flex-wrap:wrap;
	width:75%;
	float:right;
	}
#suchergebnisse::before, #suchergebnisse::after  {
	border:0px;
	padding:0px;
	box-sizing:border-box;
	}
.suchtextfeld {
	width:60% !important;
	}
.suchtextfeld.withgastro {
	width:80% !important;
	}
.gewerbe_karte {
	padding-right:10px;
	padding-left:10px;
	margin-bottom:20px;
	width:50%;
	min-height:100%;
	box-sizing:border-box;
	cursor:pointer;
	}
.gewerbe_karte a, .gewerbe_karte a:visited, .gewerbe_karte a:hover {
	text-decoration:none;
	}
.gewerbe_karte .img {
	width:100%;
	height:200px;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	}
.gewerbe_karte .special {
	width: 100%;
	background: #005eab;
	color: #ffffff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	}
.gewerbe_karte .special p {
	margin:0px;
	padding:3px 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	}
.gewerbe_karte .inner {
	background-color:#dfdfdf;
	border-radius:6px;
	height:100%;
	}
.gewerbe_karte .inner .infos {
	min-height: 90px;
	padding:10px 20px 0px 20px;
	}
.gewerbe_karte .inner .gewerbename {
	font-size:20px;
	line-height:24px;
	height:50px;
	color:#005eab !important;
	font-weight:bold;
	vertical-align: bottom;
	overflow:hidden;
	text-overflow:ellipsis;
	}
.gewerbe_karte .inner {
	color:#000000;
	}
.gewerbe_karte .inner .anschrift {
	padding:10px 0px;
	}

.gewerbe_karte .inner .branche_bez {
	padding-left:30px;
	background-repeat:no-repeat;
	padding-bottom:5px;
	}
.gewerbe_karte .details {
	width:100%;
	color:#ffffff;
	position: relative;
	top: 12px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	}
.gewerbe_karte .details > div {
	float:left;
	}
.gewerbe_karte .details > div > p {
	padding:3px 20px;
	margin-bottom:0;
	}
.gewerbe_karte .details > .typ {
	width:70%;
	background:#005eab;
	border-bottom-left-radius:6px;
	}
.gewerbe_karte .details > .qm {
	width:30%;
	background:#eab937;
	text-align:right;
	border-bottom-right-radius:6px;
	}

.seitenwahl {
	width:100%;
	 margin:0px 0px 15px 0px;
	 padding:0px 10px; 
	}
.seitenwahl a {
	margin-right:10px;
	padding:3px 5px;
	border-radius:3px;
	color:#000000;
	font-weight:bold;
	}
.seitenwahl a.selected {
	background:#e30613;
	color:#ffffff;
	}

#unterfilter {
	float:right;
	margin-right: 20px;
	width:18%;
	}
#unterfilter > .kuechenrichtung_filter {
	display:none !important;
	}
#unterfilter.withgastro {
	float:none;
	width:100%;
	padding-left: 8px;
	}
#unterfilter.withgastro > .kuechenrichtung_filter {
	width:50%;
	display:inline-block !important;
	}
#unterfilter.withgastro > #suchfilter_dropdown {
	width:45%;
	float:right;
	background-size: 5%;
	background-position:95% 50%;
	}
#suchfilter_dropdown {
	width:100%;
	display:inline-block;
	padding: 5px;
	margin: 0px 5px;
	background:rgba(66, 87, 134, 0.2) url(/files/wst-rheinfelden.de/icons/dropdown.svg) 90% 50% no-repeat;
	background-size: 15%;
	cursor:pointer;
	}
#suchfilter {
	position:absolute;
	margin-left:435px;
	margin-top: -15px;
	background:#d9dde7;
	padding:5px;
	z-index:999;
	display:none;
	box-shadow: #000 0px 10px 15px;
	}
.suchergebnis_info {
	width:100%; 
	margin:0px 0px 15px 0px; 
	padding:0px 10px; 
	font-size: 120%; 
	font-weight: bold;	
	}
.suchergebnis_buttons {
	float:right;
	}
.suchergebnis_buttons input:first-child {
	margin-left:10px;
	}
.anz_treffer {
	float:left;
	}
.resetBtn {
	border-top:#e30613 2px solid !important;
	border-left:#e30613 2px solid !important;
	border-bottom:#000000 2px solid !important;
	border-right:#000000 2px solid !important;
	background-color:#e30613 !important;
	color:#ffffff !important;
	border-radius: 5px;
	float:right;
	padding:8px 20px;
	font-size: 70%;
	}
.resetBtn:hover {
	border-bottom:#ffffff 2px solid !important;
	border-right:#ffffff 2px solid !important;
	color:#000000 !important;
	}

#toTop {
	position:fixed;
	bottom:20px;
	right:20px;
	width:40px;
	height:40px;
	border-radius:20px;
	background:#ffc523 url(/files/global/icons/scrollToTop.svg) no-repeat 50% 50%;
	background-size: 60%;
	box-shadow: #000 0px 0px 15px;
	display:none;
	cursor:pointer;
	z-index:999;
	}


/* Anpassungen für Mobil */

@media (max-width: 1020px) {
	
	#filter {
		width:100%;
		float:none;
		}
	#filter .branche {
		width:100%
		}
	
	#filterwahl_mobil {
		display:block;
		}

	#suchergebnisse {
		display:initial;
		width:100%;
		float:none;
		}
	#suchergebnisse input.searchbutton {
		background: url(/files/wst-rheinfelden.de/icons/suchen-weiss.svg) no-repeat 50% 50%;
		color:#e30613;
		font-size: 0px;
		}
	
	.suchergebnis_buttons {
		float:initial;
		}
	.suchergebnis_buttons input:first-child {	
		width:100%;
		}
	.suchergebnis_buttons input:last-child {	
		width:100%;
		}
	
	.anz_treffer {
		float:left;
	    padding-top: 30px;
		}
	
	.suchtextfeld, .suchtextfeld.withgastro {
		width:75% !important;
		}
	
	#unterfilter {
		float:none;
		width:98%;
		padding-left: 3px;
		padding-bottom: 10px;
		}
	.kuechenrichtung_filter {
		display:block;
		width:100% !important;
		}
	#unterfilter.withgastro > .kuechenrichtung_filter {
		width:45% !important;
		}
	.suchergebnis_info .resetBtn:nth-child(2) {
		margin:0px !important;
		}
	.suchergebnis_info > div:first-child, .suchergebnis_info > div:last-child {
		float:none;
		}
	.gewerbe_karte {
		width:100%;
		padding-bottom: 20px;
		}

	.gewerbe_karte .details {
		top:-5px !important;
		}


	#suchfilter_dropdown {
		width:inherit;
		background-size:5%;
		background-position:95% 50%;
		}
	#suchfilter {
		margin-left:10px;
		}
	
	.suchergebnis_info > .anz_treffer {
		clear:both;
		}	
	.suchergebnis_info {
		margin-left: -5px;
		}
	.suchergebnis_info .resetBtn:nth-child(2) {
		margin-top:-4px;
		}
	}