/* === LOAD FONTS ===*/

@font-face {
    font-family: 'Euphemia-UCAS';
    font-style: normal;
    font-weight: 400;
    src: url('/fileadmin/hgp_wenden/templates/site/fonts/Euphemia-UCAS.ttf.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/fileadmin/hgp_wenden/templates/site/fonts/Euphemia-UCAS.ttf.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fileadmin/hgp_wenden/templates/site/fonts/Euphemia-UCAS.ttf.woff') format('woff'), /* Modern Browsers */
         url('/fileadmin/hgp_wenden/templates/site/fonts/Euphemia-UCAS.ttf.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/fileadmin/hgp_wenden/templates/site/fonts/Euphemia-UCAS.ttf.svg#Euphemia-UCAS') format('svg'); /* Legacy iOS */

}

/* roboto-condensed-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('/fileadmin/_shared/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fileadmin/_shared/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fileadmin/_shared/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fileadmin/_shared/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/fileadmin/_shared/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fileadmin/_shared/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

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


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

#main 		{ background: transparent; }

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

figure { margin-bottom: 0; }
.border-top, .border-bottom { border-color: #B8B1A7 !important; }
.border-top 	{ border-top-width: 2px !important }
.border-bottom 	{ border-bottom-width: 2px !important }

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

.text-highlight { color: #004D9D !important; }
.text-light 	{ color: #999999 !important; }
.text-important { color: red !important; }

@media(min-width: 576px){
	.border-sm-top-0 { border-top: 0 !important; }
}


/* GRID */
.row { margin-right: -20px; margin-left: -20px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-left: 20px; padding-right: 20px;
}

@media(max-width: 1024px){
	.row { margin-right: -10px; margin-left: -10px; }
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-left: 10px; padding-right: 10px;
	}
}

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

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

/* === HEADER === */
#header { width: 100%; top: 0; background: #fff; padding-top: 25px; }
#header > div { position: relative;  }

