@media print {
	/* dosis-300 - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Dosis';
	  font-style: normal;
	  font-weight: 300;
	  src: url('/fileadmin/_shared/fonts/dosis-v27-latin/dosis-v27-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	       url('/fileadmin/_shared/fonts/dosis-v27-latin/dosis-v27-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	}

	/* dosis-regular - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Dosis';
	  font-style: normal;
	  font-weight: 400;
	  src: url('/fileadmin/_shared/fonts/dosis-v27-latin/dosis-v27-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	       url('/fileadmin/_shared/fonts/dosis-v27-latin/dosis-v27-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	}

	/* dosis-500 - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Dosis';
	  font-style: normal;
	  font-weight: 500;
	  src: url('/fileadmin/_shared/fonts/dosis-v27-latin/dosis-v27-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	       url('/fileadmin/_shared/fonts/dosis-v27-latin/dosis-v27-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	}

	/* dosis-600 - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Dosis';
	  font-style: normal;
	  font-weight: 600;
	  src: url('/fileadmin/_shared/fonts/dosis-v27-latin/dosis-v27-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	       url('/fileadmin/_shared/fonts/dosis-v27-latin/dosis-v27-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	}
}

@media screen {
	/* barlow-semi-condensed-300italic - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Barlow Semi Condensed';
	  font-style: italic;
	  font-weight: 300;
	  src: url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-300italic.woff2') format('woff2'),
	       url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-300italic.ttf') format('truetype');
	}

	/* barlow-semi-condensed-regular - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Barlow Semi Condensed';
	  font-style: normal;
	  font-weight: 400;
	  src: url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-regular.woff2') format('woff2'),
	       url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-regular.ttf') format('truetype');
	}

	/* barlow-semi-condensed-italic - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Barlow Semi Condensed';
	  font-style: italic;
	  font-weight: 400;
	  src: url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-italic.woff2') format('woff2'),
	       url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-italic.ttf') format('truetype');
	}

	/* barlow-semi-condensed-500 - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Barlow Semi Condensed';
	  font-style: normal;
	  font-weight: 500;
	  src: url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-500.woff2') format('woff2'),
	       url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-500.ttf') format('truetype');
	}

	/* barlow-semi-condensed-500italic - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Barlow Semi Condensed';
	  font-style: italic;
	  font-weight: 500;
	  src: url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-500italic.woff2') format('woff2'),
	       url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-500italic.ttf') format('truetype');
	}

	/* barlow-semi-condensed-600 - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Barlow Semi Condensed';
	  font-style: normal;
	  font-weight: 600;
	  src: url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-600.woff2') format('woff2'),
	       url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-600.ttf') format('truetype');
	}

	/* barlow-semi-condensed-600italic - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Barlow Semi Condensed';
	  font-style: italic;
	  font-weight: 600;
	  src: url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-600italic.woff2') format('woff2'),
	       url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-600italic.ttf') format('truetype');
	}

	/* barlow-semi-condensed-700 - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Barlow Semi Condensed';
	  font-style: normal;
	  font-weight: 700;
	  src: url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-700.woff2') format('woff2'),
	       url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-700.ttf') format('truetype');
	}

	/* barlow-semi-condensed-700italic - latin */
	@font-face {
	  font-display: swap;
	  font-family: 'Barlow Semi Condensed';
	  font-style: italic;
	  font-weight: 700;
	  src: url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-700italic.woff2') format('woff2'),
	       url('/fileadmin/_shared/fonts/barlow-semi-condensed-v15-latin/barlow-semi-condensed-v15-latin-700italic.ttf') format('truetype');
	}
}


/* ======================= */
/* RESET BTSTRP */
body { line-height: inherit; font-weight: 300; }

a { color: inherit; text-decoration: none; transition: color .5s; }
a:hover { color: inherit; text-decoration: underline; }

figure { margin-bottom: 0; }

.stretched-link--custom::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	pointer-events: auto;
	content: "";
	background-color: rgba(0,0,0,0);
}

