/*

YELLOW 1.0 == #F5B714
YELLOW 0.5 == #FADB8A
YELLOW 0.3 == #FCEAB9

*/

@media screen {
	/* pacifico-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: 'Pacifico';
	  font-style: normal;
	  font-weight: 400;
	  src: url('/fileadmin/_shared/fonts/pacifico/pacifico-v22-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	       url('/fileadmin/_shared/fonts/pacifico/pacifico-v22-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	}

	/* roboto-100 - 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: 'Roboto';
	  font-style: normal;
	  font-weight: 100;
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
	}

	/* roboto-100italic - 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: 'Roboto';
	  font-style: italic;
	  font-weight: 100;
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
	}

	/* roboto-regular - latin */
	/* roboto-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: 'Roboto';
	  font-style: normal;
	  font-weight: 300;
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
	}

	/* roboto-300italic - 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: 'Roboto';
	  font-style: italic;
	  font-weight: 300;
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
	}

	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 400;
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
	}

	/* roboto-italic - 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: 'Roboto';
	  font-style: italic;
	  font-weight: 400;
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
	}

	/* roboto-700 - 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: 'Roboto';
	  font-style: normal;
	  font-weight: 700;
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
	}

	/* roboto-700italic - 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: 'Roboto';
	  font-style: italic;
	  font-weight: 700;
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
	  src: url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/fileadmin/_shared/fonts/roboto-v30-latin/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
	}
}

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

	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: #989898 !important;}
	.border-top 	{ padding-top: .75rem; border-top-width: 1px !important; border-top-style: solid !important;  }
	.border-bottom 	{ padding-bottom: .75rem; border-bottom-width: 1px !important;  border-bottom-style: solid !important;  }


	.rounded-lg { border-radius: 1.5rem !important; overflow: hidden; }

	.text-highlight, 
	.text-yellow, 
	.text-yellow * { color: #F5B714 !important; }

	.text-light 	{ color: #B4B4B4 !important; }
	.text-light-darker 	{ color: #969696 !important; }

	.text-important {  }

	.text-focus { text-transform: uppercase; font-weight: 300 !important; letter-spacing: 2px; }

	.bg-light { background-color: #EEE !important; }
	.bg-grey-1 { background-color: #252b29 !important; }

	.bg-1 { background: linear-gradient(90deg, #6FCDD5, #9BDDE3); padding-top: 8rem; padding-bottom: 8rem; }
	.bg-2 { background:  url('../img/Gruppe_873.svg') no-repeat, linear-gradient(90deg, #FFA22B, #FFC780); background-size: 130%, cover; background-position: left 20%, top left; }
	.bg-3 { background: linear-gradient(105deg, #777777, #E5E5E5); }
	.bg-4 { background: linear-gradient(100deg, #56C3CD, #BAE7EB); }
	.bg-5 { background: linear-gradient(105deg, #656565 25%, 75%, #929292); }
	.bg-5-dark { background: linear-gradient(105deg, #343434 25%, 75%, #5B5B5B); }
	
	.container-fluid { max-width: 1300px; padding-left: 1rem; padding-right: 1rem; }
	.container-fluid .container-fluid { padding-left: 0; padding-right: 0; }
}

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


/* === WEBSITE-LAYOUT GENERELL ========================================== */
body { overflow-y: scroll; background: #000000; margin: 0; padding: 0; }
#page { }
/* POSITIONIERUNGEN */
#canvas, #page, #header, #main, #footer  { position: relative; }
#nav { position: static; }


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


#canvas { overflow: hidden; }
#page 	{  }
#footer {  }

#main 		{ background: transparent; }


/* === HEADER === */
#header { width: 100%; top: 0; background: transparent; }

/* 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; width: 100%; max-width: 200px; margin: 0; padding: 0; }
.logo { background: left top no-repeat url('../img/stm_logo--outline.svg') 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: 25.39%; }

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

@media(min-width: 767px){
	.logo { min-width: 100px; transition: all .5s; }
}


/* HEADER: MINIHEADER@SCROLL*/
@media(min-width: 1px){
	.header__fixed { position: fixed; top: 0; left: 0; right: 0; height: auto; z-index: 1; background: rgba(0,0,0,0); }
	
	.header__fixed { transition: background-color .3s; }
	.miniheader .header__fixed { background: rgba(0,0,0,0.8); }
	
	/*
	.isScrllng  #header .logo,
	.miniheader #header .logo { min-width: 80px; max-width: 80px; }
	.miniheader .kat4 #header .logo { min-width: 150px; max-width: 150px; }

	.header__fixed .py-4 { transition: padding .3s; }
	.isScrllng .header__fixed .py-4,
	.miniheader .header__fixed .py-4 { padding-top: .5rem !important; padding-bottom: .5rem !important; }
	*/
}


/* = MENU ========================================== */
/* PRIMARYNAV */
.navbar-toggle {
	position: absolute;
	top: 17px;
	right: 10px;
	z-index: 999;
	padding: 15px;
	height: 50px;
	width: 50px;
	margin: 0;
	border-radius: 0;
	background: transparent;
	
	display: block;
	border: 0;
}

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

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

.menu--is-active .navbar-toggle .icon-bar { opacity: 0; background: #FFF;  }
.menu--is-active .navbar-toggle .visually-hidden + .icon-bar 		{ opacity: 1; transform: translateY(6px) rotate(45deg) }
.menu--is-active .navbar-toggle .icon-bar:last-child 		{ opacity: 1; transform: translateY(-6px) rotate(-45deg)  }

/* TOGGLE WITH "MENU"-LABEL */
@media (min-width: 575px) {
	.navbar-toggle {  padding-left: 6rem; width: 8rem }

	.navbar-toggle { 	color: #F5B714; transition: color .5s; }
	.navbar-toggle:before, 
	.navbar-toggle:after {
		content: 'Menü';
		position: absolute; top: 50%; right: 3rem; transform: translateY(-45%);
		font-size: 15px; text-transform: uppercase;
		transition: opacity .5s; line-height: 1;
	}

	.navbar-toggle:after {
		content: 'Schließen';
	}

	.navbar-toggle:before { opacity: 1; }
	.navbar-toggle:after { opacity: 0; }



	.menu--is-active .navbar-toggle { color: #FFF; }
	.menu--is-active .navbar-toggle:before { opacity: 0; }
	.menu--is-active .navbar-toggle:after { opacity: 1; }
}





#nav { background-color: rgba(0,0,0,.98); position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: left; margin: 0; overflow: auto; width: auto; max-width: none; padding: 90px 10% 0 10% }
@media (min-width: 575px) {
	#nav { left: 50%; }
}

#nav { 
	-webkit-transition: -webkit-transform .3s ease .3s;
	transition: transform .3s ease .3s;
	
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
}
.menu--is-active #nav { 
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s;

	-webkit-transform: translateX(0);
	transform: translateX(0);
}

/* TOGGLE SUBMENUES @LEVEL2 */
#canvas #primarynav .tggl { display: none; }
@media (max-width: 991px) {
	#canvas #primarynav .tggl { display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; height: auto; padding: 0; background: transparent; border: 0; text-indent:-999em; overflow: hidden; }
	#primarynav .tggl:after {
		content: '';
		border: 4px solid #fff;
		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; }
	
}




/* HEADER: MENU */
.menu, .menu ul { list-style: none; margin: 0; padding: 0; line-height: 1; position: relative;  }
.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 { font-weight: 400; }
.menu--primary a { transition: color .3s; white-space: nowrap; text-transform: none; }
.menu--primary a:hover { text-decoration: none; color: inherit; }

.menu--primary a { display: block; padding: .3em 5px;}
@media (min-width: 1100px) {
	.menu--primary a { padding: .5em 5px; }
}
.menu--primary b { position: relative; display: block; padding: 0 0; }


/* ALL LEVELS */
.menu--primary .act > a, 
.menu--primary .cur > a { }

/* LEVEL 1 */
.menu--primary > .menu__item { position: relative; }
.menu--primary > .menu__item > a { color: #F5B714; text-transform: none; font-family: "Pacifico", sans-serif; font-size: 2.6rem; }
.menu--primary > .act > a, 
.menu--primary > .cur > a { color: #FFFFFF;  }

.menu--primary > li > a:hover { color: #FCEAB9 !important; }
.menu--primary > li > a,
.menu--primary > li > ul {
	
}


/* LEVEL 2 */
.menu--primary .l2 { font-size: 16px; }
.menu--primary .l2 a { padding-left: 2rem; }
.menu--primary .l2 > .menu__item > a {  }
.menu--primary .l2 > .menu__item:last-child > a { border-bottom: none; }

.menu--primary .l2 .act > a, 
.menu--primary .l2 .cur > a {  }

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

/* === FOOTER === */
#footer { background: #000000; }
#footer:before { content: ''; display: block; height: 2vw; min-height: 25px; background: #F5B714; }

#footer p, 
#footer table, 
#footer .header { margin-bottom: .6em; }

#footer .logo { max-width: 250px; }

.footer__content, .footer__footer {  }
.footer__content {  }
.footer__content a { color: inherit; text-decoration: none; }

.footer__content .table td, .footer__content .table th { padding-left: 0; padding-top: 0; padding-bottom: 0 }

.footer__content .ctel--type-image { display: inline-block; }
.footer__content .ctel--type-image img { height: 2rem !important; max-width: 1000px !important; width: auto; }
.footer__content .ctel--type-image .col-sm-4 {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

/* LEGAL */
.menu--mn { color: inherit !important; font-size: 1rem; line-height: inherit; }
.menu--mn li { position: relative; margin-bottom: 0 !important;  }
.menu--mn a { display: block; padding: 0; }

.footer__footer { 
}
/* 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: rgba(130,130,130,.8);
	padding: .3em .5em;
	width: 2.5em;
	overflow: hidden;
	border-radius: 2px;	
	
	outline: 0; 
}

#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:%23FFFFFF;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){
	#toTopLink { width: 32px; height: 30px; text-indent: 200px; }
	#toTopLink:after { position: absolute; top: 5px; left: 5px; margin: 0; }
	html.miniheader #toTopLink { right: 1em; }
}

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

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, 
.font-weight-bold, 
strong { 
	font-family: 'Roboto', Arial, Verdana, Tahoma, Helvetica, sans-serif; font-weight: 400 !important;
}

.font-weight-bolder {
	font-weight: 700 !important;
}


/* FONTSIZES ALL TOGETHER */
html 		{ font-size: 14px; line-height: 1.9; font-weight: 300; }
@media(min-width: 576px){
	html 		{ font-size: 15px; }
}
@media(min-width: 1025px){
	html 		{ font-size: 16px; }
}
@media(min-width: 1300px){
	html 		{ font-size: 18px; }
}

.text-size--mega { font-size: 3.0rem !important; }
.text-size--xxl  { font-size: 1.8rem !important; }
.text-size--xl 	 { font-size: 1.4rem !important; }
.text-size--l 	 { font-size: 1.2rem !important; }
.text-size--xs 	 { font-size: 0.9rem; }	

@media(min-width: 992px){
	.text-size--mega { font-size: 3.6rem !important; }
	.text-size--xs 	{ font-size: 0.72rem; }	
}
@media(min-width: 576px){
	.text-size--s, 
	.ctel.text-size--s *, 
	.imgwrap figcaption 	{ font-size: 0.9rem; }
}




.text-size--rel { font-size: 1vw; }
.text-size--rel .text-size--mega{ font-size: 3.60em !important; }
.text-size--rel .text-size--xxl { font-size: 1.80em !important; }
.text-size--rel .text-size--xl 	{ font-size: 1.40em !important; }
.text-size--rel .text-size--l 	{ font-size: 1.20em !important; }
.text-size--rel .text-size--s 	{ font-size: 0.72em !important; }
.text-size--rel .text-size--xs 	{ font-size: 0.72rem !important; }

/*
@media(min-width: 1680px){
	.text-size--rel { font-size: .9rem; }
}
*/

@media(max-width: 767px){
	.text-size--rel { font-size: 2vw; }
}


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

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

.h1, h1 { color: #0FABB9; font-size: 3.60rem;  }
.h2, h2 { color: inherit; font-size: 1.4rem; text-transform: uppercase; font-weight: 300 !important; letter-spacing: 4px; line-height: 1.25; }
.h3, h3 { color: inherit; font-size: 1.2rem; text-transform: uppercase; font-weight: 500 !important; letter-spacing: 4px; }
.h4, h4 { color: inherit; font-size: 1.0rem; line-height: 1.2; text-transform: uppercase; }
.h5, h5 { color: inherit; font-size: 1.0rem; font-weight: 600; margin-top: .5rem; }
.h5, .ctel.text-white .header h5 { font-size: 1em; font-weight: 400 !important; color: #FFE13A !important; letter-spacing: 4px; font-style: italic; text-transform: uppercase; margin-top: 0; }

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

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

.ctel.text-dark .header *, 
.ctel__layout.text-dark .header * {  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; }


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


.header__heading {  }
.header__preheading, 
.header__subheading { color: inherit; font-size: 1rem; text-transform: uppercase; font-weight: 300 !important; letter-spacing: 4px; }

.header__preheading { margin-bottom: 1rem; margin-top: 0; }
.header__subheading { margin-bottom: 0; margin-top: 2rem; }

.header--wsh { margin-bottom: 0; }
.header--wsh h1 + p, 
.header--wsh .h1 + p { margin-bottom: 2rem; margin-top: 2rem; }
@media(min-width: 767px){
	.header--wsh h1 + p, 
	.header--wsh .h1 + p { margin-bottom: 3rem; margin-top: 3rem; }
	
	.ctel--type-text .header { padding-top: 3rem; }
}


/* === CTEL === */
.ctel { }
.ctel__layout { }

.text-justify 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; }

.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.4em; margin-bottom: .3em; position: relative; }
.csc-text-text ul li { list-style: none; }
.csc-text-text ul li:before {
	content:"•";
	overflow: hidden;
	position: absolute;
	width: 4px;
	height: 4px;
	left: 0;
	top: .6em;
	font-size: 1.2em;
	line-height: 1;
	background-color: #F5B714;
	opacity: 1;
	border-radius: 2px;
}
.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 { margin: 0 -3rem;  }
.csc-text-text ul.list--1 li { border-top: 3px solid #E5E4E2; padding: 1rem 3rem 1rem 4.8rem; margin-bottom: 0; }
.csc-text-text ul.list--1 li:before { margin-top: 1rem; margin-left: 3rem; }

.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; }

.csc-text-text ol.ol--big-numbers > li { padding-left: 2.4em; }
.csc-text-text ol.ol--big-numbers > li:before { color: #f9b82b; font-size: 2em; }

/* CTEL TABELLE */
table, .table { color: inherit; margin-bottom: 1em; }
.table td, .table th { padding: .2em 0 .2em 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; }

.table--1 td { border-bottom: 1px solid #999; padding-top: .5em; padding-bottom: .5em; }


/* BTNs */
.btn--1 { background: transparent; display: inline-block; padding: 1em 4em; margin: 0.2em 0; line-height: 1; text-align: center; border-radius: 0; text-decoration: none; text-transform: uppercase; transition: all .3s; border: 1px solid #F5B714; letter-spacing: 2px; }
.btn--1 { word-wrap: break-word; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; } 
.btn--1, .btn--1:link, .btn--1:visited, .btn--1:active { color: #F5B714 }
.btn--1:hover { text-decoration: none; }

.ctel--links-dark .btn--1, 
.btn--1-dark { background: #0FABB9; }
.ctype-gridelements_pi1.ctel--links-dark .btn--1 { margin: 5px; }

.btn--1 {
	color: #F5B714;
/*	box-shadow: 0 0 0 0 rgba(255,162,43,0);*/
	transition: all .3s, box-shadow .3s cubic-bezier(0,.47,.49,2) !important;
}

.btn--1:hover { 
	color: #FFFFFF;
/*	border: 1px solid #FFFFFF;*/
	text-decoration: none !important;
/*	box-shadow: 0 0 0 .3rem rgba(255,162,43,.3);*/
}

.btn--1-dark {
	box-shadow: 0 0 0 0 rgba(15,171,185	,0);
	transition: all .3s cubic-bezier(0,.47,.49,2);	
}

.btn--1-dark:hover { 
	box-shadow: 0 0 0 .3rem rgba(15,171,185,.3);	
}

/* 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 {
	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;
}


.link-internal { text-decoration: none !important; border-bottom: 1px dotted #aaa; }

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

.link-down::after { font-size: 1.2em; position: relative; }

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

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

.ctel a { text-decoration: none; }
.ctel a:hover { text-decoration: underline; }

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

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

.link-internal:after {
	font-size: 1.2rem;
	/*
	width: 4em;
	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='23px' height='11px' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cpolygon fill='%23ffffff' points='17.166,0 16.601,0.565 20.714,4.678 0,4.678 0,5.478 20.714,5.478 16.601,9.59 17.166,10.156 22.244,5.078'/%3E%3C/svg%3E");
*/
}

.links-auto-acc a { display: block !important; text-align: center; }

@media(min-width: 992px){
	#content .links-menu li { flex: 0 0 33%; max-width: 400px; }
	#content .links-menu li a { display: block !important; text-align: center;  }
}
@media(max-width: 575px){
	#content .links--menu li a { display: block !important; }
}

/* CTEL: IMAGES */
.ctel figcaption { margin-top: .75rem; }
.ctel.images-gutter-divider .row > *:after { content: ''; position: absolute; right: -1px; width: 2px; top: 1.5rem; bottom: 1.5rem; height: auto; background: #0FABB9; background: #73CED6;  }
.ctel.images-gutter-divider .row > *:nth-child(2)::after { display: none; }

.type-picture .img-fluid { width: 100%; max-width: 150%; }

/* CTEL: TEXT W IMAGES */
.ctel--type-textpic.v-align-center .ctel__layout > .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.4; }
.teaser__content { position: absolute; top: 1em; left:1em; right: 1em; bottom: 1em; z-index: 1; padding: 0; }
.teaser__content * {  }

.teaser__headings { margin-bottom: 1rem;  }
.teaser__heading { line-height: 1.1; margin: 1.5rem 0 0 0;  }
.teaser__preheading { margin-bottom: .35rem; }
.teaser__subheading { margin-top: .5rem; margin-bottom: 0; hyphens: auto;  }

.teaser__text { hyphens: auto; }

.teaser__links { padding-top: 1.5rem; }
.teaser .teaser__links { }

.teaser__links a { text-decoration: none; color: inherit; margin: 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 .teaser__images { 
	cursor: pointer;
/*	left: 0;*/
	
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;

     -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
          -o-transition: all 0.8s;
         -ms-transition: all 0.8s;
             transition: all 0.8s;
                                         
     -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
          -o-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
             backface-visibility: hidden;
}

.teaser .teaser__images {
	opacity: 1;
  /*
  -webkit-transform: rotateY(180deg);
     -moz-transform: rotateY(180deg);
       -o-transform: rotateY(180deg);
      -ms-transform: rotateY(180deg);
          transform: rotateY(180deg);
 */
}

.teaser:hover .teaser__images {
	opacity: .7;
/*
  -webkit-transform: rotateY(0deg);
     -moz-transform: rotateY(0deg);
       -o-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
          transform: rotateY(0deg);
*/
}

.teaser .subheading { transition: all 0.5s; display: block; position: relative; top: 1rem; opacity: 0; }
.teaser:hover .subheading { top: 0; opacity: 1; }


.hover-fade-images figure .img { transition: opacity .5s; will-change: opacity; }
.hover-fade-images figure .img { opacity: .5; }
.hover-fade-images figure:hover .img { opacity: 1; }

/* 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; }


/* CTEL: atmo */
.ctel.text-over-img { padding: 0;  }

.atmo__images {  }
.atmo__content { position: relative; z-index: 1; width: 100%; max-width: 250px; margin: 0 auto; }

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

@media(min-width: 1px){
	.atmo { height: 250px !important; padding: 5em }
}


.atmo__images, .atmo__images .imgwrap, .atmo figure, .atmo .img { height: 100%;  }
.atmo__images, .atmo figure, .atmo .img { margin-top: 0 !important; margin-bottom: 0 !important; }

/* TO DO: ALIGN IMAGES */
/*.atmo figure img { width: auto; max-width: unset; width: 100%; height: 100%; object-fit: contain; object-position: left center; image-rendering: optimizespeed }*/

.atmo__images img { width: auto; max-width: unset; width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.atmo__content img { max-height: 150px; }

/* 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: 1px){
	.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; }
}

.poster__content { position: relative; z-index: 1; /*background: linear-gradient(180deg,rgba(0,76,157,.7), rgba(34,65,121,.7)); padding: 4vw 1em;*/ }
.poster__content p { text-shadow: 0 2px 2px rgba(0,0,0,.15), 0 0 20px rgba(0,0,0,.3); }

.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; } 

.h1, h1, 
.poster__heading { font-family: 'Pacifico', serif; color: #F5B714; font-size: 3rem; line-height: 1.2; font-weight: 400 !important; font-style: normal; }


.intro .ctel__layout { height: 100.1vh; max-height: -webkit-fill-available !important; }

@media(max-width: 767px){
/*	.ctel.text-over-img > div { height: auto !important; }*/
/*	.ctel.text-over-img.intro > div { height: 90vh !important; }*/
/*	.intro .poster__content { padding-top: 40vw; padding-bottom: 20vw; }
*/
}

/* POSTER */
.poster .header__preheading, 
.poster .header__subheading,
.poster .header__heading {
 opacity:0;
}

.poster .header__preheading {
	animation:fadeInTop 2s cubic-bezier(0,0.53,0,1) 1 forwards;
    animation-delay:0.3s;
}
.poster .header__heading {
	animation:fadeInLeft 2s cubic-bezier(0,0.53,0,1) 1 forwards;
    animation-delay:1s;
}

.poster .header__subheading {
	animation:fadeInTop 2s cubic-bezier(0,0.53,0,1) 1 forwards;
	animation-delay:4s;
}



.intro .poster:before { 
	transition: transform .2s ease;
	content :'';
	position: absolute; width: 2.5rem; height: 2.5rem; left: calc(50% - 1.25rem); bottom: 2rem;
	z-index: 100;
/*	transform: translateX(-50%);*/
	display: block;
	border-radius: 50%;
	border: 1px solid #bbb;
	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='7,13 15,20 23,13' stroke='%23bbbbbb' stroke-width='1' fill='none' /%3E%3C/svg%3E");
	opacity: 1;
	
/*	animation:fadeInTop 2s cubic-bezier(0,0.53,0,1) 1 forwards;*/
	
	-webkit-animation: jump 2s ease 0s infinite normal ;
	animation: jump 2s ease 0s infinite normal ;	
	animation-delay:1.7s;
	
}


/* === JQUERY UI === */
.acc { }
.acc > .header { padding: .4em 3.5em .4em 0; margin: .5em 0 .5em 0 !important; font-size: 1rem; color: #F5B714; border-top: solid 1px #333333;  }
.acc *:first-child { border-top: 0 !important; }

.acc > .header * { font-size: inherit; }

.ui-accordion .ui-state-focus { outline: 0; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; line-height: 1.2; }
 
.ui-accordion-header-icon {
  color: #F5B714;
  font-weight: 500;
  position:absolute;
  right:0;
  top:50%;
  margin-top:-.5rem;
  width:1rem;
  height:1rem;
  text-indent:-3em;
  overflow:hidden;
 }
.ui-accordion-header-icon:before,
.ui-accordion-header-icon:after {
  position:absolute;
  content:'+';
  text-indent:0;
  text-align:center;
  left:0;
  width:100%;
  height:100%;
 }
.ui-accordion-header-icon:after {
  content:'–';
  opacity:0;
 }
.ui-state-active .ui-accordion-header-icon:before {
  opacity:0;
 }
.ui-state-active .ui-accordion-header-icon:after {
  opacity:1;
 }
 

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

.ui-accordion .ui-accordion-header { background: transparent; border-radius: 0; overflow: hidden; }
.ui-accordion .ui-accordion-header:first-child { margin-top: 0 !important; }

.ui-accordion .ui-accordion-header * { margin-bottom: 0; transition: color .3s; line-height: 1.2; color: inherit; font-size: inherit !important; }
/*.ui-accordion .ui-accordion-header:hover * { color: #333333; }*/

.ui-accordion .ui-accordion-header p { font-weight: 400; margin-top: 0em; }
 
/*.ui-accordion .ui-accordion-header.ui-state-active * { color: #333333; }*/
.ui-accordion .ui-accordion-header.ui-state-active p { }
.ctel .ui-accordion .ui-accordion-content { padding: 1px 0; margin: 0 0 0 0; background-color: transparent; }

.ui-accordion .header.dsbld { cursor: default; pointer-events: none; }
.ui-accordion .header.dsbld .ui-accordion-header-icon { display: none; }

.ui-accordion > .csc-text-text { padding: 1em 0 1em 0 !important; }

/* === JQUI: TABS === */
.ui-tabs-nav { border-bottom: 2px solid #E9E9E9; }
.ui-tabs-tab { border-bottom: 2px solid #E9E9E9; top: 2px; }
.ui-tabs-tab.ui-state-active { border-bottom: 2px solid #333; color: #333; }
.ui-tabs-tab a { text-decoration: none !important; }
.ui-tabs .ui-state-focus { outline: 0; }



/* === 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_994 { width: 100% !important; height: 30vw !important; min-height: 360px !important;}

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

/* === NEWS === */
.blog .meta b:before { color: #666; }
.blog .meta p { margin-right: 1rem; }

/* === BREADCRUMBS === */
.home .breadcrumbs { display: none !important; }
.breadcrumbs { padding: 0 0; margin-left: -.5em; margin-bottom: 1.2em;  }
.breadcrumbs li { display: inline-block; margin-right:2px; position: relative;  }
.breadcrumbs li a { display: block;  }
.breadcrumbs li a:after { content: '›'; position: absolute; top: 0.45em; right: 0; font-size: 1.2em; line-height: 1; /*font-weight: 400;*/ }

.breadcrumbs li a, .breadcrumbs li.nolink { padding: .5em 1em .5em .5em; }
.breadcrumbs .nolink { color: #313131; }


/* === OSM === */
#osm_1313 { width: 100% !important; height: 42vw !important; min-height: 360px !important; max-height: 520px !important;}

/* === EVENTS === */
/* @LIST */
.list--events { border-top: 2px solid #9d9d9d; }
.list--events .list__item { border-bottom: 2px solid #9d9d9d; }
.list--events .list__item:nth-child(even) { background: #DCEAF4; }
.list--events a { text-decoration: underline; }


/* === MAILFORM ========================== */
#kontakt2024-811 {  }

#kontakt2024-811 fieldset {
	border: 0;
	background: transparent;
    display: block;
    margin: 2em 0;
    padding: 0 0;
	
}
#kontakt2024-811 legend {
/*	font-size: inherit;*/
	margin: 1em 0;
	font-weight: bold;
	float:left;
}
#kontakt2024-811 .row, 
#kontakt2024-811 .frow { clear: left;  }
#kontakt2024-811 .frow { padding: 0 0 1em 0; position: relative; } 

#kontakt2024-811 label { font-weight: 400; margin-bottom: 0; }

#kontakt2024-811 .form-control { padding: .2em .5em; margin: .2em 0 0 0; width: 100%; background: #bbb; border-radius: 2px; border: 0; }

#kontakt2024-811 textarea { height:auto; }

::-webkit-input-placeholder{ color:#333; }
    :-ms-input-placeholder { color:#333; }
        ::-moz-placeholder { color:#333; }
         :-moz-placeholder { color:#333; }

.row_tasty { display: none; }

#kontakt2024-811 .form-control {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
	outline: 0;
	border: 0;	
}
 
#kontakt2024-811 .form-control:focus {
  background: #eee;
}


/* ==== */
#kontakt2024-811 ul li {
  display: block;
  position: relative;
}

/*
#kontakt2024-811 ul li input[type=radio]{
  position: absolute;
  visibility: hidden;
}
*/

#kontakt2024-811 ul li label{
  display: block;
  position: relative;
  padding: 0 2.0em 0 1.3em;
  margin: 0;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

#kontakt2024-811 ul li .check{
  display: block;
  position: absolute;
  background: #ffffff;
  border-radius: 1px;
  height: 1.5em;
  width: 1.5em;
  top: 0;
  right: 0;
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
}

#kontakt2024-811 ul li:hover .check {
/*  border: 5px solid #FFFFFF;*/
}

#kontakt2024-811 ul li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 1px;
  height: .7em;
  width: .7em;
  top: .4em;
	left: .4em;
  margin: auto;
  background: ;
	transition: background 0.25s linear;
	-webkit-transition: background 0.25s linear;
}

/*
#kontakt2024-811 input[type=radio]:checked ~ .check {
  background: #0DFF92;
}
*/
#kontakt2024-811 input[type=radio]:checked ~ .check::before{
  background: #999;
}


#kontakt2024-811 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: .5em 3em .5em .5em;
	box-shadow: none;
	width: 100%;
	
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 95% center;
	background-size: 15px;
	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='20px' height='10px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23666666;stroke-width:2;stroke-linecap:round' points='2,2 10,9 18,2'/%3E%3C/svg%3E");
}


/* RADIO GROUP */
.form__label {  }
.form__wrap {  }

.radio .form__wrap { margin-right: -.5em; }

#kontakt2024-811 .radio label { font-size: inherit; width: 2.6em; padding: .3em; margin: 0 0.2em; display: inline-block; text-align: center; }
#kontakt2024-811 .radio label, #kontakt2024-811 .radio label * { cursor: pointer; }
#kontakt2024-811 .radio .label { padding-top: .3em; padding-bottom: .3em; hyphens: auto; }
.label__icon { width: 1.5em; height: 1.5em; margin: 0 0.75em; }

.form__row--buttons { margin-top: 1em; } 

#kontakt2024-811 .has-error { color: #CC0000; }
#kontakt2024-811 .big { vertical-align: top; }

/*.poll__lines > div:nth-child(even) {background: #EEE}*/
.poll__lines > div { border-bottom: 1px solid #BBB; }

@media(min-width: 768px){
	#kontakt2024-811 {  }
	#kontakt2024-811 label img { display: none; }
	#kontakt2024-811 textarea { height: 7.8em; }
}

@media(max-width: 767px){
	#kontakt2024-811 input[type=submit] { width: 100%; }
		
	#kontakt2024-811 .label + div { display: flex; }
	#kontakt2024-811 .frow > label { flex: 1; margin: 0 .2em; padding: 0; }
	#kontakt2024-811 .frow > label img { padding: .2em .3em; margin: 0; width: 100%; max-width: 3em; height: auto; border-radius: 3px; overflow: hidden; }
	
	#kontakt2024-811 input[type=radio] { display: none; }
	#kontakt2024-811 input[type=radio]:checked + img { background: #FFF; }
	
	#kontakt2024-811 textarea { height: 7.2em; }
}


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


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

.slick-nav-cstm { position: absolute; bottom: 2rem; left: 0; right: 0; top: auto; height: 0; overflow: visible; z-index: 150; }

.slick-prev, .slick-next { z-index: 2; top: -2rem; width: 2rem; height: 4rem; border-radius: 50%; background: transparent no-repeat center center !important; 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='10px' height='16px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round' points='3,1 9,8 3,15'/%3E%3C/svg%3E") !important; background-size: 1rem !important;  }
.slick-prev { left: 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='10px' height='16px' xml:space='preserve'%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round' points='7,1 1,8 7,15'/%3E%3C/svg%3E") !important; }
.slick-next { right: 0; }
.slick-prev::before, .slick-next::before { color: #004C9D; font-size: 50px; display: none; }


.slick-dots { bottom: 1rem; }
.slick-dots li { width: auto; height: auto; margin: 0 1px; }
.slick-dots li button { width: 1.5rem; height: 3rem; overflow: hidden; }
.slick-dots li button::before { content: ''; position: absolute; width: 10px; height: 10px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: #fff; border-radius: 5px; opacity: 1; }
.slick-dots li.slick-active button::before { opacity: 1; background: #FFA22B; }

@media(max-width: 575px){
	.l-slider--heros .slick-nav-cstm { display: none !important; }
}



.slick-nav-cstm { display: flex; align-items: center; justify-content: center; }
.slick-prev, .slick-next, .slick-dots { position: relative !important; top: 0; transform: none !important; }
.slick-dots { display: inline !important; width: auto; bottom: 0; }
.slick-next { order: 3; }

/* QUOTES */
.quote { margin-top: 2rem; }
@media(min-width: 575px) { 
	.quotes > *:nth-child(even) { margin-top: 4rem; }
}

.quote > div { position: relative; }
.quote > div:before { content: ''; position: absolute; top: 100%; width: 4rem; height: 4rem; left: 3rem; margin-top: -1.1rem; background: no-repeat left top; 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='50px' height='50px' xml:space='preserve'%3E%3Cpolygon style='fill:%23ffffff;stroke:%23FFFFFF;stroke-width:14;stroke-linecap:round;stroke-linejoin:round' points='7,7 7,43 43,7'/%3E%3C/svg%3E") !important; }
.quotes > *:nth-child(even) div:before { left: auto; right: 3rem; transform: scaleX(-1); }

.quote__author { line-height: 1.2; margin-bottom: 0; }
.quote .author__author { color: #FFA22B; display: block; }
.quote .author__function {  }


.quotes > .js-reveal-slide-x.js-reveal--hidden:nth-child(even) > * { transform: translateX(15vw); }


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

.fancybox-stage { 
	overflow-y: auto !important;
}


.fancybox-slide--html {
    padding: 1rem;
	height: 100%;
	overflow: hidden;
}

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


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



/* EFFECTS */
@keyframes fadeInLeft {
 from {
  opacity:0;
  transform:translate(-100px)
 }
 to {
  opacity:1;
  transform:translate(0)
 }
}
@keyframes fadeInTop {
 from {
  opacity:0;
  transform:translateY(-70px)
 }
 to {
  opacity:1;
  transform:translateY(0)
 }
}

/* JUMP */
@-webkit-keyframes jump {
  0%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  20%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  40%{
	-webkit-transform: translateY(-35%);
	transform: translateY(-35%);
  }
  50%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  60%{
	-webkit-transform: translateY(-20%);
	transform: translateY(-20%);
  }
  80%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  100%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
}
@keyframes jump {
  0%{
	transform: translateY(0);
  }
  20%{
	transform: translateY(0);
  }
  40%{
	transform: translateY(-35%);
  }
  50%{
	transform: translateY(0);
  }
  60%{
	transform: translateY(-20%);
  }
  80%{
	transform: translateY(0);
  }
  100%{
	transform: translateY(0);
  }
}


/* 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; }

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

/* TRANSTION SLIDE X */
.js-reveal-slide-x > * { transition: all .7s ease .2s; }
.js-reveal-slide-x > * { transform: translateX(0); opacity: 1; }

.js-reveal-slide-x.js-reveal--hidden > * { transition: none; transform: translateX(-15vw); opacity: 0; }
.js-reveal-slide-x.js-reveal--hidden > *:nth-child(2) { transform: translateX(15vh); }

.l-grid__item:nth-child(even) .js-reveal-slide-x.js-reveal--hidden > * { transform: translateX(15vw); }
.l-grid__item:nth-child(even) .js-reveal-slide-x.js-reveal--hidden > *:nth-child(2) { transform: translateX(-15vh); }

/* LINK@HEADER */

.header__heading b { font-weight: inherit; }
.header__heading b + b a { display: block; text-indent: -999em; overflow: hidden; height: 0; padding-bottom: 100%; background: transparent url('../img/stm_odl__banner-2025-03.svg') center center no-repeat; background-size:contain; }
.header__heading b + b a {
	opacity: 0;
	animation:fadeInTop 2s cubic-bezier(0,0.53,0,1) 1 forwards;
	animation-delay:3s;
}

/* COOKIE CONSENT */
.cc-window { background: rgba(70,70,70,.9); }
.cc-compliance { padding: 1.5rem; }
.cc-btn.cc-allow-all { background-color: #F5C40F; color: #111111; }
.powered-by { display: none; }

/**/
:root, [data-bs-theme="light"] {  
	--bs-dark-rgb: 10,10,10;
}