/* HEADER: LOGO */
.logo { position: relative; top: 0; left: 0; margin: 0; font-family: 'Euphemia-UCAS', Arial, sans-serif; text-transform: uppercase; text-align: center;}
.logo a:hover { text-decoration: none !important; }
.logo a:focus { outline: 1px dotted #ccc; }
.logo:before { content: ''; display: block; width: 74px; height: 74px; border-radius: 50%; margin: 10px auto 0 auto; 
	background: transparent center center no-repeat;
	background-image: url('../media/hgp_wenden__logo_d800x.png');
	background-size: 76px;
	overflow: hidden;
	box-shadow: 1px 2px 3px #999;
}
.logo__title 		{ font-size: 15px; line-height: 1.2; color: #001F96; margin: 15px 0 0 0; }
.logo__subtitle 	{ font-size: 14px; line-height: 1.2; color: #B5BF00; margin: 5px 0 0 0; }

@media(min-width: 576px){
	.logo { padding: 10px 0 40px 130px; text-align: left; }
	.logo:before { position: absolute; top: 0; left: 0; width: 96px; height: 96px; margin-top: 0; background-size: 100px; }	
	
	.logo__title { margin-top: 5px; }
}

@media(min-width: 992px){
	#header { border-bottom: 1px solid #B5BF00; }
	.logo { padding: 10px 0 40px 130px; text-align: left; }
	.logo:before { position: absolute; top: 0; left: 0; width: 96px; height: 96px; margin-top: 0; background-size: 100px; }	
}


/* HEADER: MENU */
#nav { margin: auto 0 0 auto; font-family: 'Euphemia-UCAS', Arial, sans-serif; font-size: 13px; }
.menu { color: #001F96;  }

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

.menu--primary { padding: 0; position: relative; }
.menu--primary .menu__item { position: relative; }

.menu--primary a { transition: color .3s; white-space: nowrap; text-transform: uppercase; font-weight: 400; }
.menu--primary a:hover { text-decoration: none; color: inherit; }
.menu--primary li.act > a, 
.menu--primary li.cur > a { color: #B5BF00; }

.menu--primary a { display: block; padding: .8em; }
.menu--primary a b { position: relative; }

.menu--primary { margin-left: -5px; margin-right: -5px; }
.menu--primary a { padding-left: 5px; padding-right: 5px;  }

/* LEVEL 2 */
.menu--primary .l2 { font-size: .9em; color: #666; }
.menu--primary .l2 a { padding: .5em 1em; }
.menu--primary .l2 a:hover { color: #333; z-index: 2; text-decoration: none; }

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

/*.menu--primary .l2 a:before { top: .3em; bottom: .3em; left: .2em; height: auto; width: .5em; }*/
.menu--primary .l2 a:before { bottom: 0; left: 1em; right: 1em; }

.menu--primary .l2 b {  }

@media(min-width: 992px){
	.menu > li:before { content:''; display:block; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 50%; background: #5C5C5C;  }
	.menu > li:first-child:before { content: none; }
	
	/*
	.menu--primary a:before { position: absolute; bottom: .6em; height: 2px; left: 2em; right: 2em; overflow: hidden; content:''; background: #CDC8C1; transition: all .3s; opacity: 0; transform: scaleX(0); transform-origin: left center; }
	.menu--primary a:focus:before,
	.menu--primary a:hover:before { transform: scaleX(1); opacity: 1; }

	.menu--primary li.act > a:before, 
	.menu--primary li.cur > a:before { transform: none; opacity: 1; }
	*/
	
	
	.menu--primary .l2 { position: absolute; top: 100%; right: 0; background: #fff; box-shadow: 0; padding: 1em 0; min-width: 100%; margin-top: 0;  }
	.menu--primary a { text-align: center; }
	
	.menu--primary .l2 a:after { content: none; position: absolute; bottom: 0; left: 1em; right: 1em; height: 1px; background: #cccccc;  }
	.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; }
}

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

	top: -1px;
	right: 0;
	z-index: 999;
	padding: 15px 24px;
	height: 60px;
	width: 70px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: transparent;
	border-radius: 0;
	
	display: none;
	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: 0;
	background: #666;
	transition: all .3s;
	position: relative;
	opacity: 1;
	transform: rotate(0) translateY(0);	
}

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

.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(7px) rotate(45deg) }
.menu--is-active .navbar-toggle .icon-bar:last-child 		{ transform: translateY(-7px) rotate(-45deg)  }



@media(max-width: 991px){
	/* PRIMARYNAV */
	.navbar-toggle { display: block;}
	
	#nav { background: rgba(255,255,255,0.95); position: absolute; z-index: 1; top: 80px; bottom: auto; left: auto; width: auto; right: 0; margin: 0 0 0 0; }
	#nav { 
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;
		
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
	}
	.menu--is-active #nav { 
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.menu--is-active #header:before { opacity: 0; }
	
	.menu--primary { margin: 0; top: 0; padding: .5em 30px; font-size: 16px !important; }
	.menu--primary .menu__item { flex: 1 100%; }
	.menu--primary a { padding: .8em 2rem .8em 0; text-transform: none; }
	.menu--primary > * + * a { border-top: 1px solid #B5BF00; }
	
	.menu--primary .l2 a { padding-left: 0; margin-left: 1em; }
	.menu--primary .l2 a { border-top: 0 !important; }
}
@media(max-width: 576px){
	#nav { top: 100px; left: calc(50% - 20px); width: calc(50% + 20px); }
	.menu--primary a { padding-right: 0; }
}



/* === MAIN: CONTENT === */
#main {  }
@media(min-width: 992px){
	#main { padding-top: 30px; }
}

#content { margin-top: 0; }

.atmo { background:#A8A9AA; }
@media(max-width: 991px){
	.addr { background: #A8A9AA; color: #FFFFFF; }
	.atmo { margin: 3px 0; }	
}

@media(min-width: 992px){
	.content {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important;
	}

	.home .content {
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	.home .content__intro { 
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.home .content__content { 
		margin-top: 0 !important;
	}
	
	.home .content__content:before { content:''; position: absolute; top:-1000px; right:0; left: 0; height: 1000px; z-index: -1; background: #E5E7E8; }
	.home .addr { position: absolute; top: 100%; margin-left: 50%; }
	
	.atmo { position: relative; }
	.atmo .imgwrap:before { content:''; position: absolute; top: 0; left: -50vw; width: 200vw; height: 100%; background:#A8A9AA; z-index: -1; }	
}

/* ADDRESS */
.addr p { margin-top: .6rem; margin-bottom: 0; }
.addr p:first-child { margin-top: 0; }



/* === FOOTER === */
#footer { background:#A8A9AA; margin-top: 3px; }

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

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


#footer { color: #333333; }
#footer p, 
#footer table { margin-bottom: .6em; }
#footer .border-bottom { padding-bottom: .3em; }

/* LEGAL */
.menu--mn { color: #fff; margin-left: -1em; margin-right: -1em; }
.menu--mn li { position: relative; display: inline-block; margin-left: 0 !important; padding-left: 0 !important; }
.menu--mn > li:before { background: #FFFFFF; transform: translateY(-55%); width: 3px; height: 3px; left: -2px;  }

.menu--mn a { display: block; padding: 1.5em 1em; }


/* 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: #B5BF00;
	padding: .5em;
	width: 2.5em;
	overflow: hidden;
	border-radius: 5px;
}

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

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


.ctel.vw-100 { width: auto !important; }
.ctel:first-child { margin-top: 0; }

/* CTEL > WRAP */
.bg > div { position: relative; background: transparent; padding: 4rem 5rem; }
.bg > div .header p {  }

.bg--white > div 	{ background: #fff; }
.bg--1 > div 	{ background: #E5E5E5; }
.bg--1 .imgwrap.above { margin: -2rem -2rem 2rem -2rem; }

.bg--transparent > div 		{ background: transparent; }
.bg--2 > div 	{ background: #B6ADA8; }


.bg--blue 		{ background: #004C9D !important; }

.bg-light, 
.bg--blue-10p { background:#E5E7E8 !important; }


/* HEADINGS */
.header { line-height: 1; font-weight: 400; margin-bottom: 1em;  }

/*
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: "Titillium Web", sans-serif; font-weight: 300; margin-bottom: 1.5em; line-height: 1.1; }
*/
.h1, h1 { color: #333; font-size: 1.90rem; text-transform: uppercase; }
.h2, h2 { color: #B5BF00; font-size: 1.14rem; text-transform: none; font-weight: 600; }
.h3, h3 { color: inherit; font-size: 1.07rem; text-transform: none; font-weight: 600; margin-top: 1.5em; }
.h4, h4 { font-size: 1em; font-weight: 500; }

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

.ctel.text-white .header * {  color: #fff; }

.wsh { font-weight: 300; }
.wsh * { margin-bottom:0; }
.wsh p { margin-top: .5em; }

/* BODYTEXT */
/* === TEXTSTILE ======================================= */
body { 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #444444; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-weight: 400;
}

/* FONTSIZES ALL TOGETHER */
html 		{ font-size: 14px; line-height: 1.4; font-weight: 300; }
@media(max-width: 1280px){
	html 		{ font-size: 13px; }
}

/*
@media(max-width: 992px){
	html 		{ font-size: 13px; }
}

@media(max-width: 575px){
	html 		{ font-size: 14px; }
}
*/

.text-size--xxl { font-size: 2.00rem; line-height: 1.3; }
.text-size--xl 	{ font-size: 1.50rem; line-height: 1.3; }
.text-size--l 	{ font-size: 1.17rem; line-height: 1.3; }
.text-size--s 	{ font-size: 0.82rem; }
.text-size--xs 	{ font-size: 0.72rem; }

.text-size--rel { font-size: 1vw; }
.text-size--rel .text-size--xxl { font-size: 2.00em; }
.text-size--rel .text-size--xl 	{ font-size: 1.50em; }
.text-size--rel .text-size--l 	{ font-size: 1.30em; }
.text-size--rel .text-size--s 	{ font-size: 0.72em; }
.text-size--rel .text-size--xs 	{ font-size: 0.72rem; }

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

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


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


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

#content a { color: #001F96; text-decoration: none; border-bottom: 1px dotted #999; transition: border .5s; }
#content a:hover { border-bottom: 1px solid #999; }

p { margin-bottom: 1.2em; }
table p { margin-bottom: .6em; }
table p:last-child { margin-bottom: 0; }
/*.csc-text-text p { word-wrap: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; text-align: justify; }*/

/*
@media(max-width: 767px){ 
	.csc-text-text br { display: none; }
}
*/


/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
ul,ol { padding: 0; margin-bottom: 1.2em; }
li { padding: 0; margin: 0; }

.csc-text-text ul li { list-style: none; margin-left: 0; padding-left: 1.8em; margin-bottom: 1em; position: relative; }
.csc-text-text li:before {
	content:"";
	font-family: Arial;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: .5em;
	font-size: 1.6rem;
	line-height: 1;
	color: #B8B1A7;
	opacity: .9;
	width: .7em;
	height: 3px;
	background: #B8B1A7;
}
.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; font-weight: 600;  }
.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 p { -webkit-hyphens: auto; hyphens: auto; }*/

.imgwrap figcaption { font-size: 0.82rem; --font-style: italic; }

.icon--block { display: flex; align-items:baseline; position:relative; margin-bottom: 1rem; }
.icon--block .label {
	font-size: 2em;
	padding-right: 1.5em;
	min-width: 1px;
	color: #A9A099;
}
.icon--block .label:before {
	margin: 0;
	position: relative;
	top: .2em;
}

.icon--block p { margin-bottom: 0; }

/* P CLASSES */
.cite { color: #666666; line-height: 1.6; font-size: 1.05rem; }

/* BTNs */
.btn--1 { display: inline-block; padding: .6em 1.5em; margin: 0.2em 0; font-weight: 300; line-height: 1; text-align: center; border-radius: .2em; color: #FFFFFF !important; background: #001F96 !important; text-transform: none; text-decoration: none; transition: all .3s; border: 0 !important; }
.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: inherit; }
.btn--1:hover { text-decoration: none; }

/*a.btn--1:after,*/
.link-internal::after, .link-internal-new-window::after, .link-external::after, .link-external-new-window::after, .download::after, .mail::after, abbr::after, acronym::after, .lightbox-link::after, .phone::after, .mobile::after, .fax::after, .rss::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: inherit;
	-moz-osx-font-smoothing: inherit;
	
	transition: all .2s;
}
/*a.btn--1:after,*/
.link-internal::after { content: '\e81f'; position: relative; top: -.07em; margin-left: 0.1em; }
.link-internal:hover::after { transform: translateX(.5em); }
.link-external::after { content: '\f08e'; }

.mail:after { content: '\e800'; }


.text-white .btn--1 { background: rgba(34,65,121,.7); background: rgba(237,101,108,.8); background: rgba(0,77,157,.8); }
.text-white .btn--1, .text-white .btn1:link, .text-white .btn1:visited, .text-white .btn1:active { color: #ffffff; }
.text-white .btn--1:hover { background: rgba(0,77,157,1); }




/* DOWN-OPEN */
.decoration--down-open-below {  position: relative; padding-bottom: 0; }
.decoration--down-open-below:after { content:''; position: absolute; height: 1em; width: 1em; left: 50%; top: 100%; margin-top: 0; margin-left: -.5em; padding-bottom: 3em;
	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='30px' height='18px' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M15,17.153L0,6.535V0l15,9.653L30,0v6.535L15,17.153z'/%3E%3C/svg%3E");
	background-size: contain;
	overflow: hidden; 
	opacity: 1;
	
	-webkit-animation: jump 2s ease 0s 5 normal ;
	animation: jump 2s ease 0s 5 normal ;	
}

.decoration--down-open-below a { text-decoration: none; color: inherit !important;  }

/*  CIRCLE-ABOVE */
.decoration--circle-centered > div { position: relative; }
.decoration--circle-centered > div:before { content: ''; position: absolute; z-index:1; top: 50%; left: 50%; border-radius: 50%; width: 30em; height: 30em; background: #2C8173; 
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: .85;
 }
 
 
/* PEARLS */ 
.decoration--pearls-above { position: relative; padding-top: 1.5rem; }
.decoration--pearls-above::after {  content: ''; position: absolute; height: 14px; width: 8rem; left: 50%; top: 6px; margin-left: -4rem;
	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='8' height='4' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%23FBE5E6' stroke-width='3' stroke-linecap='round' x1='2' y1='2' x2='2' y2='2'/%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='8' height='4' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%23004C9D' stroke-width='3' stroke-linecap='round' x1='2' y1='2' x2='2' y2='2'/%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='8' height='4' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cline fill='none' stroke='%23E3000B' stroke-width='3' stroke-linecap='round' x1='2' y1='2' x2='2' y2='2'/%3E%3C/svg%3E");
	background-size: contain;
	opacity: 0.5;
}

.decoration--pearls-below { position: relative; padding-bottom: 1.5rem; }
.decoration--pearls-below::after {  content: ''; position: absolute; height: 14px; width: 8rem; left: 50%; bottom: 6px; margin-left: -4rem;
	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='8' height='4' 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;
}

/* DIVIDER LINE */
.decoration--divider-above { position: relative; padding-top: 1.5rem; }
.decoration--divider-above::after {  content: ''; position: absolute; height: 5px; width: 10rem; left: 50%; top: 6px; margin-left: -5rem;
	border-radius: 2px;
	background: #FBE5E6;
	background: #ED656C;
	background: #F07E84; /* 50% */
	background: #F6B1B4; /* 30% */
}

/* BORDER BIG TOP/BOTTOM */
/*
.decoration--border-big-top { border-top: 1.5rem solid #CDC8C1 }
.decoration--border-big-bottom { border-bottom: 1.5rem solid #CDC8C1 }
*/
.decoration--border-big-top, 
.decoration--border-big-bottom { position: relative; }

.decoration--border-big-top > div { position: relative; z-index: 1; }

.decoration--border-big-top:after, 
.decoration--border-big-bottom:after {  content: ''; position: absolute; height: 1.5rem; left: 0; top: -1.5rem; right: 0; bottom: auto;
	background: #CDC8C1;
	opacity: .9;
	z-index: 0;
}

.decoration--border-big-bottom:after { top: auto; bottom: 0; }

@media(max-width: 767px){
	.decoration--border-big-top:after, 
	.decoration--border-big-bottom:after { height: 1rem; }
	.decoration--border-big-top:after { top: -1rem;  }
}



/* DIAMOND TOP */
.decoration--triangle-above { position: relative; }
.decoration--triangle-above::after {  content: ''; position: absolute; height: 3rem; width: 6rem; left: 50%; top: 0; margin-left: -3rem;
	background: transparent no-repeat center top;
	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='30' height='10' xml:space='preserve' preserveAspectRatio='none slice'%3E%3Cpolygon fill='%23FFFFFF' points='0,0 30,0 15,10' /%3E%3C/svg%3E");
	background-size: contain;
}


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

.ui-accordion .ui-state-focus { outline: 0; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; zoom: 1; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; height: 15px; width: 15px; right: auto; left: 0; top: auto; 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='100px' height='100px' xml:space='preserve'%3E%3Crect x='0' y='40.665' fill='%23001F96' width='82' height='20'/%3E %3Cpolygon fill='%23001F96' points='40.029,86.798 76.163,50.665 40.029,14.531 64.53,14.531 100.665,50.665 64.53,86.798 	'/%3E%3C/svg%3E");
	background-size: contain;
	overflow: hidden; 
	opacity: 1;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: transform .3s;  }
.ui-accordion .ui-state-active .ui-accordion-header-icon { transform: rotate(90deg);  -webkit-transform: rotate(90deg); }

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

.ui-accordion .ui-accordion-header {  text-transform: none; background: transparent; border-radius: 0; overflow: hidden; padding: .5em 1.5em; margin: 1px 0 0 0 !important;  }
.ui-accordion .ui-accordion-header * { margin: 0; color: #001F96; line-height: 1.2; text-transform: none; }
/*.ui-accordion .ui-accordion-header:hover * { color: ; } */
 
.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 .csc-text-text { padding: 1em 1em .5em 1.5em !important; }

/* === GENERAL GRID === */
.l-grid { 
	list-style: none;
	padding: 0;
	margin: 0;	
}

.l-grid__item { 
	position: relative;
	z-index: 1;
	margin: 0; 
	padding: 0; 
}

/*
.l-grid { 
	list-style: none;
	padding: 0;
	margin: 0;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap; 
	position: relative; margin-left: -10px; margin-right: -10px; 
	margin-top: 2em;
}

.l-grid__item { 
	position: relative;
	z-index: 1;
	float:none;
	margin: 0; 
	padding: 10px; 
}

@media(max-width: 767px){
	.l-grid__item { width: 100%; }
}

.l-grid .l-grid__item:before {  position: absolute; content: ""; z-index: -1;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 10px;
	background: #fff;
	border: 0;
	height: auto;
	width: auto;
}
*/

/* BACKGROUND */
.l-grid--bg > .l-grid__item:before { background: #e1e1e1; }
.l-grid--bg-1 > .l-grid__item:before { background: #ffffff; }
.l-grid--bg-1 > .l-grid__item > * { padding: 1em; }


/* GAP BETWEEN TILES */
.l-grid--gap-0 { margin: 0; }
.l-grid--gap-0 > .l-grid__item { padding: 0; }
.l-grid--gap-0 > .l-grid__item:before { top: 0; right: 0; bottom: 0; left: 0; }

.l-grid--gap-1 { margin: -5px; }
.l-grid--gap-1 > .l-grid__item { padding: 5px; }
.l-grid--gap-1 > .l-grid__item:before { top: 5px; right: 5px; bottom: 5px; left: 5px; }

.l-grid--gap-2 { margin: -20px; }
.l-grid--gap-2 > .l-grid__item { padding: 20px; }
.l-grid--gap-2 > .l-grid__item:before { top: 20px; right: 20px; bottom: 20px; left: 20px; }

/* INNER PADDING */
.l-grid__item > * { margin: 0; }
.l-grid--pad-0 .l-grid__item > * { margin: 0; }

/* HOVER HIGHLIGHT */
.l-grid__item--hover > * { box-shadow: 0 0 .1em rgba(0,77,157,0); transition: box-shadow .5s; }
.l-grid__item--hover:hover > * { box-shadow: 0 0 1em rgba(0,77,157,0.4);  }


/* === QUOTES === */
.quote {  }
.quote__images { overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.quote__images figure { position: relative; background: #7698C4; margin: 0; }
.quote__images figcaption { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
.quote__images figcaption { color: #ffffff; font-style: italic; line-height: 1.2; }

.quote__images img,
.quote__images figcaption { transition: all .3s linear; }

.quote__images figcaption { opacity: 0; }
.quote__images img { opacity: 1;  }

.quote:hover img { opacity: 0.1; }
.quote:hover figcaption { opacity: 1; }

.quote__content { margin-top: 1em; }

/* === TEASER === */
.teaser { position: relative; z-index: 0; overflow: hidden; width: 100%; }
.teaser__images { position: relative; z-index: -1; }
.teaser__images figure { margin: 0;  }
.teaser__images figcaption { margin-top: .5em; line-height: 1.2; }

.teaser__content { padding: 1em 0; background: transparent; line-height: 1.4; margin-bottom: auto; }
.teaser__content * {  }

.teaser .header { line-height: 1.2; }
.teaser .header * { margin-bottom: 0; }

.teaser__heading { margin: 0; text-align: center; text-transform: uppercase; line-height: 1; color: inherit; font-weight: 400;  }

.teaser a {  }

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

.fancybox-slide--html {
    padding: 10px;
/*	margin: 10px;
	position: relative;
*/
	}

.fancybox-slide--html .fancybox-content {
	max-width: 768px;	
	margin: 3em auto !important;
	overflow: hidden;
	background: #E5E7E8;
	background: #F0F0F0;
}
/* === PROFILES === */
.profile { overflow: hidden; }
.profile .imgwrap { float: right; padding-left: 1em; padding-bottom: 1em; max-width: 40% !important; }
.fancybox-slide--html .profile { padding-left: 1.5em; padding-right: 1.5em; }

@media(min-width: 768px){
	.profile .imgwrap { padding-left: 2em; padding-bottom: 2em; max-width: 33% !important; }
}


/* === IMAGES === */
/*
.col1.imgwrap { margin-top: -5px; }
.col1.imgwrap figure { margin-top: 5px; }
*/

.img-caption--above {  }
.img-caption--above figure { position: relative; display: flex; flex-flow: column; justify-content: center; height: 100%; }
.img-caption--above figcaption { position: relative; margin: 3rem 3rem; pointer-events: none; }
.img-caption--above a { position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
.img-caption--above img { max-width: unset; width: 100%; height: 100%; object-fit: cover; object-position: center center; }


/* IMG-STYLE */
.imgwrap .img { position: relative; }
.icon--play .imgwrap a, a.icon--play .img { position: relative; display: block; }
.icon--play .imgwrap a:after, a.icon--play .img:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 15vw; height: 15vw; max-width: 80px; max-height: 80px; z-index: 1; pointer-events: none; border-radius: 50%; border: 5px solid #fff; opacity: .7; transition: opacity .3s; cursor: pointer }
.icon--play .imgwrap a:after, a.icon--play .img:after {
	background: transparent 60% center no-repeat;
	background-size: 55%;
	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='47px' height='57px' xml:space='preserve'%3E%3Cpolygon fill='%23FFFFFF' points='0,0 0,56.222 46.562,28.111' /%3E%3C/svg%3E");
}
a.icon--play:hover .img:after { opacity: 1; }

/* === POSTER === */
.ctel.text-over-img { padding: 0;  }

@media(min-width: 768px){
	.poster { position: relative; display: flex; flex-flow: column; justify-content: center; min-height: 100%; }
	.poster__images { position: absolute; z-index: 0; right: 0; left: 0; bottom: 0em; top: 0; background: #fff; 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 .header > * { text-shadow: 0 0 3px #000; }

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

@media(max-width: 767px){
	.ctel.text-over-img > div { height: auto !important; }
/*	.poster__content { background: linear-gradient(180deg,rgba(0,76,157,1), rgba(34,65,121,1)); }*/
}



/*
.poster figure:before, 
.poster figure:after { position: absolute; content:''; top:0; right: 0; left: 0; bottom: 0; background: linear-gradient(rgba(111,144,170,0), rgba(111,144,170,1) 50%); z-index: 1;opacity: .5; mix-blend-mode: multiply; }
*/
/*=== PROFILES ==================================*/
.profile {  }
.profile__heading { font-weight: 500; margin-bottom: 0; }


/*=== LOADER ==================================*/
#ldr { 
	z-index: 999; position: fixed; top:0; right:auto; bottom:0; width: 100%; background: rgba(50,50,50,0.8);
	
	left:-100%; 
	opacity: 0;
	
	transition: opacity 1s, left 0s 1s;
}
.loading #ldr { 
	opacity: 1;
	left: 0;
	transition: opacity 1s, left 0s;
}

.loading h1 + fieldset, 
.fdbShowing h1 + fieldset { display: none !important; }

.spinner {
	position: absolute;
	left: 0; right: 0;
	top: 50%;
	transform: translateY(-100%);
	text-align: center;
}

.spinner strong { color: #fff; text-shadow: 0 0 5px rgba(0,0,0,.5); }

.spinner > div {
	width: 40px;
	height: 40px;
	background-color: #fff;

	border-radius: 100%;
	display: inline-block;

	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.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(-25%);
	transform: translateY(-25%);
  }
  50%{
	-webkit-transform: translateY(0);
	transform: translateY(0);
  }
  60%{
	-webkit-transform: translateY(-12%);
	transform: translateY(-12%);
  }
  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(-25%);
  }
  50%{
	transform: translateY(0);
  }
  60%{
	transform: translateY(-12%);
  }
  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; }

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

/* === MAILFORM ========================== */
#cntctfrm {  }

#cntctfrm fieldset {
	border: 0;
	background: transparent;
    display: block;
    margin: 2em 0;
    padding: 0;
}
#cntctfrm legend {
	font-size: inherit;
	margin: 1em 0 0 0;
	font-weight: bold;
}
#cntctfrm .frow { padding: .5em 0 .5em 0; position: relative; } 

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

#cntctfrm input[type=text], 
#cntctfrm textarea { padding: 5px 5px; margin: .2em 0 0 0; width: 100%; background: #FFFFFF; border-radius: 1px; border: 0; -webkit-appearance: none; }

#cntctfrm textarea { height:auto; }

#cntctfrm input[type=submit] { border: 0; }
#cntctfrm input[type=submit]:hover { text-decoration: none; color: #fff }

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

.row_tasty { display: none; }

#cntctfrm input[type=text], #cntctfrm textarea {
	-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: 1px solid #fff;
}
 
#cntctfrm input[type=text]:focus, #cntctfrm textarea:focus {
  outline: 0;
  border: 1px solid #7698C4;
}
/* ==== */
#cntctfrm ul li {
  display: block;
  position: relative;
}

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

#cntctfrm 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;
}

#cntctfrm 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;
}

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

#cntctfrm 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;
}

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


#cntctfrm select {
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: .5em 3em .5em 1em;
	box-shadow: none;
	
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 90% 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:%237698c4;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; }

#cntctfrm .radio label { font-size: inherit; width: 2.6em; padding: .3em; margin: 0 0.2em; display: inline-block; text-align: center; }
#cntctfrm .radio label, #cntctfrm .radio label * { cursor: pointer; }
#cntctfrm .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; } 

#cntctfrm .has-error { color: #EC6501; }
#cntctfrm .big { vertical-align: top; }

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

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

@media(max-width: 767px){
/*	#cntctfrm { font-size: 14px; line-height: 1.1; }*/
	
	#cntctfrm .label + div { display: flex; }
	#cntctfrm label { flex: 1; margin: 0 .2em; padding: 0; }
	#cntctfrm label img { padding: .2em .3em; margin: 0; width: 100%; max-width: 3em; height: auto; border-radius: 3px; overflow: hidden; }
	
	#cntctfrm input[type=radio] { display: none; }
	#cntctfrm input[type=radio]:checked + img { background: #FFF; }
	
	#cntctfrm textarea { height: 7.2em; }
}

/* === STORER ANIMATION KARRIERE 2025 === */
.imgwrap.img { position: relative; margin: 0; padding: 0;
	animation-name: rotation;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 12s;
	transform: rotate3d(0, 1, 0, 0deg);
	transform-style: preserve-3d;
}

/*.img figure:nth-child(1) { position: relative; z-index:1; }*/
.img figure:nth-child(2) { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index:2; }


.img figure { 
	overflow: hidden;
	border-radius: 50%;
	
	background: #ccc;
	
	
    -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-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
          -o-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
             backface-visibility: hidden;
}
.imgwrap.img figure:nth-child(1) { transform: rotateY(0deg); }
.imgwrap.img figure:nth-child(2) { transform: rotateY(180deg); }

@media(max-width: 992px){
	#batch2025 { position: absolute; z-index: 5; top: 100%; left: 2rem; right: 2rem; transform: translateY(-50%); }
}

@keyframes rotation {
  0%,45% {
    transform: rotate3d(0, 1, 0, 0deg);
  }
  50%,95% {
    transform: rotate3d(0, 1, 0, 180deg);
  }
  100% {
    transform: rotate3d(0, 1, 0, 360deg);
  }
}