@media screen {
  @font-face {
    font-display: swap;
    font-family: 'Kdu';
    font-style: normal;
    font-weight: 400;
    src: url('../assets/kdu.ttf') format('truetype');
  }
}

/* ======================= */
/* RESET BTSTRP */
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: #F3F0EF !important;}
.border-top 	{ border-top-width: 4px !important;  }
.border-bottom 	{ border-bottom-width: 4px !important; }

.bg-light .border-top, .bg-light .border-bottom { border-color: #ECE8E4 !important;}


.bg-warm {  }
.bg-warm-20p, 
.bg-light { background-color: #F4F1EC !important; }

.rounded-lg { border-radius: 0.75rem !important; }
.rounded-sm { border-radius: 0.40rem !important; }

.text-highlight { color: #00ACA8 !important; }
.text-light 	{ color: #DAE3E0 !important; }
.text-light-darker 	{ color: #969696 !important; }
.text-primary 	{ color: #90B9AE !important; }
.text-secondary { color: #00ACA8 !important; }
.text-important { color: #509D8C !important; font-size: 1.1em; line-height: 0.9; }

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

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

.container-fluid, #page { max-width: 1300px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }
#page { padding-left: 10px; padding-right: 10px; }
.container-fluid .container-fluid { padding-left: 0; padding-right: 0; }

@media(min-width: 767px){
	.container-fluid, #page { padding-left: 30px; padding-right: 30px; }
	.ctel > .container-fluid { padding-left: 4rem; padding-right: 4rem; }
	.ctel--type-gridelements_pi1 .container-fluid .container-fluid, 
	.ctel__layout > .container-fluid { padding-left: 0; padding-right: 0; }
}


/* === WEBSITE-LAYOUT GENERELL ========================================== */
body { overflow-y: scroll; background: #3a685b no-repeat center center fixed; background-size:cover; margin: 0; padding: 0; }
@media (min-width: 992px) {
	body { background-image: url('../assets/body__bg.png'); }
}
	
/* POSITIONIERUNGEN */
#canvas, #page, #main, #footer, .footer__content  { position: relative; }
#nav { position: sticky; top: 10px; }
#header { position: relative;}
#canvas { padding-top: 1px; }

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

#page { margin-top: 1rem; margin-bottom: 3rem; }

#footer { margin-bottom: 0; }
#main 	{ background: transparent; margin-top: 2rem; }
#content { background: #F9EECA; padding-top: 1rem; padding-bottom: 3rem; border-radius: 5px; overflow: hidden; }


#page {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

#main { padding: 1.5rem 0; background: #EFB116; border-radius: .5rem; }
#content { padding-top: 0;  }


@media (min-width: 768px) {
	#main {  border-radius: 1rem; box-shadow: 0 0 15px rgba(0,0,0,.5); }
}

.link-iserv { color: inherit; text-align: center; font-weight: 600; margin-top: .5rem; }
.link-iserv a { display: block; padding: .5rem 0; border: 0 !important; }
@media (min-width: 992px) {
	.link-iserv { color: #DAE3E0; }
}

/* === HEADER === */
#header { background: transparent; margin-bottom: 0; }
@media (min-width: 768px) {
	#header { padding-top: 1.5rem; padding-bottom: 1.5rem;  }
}

/* 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 {  }
.logo__title { color: #DAE3E0; line-height: 1; font-weight: 600; }
.logo__title:before { content: ''; display: block; width: 100%; height: 0; padding-bottom: 50%; background: url('../assets/gshs__emblem.png') transparent no-repeat center center; background-size:contain; }

@media(min-width: 1300px){
	.logo__title:before { padding-bottom: 71.40%; }
}

/* = HEADER: MENU ========================================== */
.col--nav { position: static; }

.navbar-toggle {
	position: absolute;

	top: 5px;
	right: 5px;
	z-index: 999;
	padding: 10px 13px;
	height: 50px;
	width: 50px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: #F9EECA;
	background: #FFF;
	border-radius: 50%;
	
	display: block;
	border: 0;
}

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

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

.navbar-toggle .icon-bar {
	display: block;
	width: auto;
	height: 3px;
	border-radius: 2px;
	background: #EFB116;
	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; background-color: #;  }
.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)  }



#canvas #nav .tggl { display: none; }
@media (max-width: 991px) {
	#nav { position: absolute; z-index: 1; top: 0; bottom: auto; left: 0; width: auto; right: 0; margin: 0 0 0 0; border-radius: .5rem; padding: .25em 0 !important; background: #F3F3F3; box-shadow: 0 0 15px rgba(0,0,0,.5); }
	#nav { 
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;
	
		transform: translateX(120%);
		-webkit-transform: translateX(120%);
	}
	.menu--is-active #nav { 
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	
	
	#canvas #nav .tggl { display: block; position: absolute; right: 0; top: 5px; bottom: 0; width: 60px; height: auto; padding: 0; background: transparent; border: 0; border-left: 1px solid #ccc; text-indent:-999em; overflow: hidden; }
	#nav .tggl:after {
		content: '';
		border: 2px solid #999;
		display: block;
		width: 12px;
		height: 12px;
		margin-bottom: -4px;
		position: absolute;
		bottom: 50%;
		left: 50%;
		margin-left: -6px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	#nav .tggl:after {
		border-top: 0;
		border-left: none;
	}
	
	#nav .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);
	}
	
	#nav .l2 { max-height: 0; overflow: hidden; }
	#nav .opnd > .l2 { max-height: 1000px; }

	#nav .l3 { max-height: 0; overflow: hidden; }
	#nav .opnd > .l3 { max-height: 1000px; }
	
	
	#nav .l1 > li { color: #333 !important; }
	
}

@media(min-width: 992px){
	.navbar-toggle { display: none !important; }
}

		


/* HEADER: MENU */
.menu, .menu ul { list-style: none; margin: 0; padding: 0; line-height: 1;   }
.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; color: #333333; position: relative; }
.menu--primary a { transition: color .3s; text-transform: none; }

.menu--primary a { display: block; padding: 1rem 5rem 1rem 1rem;}
@media (min-width: 1100px) {
	.menu--primary a { padding-top: 1rem; padding-bottom: 1rem; }
}
/* ALL LEVELS */
.menu--primary i { display: inline-block; font-style: normal; }

@media (min-width: 992px) {
	.menu--primary i { 
		text-stroke: 1px currentColor;
		-webkit-text-stroke: 1px currentColor;
	 }
	.menu--primary b { display: inline-block; margin: 0 0 0 -.05ex; font-weight: inherit; }
	.menu--primary .act > a i, 
	.menu--primary .cur > a i { 	
		transform: rotate(-10deg);
		text-stroke: 2px currentColor;
		-webkit-text-stroke: 2px currentColor;	
	}
}

/* LEVEL 1 */
.menu--primary.l1 > .menu__item > a  { font-size: 1.2rem; }
@media (min-width: 992px) {
	.menu--primary.l1 > .menu__item > a { font-size: 1.5rem; font-family: 'Kdu', 'Playpen Sans';}
}
	
.menu--primary > .menu__item {   }
.menu--primary > .menu__item > a { }
.menu--primary > .act > a, 
.menu--primary > .cur > a {  }

.menu--primary > .sub a {  }

.menu--primary > li > a:hover { }
.menu--primary > li > a,
.menu--primary > li > ul {
/*	border-bottom: 1px solid #7a7d80;*/
}


/* LEVEL 2 */
.menu--primary .l2 { /*position: absolute; top: 100%; left: 0; right: 0; padding: 0;*/ background: #FFF; color: #FFF; }

.menu--primary .l2 { font-size: 1rem; line-height: 1.5; }
.menu--primary .l2 a { padding: 1rem 2rem; }
.menu--primary .l2 > .menu__item > a { color: #333; text-transform: none;  letter-spacing: 1px; white-space: nowrap; }

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

/* LEVEL 3 */
.menu--primary .l3 {  }

.menu--primary .l3 { font-size: .85rem; line-height: 1; }
.menu--primary .l3 a { padding: .2rem .5rem; hyphens: auto; }
.menu--primary .l3 > .menu__item > a {  }

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


/* ================ */
@media (min-width: 576px) {
/*	.menu--primary .l2 a { padding-left: 3rem; }*/
}
	

@media(max-width: 991px){
/*	#nav { display: block; }*/
	.menu--content { display: none !important; }
	#canvas { overflow-x: hidden; }
}

@media(min-width: 992px){
	#nav { display: block; }
	
	.menu--primary .l2 { display: none; }

	.menu--primary { margin-left: 0; margin-right: 0; }
	.menu--primary a { padding: .85em 0.5em;}

	.menu--primary.l1 > li > a { text-align: center; }
	.menu--primary.l1 > li > a:hover, 
	.menu--primary.l1 > li:hover > a, 
	.menu--primary.l1 > li:focus-within > a { }
	
	.menu--content { display: block; padding: 0 4rem; line-height: 1; margin: 0 0 2rem 0; text-transform:none; border-bottom: 2px solid #F3CF6F; color: #111; }
	.menu--content a { padding: 2rem 1rem 1rem 1rem; position: relative; top: 0; background: #F9EECA; }
	.menu--content .act > a { padding-top: 3rem; margin-bottom: -1rem; }
}

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

.text-default { color: #222222 !important; }

/* WEIGHTS */
body {  } 
.font-weight-normal, 
.font-weight-light { 
	font-weight: 400 !important;
}


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


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

.text-size--xxl { font-size: 2.70rem; }
.text-size--xl 	{ font-size: 1.20rem; }
.text-size--l 	{ font-size: 1.06rem; }
@media(min-width: 992px){
	.text-size--xs 	{ font-size: 0.72rem; }	
}

.text-size--s, 
.imgwrap figcaption 	{ font-size: 0.9rem; }
@media(min-width: 576px){
	.text-size--s, 
	.imgwrap figcaption 	{ font-size: 0.866667rem; }
}	


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

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

.h1, h1 { color: inherit; font-size: 2.00rem; text-transform: none; letter-spacing: 3px; }
.h2, h2 { color: #2E5549; font-size: 2.30rem; text-transform: none; font-family: "Kdu", sans-serif; letter-spacing: -2px; }
.h3, h3 { color: inherit; font-size: 1.20rem; text-transform: none; }
.h4, h4 { font-size: 1em; line-height: 1.5; }

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

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

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

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

.header__heading {  }
.header__preheading, 
.header__subheading {  }

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


.h1 b, h1 b { font-weight: inherit; }

@media(min-width: 768px){
	.h2, h2 { font-size: 2.5rem; }	
}


/* === CTEL === */
.ctel { position: relative; z-index: 1; }
.ctel--vh100 .ctel__layout { height: 100vh; max-height: -webkit-fill-available !important; }

.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.0rem; /*line-height: 1.7;*/ -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }
/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
ul,ol { padding: 0; margin-bottom: 1.0rem; }
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, 
.list > li { margin-left: 0; padding-left: 1.4em; margin-bottom: .3em; position: relative; }
.csc-text-text ul li, ul.list > li { list-style: none; }
.csc-text-text ul li:before, ul.list > li:before {
	content:"";
	overflow: hidden;
	position: absolute;
	width: 7px;
	height: 7px;
	left: 0;
	top: .40em;
	font-size: 1.2em;
	line-height: 1;
	background-color: #EFB116;
	opacity: 1;
	border-radius: 4px;
}
.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--2 { padding-left: 2rem; list-style: none; position: relative;  }
.csc-text-text ul.list--2:before { content: ''; background: #F4F1EC; width: 1rem; height: 100%; border-radius: 1px; position: absolute; left: -.1rem; }
.csc-text-text ul.list--2 li { padding-left: 0; position: static; }
.csc-text-text ul.list--2 li:before { display: none; }

.csc-text-text ul.list--1 { margin: 0 0;  }
.csc-text-text ul.list--1 li { border-bottom: 3px solid #F4F1EC; padding: .5rem 0 .5rem 0; margin-bottom: .2rem; }
.csc-text-text ul.list--1 li:before { margin-top: 1rem; margin-left: 3rem; display: none; }

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

.table td { vertical-align: top; }
.table__label { white-space: nowrap; padding-right: 1rem; }

/* BTNs */
.link-btn { background: #EFB116; display: inline-block; padding: .7em 1.5em; margin: 0.2em 0; text-align: center; border-radius: 3px; transition: all .3s; border: 0 !important; }
.link-btn { line-height: 1; letter-spacing: .005rem; word-wrap: break-word; -moz-hyphens: none; -webkit-hyphens: none; hyphens: none; } 
.link-btn, .link-btn:link, .link-btn:visited, .link-btn:active { text-decoration: none; color: #27332B;  }
.link-btn:hover { text-decoration: none; }

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

/* LINKS */
.link-internal::after, .link-internal-new-window::after, .link-external::after, .link-external-new-window::after, .download::after, .mail::after, .link-down::after, .link-download::after {
	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 { font-size: 1rem; text-decoration: none !important; }

.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; }
.link-down::after { transform: rotate(90deg); }

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

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


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



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

figcaption { position: relative; z-index: 1; }
.type-picture figcaption, .npgs-teaser figcaption { margin-top: 0; }

figcaption .caption__copyright { position: absolute; transform: translateY(-100%); top: 0; left: auto; right: 0; color: #fff; text-shadow: 0 0 3px #000; padding: 1em 1em 0.5em 1em; }


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

.teaser__content { background: transparent; line-height: 1.4; }
.teaser__content {  }
.teaser__content * {  }

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

.teaser__heading { /*margin: 0;*/ line-height: 1.3; margin:0; font-weight: 500; }
.teaser__preheading { margin-bottom: .35rem; }
.teaser__subheading {  }

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


/* LINKS MENU*/
.links--menu .links ul { margin: 0 -.5rem; }
.links--menu .links li { position: relative !important; margin: 0 .5rem; }


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

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

/*	.poster__images { position: absolute; z-index: 0; right: 0; left: 0; bottom: auto; top: 0; }*/
}

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

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

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

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

/* === FOOTER === */
#footer { margin-top: 0; }
#footer {  }
#footer p, 
#footer table { margin-bottom: .6em; }

.footer__content, .footer__footer {  }
.footer__content { color: #DAE3E0; }
.footer__content a { color: inherit; text-decoration: underline; }

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

/* LEGAL */
.menu--mn { color: inherit; margin-left: -.5em; margin-right: -.5em; }
.menu--mn li { position: relative; margin-left: 0 !important; padding-left: 0 !important; }
.menu--mn a { display: block; padding: 1em .5em; text-decoration: none; }


/* 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: #3a685b;
	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; }
}

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


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

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

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

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

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


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


/* PARALLAX BG-IMG */
body #d { display: none; }

@media(min-width: 991px){
/*	#footer { position: static; }*/
	
	body #d { display: block; position: fixed; top: 0; left: 50%; height: 4000px; width: 50%; background: rgba(255,255,255,0);  }
	body #d:after { content:''; position: absolute; top: 5rem; left: 70%; width: 30%; height: 75vh; transform: translateX(0);  opacity: .3; }
	body #d:after { background: transparent url('/fileadmin/gshs/templates/site/assets/gshs__deko-letter.svg') left top no-repeat; background-size: contain; }
}

@media(min-width: 1300px){
	body #d:after { left: 60%; }
}

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

.ui-accordion .ui-state-focus { outline: 0; }
.news .head, 
.ui-accordion .ui-accordion-header { display: block; position: relative; background: #F3CF6F; }
.ui-accordion .ui-accordion-header { cursor: pointer; }

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

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

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

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

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

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

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

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

.news .head, 
.ui-accordion .ui-accordion-header {  padding: 1rem 2rem .9rem 1rem; margin: 2px 0 0 0 !important; transition: color 0.2s; border-radius: 3px; overflow: hidden; }
.news .head *, 
.ui-accordion .ui-accordion-header * { margin-bottom: 0;  }

.ui-accordion .ui-accordion-header.ui-state-active {  }
.news .head.ui-state-active *, 
.ui-accordion .ui-accordion-header.ui-state-active * {  }

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