

/* --- Stylesheet 4175 () --------- */ 

.results-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.results-list > div {
	width: 50%;
}

.results-list .result-box {
	width: 100%;
	opacity: 0.5;
	cursor: pointer;
	float: none;
}

.results-list .result-box.paid {
	opacity: 1;
}


/* Loader ? */

.results-list .loader-results {
	text-align: center;
	margin-top: 2em;
}
.results-list .loader-results img {
	display: inline-block;
	margin-bottom: -2px;
	margin-right: 5px;
}

.result-box .hidden { opacity: 0; }

.result-box > .inner {
	margin: 0px 30px 30px 0px;
	background: white;
	position: relative;
}

.result-box-overlay-right {
	position: absolute; top: 20px; right: -10px;
	height: 15px;
	background: white;
	border: 1px solid #EAE6DC;
	padding: 2px 10px 4px 2px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	z-index: 1000;
}

.result-box-overlay-right:after {
	content: "";
	position: absolute; right: -1px; bottom: -6px;
	border-top: 5px solid #737474;
	border-right: 10px solid transparent;
}

.result-box-overlay-right .digit {
	display: inline-block;
	background-color: #238C00;
	color: #fff;
	padding: 1px 5px 1px 5px;
	margin-right: 5px;
	font-weight: bold;

}

.result-box-overlay-shop {
	position: absolute; top: 50px; right: -10px;
	height: 15px;
	background: white;
	border: 1px solid #EAE6DC;
	padding: 2px 10px 4px 10px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	z-index: 1000;
	display: block;
	text-decoration: none !important;;
	color: #000 !important;
	
}

.result-box-overlay-voucher {
	position: absolute; top: 80px; right: -10px;
	height: 15px;
	background: white;
	border: 1px solid #EAE6DC;
	padding: 2px 10px 4px 10px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	z-index: 1000;
		display: block;
	text-decoration: none !important;;
	color: #000 !important;
}

.tags_badges {
	display: flex;
	position: absolute; bottom: 15px; right: 15px;
	z-index: 1000;
}

.tags_badges .tag {
	background: rgba(0,0,0,0.3);
	border: 2px solid rgba(255,255,255,0.8);
	padding: 4px 10px 4px 10px;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	color: #fff !important;
	display: block;
	font-weight: bold;
	margin: 10px 0px 0px 10px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-radius: 20px;
}

/* --- Image --- */

.result-box .image {
	position: relative;
	background: rgba(0,0,0,0.1);
}

.result-box .image:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 70%;
}

.result-box .image > .inner {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background-size: cover;
}




/*  Client */

.result-box .info {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.result-box .logo {
	width: 35%;
	position: relative;
}

.result-box .logo:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 75%;
}

.result-box .logo > .inner {
	position: absolute;
	top: 15px;
	left: 15px;
	right: 20px;
	bottom: 15px;
}
.result-box .logo img {
	width: 100%;
	height: auto;
	background-color: #CCC;
}
.result-box .text {
	width: 60%;
	margin-right: 5%;
	padding-top: 15px;
	font-size: 14px;
	color: #999;
}

.result-box .text h2 {
	font-size: 16px;
	line-height: 1.2;
	color: #000;
	margin: 6px 40px 6px 0px;
	font-weight: bold !important;
}

.result-box .text h2.longname { letter-spacing: -0.5px; }

.result-box .text h2 a {
	color: #000 !important;
	text-decoration: none;
}

.result-box .text h3 {
	min-height: 40px;
	font-size: 13px;
	line-height: 1.2;
	color: #666;
	font-weight: normal !important;
	margin: 0px 10px 0px 0px;
}

.result-box .info .text .foot {
	display: flex;
	justify-content: space-between;
	margin: 0.5rem 20px 0.1rem 0;
	font-size: 0.7rem;
}


