@font-face{
    font-family:"Planeta";
	font-style: normal;
	font-weight: normal;
    src:url("/includes/fonts/5164323/615d1f69-9ca4-425c-9aea-eb2936d48a75.eot");
    src:url("/includes/fonts/5164323/615d1f69-9ca4-425c-9aea-eb2936d48a75.eot?#iefix") format("eot"),
		url("/includes/fonts/5164323/56bbb129-a7b3-42d7-9cf8-526a0e0fd349.woff2") format("woff2"),
		url("/includes/fonts/5164323/da58a8f7-a918-4754-b7c7-134b7a4c7b13.woff") format("woff"),
		url("/includes/fonts/5164323/eb65a62e-96c9-4077-98e0-e68535950cb8.ttf") format("truetype");
}
@font-face{
    font-family:"Planeta";
	font-style: normal;
    font-weight: bold;
    src:url("/includes/fonts/5193146/a820e247-c8e8-4d55-987d-9f52382b2ac7.eot");
    src:url("/includes/fonts/5193146/a820e247-c8e8-4d55-987d-9f52382b2ac7.eot?#iefix") format("eot"),
		url("/includes/fonts/5193146/1a2ff92c-46f2-49bd-819b-7f1db11e9d74.woff2") format("woff2"),
		url("/includes/fonts/5193146/1e5feeb0-deec-46b5-a9a2-866e3379c595.woff") format("woff"),
		url("/includes/fonts/5193146/8f77fad3-eece-4885-ba27-ec4840a8bc7d.ttf") format("truetype");
}

html, body { padding:0; margin:0; height: 100%; }
body { font-family:"Planeta",sans-serif; font-size:24px; /*line-height:1.2em;*/ word-spacing:-25%; 
	 font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.2px; color: #000000; }
body.noscroll { overflow-y: hidden; }
input,select,textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; padding:0; margin:0; border:0; font-family:inherit; font-size:inherit; }
a { text-decoration:none; color:inherit; }
img { border:0; }