.border-top, .border-bottom { border-color: #ccc !important;}
.border-top 	{ border-top-width: 2px !important; border-top-style: dotted !important;  }
.border-bottom 	{ border-bottom-width: 2px !important;  border-bottom-style: dotted !important;  }

.rounded-lg { border-radius: .6rem !important; }
.rounded-sm { border-radius: 3px !important; }


.text-highlight { color: #ffffff !important; }
.text-important { color: inherit !important; font-size: 1.1em; line-height: 0.9; }
.text-dark { color: #444 !important; }
.text-dark .csc-text-text ul li:before { color: #666; }

.bg-light { background-color:#F3F3F3 !important; }
.bg-light .csc-text-text ul li:before { color: #c00; }

.bg-dark { background-color:#888 !important; }


.bg-yellow { background-color:#FFEC00 !important; }


.ctel.vw-100 { width: auto !important }

.container-fluid { max-width: 1300px; }
.container-fluid .container-fluid { padding-left: 0; padding-right: 0; }

/*@media(min-width: 767px){
	.container-fluid { padding-left: 50px; padding-right: 50px; }
}
*/

/* === WEBSITE-LAYOUT GENERELL ========================================== */
html { background: url('../img/shutterstock_1197153475__d1200x.png') left bottom no-repeat fixed; background-size: cover;  }
body { overflow-y: scroll; margin: 0; padding: 0; background: transparent; }

#page { background: #fff; padding-left: 0; padding-right: 0; }

/* POSITIONIERUNGEN */
#canvas, #page, #main, #footer  { position: relative; }
#header, #nav { position: relative; }
#canvas { /*overflow: hidden;*/ }

#header { padding: 1.5rem; }
/*
@media(min-width: 851px){
	#header { position: fixed; top: 0; bottom: auto; height: 100vh; left: 0; width: 201px; }
	#canvas { overflow: initial; padding-left: 200px ; }
}

@media(min-width: 1025px){
	#header { width: 251px; padding: 50px 50px 2rem 50px; }
	#canvas { padding-left: 250px ; }
}
*/
	


/* Z-INDEXES */
#header 	{ z-index: 2; }
#logo 		{ z-index: 2; }
#nav 		{ z-index: 1; }
#main 		{ z-index: 0; }
#footer 	{ z-index: 1; }


#canvas {  }
#page 	{  }
#footer {  }

#main 		{ background: transparent; }


/* === HEADER === */
#header {  }

/* HEADER: LOGO */
.logo { position: relative; top: 0; left: 0; margin: 0; text-transform: uppercase; text-align: center; }
.logo a:hover { text-decoration: none !important; }
.logo a:focus { outline: none; }

.logo { position: relative; top: 0; left: 0; white-space: nowrap; max-width: 160px; margin: 0; padding: 0; }
.logo { background: left top no-repeat url('../img/dr-koelsch__logo.png') transparent; background-size: contain;}

.logo a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; outline: 0; text-indent: -999px; overflow: hidden; }
.logo:after { content: ''; display: block; width: 100%; height: 0; padding-bottom: 56.65%; }


.logo {  }
.logo__title { margin: 0; }

@media(min-width: 768px){
	.logo { max-width: 180px; }
}
@media(min-width: 992px){
	.logo { max-width: 200px; }
}

.logo { background-image: url('../img/dr-koelsch__logo.svg'); }
.logo:after { padding-bottom: 69.06%; }

/*---*/
.logo { background-image: url('../img/dr-koelsch__logo--1.svg'); }
.logo:after { padding-bottom: 72.4%; }


/* HEADER: MENU */
#nav { }
#nav a:hover { text-decoration: none;  }

.menu, .menu ul { list-style: none; margin: 0; padding: 0; line-height: 1.2; position: relative;  }
.menu, .menu ul {  }
.menu__item { margin: 0; padding: 0; }
.menu__item { position: relative; }
.menu__item a { text-decoration: none; display: block; position: relative; }
.menu__item b { font-weight: inherit; }

.menu--primary { text-transform: uppercase; color: #888; }
.menu--primary a { display: block; padding: 1rem;}
.menu--primary b { position: relative; display: inline-block;  }
.menu--primary a { transition: color .3s; letter-spacing: 1px; }

.menu--primary li.act > a, 
.menu--primary li.cur > a { color: #333 !important; }

.menu--primary li.act > a b, 
.menu--primary li.cur > a b {  }



/* LEVEL 1 */
.menu--primary > .menu__item { position: relative; }

/* LEVEL 2 */

/* LEVEL 3 */

.menu--primary.l1 > li > a b { padding: 0 0; position: relative; }
.menu--primary.l1 > li > a b b { position: absolute; left: 0; top: 120%; width: 0; height: 2px; background: #ccc; text-indent: -999em; overflow: hidden; }

/* - - - */
@media (max-width: 991px) {
	#page { overflow: hidden; }
	
	#nav { font-size: 1.2rem; }
	#nav { position: absolute; z-index: 1; top: 100%; bottom: auto; left: 0; width: auto; right: 0; margin: 0 0 0 0; padding: 1em 2em !important; background: #f6f6f6; }
	#nav { 
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;
	
		transform: translateX(120%);
		-webkit-transform: translateX(120%);
	}
	.menu--is-active #nav { 
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	
	#nav:before { content: ''; position: absolute; z-index: 999; top: 100%; left: 0; right: 0; height: 20px; background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0)); pointer-events: none; }
		
	.menu--primary a { padding: 1rem 0 !important; margin: 0 0 0 0; }
	.menu--primary.l1 > li { /*border-bottom: 1px solid #909692;*/ padding-left: 0 !important; }
	

	#canvas #primarynav .tggl { display: block; position: absolute; right: 0; top: 5px; bottom: 0; width: 60px; height: auto; padding: 0; background: transparent; border: 0; border-left: 1px solid #ccc; text-indent:-999em; overflow: hidden; }
	#primarynav .tggl:after {
		content: '';
		border: 2px solid #999;
		display: block;
		width: 12px;
		height: 12px;
		margin-bottom: -4px;
		position: absolute;
		bottom: 50%;
		left: 50%;
		margin-left: -6px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	#primarynav .tggl:after {
		border-top: 0;
		border-left: none;
	}
	
	#primarynav .opnd > a > .tggl:after {
		margin-bottom: -10px;
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	
	#primarynav .l2 { max-height: 0; overflow: hidden; }
	#primarynav .opnd > .l2 { max-height: 1000px; }

	#primarynav .l3 { max-height: 0; overflow: hidden; }
	#primarynav .opnd > .l3 { max-height: 1000px; }
}

@media(min-width: 992px){
	.menu {  }

	.menu--primary { text-transform: uppercase; font-size: 1rem; margin-left: -1rem; margin-right: -1rem; padding-bottom: .75em; }
	.menu--primary a { padding: .75em 1rem;}
	
	.navbar-toggle { display: none !important; }
	.menu--primary .l2 { text-transform: none; }
	
	.menu--primary.l1 > li > a b { padding: 0 0; position: relative; font-weight: 400; }
	.menu--primary.l1 > li > a b b { position: absolute; left: 0; top: 120%; width: 0; height: 2px; background: #ccc; text-indent: -999em; overflow: hidden; }

	.menu--primary.l1 > li.act > a b b, 
	.menu--primary.l1 > li.cur > a b b, 
	.menu--primary.l1 > li > a:hover > b b,
	.menu--primary.l1 > li > a:active > b b,
	.menu--primary.l1 > li > a:focus > b b { width: 100%; }

	#nav li.act b b, 
	#nav li.cur b b { background: #FFEC00; }
	
	
	#nav b b  {
		-webkit-transition: width 0.4s;
		   -moz-transition: width 0.4s;
		     -o-transition: width 0.4s;
		        transition: width 0.4s;
	}
	
	/*
	.menu--primary.l1 > li > a { text-align: center; }
	.menu--primary.l1 > li > a:hover, 
	.menu--primary.l1 > li:hover > a, 
	.menu--primary.l1 > li:focus-within > a { color: #FFA22B;}
	
	.menu--primary > li.sub > a b { position: relative; display: inline-block }
	.menu--primary > li.sub > a b:before { content:''; display:block; position: absolute; right: -1em; top: 55%; transform: translateY(-50%) rotate(-90deg); width: 12px; height: 18px; transition: transform .3s; }
	.menu--primary > li.sub > a b:before { 
		background: transparent no-repeat center center;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='16px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23656565;stroke-width:4;stroke-linecap:round' points='4,4 11,11 18,4'/%3E%3C/svg%3E");
		background-size: contain;
	}
	.menu--primary > li.sub.cur > a b:before,
	.menu--primary > li.sub.act > a b:before,
	.menu--primary > li.sub > a:active b:before, 
	.menu--primary > li.sub > a:focus b:before, 
	.menu--primary > li.sub:hover > a b:before { 
		transform: translateY(-50%) rotate(0);
		background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='16px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23FFA22B;stroke-width:4;stroke-linecap:round' points='4,4 11,11 18,4'/%3E%3C/svg%3E");
	}
	*/
	
	
	/* L2@DROPDOWN */
/*	.menu--primary .l2:before { content: ''; position: absolute; top: 2.5em; width: 200vw;  bottom: auto; left: -100vw; right: 0; height: 1000vh; background: rgba(30,30,30,0.7);  }*/
	
	.menu--primary .l2 b b { display: none !important; }
	
	.menu--primary .l2 { 
		position: absolute; top: 100%; left: 0; width: auto; padding: 0; margin: 0 auto; overflow: hidden; 
		background: #fff; border-radius: 0; box-shadow: 0 3px 5px rgba(150,150,150,.5); min-width: 250px;
	 }
	.menu--primary .l2 > .menu__item > a { border-bottom: 2px solid #CCC; }
	
/*	.menu--primary .l2 a:after { content: none; position: absolute; bottom: 0; left: 1em; right: 1em; height: 1px; background: #DADADA;  }
	.menu--primary .l2 li:last-child a:after { display: none;  }
*/
	.menu--primary .l2 { left: -999em; right: auto; opacity: 0; transform: translateY(10px); }
	.menu--primary li:hover .l2 		{ left: 0; opacity: 1; transform: translateY(0); }
	.menu--primary li:focus-within .l2  { left: 0; opacity: 1; transform: translateY(0); }

	.menu--primary .l2 { transition: left 0s linear 0.5s, opacity .5s, transform .5s; }
	.menu--primary li:hover .l2  		{ transition: left 0s, opacity .5s, transform .5s; }
	.menu--primary li:focus-within .l2 	{ transition: left 0s, opacity .5s, transform .5s; }
	
	.menu--primary .l3 { height: auto; }
	
}

body.portal .navbar-toggle { display: none !important; }

/* ==================================== */
.navbar-toggle {
	position: absolute;

	bottom: .7em;
	right: 0;
	z-index: 999;
	padding: 15px 20px;
	height: 60px;
	width: 70px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: transparent;
	border-radius: 0;
	
	display: block;
	border: 0;
}

.navbar-toggle:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0); z-index: 2; }
.menu--is-active .navbar-toggle:before { left: 99%; }

.navbar-toggle:focus { outline: 0; }

.navbar-toggle .icon-bar {
	display: block;
	width: auto;
	height: 3px;
	border-radius: 1px;
	background: #333333;
	transition: all .3s;
	position: relative;
	opacity: 1;
	transform: rotate(0) translateY(0);	
}

.navbar-toggle .icon-bar + .icon-bar { margin-top: 7px; }

.menu--is-active .navbar-toggle .icon-bar { opacity: 0;  }

.menu--is-active .navbar-toggle .sr-only + .icon-bar,
.menu--is-active .navbar-toggle .icon-bar:last-child 		{ opacity: 1; }
.menu--is-active .navbar-toggle .sr-only + .icon-bar 		{ transform: translateY(10px) rotate(45deg) }
.menu--is-active .navbar-toggle .icon-bar:last-child 		{ transform: translateY(-10px) rotate(-45deg)  }

/* CONTACTS */
.menu--contacts { margin-top: 2rem;  }
.menu--contacts li { margin-left: -2rem; }
.menu--contacts a { padding: .5rem 0; }
.menu--contacts .icon { display: inline-block; width: 2rem; }

/* LEGAL */
.menu--mn { color: #999; margin-left: -1em; margin-right: -1em; text-transform: uppercase; }
.menu--mn li { position: relative; display: inline-block; margin-left: 0 !important; padding-left: 0 !important; }
.menu--mn a { display: block; padding: .75em 1em; }
.menu--mn .act > a { font-weight: 500; color: #333 !important; }


	
/* BODYTEXT */
/* === TEXTSTILE ======================================= */
body, 
.font-weight-normal, 
.font-weight-light { 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #444; font-family: 'Barlow Semi Condensed', 'Dosis', Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: 300 !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 300 !important;	
}

.font-weight-bold, 
strong { 
	font-weight: 500 !important;
}

/* FONTSIZES ALL TOGETHER */
html 		{ font-size: 16px; line-height: 1.5; }
@media(min-width: 1025px){
	html 		{ font-size: 17px; }
}
@media(min-width: 1300px){
	html 		{ font-size: 18px; }
}

.text-size--xxl { font-size: 1.8rem; }
.text-size--xl 	{ font-size: 1.6rem; }
.text-size--l 	{ font-size: 1.2rem; }
@media(min-width: 992px){
	.text-size--xs 	{ font-size: 0.83rem; }	
}
@media(min-width: 576px){
	.text-size--s, 
	.imgwrap figcaption 	{ font-size: 0.83rem; }
}	

/* HEADINGS */
.header { line-height: .8; margin-bottom: 1rem; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0; }

.h1, h1 { color:inherit; font-size: 1.80rem; text-transform: uppercase; }
.h2, h2 { color:inherit; font-size: 1.6rem; text-transform: none; border-bottom: 2px solid #ccc; padding-bottom: .3rem; letter-spacing: 1px; display: inline-block;  }
.h3, h3 { color:inherit; font-size: 1.25rem; text-transform: none; }
.h4, h4 { color:inherit; font-size: 1em; }

.ctype-header .header, 
.ctype-header .header * { margin-bottom: 0; }

.ctel.text-white .header * {  color: #fff !important; text-transform: none; }

.wsh { margin-bottom: 1em; }
.wsh * { margin-bottom:0; }
.wsh p { margin-top: .5em; }

.text-justify .header { text-align: center; }

/* === CTEL === */
.ctel { }
.ctel__layout { /*padding-bottom: 0; padding-left: 3em; padding-right: 3em; overflow: hidden;*/ }
/*#content [class^="bg-"], #content [class*=" bg-"] { padding: 3em; }*/

.text-justify p, 
.hyph-on p { -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
.hyph-off { word-wrap: unset; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; text-align: left; } 

p { margin-bottom: 1.5rem; }
/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
ul,ol { padding: 0; margin-bottom: 1.5rem; }
li { padding: 0; margin: 0; }

/* TABLE */
.table { color: inherit; margin-bottom: 1em; }
.table td, .table th { padding: .4em 0 .4em 0; }
.table thead th, .table td, .table th { border: 0; background:transparent; }
.table td.label,
.table .table__label { padding-right: 1em; width: 1%; }
@media(min-width: 768px){ 
	.table td.label,
	.table .table__label { white-space: nowrap; }
}
.table caption { text-align: left; }


.csc-text-text :first-child { margin-top: 0; }
.csc-text-text li p { margin-bottom:0; }
.csc-text-text li p + p { margin-top:1.5rem; }
.csc-text-text ul li, 
.csc-text-text ol li { margin-left: 0; padding-left: 1.5em; margin-bottom: .5em; position: relative; }
.csc-text-text ul li { list-style: none; }
/*
.csc-text-text ul {
   list-style: none;
   margin-left: 0;
   padding-left: 1em;
   text-indent: 0;
}
*/

.csc-text-text ul li:before {
	content:"•";
	position: relative;
	float: left;
	left: -1.5rem;
	top: 0.25em;
	font-size: 2em;
	line-height: 0;
	opacity: 1;
	background-color: transparent;
	color: #ccc;
	display: inline-block;
	width: 0;
}
.csc-text-text ul.list-unstyled { margin-bottom: 0; }
.csc-text-text ul.list-unstyled li { padding-left: 0; position: static; }
.csc-text-text ul.list-unstyled li:before { content: none; }

.csc-text-text ul.list--1 { }
.csc-text-text ul.list--1 li { line-height: 1.3; margin-bottom: 1.3em; hyphens: auto; }
.csc-text-text ul.list--1 li:before { font-family: 'fontello' !important; content: '\e80e'; background: transparent; overflow: initial; font-size: .7em; color: #C6153C; top: 0.3rem; }

.csc-text-text ul.list--2 { }
.csc-text-text ul.list--2 li { line-height: 1.3; margin-bottom: 1.3em; hyphens: auto; }
.csc-text-text ul.list--2 li:before { font-family: 'fontello' !important; content: '\e821'; background: transparent; overflow: initial; font-size: .7em; color: #909692; top: 1em; }

.csc-text-text  ol {counter-reset: root; padding-left: 0;}
.csc-text-text  ol > li { display: block; margin-left: 0; position: relative; padding-left: 1.6em; }
.csc-text-text  ol > li:before { position: absolute; line-height: inherit; left:0; top: 0; content: counter(root) ". "; counter-increment: root; }


/* BTNs */
.btn--1 { 
	background: #FFEC00; display: block; padding: .6em .8em .4em .8em; margin: 0.2em 0; border-radius: 1px; border: 0;
	line-height: 1; text-transform: uppercase; letter-spacing: 1px; text-decoration: none !important; text-align: left;
	word-wrap: break-word; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none;
} 
.btn--1, .btn--1:link, .btn--1:visited, .btn--1:active { color: #000 !important; }
.btn--1 {
	box-shadow: 0 0 0 0 rgba(0,0,0,0);
	transition: all .3s cubic-bezier(0,.47,.49,2);	
}

.btn--1:hover { 
	text-decoration: none;

	box-shadow: 0 0 0 .3rem rgba(0,0,0,.1);	
}

.text-white .btn--1 { color: #FFF !important; border: 1px solid #FFF !important; font-weight: 500 !important; }


.ctel--links-dark .btn--1, 
.btn--1-dark { background: #AE9271; }
.ctel--links-dark .btn--1, .ctel--links-dark .btn--1:link, .ctel--links-dark .btn--1:visited, .ctel--links-dark .btn--1:active { color: #fff !important; }
.ctype-gridelements_pi1.ctel--links-dark .btn--1 { margin: 5px; }

/* LINKS */
.link-internal::after, .link-internal-new-window::after, .link-external::after, .link-external-new-window::after, .download::after, .mail::after, .link-down::after, .link-download::after, 
.link-mail::before, .link-phone::before  {
	background: transparent;
	width: 1em;
	margin-right: 0;
	margin-left: .4em;
	margin-top: 0;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none !important;
	color: inherit;
	font-size: .8em;
	font-family: 'fontello' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	transition: all .2s;
}


.stretched-link--custom, 
.link-internal, 
.link-phone, 
.link-mail { text-decoration: none !important; }

.link-internal::after,
.link-down::after { content: '\e81f'; margin-top: -.1em; margin-left: 0.1em; transform: translateX(.0001em); }
.link-internal::after, 
.link-down::after { font-size: 1.2em; position: relative; }

.link-internal::after { transform: translateX(.0001em); }
.link-internal:hover::after { transform: translateX(.3em); }

.link-down::after { transform: rotate(90deg); }

.ctel a { text-decoration: underline; }
.link-external::after, 
.link-internal-new-window::after { margin-top: -.1em;  content: '\f08e'; }

.link-download::after { content: '\e820'; }

/*
.link-internal:before {
	font-size: .8em;
	margin-left: 0; 
	margin-right: .4em;
	margin-top: -.2em;
	width: 1em;
	height: 1em;
	content:'';
	background: transparent no-repeat center center;
	background-size: contain;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='18px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:4;stroke-linecap:round' points='3,3 9,9 3,15'/%3E%3C/svg%3E");
}
.link-internal:hover { text-decoration: underline !important; }
*/


/* BIG ICONS */
.link-phone::before, 
.link-mail::before {
	font-size: 1.5em;
	margin-left: 0; 
	margin-right: .4em;
	margin-top: -.2em;
	width: 1.5em;
	height: 1.5em;
	padding: .25em;
	border: 1px solid;
	border-radius: 50%;
}
.link-phone::before { content: '\e801'; }
.link-mail::before { content: '\e800'; }

.link-phone::before, 
.link-mail::before {
	box-shadow: 0 0 0 0 rgba(255,255,255,0);
	transition: all .3s cubic-bezier(0,.47,.49,2);	
}

.link-phone:hover::before, 
.link-mail:hover::before {
	box-shadow: 0 0 0 .3rem rgba(255,255,255,.2);
}


/* CTEL: IMAGES */
.ctel figcaption { margin-top: .75rem; }

.ctel--type-textpic.content-valign-center > * > * > .row { align-items: center; }

/* CTEL: TEASER */
.teaser { position: relative; z-index: 0; /*overflow: hidden;*/ width: 100%; height: 100%; }
.teaser__images { position: relative; z-index: 1; }
.teaser__images figure { margin: 0; }

.teaser__content { padding: 0; background: transparent; line-height: 1.1; }

.teaser__content * { margin-top: 0.4rem; margin-bottom: 0; }
.teaser__content .links * { margin-bottom: 0; }

.teaser__headings { }
.teaser__heading { margin-top: 0; color: #222; }
.teaser__preheading { margin-bottom: .35rem; }
.teaser__subheading {  }

.teaser__links {  }
.teaser .teaser__links { }

.teaser__links a { text-decoration: none; color: inherit; margin: 0; }

/* TEASER W IMAGES */
.teaser--hide-link .teaser__content { padding: .6rem .4rem; background: #ddd; transition: background-color .3s; }
.teaser--hide-link .teaser:hover .teaser__content { background: #FFEC00; }

.teaser--hide-link .teaser__content * { margin-top: 0; margin-bottom: 0; }

.teaser--hide-link .teaser__links { padding: 0; height: 0; overflow: hidden; }
.teaser--hide-link .teaser__content { }
.teaser--hide-link .btn--1 { padding: 0; }
.teaser--hide-link .btn--1:hover { padding-left: 3em; }
.teaser--hide-link:hover .teaser__content { }


/* TEASER W ICONS */
.teaser--icons .teaser__images { padding: 2rem 1rem; margin-top: auto; }
.teaser--icons .teaser__images img { width: 100%; object-fit: contain; height: 4.5rem; }

/* TEASER NEWS */
.teaser--news .teaser__heading { text-align: left; text-transform: none; }

/* TEASER HORIZONTAL */
.teaser--horizontal .teaser__images img { width: 100%; object-fit: contain; height: 4.5rem; max-width: 4.5rem; }

.teaser figure { position: relative; z-index: 1; }
.teaser figcaption { margin-top: 0; }
.teaser figcaption { position: absolute; top: auto; left: 0; right: 0; bottom: 0; color: #fff !important; text-shadow: none; padding: .5em .5em 0.5em .5em; background: rgba(0,0,0,.5); }


/* CTEL: DECORATION */
/* PEARLS */ 
.decoration--pearls-above { position: relative; }
.decoration--pearls-above::after {  content: ''; position: absolute; height: 70px; width: 18px; left: 50%; top: 0; margin-top: -35px;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='4' height='6' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%23CCCCCC' stroke-width='3' stroke-linecap='round' x1='2' y1='2' x2='2' y2='2'/%3E%3C/svg%3E");
	background-size: contain;
}

.decoration--pearls-below { position: relative; }
.decoration--pearls-below::after {  content: ''; position: absolute; height: 70px; width: 18px; left: 50%; bottom: 0; margin-bottom: -35px;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='4' height='6' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%23CCCCCC' stroke-width='3' stroke-linecap='round' x1='2' y1='2' x2='2' y2='2'/%3E%3C/svg%3E");
	background-size: contain;
}

/* === POSTER === */
.ctel.text-over-img { padding: 0;  }
.ctel.text-over-img .container-fluid { height: 100%; }

@media(min-width: 768px){
	.poster { position: relative; display: flex; flex-flow: column; justify-content: center; height: 100%; }
	.poster__images { position: absolute; z-index: 0; right: 0; left: 0; bottom: 0em; top: 0; background: transparent; overflow: hidden; }
}

.ctel.text-white .poster__headings *  { color: #fff !important; position: relative; z-index: 1; }
.ctel.text-white .poster__content { position: relative; }
@media(min-width: 768px){
	.ctel.text-white .poster__headings:after { content: ''; z-index: 0; position: absolute; top: auto; right: 0; left: 0; bottom:0; background: linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,.3) 100%); mix-blend-mode: multiply; height: 150%; }
	.ctel.text-white .poster__headings:before  { content: ''; z-index: 0; position: absolute; top: auto; right: 0; left: 0; bottom:0; background: linear-gradient(rgba(87,95,92,0) 0, rgba(87,95,92,.5) 60%); mix-blend-mode: multiply; height: 150%; }
}

.poster__content {  padding-top: 2rem; padding-bottom: 3rem; }
.poster__content p { /*text-shadow: 0 2px 2px rgba(0,0,0,.15), 0 0 20px rgba(0,0,0,.3);*/ }
.poster__subheading { text-transform: none; margin-top: 1rem; }

.poster__images {  }
.poster__image { }

.poster__images, .poster__images .imgwrap, .poster figure, .poster .img { height: 100%; margin: 0 !important; }
.poster figure img { width: auto; max-width: unset; width: 100%; height: 100%; object-fit: cover; object-position: center center; --image-rendering: optimizespeed }

.text-over-img--top .poster { justify-content: flex-start; } 
.text-over-img--bottom .poster { justify-content: flex-end; } 

.text-over-img--bottom-center .poster__content { align-self: center; margin-bottom: 3em; } 

@media(max-width: 767px){
	.ctel.text-over-img > div { height: auto !important; }
	.poster__content { background: #909692; }
	.poster__content * { color: #313131; text-shadow: unset !important; }
}



/* === FOOTER === */

#footer { padding: 5em 20px; position: relative; height: auto }
@media(min-width: 768px){
	#footer { padding: 3em 40px; }
}

.footer {  }

.footer table, 
.footer .header { margin-bottom: .6rem; }

#footer .header * { text-transform: uppercase !important; }

.footer__content {  }
.footer__content a { color: inherit; text-decoration: none; }
.footer__content a:hover { text-decoration: underline; }

.footer__content .table td, .footer__content .table th { padding: 0 inherit 0 0; }


/* TOPLINK*/
#toTopLink { 
	position: fixed; left: auto; right: -2.5em; top: auto; bottom: 2em; z-index: 100;
	text-indent: 0; display: block; font-size: .9em; line-height: 1.5; text-transform: uppercase;

	transition: all .3s; 
	transform: scale(1);
	opacity: 1;
	
	background: #FFEC00;
	padding: .5em;
	width: 2.5em;
	overflow: hidden;
	border-radius: 2px;
	
}

#toTopLink b { font-weight: 400; white-space: nowrap; float: right; }

#toTopLink b:after { content: '';
	display: inline-block; vertical-align: middle;
	width: 1.5em; height: 1.5em; margin-left: 1em; margin-top: 0em; border-radius: 50%; 
	border: 0;
	background: transparent no-repeat center center;
	outline: 0; 
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='8px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23333333;stroke-width:1;stroke-linecap:round' points='1,7 8,1 15,7'/%3E%3C/svg%3E");
	background-size: 100%;
	
}
html.miniheader #toTopLink { opacity: 1; right: 2.5em; }


@media(max-width: 767px){
	html.miniheader #toTopLink { right: 1em; }
}

/* ============================================== */

/* === JQUERY UI === */
.acc { }
.acc .header { text-align: left; }

.ui-accordion .ui-state-focus { outline: 0; }
.news .head, 
.ui-accordion .ui-accordion-header { display: block; position: relative; zoom: 1; background: #999; /*border-top: 2px solid #ccc*/ }
.ui-accordion .ui-accordion-header { cursor: pointer; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; height: 1.5rem; width: 1.5rem; right: auto; left: .5rem; top: 1rem; margin-top: 0; 
	background: transparent no-repeat center center;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='12px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23CECECE;stroke-width:1' points='3,3 8,8 13,3'/%3E%3C/svg%3E");
	background-size: 100%;

	background-size: contain;
	overflow: hidden; 
	opacity: 1;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon { transition: transform .2s; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { transform: scaleY(1); }
.ui-accordion .ui-state-active .ui-accordion-header-icon { 
    -moz-transform: scaleY(-1);
     -o-transform: scaleY(-1);
     -webkit-transform: scaleY(-1);
     transform: scaleY(-1);
     filter: FlipV;
     -ms-filter: "FlipV";
 }

.ui-accordion .ui-accordion-content { padding: 1px 0 1px 0; border-top: 0; overflow: hidden; }

.ui-accordion .ui-accordion-header * { margin-bottom: 0; transition: color .3s; line-height: 1.2; text-transform: none; border: 0; padding-bottom: 0; }
/*.ui-accordion .ui-accordion-header:hover * { color: #333333; }*/

/*
.ui-accordion .ui-accordion-header p, 
.ui-accordion .ui-accordion-header div { font-weight: 400; margin-top: 0em; max-height: 10em !important; opacity: 1; transition: all .2s linear; }
.ui-accordion .ui-accordion-header.ui-state-active p,
.ui-accordion .ui-accordion-header.ui-state-active div { max-height: 0 !important; opacity: 0 !important; }

.ui-accordion .ui-accordion-header div { overflow: hidden;}
.ui-accordion .ui-accordion-header div > * { margin-top: 1rem; margin-bottom: 1rem; }
.ui-accordion .ui-accordion-header li { margin-bottom: .2rem; }
*/

.ctel .ui-accordion .ui-accordion-content { padding: 1px 0; margin: 0 0 0 0; }

/* --- */
.ui-accordion .ui-accordion-icons { /*padding-left: 1.2em;*/ }

.news .head, 
.ui-accordion .ui-accordion-header {  padding: 1rem 30px .9rem 45px; margin: 2px 0 0 0 !important; transition: color 0.2s; border-radius: 0; overflow: hidden; }
.news .head *, 
.ui-accordion .ui-accordion-header * { margin-bottom: 0; /*text-transform: uppercase;*/ font-weight: 400; color: #eee;  }

.ui-accordion .ui-accordion-header.ui-state-active {  }
.news .head.ui-state-active *, 
.ui-accordion .ui-accordion-header.ui-state-active * { color: #FFF; }

.news .c, 
.ui-accordion .ui-accordion-content { padding: 0 0 0 0; border-top: 0; overflow: hidden; zoom: 1; }
.news .c, 
#content .ui-accordion .ui-accordion-content { padding: 2rem 2rem; margin: 0 0 0 0; background: #EEEEEE; }
.news .c *, 
#content .ui-accordion .ui-accordion-content * { color: #444 }


/* === JQUI: TABS === */
.ui-tabs-nav { margin-top: -2px; }
.ui-tabs-tab { margin-top: 2px; }
.ui-tabs-tab.ui-state-active { }
.ui-tabs-tab.ui-state-active a { background: #888; }
.ui-tabs-tab a, .ui-tabs-tab a:focus, .ui-tabs-tab a:active {outline: none !important; }

.ui-tabs-tab a { 
	position: relative; 
	padding: 2rem 2.5rem 2rem .5rem; border-radius: 3px;  display: block; transition: background .5s linear; 
	text-decoration: none !important; line-height: 1.2;
}

.ui-tabs-tab a:after { content: ''; position: absolute; height: 1.5rem; width: 1.5rem; right: .5rem; left: auto; top: 50%; transform: translateY(-50%); 
	background: transparent no-repeat center center;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='18px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23eeeeee;stroke-width:4;stroke-linecap:round' points='3,3 9,9 3,15'/%3E%3C/svg%3E");
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='16px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23CECECE;stroke-width:1' points='1,1 8,8 1,15'/%3E%3C/svg%3E");
	

	background-size: contain;
	overflow: hidden; 
	opacity: 1;
}

.ui-tabs-tab a span  { font-weight: 600; }
.ui-tabs .ui-state-focus { outline: 0; }

@media(min-width: 768px){
	.ui-tabs-nav { top: 2rem; position: sticky; }
}

.ui-tabs h4 { color: inherit !important; letter-spacing: 0 !important; margin-bottom: .2em;  }



/* === SLIDE CONTENT MORE/LESS === */
.slide {  }
.slideToggle, 
.link-internal--arrow { cursor: pointer; position: relative; display: inline-block; position: relative; top: -5px; overflow: hidden; text-decoration: underline; }
.slideToggle:hover {  }

.slideToggle:after, 
.link-internal--arrow:after { 
	transition: transform .2s ease;
	content :'';
	position: relative; width: .75rem; height: .75rem;
	margin-left: .5rem;
	display: inline-block;
	background: transparent center center no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='30px' height='30px' xml:space='preserve'%3E%3Cpolyline points='10,2 23,15 10,28' stroke='%23313131' stroke-width='4' fill='none' /%3E%3C/svg%3E");
}
.slideToggle:after { transform: rotate(90deg); }
.slideToggle.act:after { transform: rotate(-90deg); }


/* === OSM === */
#osm_422 .leaflet-control-container a { text-decoration: none !important; }

/* GRID */
.l-grid { list-style:none; }


/* REVEAL@SCROLL */
/* TRANSTION FADE */
.js-reveal-top { transition: all .7s; }
.js-reveal-top { transform: translateY(0); opacity: 1; }

.js-reveal-top.js-reveal--hidden { transition: none; }
.js-reveal-top.js-reveal--hidden { transform: translateY(10vh); opacity: 0; }

/* TRANSTION FADE OPACITY */
.js-reveal-fade { transition: all 1.5s; }
.js-reveal-fade { opacity: 1; }

.js-reveal-fade.js-reveal--hidden { transition: none; }
.js-reveal-fade.js-reveal--hidden { opacity: 0; }


.l-grid > * { transition: all 1s; }
.l-grid > * { opacity: 1; }
.js-reveal--hidden.l-grid > * { opacity: 0; }

/*
.l-grid > *:nth-child(1) { transition-delay: 0.3s }
.l-grid > *:nth-child(2) { transition-delay: 0.6s }
.l-grid > *:nth-child(3) { transition-delay: 0.9s }
.l-grid > *:nth-child(4) { transition-delay: 1.2s }
.l-grid > *:nth-child(5) { transition-delay: 1.5s }
.l-grid > *:nth-child(6) { transition-delay: 1.8s }
.l-grid > *:nth-child(7) { transition-delay: 2.1s }
.l-grid > *:nth-child(8) { transition-delay: 2.4s }
.l-grid > *:nth-child(9) { transition-delay: 2.7s }
*/

.js-reveal--hidden.l-grid > * { transition: none; }

/* EFFECTS */
@keyframes fadeInLeft {
 from {
  opacity:0;
  transform:translate(-50px)
 }
 to {
  opacity:1;
  transform:translate(0)
 }
}
@keyframes fadeInRight {
 from {
  opacity:0;
  transform:translate(50px)
 }
 to {
  opacity:1;
  transform:translate(0)
 }
}

@keyframes fadeInTop {
 from {
  opacity:0;
  transform:translateY(-70px)
 }
 to {
  opacity:1;
  transform:translateY(0)
 }
}

@keyframes fadeInOutLeft {
	0% { opacity: 0; transform:translate3d(-100px,0,0) }
	40%,60% { opacity: 1; transform:translate3d(0,0,0) }
	100% { opacity: 0; transform:translate3d(100px,0,0) }
}

@keyframes fadeInOutRight {
	0% { opacity: 0; transform:translate3d(100px,0,0) }
	40%,60% { opacity: 1; transform:translate3d(0,0,0) }
	100% { opacity: 0; transform:translate3d(-100px,0,0) }
}

@keyframes fadeInLeft {
	0% { opacity: 0; transform:translate3d(-100px,0,0) }
	100% { opacity: 1; transform:translate3d(0,0,0) }
}

@keyframes fadeInRight {
	0% { opacity: 0; transform:translate3d(100px,0,0) }
	100% { opacity: 1; transform:translate3d(0,0,0) }
}

/* === RELLAX === */
@media(max-width: 767px){
	.rellax__wrap { height: auto !important; }
}


/* === FANCYBOX ===*/
.fancybox-bg {  background: rgba(50,50,50,.8); }
.fancybox-is-open .fancybox-bg { /*opacity: 1;*/ }

.fancybox-slide--html {
    padding: 44px 10px;
}

.fancybox-slide--html .fancybox-content {
	min-width: 600px;
	max-width: 768px;	
	max-height: 100% !important;
	
	margin: 0 auto !important;
	overflow: hidden;
	background: #FFF;
}



/* === */
.l-slider--heros { height: 120vw !important; }
@media(min-width: 992px){
	.l-slider--heros { height: 50vw !important; }
}


.slick-list { height: 100%;}
.slick-track { height: 100%;}


/* === MEMBERS@FOOTER === */
.members { position: relative; }
.members__heading { text-transform: uppercase; margin: 0; font-size: .75em; line-height: 1; background:#888; padding: .5em; }
@media(min-width: 1024px){
	.members { margin-left: 35px; }
}

@media(min-width: 768px){
	.members { top: -4.5em; }
}

/* === GALLERY@OBJECTS ========================== */
.gallery {  }
.gallery .item { margin: 0; padding-bottom: 4px; text-align: center; }
.gallery .item > * { position: relative; background: #aaa; }
.gallery .text  { position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; background: rgba(80,80,80,0.9); pointer-events: none; }

.gallery .year { display: none; }
/*.gallery .text { line-height: 110%; padding-top: 5px; color: #222; }*/

.gallery.hoverCaption .item > * { overflow: hidden; }
.gallery.hoverCaption .text { transform: translateY(100%); transition: transform .3s }

.gallery.hoverCaption .item:hover .text,
.gallery.hoverCaption .item:hover .text { transform: translateY(2%); transition: transform .3s ease .3s }

.isScrllng .gallery.hoverCaption .item { pointer-events: none !important; }



.gallery.grayscale .item img { opacity: 0.7; filter: grayscale(80%); transition: all .3s }
.gallery.grayscale .item:hover img { opacity: 1; filter: grayscale(0%); }

/**/
.tt__shortcuts { padding: 1rem 1rem 1.5rem 1rem; background: #FFF9B1; background: #FFFBCB; color: #111; }

.img-effect-saturation img { opacity: 0.9;  filter: grayscale(.3); transition:  all .3s; }
.img-effect-saturation a:hover img, 
.npgs-teaser:hover img { opacity: 1; filter: grayscale(0); }


.ctel--intro { position: relative; z-index: 9999; }
.ctel--intro .header { margin-bottom: 0; }
.ctel--intro .header + div { margin-top: 0; padding-top: 1rem; background: #fff; }
.ctel--intro .header h2 { color: #222; background: #FDEA00; background: rgba(255,236,0,.95); padding: .2em 0 .2em 1.5rem; border: 0; display: block; }
.ctel--intro .header.wsh p { margin-top: .1em; margin-bottom: .3em; }

/* PROJECTS LIST */
.list--projects .list__item { background: #fff; transition: all .3s; }
.list--projects .list__item:hover { background: #FFFBCB; color: #111; }


.f-select > span { display: block; padding: .5rem 5rem .5rem .5rem; background: #eee; cursor: pointer; }

.f-select { position: relative; }
.f-select ul { position: absolute; z-index: 100; opacity:0; top: 100%; min-width: 100%;  left: 0; right: auto; max-height: 0; background: #fff; padding: .5rem 1rem; white-space: nowrap; box-shadow: 0 0 10px #ccc; }
.f-select .is-active + ul { opacity: 1; max-height: 20rem; }

.f-select .all { display: none; }
.f-select.is-act .all { display: block; }

.list--projects .list__item { overflow: hidden; max-height: 5rem; transition: .5s; }
.list--projects .list__item.ff-disabled { max-height: 0; padding: 0 !important; opacity: 0; }

.ff-disabled { opacity: .5; pointer-events: none; }

/* 2024 */
.f-select ul { position: absolute; z-index: 100; opacity:0; top: 100%; min-width: 100%;  left: 0; right: auto; max-height: 0; background: #fff; padding: .5rem 0; white-space: nowrap; box-shadow: 0 0 10px #999; overflow: hidden; }
.f-select.is-active  ul { opacity: 1; max-height: 20rem; }

.f-select .tabs__toggler { display: block; padding: .5rem 1rem; } 
.f-select .tabs__toggler.act { background: #eee; }
/*
.f-select .all { display: none; }
.f-select.is-act .all { display: block; }
*/

.f-select__item { padding: .5rem 1rem; text-decoration: none; cursor: pointer; } 
.f-select__item:hover { background: #f3f3f3; }
.f-select__item--act {  }
.f-select__item.act { background: #eee; }

.f-select .label-act { display: none; }
.f-select.is-choosen .label { display: none; }
.f-select.is-choosen .label-act { display: block; }


/* === ABLAUF === */
.scheme h4 {  }

.scheme { margin-top: -.5rem !important; }
.scheme > div { overflow: hidden; }

.def { background: #FFFFFF; height: 100%; margin-top: .5rem  !important; }
.def__title { background: #FFEC00; padding: .5rem; font-weight: 500 !important; text-transform: uppercase; }
.def__text { padding: .5rem; padding-bottom: 0;  }