.result-box .info .favable  {
	position: absolute;
	top: 14px;
	right: 15px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: url(//tramino.s3.amazonaws.com/s/oberstdorf/656633/icons.png) 0px -638px no-repeat;
}

.result-box .info .favable.on {
	background: url(//tramino.s3.amazonaws.com/s/oberstdorf/656633/icons.png) 0px -770px no-repeat;
}





/* Google Maps InfoWindow */

.gm-style-iw .result-box { float: none; width: 420px; overflow: hidden; }
.gm-style-iw .result-box > .inner { margin: 5px 0px 0px 0px; }
.gm-style-iw .result-box .logo > .inner { top: 15px; left: 0px; right: 15px; bottom: 0px; }
.gm-style-iw .result-box .text { font-size: 12px;  }
.gm-style-iw .result-box .text h2 { font-size: 16px; line-height: 120%; margin: 14px 0 5px 0; }
.gm-style-iw .result-box .text h3 { font-size: 15px; line-height: 120%; margin-right: 0px; }
.gm-style-iw .result-box .text .address { bottom: 0px; }
.gm-style-iw .result-box .text .phone { right: 0px; bottom: 0px; }
.gm-style-iw .result-box .info .favable { top: 10px; right: 0px; }

/* --- Stylesheet 4214 () --------- */ 

@media all and (min-width: 1601px) {
	#results-list > div { width: 33.33%; }
	#results-list .result-box .item .info .price { font-size: 2.4vw; }
	#results-list .result-box .item .info .currency { font-size: 1.3vw; }
	#results-list .result-box .item .info .text { font-size: 0.70vw; line-height: 120%;}
	#results-list .result-box .info.bottom .text h2 { font-size: 1vw; line-height: 1.1vw; margin: 0.8vw 0 0.5vw 0; }
	#results-list .result-box .info.bottom .text h3 { font-size: 0.9vw; line-height: 1.1vw; }
}

@media all and (min-width: 1280px) and (max-width: 1600px) {
	#results-list .result-box .text h2.longname {  letter-spacing: 0px; font-size: 1.1vw; }
}

@media all and (min-width: 1024px) and (max-width: 1279px) {
	#results-list > div { width: 50%; }

	.result-box .text h2.longname {  letter-spacing: 0px; font-size: 1.1vw; }
}

@media all and (min-width: 768px) and (max-width:1023px) {
	#results-list > div { width: 50%; }
	#results-list .result-box .logo { width: 30%; }
	#results-list .result-box .logo > .inner { top: 10px; left: 0px; right: 0px; bottom: 10px; }
	#results-list .result-box .info.bottom .text { width: 70%; font-size: 11px; line-height: 1.1; }
	#results-list .result-box .text h2 { font-size: 1.7vw; line-height: 1.1; margin: 0.8vw 0 0.5vw 0; }
	#results-list .result-box .text h2.longname { font-size: 1.4vw; line-height: 1.1; letter-spacing: 0px; }
	#results-list .result-box .text h3 { font-size: 1.6vw; line-height: 1.1; }

	#results-list .result-box .info .text .address .district { display: none; }


}

@media all and (min-width: 568px) and (max-width: 767px) {


	#results-list > div{ width: 50%; }
	#results-list .result-box .item .info .text { font-size: 13px; line-height: 17px; }
	#results-list .result-box .logo { width: 30%; }
	#results-list .result-box .logo > .inner { top: 10px; left: 0px; right: 0px; bottom: 10px; }
	#results-list .result-box .info.bottom .text { width: 70%; font-size: 11px; line-height: 1.1; }

	#results-list .result-box .text h2 { font-size: 1.7vw; line-height: 1.1; margin: 0.8vw 0 0.5vw 0; }
	#results-list .result-box .text h2.longname { font-size: 1.4vw; line-height: 1.1; letter-spacing: 0px; }
	#results-list .result-box .text h3 { font-size: 1.6vw; line-height: 1.1; }

	#results-list .result-box .info .text .address .district { display: none; }



}

@media all and (max-width: 567px) {

	#results-list > div { width: 100%; }

	#results-list .result-box .item .info .text { font-size: 12px; line-height: 15px; }
	#results-list .result-box .item .info .price { font-size:  9.4vw; }
	#results-list .result-box .item .info .price .currency { font-size: 5.8vw; }

	#results-list .result-box .logo { width: 30%; }
	#results-list .result-box .logo > .inner { top: 10px; left: 0px; right: 0px; bottom: 10px; }
	#results-list .result-box .info.bottom .text { width: 70%; font-size: 11px; line-height: 1.1; }


	#results-list .result-box .text h2 { font-size: 2.5vw; line-height: 1.1; margin: 1vw 0 1.6vw 0; }
	#results-list .result-box .text h2.longname { font-size: 2.5vw; line-height: 1.1; letter-spacing: 0px; }
	#results-list .result-box .text h3 { font-size: 3vw; line-height: 1.1; }


	.result-box > .inner {
		margin-right: 0px;
	}

	.result-box .info .text .address .district { display: none; }
}