h1,.h1 { font-weight:bold; font-size:56px; line-height:0.93em; }
h2,.h2 { font-weight:bold; font-size:36px; line-height:0.97em; 
		font-style: normal; font-stretch: normal; /*line-height: 0.97;*/ letter-spacing: -0.2px; color: #000000; }
.lead { /*font-weight:normal;*/ font-size:40px; line-height:1.08em; margin-bottom:56px; 
	font-weight: 300; font-style: normal; font-stretch: normal; /*line-height: 1.08;*/ letter-spacing: -0.2px; color: #000000; }
strong { font-weight:bold; }

[data-expand] { cursor:pointer; }
[data-expand]:after { content: "+"; position: relative; display: inline-block; margin-left: 10px; height: 16px; width: 16px; font-size: 24px; line-height: 16px; text-align: center; border: 2px solid #000; border-radius: 50%; font-weight: normal; }
[data-expand].expanded:after { content:"-"; }
[data-expand]:hover:after { background-color:#000; color:#fff; }



div.wrapper { display:block; margin:auto; width:100%; max-width:1600px; min-height: 100%; position: relative; }
div.wrapper { max-width: 100%; }
div.main { display:block; margin:auto; width:100%; max-width:1024px; }
.content { display:block; position:relative; margin:auto; width:100%; max-width:634px; /* overflow:hidden; */ }
.content.full { max-width:850px; }
.content.max { max-width:100%; }
.hidden,
.close-complex { display:none; }
.mobileonly { display:none !important; }

.content.basePage table,
.content.textarea table{
	border-collapse: collapse;
}
.content.basePage table th,
.content.basePage table td,
.content.textarea table th,
.content.textarea table td {
	border: solid 3px #fff;
	padding: 5px 35px 5px 5px;
}
@media only screen and (max-width: 480px) {
	.content.basePage table th,
	.content.basePage table td,
	.content.textarea table th,
	.content.textarea table td {		
		padding: 5px;
	}
}

.content.basePage table tr td:first-child,
.content.basePage table tr th:first-child,
.content.textarea table tr td:first-child,
.content.textarea table tr th:first-child {
	border-left: 0;
}
.content.basePage table tr td:last-child,
.content.basePage table tr th:last-child,
.content.textarea table tr td:last-child,
.content.textarea table tr th:last-child {
	border-right: 0;
}
.content.basePage table tr th,
.content.textarea table tr th {
	border-top: 0;
	font-weight: 700;
}
.content.basePage table tr:last-child td,
.content.textarea table tr:last-child td {
	border-bottom: 0;
}


div.header { display:block; position:relative; overflow:hidden; min-height:300px; background-color:#fff; margin-top: 45px;}
div.header.nav{ height: auto;}
div.header > div.navigation { display:block; position:absolute; top:0; left:0; width:100%; height: auto; }
div.header > div.navigation > .button { display:block; position:fixed; z-index:10; top:60px; left:19px; width:36px; padding:6px; padding-bottom:0; }
@media only screen and (min-width: 1600px) {
	div.header > div.navigation > .button { left:50%; margin-left:-781px; /* max-width/2-19 */ }
}
div.header > div.navigation > .button > span { display:block; height:3px; background-color:#000; margin-bottom:6px; }

@media only screen and (max-width: 480px) {
	div.header > div.navigation > .button {
		top:58px; left:7px;
	}
}

div.header > div.navigation > div.menu { display:none; position:relative; top:0; left:0; width:100%; height: auto; z-index:5; color:#fff; background-color:#ffdb59; background-color:rgba(255,199,0,1); }
div.header > div.navigation > div.menu a:hover,
div.header > div.navigation > div.menu li.active a,
div.header > div.navigation > div.menu a.selected { color:#000; }
div.header > div.navigation > div.menu > div { display: flex; justify-content: space-between; position:static; width: calc( 100% - 56px); max-width: 1300px; height: auto; padding: 80px 28px; bottom:30%; left:28px; right:28px; margin: auto;}
div.header > div.navigation .menu-overlay { display:none; position:fixed; width: 100vw; height: 100vh; opacity:0.5; background-color: #aaa; z-index: 7; top: 0; left: 0; }
div.header.nav > div.navigation > div.menu > .menu-overlay { padding:0; }
div.header.nav > div.navigation .menu-overlay { display:block; }
div.header > div.navigation > div.menu > div > ul { display:block; float:left; margin:0; padding:0; width: 30%; list-style:none; }
div.header > div.navigation > div.menu > div > ul > li { margin:0; padding:0; font-weight:bold; font-size:24px; line-height:1.2em; margin-bottom:9px; margin-right:20px; overflow:hidden; }
div.header > div.navigation > div.menu > div > ul:last-child > li { margin-right:0; }
div.header > div.navigation > div.menu > div > ul > li:first-child { font-size:40px; margin-bottom:14px; height: 2.8em;}

div.header.nav > div.navigation > div.menu { display:block; }
div.header.nav > div.navigation > .button { height:36px; }
div.header.nav > div.navigation > .button > span { position:absolute; top:50%; left:4px; width:38px; margin:0; transform:(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg); }
div.header.nav > div.navigation > .button > span:first-child { transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); }
div.header.nav > div.navigation > .button > span:last-child { display:none; }

div.header > div.logo { position:fixed; top: 55px; left:50%; z-index:10; }
div.header > div.logo img { display:block; width:180px; height:auto; /*margin-left:-90px;*/ transition: all .5s ease;}

div.header > div.logo > a {
	position: absolute;
	top: 0;
	width: 180px;
	left: -90px;
}

div.header > div.logo > a.top > img { opacity: 1; }
div.header > div.logo > a.transformed > img { opacity: 0;  width:150px;}
div.header.transformed > div.logo > a.top > img { opacity: 0;  }
div.header.transformed > div.logo > a.transformed > img{ opacity: 1;  }

div.header > div.top-link { right: 50%; margin-right: -775px; opacity: 0; position:fixed; top:60px; z-index:10; transition: all .6s ease;}
div.header > div.top-link > a { font-size: 18px; font-weight: 700; text-decoration: none; opacity: 0; transition: all .6s ease; border: solid 3px #000; padding: 3px 8px; display: block;}
div.header > div.top-link > a.hidden,
div.header > div.top-link > a.close-complex { display: none; }

div.header.transformed > div.top-link { opacity: 1;  }
div.header.transformed > div.top-link > a {  opacity: 1; }
div.header.transformed > div.top-link > a:hover { text-decoration: none; color: #fff; background-color: #000; }

div.header > div.logo > a.transformed > span { opacity: 0; display: none;}

div.header.nav.transformed > div.overlay.overlay-bottom, div.header.nav.transformed > div.logo2 { display: none; }
div.header.nav.transformed > div.navigation { position:static; }
div.header.nav.transformed > div.navigation > div.menu { position:fixed; z-index: 8; margin-top: 108px; }
div.header.nav.transformed > div.overlay { left:-30%; }

@media only screen and (max-width: 1580px) {
	div.header > div.top-link { right: 20px; margin-right: 0px; }
}
@media only screen and (max-width: 480px) {
	div.header > div.top-link { right: 13px; }
	div.header > div.top-link > a { font-size: 14px; padding: 3px 5px; }
	
	div.header > div.logo > a.transformed { top: 14px; }
	div.header.transformed > div.logo > a { left: 0; }
	
	div.header > div.logo > a.transformed > img,
	div.header.transformed > div.logo > a.top > img,
	div.header.transformed > div.logo > a.transformed > img	{ opacity: 0; }	
	
	
	
	div.header > div.logo > a.transformed > span { opacity: 0; display: none;}
	
	div.header.transformed > div.logo > a.transformed > span { opacity: 1; display: block; width: 155px; font-size: 14px; font-weight: 700;}
	div.header.transformed > div.logo  { left: 70px;  }
	
	div.header > div.logo img { margin-left: 0; transition: none; }
	div.header > div.logo > a.top > img { /*margin-left: -90px;*/ }
	div.header.transformed > div.logo > a.top > img { margin-left: 0px; }
	
}

div.wrapper div.header > div.top-link { opacity: 1; }
div.wrapper div.header > div.top-link > a:first-child { opacity: 1; background-color: #ffffff; }
div.wrapper div.header > div.top-link > a:first-child:hover { opacity: 1; color: #ffffff; background-color: #000000; }
/* div.wrapper.home div.header > div.top-link > a:first-child:hover { opacity: 0; } */
@media only screen and (max-width: 890px) {
	div.wrapper div.header > div.top-link { opacity: 1; }
	div.wrapper div.header > div.top-link > a:first-child { opacity: 0; }
	div.wrapper div.header.transformed > div.top-link > a:first-child	{ opacity: 1; }
	div.wrapper div.header > div.top-link > a:first-child:hover,
	div.wrapper div.header > div.top-link > a:hover { opacity: 0; }
	div.wrapper div.header.transformed > div.top-link > a:first-child:hover { opacity: 1; text-decoration: none; color: #fff; background-color: #000; }
	
}

div.header > div.logo2 { position:absolute; bottom:2px; left:50%; z-index:6; }
div.header > div.logo2 img,
div.end > div.logo2 img { display:block; width:180px; height:auto; margin-left:-90px; }
div.end > div.logo2 img { margin:auto; }
 
div.end { margin-top:0; position: absolute; z-index: 5; height: 102px; /*padding-top: 22px;*/ top: 0; background: #fff; width: 100%; }
div.wrapper div.header { margin-bottom: 80px; }
/*div.wrapper.home div.end { margin-top:2px; }*/
div.wrapper div.footer { margin-top: 0; padding-top: 41px; }
div.wrapper div.end  div.action { margin-top: 30px; }
div.end div.action { display:block; overflow:hidden; /*margin-bottom:35px;*/ position: relative; z-index: 7; position: absolute; bottom: 30px; right: 0; }
div.end div.action a { display:block; float:left; margin-right:10px; }
div.end div.action a:first-child { margin-left:24px; margin-right:30px; }
div.end div.action a.top { float:right; margin-right:24px; width:36px; height: 36px; background: url("/includes/img/Arrow_up_.png") 0 0 no-repeat; }
div.end div.action a.top:hover { background-image: url("/includes/img/Arrow_up_MO_.png"); }
div.end div.action a svg { height:36px; }
div.end div.action span.sharespan { display: inline-block; }
div.end div.action span.sharespan a.share { display: none; }
/*div.end div.action span.sharespan:hover a.share,*/ div.end div.action span.sharespan.open a.share { display: block; }
div.end div.action span.sharespan a.shareicon { touch-action: none; }
div.end.sticky { width: 100%; background-color: #fff; position: fixed; bottom: -30px; max-width: 1600px; margin-top: 0; top: auto; height: 92px;}
div.end.nosticky { height: 82px; }
div.end div.logo2 { margin-top: -16px; }
/*div.end.sticky div.action { position: relative; bottom:0; }*/

div.footer div.share { position: absolute; top:5px; left:18px; width: 44px; }
div.footer div.share img { width: 32px; height: 32px; }
div.footer div.share .shareicon { margin-bottom: 22px; display: inline-block; padding: 8px 8px 3px 3px; line-height: normal; }
div.footer div.share .sharespan { display: none; position: absolute; width: auto; left: 44px; top: 0; padding: 8px 25px 8px 0; background-color: #fff; }
div.footer div.share .sharespan a { display: inline-block; float:none; padding: 0px 10px; }
div.footer div.share .sharespan a:last-child { border-right:none; }
div.footer div.share .sharespan img { width: 30px; height: 30px; vertical-align: middle; }
div.footer div.share .sharespan > div {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
div.footer div.share .sharespan a.a2a_button_whatsapp { display: none; }
div.footer div.share .sharespan a.a2a_button_facebook img { width: 30px; height: 30px; }
div.footer div.share .sharespan a.a2a_button_twitter img,
div.footer div.share .sharespan a.a2a_button_whatsapp img { width: 26px; height: 26px; }


div.footer div.share.open .sharespan { display:inline-block; }
div.footer div.share.open .shareicon { background-color: #fff; }
div.footer div.footer_meta li { display: block; }
div.footer div.content ul, div.footer div.content ol { margin: 0; padding-left: 0; }


div.header div.metalinks { 
	z-index: 8;
	position: fixed; 
	top: 0;	
	left: 0;
	
	width: 100%;
	
	height: 45px;
	
	
	background: rgba(0,0,0,1);
	color: white;
	
}

div.header div.metalinks .wrap { 
	display: block;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}

div.header div.metalinks a {
	font-size: 18px;
	line-height: 45px;
	font-weight: 700;
	
	padding: 0 25px;
	margin: 0 80px 0 0;
	
	position: relative;
}

div.header div.metalinks a:hover {
	color: #ffc700;
}

div.header div.metalinks a:after {
	position: absolute;
	content: "";
	right: 0;
	
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;

	border-top: 12px solid #ffffff;
	
	top: 6px;
}

div.header div.metalinks a:hover:after {
	border-top-color: #ffc700;
}

@media only screen and (max-width: 780px) {
	div.header div.metalinks .wrap {
		display: flex;		
		height: 100%;
		justify-content: space-between;
	}
	div.header div.metalinks a {
		font-size: 14px;
		padding: 0 15px;
		margin: 0 10px 0 0;
	}
		
	div.header div.metalinks a:after {
		
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;

		border-top: 8px solid #ffffff;
		top: 47%;
	}
}


div.header > div.cover { position:relative; display:block; overflow:hidden; z-index:1; background-color:#fff; }
div.header.nav > div.cover { opacity: .5; }
div.header > div.cover > div.col { position:relative; float:left; }
div.header > div.cover > div.col-3 { width:33.33%; }
div.header > div.cover > div.col-3.fullsize-bar{height: calc(70vh - 94px);}
div.header > div.cover > div.col-3.fullsize{height: 70vh;}
div.header > div.cover > div.col-3 a{display:block;width:100%;height:100%;background-size:cover;background-position: center center;}
div.header > div.cover > div.col-3 a img{display:none;}
div.header > div.cover > div.col-3 + div.col-3 + div.col-3 { float:right; } 
div.header > div.cover > div.col-3 a:hover, div.header > div.cover > div.col-3 a:hover img { opacity: 0.8; }
@media only screen and (min-width: 0px) and (max-width: 540px) {
	div.header > div.cover > div.col-3.fullsize-bar,div.header > div.cover > div.col-3.fullsize{height: auto;}
	div.header > div.cover > div.col-3 a{display:block;width:auto;height:auto/* ;background-image:none !important; */}
 	div.header > div.cover > div.col-3 a img{display:none; /* width: auto; */}
	div.header > div.cover > div.col-3 a:hover, div.header > div.cover > div.col-3 a:hover img { opacity: 1; }
}
div.header > div.cover > div.col img { display:block; width:100%; height:auto;max-height: 100vh; }
@media only screen and (min-width: 0px) and (max-width: 540px) {
	div.header > div.cover > div.col img { max-height: none; }
}
div.header > div.cover > div.col h1,
div.header > div.cover > div.col h2 { position:absolute; bottom:30%; left:0; width:100%; text-align:center; color:#fff; text-transform:uppercase; }
div.header > div.cover > div.col h2 > span.break { display:block; }
div.header > div.cover > div.col h1 { bottom:16px; text-transform:none; line-height: normal; }
h1.reverse, div.header > div.cover > div.col h1.reverse { color: #000; }

div.header > div.cover > div.bar { display:block; position:relative; clear:both; color:#fff; line-height:1em; background-color:#000; padding-top:10px; height:1em; width:100%; padding-bottom:60px; white-space:nowrap; overflow:hidden; }
div.header > div.cover > div.bar ul[data-ticker] { display:inline-block; overflow:hidden; list-style:none; margin:0; padding:0; white-space:nowrap; }
div.header > div.cover > div.bar ul[data-ticker] li { display:inline-block; margin:15px; margin-top:0; margin-bottom:0; line-height: 1.2; }

div.header > div.cover > div.col-1 { width:100%; /*max-height:570px;*/ }

div.header > div.overlay { position:absolute; z-index:5; left:-25%; width:150%; height:600px; background-color:#fff; }
div.header > div.overlay.overlay-top { transition: all .5s ease; border-bottom:4px solid #000; position:fixed; z-index:7; top:-551px; transform:rotate(-9.8deg); -moz-transform:rotate(-9.8deg); -ms-transform:rotate(-9.8deg); -o-transform:rotate(-9.8deg); -webkit-transform:rotate(-9.8deg); margin-top:39px; }
div.header > div.overlay.overlay-top:before { content:""; position:absolute; top:0; margin-right:884px; right:50%; width:100%; height:200%; background-color:#fff; transform:rotate(9.8deg); -moz-transform:rotate(9.8deg); -ms-transform:rotate(9.8deg); -o-transform:rotate(9.8deg); -webkit-transform:rotate(9.8deg); display: none;}
div.header > div.overlay.overlay-bottom, div.end > div.overlay.overlay-bottom { border-top:4px solid #000; bottom:-600px; margin-bottom:30px; transform:rotate(1.6deg); -moz-transform:rotate(1.6deg); -ms-transform:rotate(1.6deg); -o-transform:rotate(1.6deg); -webkit-transform:rotate(1.6deg); }

/* Transformed header when scrolled */
div.header.transformed > div.overlay.overlay-top {  border-bottom: 4px solid #fff;  top:-535px; transform:rotate(0deg); -moz-transform:rotate(deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); margin-top:39px; }
div.header.transformed > div.overlay.overlay-top:before {  margin-right:884px; right:50%; width:100%; height:200%; background-color:transparent; transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); -webkit-transform:rotate(0deg); display: none; }

div.header > div.patch {  right: 50%;  position: fixed;   z-index: 10;  transition: all .6s ease;  margin-right: 800px;   height: 400px;  background: #fff;  width: calc((100vw - 1600px) / 2); }
div.header.nav > div.patch,
div.wrapper div.header > div.patch { display: none; }


div.end > div.overlay.overlay-bottom { margin-bottom: 14px; margin-top: 18px; }
div.wrapper div.header > div.overlay.overlay-top:before { width: auto; }

div.end.sticky > div.overlay { position:absolute; z-index:5; left:-10%; width:109.5%; height:600px; background-color:#fff; }
div.end.sticky > div.overlay.overlay-bottom { margin-bottom: 112px; margin-top: 0; }
div.end.sticky div.logo2 { margin-top: 20px; z-index: 10; position: relative; }
div.end.sticky > div.logo2 img { margin-top: -40px; }

@media only screen and (min-width: 0px) and (max-width: 1024px) {
	div.header > div.cover > div.col h2 { font-size:28px; }
}

@media only screen and (min-width: 0px) and (max-width: 780px) {
	div.header > div.cover > div.col h2 { font-size:22px; }
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
	div.header > div.cover > div.col h2 { font-size:18px; }
}

@media only screen and (min-width: 0px) and (max-width: 540px) {
	div.header > div.cover > div.col-3 { width:100%; }
	div.header > div.cover > div.col-3 + div.col-3, div.header > div.cover > div.col-3 { position:static; }
	div.header > div.cover > div.col-3 + div.col-3 img, div.header > div.cover > div.col-3 img { display:none; }
	div.header > div.cover > div.col-3 h2 { font-size:36px; }
	
	
	div.header > div.cover > div.col-3 h1, div.header > div.cover > div.col-3 h2 {
		top:20%;
		bottom:auto;
	}
	div.header > div.cover > div.col-3 + div.col-3 h1, div.header > div.cover > div.col-3 + div.col-3 h2 {
		top:40%;
		bottom:auto;
	}
	
	div.header > div.cover > div.col-3 + div.col-3 + div.col-3 h1, div.header > div.cover > div.col-3 + div.col-3 + div.col-3 h2 {
		top:60%;
		bottom:auto;
	}
	div.header > div.cover > div.col h1 { font-size:28px; top: 70%; }
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
	/*div.header > div.cover > div.col-1 h1, div.header > div.cover > div.col-1 h2 { position:relative; left:auto; top:auto; bottom:auto; color:#000; text-align:left; margin-top:26px; margin-bottom:35px; }*/
	div.header > div.cover > div.col-3 h2 { font-size:28px; }
}


div.header a.down-arrow {
	position: absolute;
	right: 30px;
	bottom: 60px;
	width: 32px;
	height: 32px;
	z-index: 6;
	background-image: url('../arrow_down_white.png');
	background-repeat: no-repeat;
	background-size: 32px auto;
	
}
div.wrapper div.header a.down-arrow { bottom: 100px; }

@media only screen and (min-width: 0px) and (max-width: 540px) {
	div.header a.down-arrow {	
		left: 0;
		right: 0;
		margin: auto;
		/*bottom: 115px;*/
		top: 85%;
		bottom: auto;
	}	
	div.header div.bar + a.down-arrow {	 top: 76.9%; }
}

div.wrapper a.sb_stoerer {
	display: none;
}

div.wrapper a.sb_stoerer {
	position: fixed;
	width: 300px;
	height: 300px;
	display: block;
	
	top: 110px;
	right: calc((100% - 1680px) / 2);
	z-index: 7;
	
	/*background-image: url('../img/sb_stoerer.svg');*/
	/*background-image: url('../img/Teaser_Button_Desktop.png');*/
	/*background-image: url('../img/Teaser_Button_Desktop_new.png');*/
	background-image: url('../img/stettbach-stoerer.png');
	background-repeat: no-repeat;
	background-size: 100%;
	
	transition: all .3s ease;
}
@media only screen and (max-width: 1579px) {
	div.wrapper a.sb_stoerer {
		right: 20px;
	}
}
@media only screen and (min-width: 0px) and (max-width: 780px) {
	div.wrapper a.sb_stoerer {	
		width: 140px;
		height: 140px;
		
	}
}

@media only screen and (min-width: 0px) and (max-width: 540px) {
	div.wrapper a.sb_stoerer {	
		width: 100px;
		height: 100px;
		top: 85px;
	}
	
	div.wrapper .header.transformed a.sb_stoerer {			
		top: 105px;
	}
	
}

@media only screen and (min-width: 0px) and (max-width: 375px) {
	div.wrapper a.sb_stoerer {	/*top: 30px;*/ right: 5px; }
	div.wrapper .header.transformed a.sb_stoerer {	top: 105px; }
	
}


/*div.header + div.content { margin-top:72px; }*/
div.header { margin-bottom: 110px; }
div.content p img { display:block; margin:auto; width:auto; height:auto; max-width:60%; margin-top:60px; margin-bottom:60px; }
.content.full p img,
.content.max p img { width:100%; max-width:100%; }
/*div.content h2:not(.h2) { margin-top:128px; } */

div.content a{ text-decoration: underline;}
div.content a:hover{ color: #ffc700;}
div.content a:hover span{ color: #000000;}

div.content a.button { font-weight:bold; padding:20px; padding-top:16px; padding-bottom:16px; background-color:#000; color:#fff; cursor:pointer; text-decoration: none;}
div.content a.button:hover,
div.content a.button:hover span { background-color:#888; color:#fff; text-decoration: none;}

div.content div.table { display:block; margin:auto; overflow:hidden; margin-left:-20px; margin-right:-20px; margin-bottom:85px; }
div.content div.table div.col { position:relative; display:block; float:left; font-size:19px; line-height:20px;}
div.content div.table div.col > * { margin-left:20px; margin-right:20px; }
div.content div.table div.col > :first-child { margin-top:0; }
div.content div.table div.col > :last-child { margin-bottom:0; }

div.content div.table div.col h3 { font-size:80px; letter-spacing:-1px; line-height:1em; margin-bottom:0; }
div.content div.table div.col:after { position:absolute; top:0; left:-2px; content:""; width:4px; height:300%; background-color:#000; }
div.content div.table div.col:first-child:after { display:none; }
div.content div.table.s4.r1 div.col { width:100%; }
div.content div.table.s4.r2 div.col { width:50%; }
div.content div.table.s4.r3 div.col { width:33.3%; }
div.content div.table.s4.r4 div.col { width:25%; }
div.content div.table.s4.r5 div.col { width:20%; }

div.content div.gallery { margin:auto; width:100%; max-width:470px; height: 300px; }
div.content div.gallery.full { max-width:850px; }
div.content div.gallery div.img { position:relative; display:block; margin:0; padding:0; }
div.content div.gallery div.img span { display:none; }
div.content div.gallery > div.img { visibility:hidden; }
div.content div.gallery > div.img > img { width:100%; height:auto; margin:0; padding:0; }
div.content div.gallery > div.slider { position:absolute; top:0; left:50%; height:100% !important; overflow:hidden; white-space:nowrap; }
div.content div.gallery > div.slider > div.img { display:inline; height:100%; width:auto; }
div.content div.gallery > div.slider > div.img > img { height:100%; min-width:0; width:auto; margin:0; padding:0; } 

div.content div.gallery_meta { position:relative; margin-top:12px; min-height:60px; }
div.content div.gallery_meta > a { position:absolute; top:0; }
div.content div.gallery_meta > a.prev { left:24px; z-index:2; }
div.content div.gallery_meta > a.next { right:24px; z-index:2; }
div.content div.gallery_meta > div.content { text-align:center; font-weight:bold; z-index:1; }

div.content form { margin:0; padding:0; }
div.content form div.input { margin-bottom:9px; }
div.content form div.input label { display:block; font-size:24px; }
div.content form div.input > select,
div.content form div.input > input[type=text],
div.content form div.input > textarea { width:100%; margin-top:5px; padding:16px; border:4px solid #000; }
div.content form div.input > textarea { height:200px; }

/* contact form */
div.content form div.contactform_div div.input,
div.content form div.registrationform_div div.input  { margin-bottom: 15px; }
div.content form div.contactform_div div.detail div.input,
div.content form div.registrationform_div div.detail div.input { margin-bottom: 2px; }
div.content form div.contactform_div div.input + div.detail,
div.content form div.registrationform_div div.input + div.detail { margin-top: -10px; margin-bottom: 15px; }
div.content form div.contactform_div div.input label,
div.content form div.registrationform_div div.input label { font-weight: bold; }
div.content form div.input label span { font-size: 16px; font-weight: normal; }
div.content form div.contactform_div div.detail[data-input],
div.content form div.registrationform_div div.detail[data-input] { display: block; margin-left: 50px; }
div.content form div.contactform_div div.input > input[type=text],
div.content form div.contactform_div div.input > textarea,
div.content form div.registrationform_div div.input > input[type=text],
div.content form div.registrationform_div div.input > textarea { width: calc(100% - 40px); }

div.content form div.input > input[type=checkbox],
div.content form div.input > input[type=radio] { position:absolute; visibility:hidden; width:1px; height:1px; overflow:hidden; }
div.content form div.input > input[type=checkbox] + label,
div.content form div.input > input[type=radio] + label  { position:relative; padding-left:32px; cursor:pointer; font-size:20px; }
div.content form div.input > input[type=checkbox] + label:before,
div.content form div.input > input[type=radio] + label:before { content:""; display:block; position:absolute; top:5px; left:0; width:12px; height:12px; border:2px solid #000; }
div.content form div.input > input[type=checkbox]:checked + label:before,
div.content form div.input > input[type=radio]:checked + label:before { background-color:#ffc700 !important; }


div.content form .contactform_div div.input,
div.content form .registrationform_div div.input > input[type=checkbox] + label { font-size:24px; }

div.content form div.input .slider + input { display:none; }
div.content form div.input .slider.noUi-target { background:none; border-radius:0; border:0; box-shadow:none; height:3px; margin:20px; margin-left:13px; margin-right:13px; }
div.content form div.input .slider .noUi-base { background-color:#000; }
div.content form div.input .slider .noUi-connect { background-color:#ffc700; }
div.content form div.input .slider .noUi-handle { background-color:#ffc700; border:0; box-shadow:none; width:23px; height:23px; border-radius:50%; top:-10px; right:-10px; }
div.content form div.input .slider .noUi-handle:before { display:none; }
div.content form div.input .slider .noUi-handle:after { display:none; }

div.content form div.input > input[type=submit] { font-weight:bold; padding:20px; padding-top:16px; padding-bottom:16px; background-color:#000; color:#fff; cursor:pointer; }
div.content form div.input > input[type=submit]:hover { background-color:#888; }

div.content form div.input > input[type=checkbox].error + label:before,
div.content form div.input > input[type=radio].error + label:before,
div.content form div.input .error { background-color:#ddd; }
div.content form.finder fieldset { border:0; margin:0; padding:0; margin:auto; width:100%; max-width:634px; }
div.content form.finder div.col-4-1,
div.content form.finder div.col-4-2,
div.content form.finder div.col-4-3,
div.content form.finder div.col-4-4 { position:relative; display:block; float:left; width:20%; margin-right:5%; }

div.content form.finder div.result { position:relative; margin-top:45px; overflow:hidden; margin-left:12px; margin-right:12px; }
div.content form.finder div.result div.detail { display:block; position:relative; width:72%; float:left; overflow:auto; }
div.content form.finder div.result div.detail + div.overview { width:28%; margin-top:70px; float:right; max-width: 20%; float: left; position: relative; }

div.content form.finder div.result table.list { position:relative; width:100%; }
div.content form.finder div.result table.list tr { overflow:hidden; font-size:20px; line-height:1.2em; }
div.content form.finder div.result table.list tr.hidden { display:none; }
div.content form.finder div.result table.list tr.empty { display:none; }
div.content form.finder div.result table.list tr > td { position:relative; vertical-align:top; padding:10px; padding-left:0; border-bottom:3px solid #000; }
div.content form.finder div.result table.list tr > td:first-child { padding-left:54px; }
div.content form.finder div.result table.list tr.expandable > td:first-child { background-image: url('../arrow_down.png'); background-repeat: no-repeat; background-position: 15px 10px; background-size: 24px;}
div.content form.finder div.result table.list tr.expandable.active > td:first-child { background-image: url('../arrow_up.png'); }

div.content form.finder div.result table.list tr > td.dot { padding-left:20px; }
div.content form.finder div.result table.list tr > td.dot:before { display:block; content:""; position:absolute; top:14px; left:0; width:16px; height:16px; border-radius:50%; }
div.content form.finder div.result table.list tr > td.dot.green:before { background-color:#77881c; }
div.content form.finder div.result table.list tr > td.dot.blue:before { background-color:#AC4F4F; }
div.content form.finder div.result table.list tr > td.dot.red:before { background-color:#FFD6DC; }

div.content form.finder div.result table.list tr.head > td { font-weight:bold; vertical-align:top; line-height: 0.8em;}
div.content form.finder div.result table.list tr.head > td > .table-small{ font-size: 10px;line-height: 18px; }
div.content form.finder div.result table.list tr.head > td > sup{font-size: 12px;line-height: 8px;}
div.content form.finder div.result table.list tr.head > td:first-child:before { display:none; }
div.content form.finder div.result table.list tr.detail > td:first-child:before { display:none; }
div.content form.finder div.result table.list tr:last-child > td:first-child:before { display:none; }

div.content form.finder div.result table.list tr:hover { background-color:#ffc700; cursor:pointer; }
div.content form.finder div.result table.list tr.head:hover,
div.content form.finder div.result table.list tr.detail:hover,
div.content form.finder div.result table.list tr.empty:hover { background:none; cursor:auto; }

div.content form.finder div.result table.list[data-filter-found-count="0"] tr.empty { display:table-row; }
div.content form.finder div.result table.list[data-filter-found-count="0"] tr.empty td { text-align:center; }


div.content form.finder div.result table.list tr.detail { display:none; padding-top:29px; padding-right:54px; text-align:center; }
div.content form.finder div.result table.list tr.active + tr.detail { display:table-row; }
div.content form.finder div.result table.list tr.active.hidden + tr.detail { display:none; }

div.content form.finder div.result table.list tr.detail p { margin:0; margin-bottom:21px; }
div.content form.finder div.result table.list tr.detail p img { margin:0; width: 50%; max-width: 50%; }

div.content form.finder div.result table.list tr.detail .button { display:inline-block; text-decoration:none;position:relative; border:3px solid #000; font-size:27px; line-height:1em; font-weight:bold; padding:7px; padding-left:20px; padding-right:20px; }
div.content form.finder div.result table.list tr.detail .button.icon { padding-left:50px; }
div.content form.finder div.result table.list tr.detail .button.icon svg { height:1em; position:absolute; top:7px; left:7px; }

div.content form.finder div.result table.list tr.detail .button.highlight,
div.content form.finder div.result table.list tr.detail .button:hover,
div.content form.finder div.result table.list tr.detail .button:hover span { background-color:#000; color:#fff; }
div.content form.finder div.result table.list tr.detail .button.highlight svg path,
div.content form.finder div.result table.list tr.detail .button:hover svg path { fill:#fff; }

div.content form.finder div.result table.list tr.detail .button.highlight { margin-top:15px; margin-bottom:15px; }

div.content form.finder div.result table.list td.hover div.hidden { position: absolute; bottom: -65px; background: #fff; border: 2px solid #000; z-index: 2; padding: 5px; }
div.content form.finder div.result table.list td.hover div.hidden.open { display: block; }

div.content form.finder div.col-4-2 + div.col-4-4 { display:block; float:left; width:32%; margin-left: 18%; margin-right: 0; padding-top:1.4em; }
@media only screen and (max-width: 480px) {
	div.content form.finder div.col-4-1,
	div.content form.finder div.col-4-2,
	div.content form.finder div.col-4-3,
	div.content form.finder div.col-4-4 { width:100%; margin:0; float:none; margin-bottom:35px; }
	div.content form.finder div.col-4-3 { margin-bottom:50px; }
	div.content form.finder div.col-4-2 + div.col-4-4 { margin-left: 0; padding-top: 0; width: 100% }
	
	div.content form.finder div.result { margin-top:0; }
}

@media only screen and (max-width: 750px) {
	div.content form.finder div.result div.detail { width:100%; float:none; }
	div.content form.finder div.result div.detail + div.overview { display:none; }
}

@media only screen and (min-width: 1024px) {
	div.content form.finder div.col-4-1,
	div.content form.finder div.col-4-2,
	div.content form.finder div.col-4-3,
	div.content form.finder div.col-4-4 { position:relative; float:none; width:auto; margin:0; }

	div.content form.finder div.col-4-1 { position:absolute; left:36px; right:50%; margin-right:340px; }
	div.content form.finder div.col-4-2,
	div.content form.finder div.col-4-3 { position:relative; display:block; float:left; width:30%; }
	div.content form.finder div.col-4-3 { width:60%; }
	div.content form.finder div.col-4-4 { position:absolute; right:36px; left:50%; margin-left:314px; margin-top:9px; padding-top:1em; }
	
	div.content form.finder div.col-4-2 + div.col-4-4 { display:block; float:left; width:60%; margin-left: 0; padding-top: 1em; }
	
	div.content form.finder div.result div.detail { width:calc((634px /100 * 90) + ((100% - 634px) / 2)); }
	div.content form.finder div.result div.detail + div.overview { width:calc(100% - ((634px /100 * 90) + ((100% - 634px) / 2))); }
}

@media only screen and (min-width: 1200px) {
	div.content form.finder div.col-4-2 { width:40%; }
	div.content form.finder div.col-4-3 { width:45%; }
	div.content form.finder div.col-4-4 { margin-left:340px; }
	div.content form.finder div.col-4-2 + div.col-4-4 { margin-left: 0; }
	
	div.content form.finder div.result div.detail { width:calc((634px /100 * 85) + ((100% - 634px) / 2)); }
	div.content form.finder div.result div.detail + div.overview { width:calc(100% - ((634px /100 * 85) + ((100% - 634px) / 2))); }
}

@media only screen and (min-width: 1600px) {
	div.content form.finder div.col-4-2 { width:40%; }
	div.content form.finder div.col-4-3 { width:55%; float:right; }
	div.content form.finder div.col-4-4 { margin-left:450px; }
	div.content form.finder div.col-4-2 + div.col-4-4 { margin-left: 0; }
	
	div.content form.finder div.result div.detail { width:calc(634px + ((100% - 634px) / 2)); }
	div.content form.finder div.result div.detail + div.overview { width:calc(100% - (634px + ((100% - 634px) / 2))); }
}

div.content form.finder div.result div.overview p { margin:0; margin-left:15px; margin-bottom:0px; }
div.content form.finder div.result div.overview p img { display:block; width:100%; height:auto; margin:0; max-height: 315px; width: auto; }

div.content form.finder fieldset h3 { font-size:24px; line-height:1em; margin:0; margin-bottom:9px; }


div.footer {  display:block; position:relative; /*overflow:hidden;*/ background-color:#000; color:#fff; margin-top:142px; padding-top:41px; padding-bottom:50px; }
div.footer ul li p > a {text-decoration: underline;}
div.footer a:hover,
div.footer li.active a,
div.footer a.selected { color:#ffc700; text-decoration: none;}
div.footer a.icon:hover path,
div.footer a.icon.selected path { fill:#ffc700 !important; } 
div.footer > div:not(.end) { display:block; overflow:hidden; margin:120px auto; max-width: 1600px; padding: 0 25px; box-sizing: border-box; }
div.footer > div + div { margin-top:100px; }
div.footer > div.top { margin-top:120px; }
div.footer ul { display:block; float:left; margin:0; padding:0; width:25%; list-style:none; }
div.footer ul.double { width:40%; }
div.footer > div > ul > li { margin:0; padding:0; font-weight:bold; font-size:24px; line-height:1.2em; margin-bottom:9px; margin-right:20px; overflow:hidden; }
div.footer > div > ul:last-child > li { margin-right:0; }
div.footer > div.top > ul > li:first-child { font-size:36px; margin-bottom:14px; height: 2.8em; }
div.footer > div.bottom > ul { width: 15%; margin-right: 10%; }
/* div.footer > div.bottom > ul:first-child { margin-left: 5%; }
div.footer > div.bottom > ul:last-child { margin-right: 0; } */
div.footer > div.bottom > ul > li { margin-bottom:14px; }
div.footer > div.bottom > ul > li h3 { font-size: 24px; line-height:1.2em; font-weight:bold; margin:0; padding:0; }
div.footer > div.bottom > ul > li p { font-size: 18px; font-weight:normal; line-height:1.25; margin:0; padding:0; letter-spacing:-0.1px; }
div.footer > div.bottom > ul > li .icon { display:block; float:left; margin-right:5px; }
div.footer > div.bottom > ul > li .icon svg { display:block; height:19px; width:auto; }
/*div.footer > div.bottom > ul:first-child > li:last-child { margin-top:25px; }*/


body > div.wrapper > div.lightbox, body > div.wrapper > div.childpage > div.lightbox, div#popup-msg { display:none; }
.featherlight div.content form div.contactform_div div.input > input[type=text],
.featherlight div.content form div.contactform_div div.input > textarea,
.featherlight div.content form div.contactform_div div.input > select{width: 100%; min-width: 283px;}

sup, sub { line-height: 10px; font-size: smaller; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

@media only screen and (max-width: 374px) {
	.featherlight div.content form div.contactform_div div.input > input[type=text],
	.featherlight div.content form div.contactform_div div.input > textarea,
	.featherlight div.content form div.contactform_div div.input > select{min-width: auto;}
}
.featherlight-content div#popup-msg { display: block; }
div.lightbox { max-width:800px; }
div.lightbox > :first-child { margin-top:0; }
div.lightbox > :last-child { margin-bottom:0; }
div.lightbox div.content h2 { margin-top:0; }

@media only screen and (max-width: 1500px) {
	div.footer > div.bottom > ul { width: 20%; margin-right: 5%; }
}

@media only screen and (max-width: 1024px) {
	/*
	div.footer ul,
	div.footer ul.double { width:25% }
	div.footer ul + ul + ul + ul + ul { float:right; margin-top:30px; }
	
	div.header > div.navigation > div.menu > div > ul { width:25%; }
	div.header > div.navigation > div.menu > div > ul + ul + ul + ul + ul { float:right; margin-top:30px; }
	*/
	
	div.header > div.navigation > div.menu > div > ul > li { font-size: 18px; }
	div.header > div.navigation > div.menu > div > ul > li:first-child { font-size: 24px; height: auto; }
	
	
	div.wrapper div.footer { padding-top: 110px; }
	div.footer > div.top > ul > li:first-child { font-size: 24px; height: auto; }
	div.footer > div > ul > li { font-size: 18px; }
	
	div.footer > div.top,
	div.footer > div.bottom { display: flex; flex-wrap: wrap; margin: 30px auto; padding-top: 50px; }	
	div.footer > div.top > ul,
	div.footer > div.bottom > ul { width: 50%; margin-right: 0; margin-bottom: 30px;}
	
}
@media only screen and (max-width: 800px) {
	div.footer div.top { display:none; }
	/*div.footer div.bottom { margin-top:0; }*/
	
	div.footer ul,
	div.footer ul.double { width:25%; }
	
	
	div.header > div.navigation > div.menu { position:fixed; z-index:7; width:65%; height: calc(100% - 105px); background-color:rgba(255,199,0,1); overflow-y:auto; overflow-x:hidden; }
	div.header > div.navigation > div.menu > div { flex-direction: column; position:relative; bottom:auto; left:auto; right:auto; padding-top:37px; padding-left:24px; padding-bottom:0; }
	div.header > div.navigation > div.menu > div > ul { width:100%; margin-top:37px; }

	div.header > div.navigation > div.menu > div > ul a { display:block;}
	
	
	div.header > div.navigation > div.menu > div > ul.mobileonly { display:block !important; margin-bottom:20px; }
	div.header > div.navigation > div.menu > div > ul.mobileonly li:first-child { font-size:18px; line-height:1.2em; margin-bottom:9px; }
	div.header > div.navigation > div.menu > div > ul.mobileonly > li .icon { display:block; float:left; margin-right:5px; }
	div.header > div.navigation > div.menu > div > ul.mobileonly > li .icon svg { display:block; height:19px; width:auto; }
}
@media only screen and (max-width: 600px) {
	div.footer { padding-bottom: 10px; }
	div.footer > div.top > ul, 
	div.footer > div.bottom > ul {
		width: 100%;
		margin-bottom: 10px;
	}
	div.footer > div.top > ul > li:first-child { font-size: 18px; height: auto; }
	div.footer > div > ul > li { font-size: 18px; }
	div.footer > div.top, 
	div.footer > div.bottom { margin: 10px auto; }
	div.footer > div.bottom > ul > li h3 { font-size: 18px; }
	div.footer > div.bottom > ul > li p { font-size: 14px; }
}
@media only screen and (max-width: 480px) {
	
}

@media only screen and (min-width: 0px) and (max-width: 880px) {
	div.content.full div.table { margin-left:0; margin-right:0; }
	div.content div.table div.col h3 { font-size:50px; }
}
@media only screen and (min-width: 0px) and (max-width: 700px) {
	div.content.full div.table { margin-left:20px; margin-right:20px; }
	div.content div.table.s4 div.col { width:50% !important; }
	div.content div.table.s4.r1 div.col { width:auto !important; }
	div.content div.table.s4 div.col:nth-child(3):after, div.content div.table.s4 div.col:nth-child(5):after { display:none; }
	div.content div.table.s4 div.col:nth-child(3),
	div.content div.table.s4 div.col:nth-child(4),
	div.content div.table.s4 div.col:nth-child(5) { padding-top:30px; margin-top:30px; border-top:4px solid #000; }
}
@media only screen and (min-width: 0px) and (max-width: 420px) {
    div.content div.table div.col h3 { font-size:90px; }

	div.content.full div.table { margin-left:0; margin-right:0; }
	div.content div.table div.col > * { margin-left:0; margin-right:0; }
	div.content div.table.s4 div.col { width:auto !important; }
	div.content div.table div.col:after { display:none; }
	div.content div.table div.col { padding-top:30px; margin-top:30px; border-top:4px solid #000; }
	div.content div.table div.col:first-child { margin-top:0; }
	div.content div.table div.col:last-child { padding-bottom:30px; border-bottom:4px solid #000; }
}

@media only screen and (max-width:684px) {
	.content { width:auto; margin-left:28px; margin-right:22px; }
	div.content form.finder div.result { margin-left:0; margin-right:0; }
}
@media only screen and (max-width:480px) {
	body { font-size:18px; }
	h1,.h1,
	h2,.h2 { font-size:28px; }
	.lead { font-size:27px; }
	
	div.header { min-height:0; /*margin-bottom:0px;*/}
	div.header + div.content { margin-top:0; }
	
	div.content h2 { margin-top:35px; }
	div.content p img { margin-top:35px; margin-bottom:35px; }
}



/******** Home page news teasers **********/
div.content.newsTeasers {
	display: flex;
	flex-direction: row;
	font-size: 18px;
	font-weight: 300;
	
	padding: 50px 0;
}
div.content.newsTeasers div.col-1 {
	width: 395px;
	margin-right: 35px;	
}
div.content.newsTeasers div.col-2 {
	width: 395px;
	
}
div.content.newsTeasers div.item {
	margin-bottom: 60px;
	
}

div.content.newsTeasers h2 {
	font-size: 28px;
	font-weight: 700;
	
}
div.content.newsTeasers a.more { 
	font-size: 27px;
	font-weight: 700;
	display: block;
	
	padding: 5px 20px;
	border: solid 4px #000000;
	text-decoration: none;
	width: 180px;
	text-align: center;
	margin: 0 auto;
	transition: all .5s ease;
}
div.content.newsTeasers .item:hover  a.more,
div.content.newsTeasers a.more:hover { 
	color: #ffffff;
	background-color: #000000;
}
div.content.newsTeasers .item:hover  a.more span,
div.content.newsTeasers a.more:hover span,
div.content.newsTeasers a.more span:hover {
	color: #ffffff;
}
div.content.newsTeasers .item:hover { cursor: pointer; }

@media only screen and (max-width: 880px) {
	div.content.newsTeasers {
		flex-direction: column;		
	}
	
	div.content.newsTeasers div.col-1,
	div.content.newsTeasers div.col-2 {		
		margin: 0 auto;		
		box-sizing: border-box;
	}
}
@media only screen and (max-width: 480px) {
		
	div.content.newsTeasers div.col-1,
	div.content.newsTeasers div.col-2 {				
		width: 100%;
	}
	div.content.newsTeasers div.col-1 img,
	div.content.newsTeasers div.col-2 img {				
		width: 100%;
	}
	
}
	
	
	
/******** News list **********/	
div.newsList {	
	font-size: 18px;
	line-height: normal;
	letter-spacing: -0.1px;
	font-weight: normal;
	
}
div.news-item {
	width: 100%;
	height: auto;
	display: inline-block;
	margin-bottom: 200px;
}

div.newsList h1 {
	font-size: 36px;
	line-height: 0.97;
	letter-spacing: -0.2px;
	font-weight: bold;
}
div.newsList h2 {
	font-size: 27px;
	line-height: 1;
	letter-spacing: -0.1px;
	font-weight: bold;
}

div.newsList div.col-1 {
	width: calc(50% - 15px);
	margin-right: 30px;
	float: left;
}
div.newsList div.col-2 {
	width: calc(50% - 15px);
	float: left;
}

div.newsList div.col-1 img,
div.newsList div.col-2 img {
	width: 100%;
	margin: 20px 0;
	
}


@media only screen and (max-width: 880px) {
	div.content.full.newsList {
		max-width: 100%;
		width: 100%;
		padding-left: 28px; 
		padding-right: 28px;
		box-sizing: border-box;
	}	
}

@media only screen and (max-width: 680px) {
	div.content.full.newsList {		
		width: auto;
		padding-left: 0; 
		padding-right: 0;
		box-sizing: border-box;
	}
	
	div.newsList div.col-1,
	div.newsList div.col-2	{
		width: 100%;
		margin-right: 0px;		
	}	
}



/* Sub page tabs */
ul.subpages_nav { position: relative; display: table; white-space: nowrap; -webkit-overflow-scrolling: touch; text-align: left; padding: 0; font-size: 0; width: 100%; }
ul.subpages_nav li { display: table-cell; text-align: center; border: 4px solid #000; border-left: none; }
ul.subpages_nav li:first-child { border-left: 4px solid #000; }
ul.subpages_nav li a { /*font-size: 46px; line-height: 55px; color: #333231;*/ text-decoration: none; border-bottom: none; display: inline-block; width: 100%; }
ul.subpages_nav li.selected a { background-color: #ffc700; }

@media only screen and (max-width: 685px) { 
	.content.max.subpages { margin:0; }
	.content.max.childpage { margin:0; }
}
@media only screen and (max-width: 680px) {
	ul.subpages_nav { width: calc(100% - 8px); }
	ul.subpages_nav li { width: 100%; display: block; border-left: 4px solid #000; margin-bottom: 5px; }
}

/* Available apartments */
#app-popup, #complex-popup { display: none; text-align: left; margin: 0 auto; width: calc(100% - 80px); max-width: 1520px; min-height: 100%; max-height: calc(100vh - 105px); overflow: auto; position: fixed; top:105px; background-color: rgba(216, 216, 216, 1); padding:40px; z-index: 100;  }
#complex-popup { background-color: #fff; box-sizing: border-box; min-height: 0; width: 100%; top: 105px; }

#complex-popup-wrapper {
    height: calc(100% - 105px);
    background: #fff;
    position: fixed;
    z-index: 8;
    width: 100%;
	display: none; 
	top: 105px;
}

div.wrapper #app-popup { left: calc((100% - 1520px - 80px) / 2); }
@media only screen and (max-width: 1520px) {
	div.wrapper #app-popup { left: 0; }
}
div.wrapper #app-popup-wrapper {
    background-color: #fff;
    min-height: 100%;
    position: fixed;
    top: 63px;
    left: 0;
    width: 100%;
    z-index: 100;
	display: none;
	text-align: center;
	}
div.header.transformed > div.top-link > a.hidden,
div.header.transformed > div.top-link > a.close-complex { opacity:0; }
div.header.transformed > div.top-link > a.close-complex span { opacity: 0; }

#app-popup-wrapper .loading {
	position: fixed;
	top: 35%;
	margin: 0 auto;
	left: 0;
	right: 0;
	z-index: 101;
	display: none;
}

#app-popup .object-svg-isometrie { width: 50%; }

#app-popup form.finder #finder2 { float: right; overflow-y: auto; height: auto; /*max-height: calc(100vh - 100px);*/ min-width: 458px; width: 50%; max-width:none; margin: 0; font-size: 20px; }
#app-popup form.finder #finder2 h2 { font-size: 28px; line-height: 1; letter-spacing: -0.14px; }
#app-popup form.finder #finder2 h3 { font-size: 20px; line-height: normal; letter-spacing: -0.1px;}
#app-popup form.finder .result { float: left; min-width: 458px; width: 50%; max-width:none; margin:0; }
#app-popup form.finder #finder2 h2 { margin: 0; }
#app-popup form.finder #finder2 .col-4-1,
#app-popup form.finder #finder2 .col-4-2,
#app-popup form.finder #finder2 .col-4-3,
#app-popup form.finder #finder2 .col-4-4 { float: left; margin:0; margin-top: 10px; position: relative; left: auto; right: auto; display: block; width: 100%; }
#app-popup form.finder #finder2 .col-4-3 div.input > input[type=text] { width: calc(100% - 40px); }
#app-popup form.finder #finder2 .overvieww img { width:240px; margin:0; }
#app-popup form.finder #finder2 .col-4-3 div.col { width: 45%; /*margin:2.5%;*/ float:left; }
#app-popup form.finder #finder2 .col-4-3 div.col:first-child { margin-right:2.5%; }
#app-popup form.finder #finder2 p.disclaimer { font-size: 16px; }
#app-popup form.finder #finder2 p.disclaimer.desktop { display: block; }
#app-popup form.finder div.list div.details p.disclaimer.mobile { display: none; }
#app-popup form.finder #finder2 #finder3 > h3 { display: none; position:relative; margin: 5px 0; }
#app-popup form.finder #finder2 #finder3 > div { display: none; }
#app-popup form.finder #finder2 #finder3 > h3:after { content: "";
    position: absolute;
    display: inline-block;
    height: 16px;
    width: 18px;
	right:7px;
	top:4px;
	background-image: url(/includes/arrow_up.png);
	background-size: cover;
 }
#app-popup form.finder #finder2 #finder3.expanded > h3:after { background-image: url(/includes/arrow_down.png); }
#app-popup form.finder #finder2 #finder3.expanded > div { display:block; }
#app-popup form.finder #finder2 .col-4-3  label { margin-bottom: -8px; text-align: center; font-size: 20px;}
#app-popup form.finder #finder2 .col-4-3  label span { font-size: 22px; }
#app-popup form.finder #finder2 .col-4-3  h3 { font-size: 20px; line-height: normal; letter-spacing: -0.12px; }
#app-popup form.finder #finder2 .col-haus { display: inline-block; width: 100%; }
#app-popup form.finder #finder2 .col-haus div.input { display: inline-block; margin-right: 20px; }
#app-popup form.finder div.head div { display: inline-block; font-weight: bold; vertical-align: top; line-height: 0.8em; padding: 10px; font-size: 20px; }
#app-popup form.finder div.head, #app-popup form.finder div.row { border-bottom: 4px solid #000; font-size:0; }
#app-popup form.finder div.head .table-small { font-size: 10px; line-height: 18px; }
#app-popup form.finder div.row div { display: inline-block; font-size: 20px; line-height: 1.2em; padding: 10px; position: relative; }
#app-popup form.finder div.head div, #app-popup form.finder div.row div { width:calc(20% - 20px); }
#app-popup form.finder div.list div.row.expandable > div:first-child { background-image: url(../arrow_down.png); background-repeat: no-repeat; 
	background-position: 15px 10px; background-size: 24px; }
#app-popup form.finder div.list div.row > div:first-child { padding-left: 54px; width: calc(20% - 64px); }
#app-popup form.finder div.head  > div:first-child { padding-left: 54px; width: calc(20% - 64px); }
#app-popup form.finder div.list div.row.expandable.active > div:first-child { background-image: url(../arrow_up.png); }
#app-popup form.finder .details, #app-popup form.finder .empty { display:none; }
#app-popup form.finder div.row:hover,
#app-popup form.finder div.row.active { background-color: #ffc700; cursor: pointer; }
#app-popup form.finder div.row.active { border-bottom-color: #ffc700; }
#app-popup form.finder div.row:after { content:''; clear:both; }
#app-popup div.content form.finder div.result div.detail { position:relative; width: 95%;	 }
#app-popup form.finder div.head { position: static; top:0; left:0; }
#app-popup form.finder div.list { position: static; top:40px; left:0; overflow-y:auto; /*overflow-y:scroll;*/ overflow-x:hidden; height: auto; max-height: calc(100vh - 163px); }
#app-popup form.finder div.list .details { background-color: #fff; border-bottom: 4px solid #000; }
#app-popup form.finder div.list div.details .button {
    display: inline-block;
    text-decoration: none;
    position: relative;
    border: 4px solid #000;
    font-size: 27px;
    line-height: 1em;
    font-weight: bold;
    padding: 7px 10px;
	width: calc(100% - 28px);
	margin: 5px 0;
}
#app-popup form.finder div.list div.details .download-buttons div.overvieww-mobile { display:none; }
#app-popup form.finder div.list div.details .button:hover { background-color: #000; color: #fff; }
#app-popup form.finder div.list div.details .link {
    display: inline-block;
    text-decoration: none;
    position: relative;
    border-bottom: 2px solid #000;
    font-size: 20px;
    line-height: 1em;
    font-weight: bold;
    padding: 0;
	width: auto;
	margin: 5px 0;
}
#app-popup form.finder div.list div.details .link:hover {  border-bottom-color: #fff;  }

#app-popup form.finder div.list div.details div.image { width: 63%; float: left; }
#app-popup form.finder div.list div.details div.image p { margin-top: 0; }
#app-popup form.finder div.list div.details div.image p img { margin-top: 20px; }
#app-popup form.finder div.list div.details .summary { float: right; width: 33%; margin-top:20px; }
#app-popup form.finder div.list div.details .download-buttons { float: right; width: 33%; margin-top: -15px; margin-bottom: 20px; }
#app-popup form.finder div.list div.details .applybutton { text-align:center; }
#app-popup form.finder div.list div.details .applybutton a.button { width:100%; box-sizing: border-box; }
#app-popup form.finder div.list div.details .summary div { font-weight: bold; font-size: 20px; }

#app-popup form.finder div.list div.details .summary > div {display:inline-block; float: left; margin-right: 10px; width: 100%;}
#app-popup form.finder div.list div.details .summary div div {display:block;}

#app-popup form.finder div.list div.details .summary span { font-weight: normal; }
#app-popup form.finder div.row.expandable.active + div.details { display:block; width: 100%; float: left; padding: 0 3%; box-sizing: border-box; }
#app-popup form.finder div.list div.details .summary div:nth-child(2n+2) { margin-bottom:10px; }

#app-popup form.finder div.result div.list div.row  > div.dot { padding: 10px 0 10px 20px; margin-left: -10px; }
#app-popup form.finder div.result div.list div.row  > div.dot:before {
    display: block;
    content: "";
    position: absolute;
    top: 14px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
#app-popup form.finder div.result div.list div.row  > div.dot.red:before { background-color: #FFD6DC; }
#app-popup form.finder div.result div.list div.row  > div.dot.blue:before { background-color: #AC4F4F; }
#app-popup form.finder div.result div.list div.row  > div.dot.green:before { background-color: #77881c; }

#app-popup form.finder div.input .slider .noUi-handle {
    background-color: #ffc700;
    border: 0;
    box-shadow: none;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    top: -10px;
    right: -10px;
}
#app-popup form.finder div.list div.row.hidden + div.details { display:none; }
#app-popup form.finder #finder2 .col-4-1 > div { width:80px; float: left; display: inline-block; }
#app-popup form.finder #finder2 .col-4-1 > div + div { width: 100%; display: flex; flex-wrap: wrap; }
#app-popup form.finder #finder2 .col-4-1 div.input { display: -webkit-box;  display: -ms-flexbox;  display: flex; float: left; margin-right: 20px; width: calc(100%/3 - 31px); }


#app-popup form.finder #finder2 .col-haus div.input { display: -webkit-box;  display: -ms-flexbox;  display: flex; float: left; margin-right: 20px; width: calc(100%/3 - 31px); }

@media only screen and (max-width: 1280px) {
	#app-popup form.finder #finder2 .col-haus div.input,
	#app-popup form.finder #finder2 .col-4-1 div.input	{ width: calc(100%/2 - 31px); }
	#app-popup form.finder #finder2 .col-4-1 div.input.empty { display: none; }
}


@media only screen and (max-width: 1200px) {
	#app-popup form.finder div.head > div:first-child { padding-left: 30px; width: calc(20% - 40px); }
}
@media only screen and (max-width: 1024px) {
	#app-popup form.finder #finder2, #app-popup form.finder .result { min-width: auto; }
	#app-popup form.finder #finder2 .col-4-3 div.col { width:100%; }
	#app-popup form.finder #finder2 .col-4-3 div.col:first-child { margin-right:0; }
	#app-popup form.finder div.row div { max-width: calc((100% - 180px)/4); }
	#app-popup form.finder div.result div.list div.row > div.dot { min-width: 80px; }
}
@media only screen and (max-width: 890px) {
	#app-popup-wrapper,
	#complex-popup-wrapper {
		background-color: #fff;
		min-height: 100%;
		position: fixed;
		top: 105px;
		left: 0;
		width: 100%;
		z-index: 100;
		display: none;
		text-align: center;
	}
	#app-popup, #complex-popup { width: 100%; padding: 40px 0 0; box-sizing: border-box; position: relative; top: 0;  }
	#app-popup { background-color: #ffffff; }
	#app-popup div.content form.finder div.result div.detail { width:100%; }
	#app-popup > .content { margin:0; }
	#app-popup form.finder #finder2 { float: left; width:calc(100% - 50px); min-width: auto; margin:0 25px; }
	#app-popup form.finder .result { width:100%; min-width: auto; }
	#app-popup form.finder div.head, #app-popup form.finder div.list { position: relative; display: block; top: auto; left: auto; overflow: auto; height: auto; max-height: 100%; padding-bottom: 60px;}
	#app-popup form.finder div.list div.details { width:calc(100% - 50px); padding:0 25px; }
	#app-popup form.finder div.list div.details .summary { float: left; width: 100%; }
	#app-popup form.finder div.list div.details div.image { width: 100%; }
	#app-popup form.finder div.list div.details .download-buttons { float: left; width: 100%; }
	#app-popup form.finder div.list div.details .download-buttons > * { width: 49%; display: inline-block; float: left; }
	/* #app-popup form.finder div.list div.details .download-buttons > img { display:block !important; margin-right: 1%; } */
	#app-popup form.finder div.list div.details .download-buttons div.overvieww-mobile { display:block !important; }
	#app-popup form.finder div.list div.details .download-buttons .button { font-size: 16px; }
	#app-popup form.finder #finder2 .overvieww { display: none; }
	#app-popup form.finder #finder2 #finder3 > h3 { display: block; }
	#app-popup form.finder #finder2 #finder3 { border: solid 4px #000000; padding: 5px; margin: 30px 0; }
	#app-popup form.finder #finder2 #finder3:after { content:''; clear:both; display:block; }
	#app-popup form.finder #finder2 div.input > input[type=checkbox] + label:before,
	#app-popup form.finder #finder2 div.input > input[type=radio] + label:before	{ width:10px; height:10px; border: 2px solid #000; top: 2px;}
	#app-popup form.finder #finder2, #app-popup form.finder div.input > input[type=checkbox] + label, 
	#app-popup form.finder #finder2, #app-popup form.finder div.input > input[type=radio] + label, 
	#app-popup form.finder div.input label { font-size: 16px; }
	#app-popup form.finder #finder2 h3 { font-size: 20px; }
	#app-popup form.finder div.input > input[type=checkbox] + label,
	#app-popup form.finder div.input > input[type=radio] + label { padding-left: 20px; line-height: 18px; }
	div.content form.finder div.result div.detail { width: 100%;	 }
	#app-popup form.finder #finder2 .col-4-3  label span { font-size: 16px; }
	#app-popup form.finder div.list div.details .applybutton { display: inline-block; width: 100%; }
	#app-popup form.finder div.list div.details .applybutton a.button { box-sizing: border-box; width: 100%; }
	
	#app-popup form.finder div.list div.details .link,
	#app-popup form.finder div.list div.details .summary div,
	#app-popup form.finder div.row div,
	#app-popup form.finder div.head div	{ font-size: 16px; }
	#app-popup form.finder #finder2 p.disclaimer.desktop { display: none; }
	#app-popup form.finder div.list div.details p.disclaimer.mobile { display: block; }
	
	#app-popup form.finder #finder2 .col-4-1 div.input,
	#app-popup form.finder #finder2 .col-haus div.input { width: auto; }
	
}
@media only screen and (max-width: 480px) {
	#app-popup form.finder div.head div, #app-popup form.finder div.row div { width: calc(20% - 15px); padding: 10px 5px; max-width: none; }
	#app-popup form.finder div.head > div:first-child { width: calc(15% - 20px); }
	#app-popup form.finder div.list div.row > div:first-child { padding-left: 40px; width: calc(20% - 47px); }
	#app-popup form.finder div.list div.row.expandable > div:first-child { background-position: 10px 13px; background-size: 20px; }
}
@media only screen and (max-width: 370px) {
	#app-popup form.finder div.list div.row > div:first-child { background-image: unset; background-position: unset; background-size: unset; padding-left: 8px; width: calc(20% - 15px); }
	#app-popup form.finder div.list div.row.expandable > div:first-child, #app-popup form.finder div.list div.row.expandable.active > div:first-child { background-size: 15px; text-indent: 22px; }
	#app-popup form.finder div.row div { padding: 10px 3px; }
}
#kontakt_apartments { margin:40px 0 135px; }


/*** Complex Highslide module ***/

div.content div.fancy p.img {
	margin: 0;	
	position: absolute;
	top: 0px;
	left: 0px;	
	font-size: 0.82em;
	line-height: 1.66em;
}
div.content div.fancy p.img:first-child {
	position: relative;
}
div.content div.fancy p.img img {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;	
}


div.content div.fancy:hover a.overlay-button {
	opacity: 0;
	transition: all .2s ease;
}

div.content div.fancy:hover a.overlay-plus {
	opacity: 1;
}

div.content div.fancy:hover a.overlay-plus span {
	background-color:#000000;
	
}

a.overlay-plus {
	width: 90px;
	height: 90px;
	
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	transition: all .2s ease;
	
	opacity: 0; 
	
	pointer-events: none;
	
}
a.overlay-plus span { display:block; height:12px; background-color:#000000;position:absolute; top:50%; left:0px; width:90px; margin: -6px 0 0 0; transition: all .5s ease;}
a.overlay-plus span:last-child { transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); -webkit-transform:rotate(90deg); }
a.overlay-button {
	position: absolute;
	top: 30px;
	left: 30px;
	
	font-size: 27px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: -0.14px;
	display: block;
	padding: 5px 10px;
	border: solid 4px #000000;
	
	text-decoration: none;
	width: 140px;
	padding-right: 50px;
	background-color: #ffffff;
	background-image: url('/includes/arrow.png');
	background-repeat: no-repeat;
	background-position: 96%;
	background-size: 42px;
	
	text-align: center;
	margin: 0 0 10px;
	transition: all .5s ease;
	font-size: 16px;
	font-weight: bold;
}

@media only screen and (max-width: 890px) {
		
	a.overlay-plus { 
		width: 45px;
		height: 45px;
		margin-top: -25px;
	}
	a.overlay-plus span { 
		display:block; height: 6px; background-color:#000000;position:absolute; top:50%; left:0px; width:45px; margin: -3px 0 0 0; transition: all .5s ease;
	}
}



div.selected-image-wrap {
	width: 74%;	
	display: block;
	float: left;
	position: relative;
}
div.selected-image-wrap img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
div.selected-image-wrap img.active {
	opacity: 1;
}
div.selected-image-wrap img:first-child {
	position: relative;
}



div.selected-items-wrap {
	width: 26%;
	display: block;
	float: left;
	padding: 0 30px;
	box-sizing: border-box;
	
}
div.text-wrap {
	width: 100%;
	display: block;
	float: left;	
	margin-bottom: 40px;

	font-family:"Planeta";
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: normal;
	color: #000000;	
	position: relative;
}
div.text-wrap > div {	
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
}
div.text-wrap > div:first-child {
	position: relative;
}
div.text-wrap > div.active {	
	opacity: 1;
}

div.selected-items-wrap a.button {
	font-size: 27px;
	font-weight: 700;
	display: block;
	padding: 5px 10px;
	border: solid 4px #000000;
	text-decoration: none;
	width: 140px;
	
	text-align: center;
	margin: 0 0 10px;
	transition: all .5s ease;
	font-size: 16px;
	font-weight: bold;
	float: left;
	
}
div.selected-items-wrap a.button:hover { 
	color: #ffffff;
	background-color: #000000;
}

div.selected-items-wrap a.button.active {	
	border: solid 4px #000000;
	color: #ffffff;
	background-color: #000000;	
	font-size: 16px;	
}

div.selected-image2-wrap {
	width: 26%;
	display: block;
	float: left;
	padding: 0;
	box-sizing: border-box;	
	margin-top: 40px;
	position: relative;
}
div.selected-image2-wrap img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 30px;
	opacity: 0;
}
div.selected-image2-wrap img.active {
	opacity: 1;
}

div.selected-image2-wrap img:first-child {
	position: relative;	
}

div.complex-highslide-wrap {
	display: none;
}

div.header > div.top-link > a.close-complex { height:36px; width: 30px; border: 0; padding: 0; display: none; margin-right: 55px;}
div.header > div.top-link > a.close-complex:hover { background-color: #fff; }
div.header > div.top-link > a.close-complex span { display:block; height:3px; background-color:#000; margin-bottom:6px; position:absolute; top:50%; left:4px; width:38px; margin:0; transform:(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); -webkit-transform:rotate(135deg); }
div.header > div.top-link > a.close-complex span:first-child { transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transform:rotate(45deg); }
div.header > div.top-link > a.close-complex span:last-child { display:none; }

@media only screen and (max-width: 890px) {
	div.complex-highslide-wrap {
		width: 100%;
		display: block;
		padding: 0 30px;
		box-sizing: border-box;
	}
	div.header > div.top-link > a.close-complex { margin-right: 35px; margin-top: -14px; }
	
	div.selected-image-wrap {
		width: 100%;
	}
	
	div.selected-items-wrap { 
		width: 50%;
		float: right;
		margin-top: 40px;
	}
	div.selected-image2-wrap {
		width: 50%;
		padding: 0;
	}
	div.selected-image2-wrap img {
		width: 100%;
		left: 0;
	}
	
	div.selected-items-wrap a.button,
	div.selected-items-wrap span.button {
		float: none;
		display: flex;
		justify-content: center;
	}
	
}
@media only screen and (max-width: 480px) {
	div.selected-items-wrap a.button,
	div.selected-items-wrap span.button {
		width: 100%;
	}
}


/**** Gallery Owl-carousel ****/
.owl-carousel {	
	
}

.owl-carousel .owl-item {
	width: auto !important;
	height: 100%;
}
.owl-carousel .owl-item img {
	height: 100% !important;
	width: auto !important;
	
}

.owl-carousel .owl-nav {
	padding: 15px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    
}
.owl-carousel .owl-nav .owl-prev {
	float: left;
}
.owl-carousel .owl-nav .owl-next {
	float: right;
}





.slick-initialized .slick-slide {
	display: flex !important;
	flex-direction: row;
	max-width: 100vw;
	
}

.slick-wrap .slick-nav {	
	padding: 15px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
	
}

.slick-wrap .slick-nav button.prev, 
.slick-wrap .slick-nav button.next {
	background: none;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
	position: relative;
	cursor: pointer;
}
.slick-wrap .slick-nav button.prev {
	float: left;
}
.slick-wrap .slick-nav button.next {
	float: right;
}

.slick-initialized .slick-slide,
.slick-initialized .slick-slide:hover,
.slick-initialized .slick-slide:focus,
.slick-wrap .slick-nav button.prev:focus, 
.slick-wrap .slick-nav button.next:focus,
.slick-wrap .slick-nav button.prev img:focus, 
.slick-wrap .slick-nav button.next img:focus  {
	outline: none;
}

@media only screen and (max-width: 960px) {
	.slick-initialized .slick-slide {
		display: block !important;
		
	}
	.slick-initialized .slick-slide img {
		width: 100%;
	}
		
	.slick-wrap .slick-nav {
		position: absolute;
		top: 50%;
	}
	
}




.content.full.shops-wrapper {
	display: flex;
	flex-wrap: wrap;
	max-width: 870px;
}


ul#cat_nav {
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	
	margin: 0 0 40px;
	padding: 40px 0 10px;
	background-color: #ffffff;
	
	
	position: -webkit-sticky;
	position: sticky;
	top: 108px;
	z-index: 1;
}

ul#cat_nav li.category_link {
	padding: 0 20px;
	display: inline-block;	
}


div.shops-wrapper .group {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 20px auto 60px;
}

div.shops-wrapper .group > h3 {
	width: 100%;
	max-width: 100%;
	
	text-align: center;
	margin: 20px auto;
	font-size: 30px;
}

div.shops-wrapper .shop {
	
	width: calc(100% / 3 - 22px);
	max-width: 300px;
	min-width: 240px;
	min-height: 165px;
	padding: 0 10px;
	margin: 10px;
	box-sizing: border-box;
	position: relative;
	border: solid black 1px;
	display: flex;
	flex-direction: column;
	justify-content: center;

	
}

div.shops-wrapper .shop img {
	max-width: 100%;
	height: auto;
	float: left;
	
	
	cursor: pointer;
}
div.shops-wrapper .shop > .overlay {
	
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	width: calc(100% - 18px);
	height: 100%;
	
	padding: 10px 0;
	box-sizing: border-box;
	cursor: pointer;
	
	opacity: 0;
	background-color: #ffffff;
	color: #000000;
	
	
	transition: opacity .3s ease;
}
div.shops-wrapper .shop:hover > .overlay,
div.shops-wrapper .shop.shown > .overlay {
	opacity: 1;
}

div.shops-wrapper .shop > .overlay > p {
	padding: 0;
	margin: 0;
	font-size: 18px;
	line-height: 1.2;
	
}


@media only screen and (max-width: 700px) {	
	
	div.shops-wrapper .group {
		justify-content: center;
	}	
	
}

@media only screen and (max-width: 650px) {	
	div.shops-wrapper .shop {
		width: auto;	
		margin: 10px 0;	
	}
	div.shops-wrapper .group {
		margin: 20px auto;
	}
	div.shops-wrapper .group > h3 { 
		text-align: left;
		max-width: 300px;
		margin: 0 auto;
	}
	
	ul#cat_nav {
		display: none;		
	}
	
}

@media only screen and (max-width: 560px) {	
	div.shops-wrapper .shop {
		width: 100%;			
	}
	
}