/* FontAwesome:
   Brands: :"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Light: :"Font Awesome 5 Pro"; font-style:normal; font-weight:300;
   Reg: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;
   Bold: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;
*/
/* Webfonts in use
   prometo
*/

/* import variables for fonts, colors, spacings etc. */
@import url("variables.css");


#content > div:last-child {margin-bottom:0;}
.fullwidth-grid,
.section-inner-grid {margin-bottom:120px;}
#wrapper > footer {margin-top:0;}

#headerimg {visibility: hidden;}
#headerimg.slick-initialized {visibility: visible;}
#headerimg {position:relative; overflow:hidden; max-width:1320px; padding:0; margin:15px auto 0;}
#headerimg .frame {position:relative;}
#headerimg .ce-bodytext {position:absolute; top:80px; left:60px; max-width:485px;
   display: flex; flex-wrap:wrap; flex-direction: column;  width:100%; height:100%;}
#headerimg h1 {margin:0; font-size:6rem; color:#fff; line-height:1;}
#headerimg p {color:#fff; font-size:1.6rem; margin:30px 0 0;}
#headerimg p:last-child {}
#headerimg .link-button {background-color:#fff; color:var(--fsg_cyan_dvc); border-radius:20px; padding:10px 45px; font-size:1.6rem;}
#headerimg .link-button:hover {background-color:var(--fsg_cyan_dvc); color:#fff;}
#headerimg .slick-dots {position:static; margin-bottom:0; margin-top:25px;}
#headerimg .slick-arrow {opacity:0; transition: opacity 0.5s ease-in-out;}
#headerimg:hover .slick-arrow {opacity:1;}
#headerimg .slick-prev, 
#headerimg .slick-next {width:35px; height:35px;}
#headerimg .slick-prev:before, 
#headerimg .slick-next:before {font-size:4rem;}
.slick-prev:hover:before, 
.slick-prev:focus:before, 
.slick-next:hover:before, 
.slick-next:focus:before {color:var(--fsg_green_cv);}

#maincol {margin:80px auto 0; max-width:1320px;}

.sponsoren_logos {max-width:1230px; padding:0 15px; margin:0 auto 120px;}
.sponsoren_logos h2 {width:100%; border-bottom:solid 1px #cbcbcb; padding-bottom:40px; margin-bottom:40px;}

.frame-type-news_newsliststicky h2 {width:100%; border-bottom:solid 1px #cbcbcb; padding-bottom:40px; margin-bottom:40px;}
.news-list-view .article {min-height:470px;}
.news .slick-slide {margin: 0 15px;}
.news .slick-list {margin: 0 -15px;}
.news .slick-dots {position: static; width: 100%; margin-bottom:0; margin-top:40px !important;}

/* counter */
.home .counter {display:flex; flex-wrap:wrap; background-color:#f8f8f8; margin-bottom:120px;}
.counter .col {flex:1; text-align: center; padding:85px 20px;}
.counter span {display:block; font-family: prometo, sans-serif;}
.counter .counter-number {font-size:8rem; line-height:1; margin-bottom:20px;}
.counter .counter-name {font-size:2.8rem; line-height:1;}

.slick-dots .slick-active button,
.slick-dots button {background-color:var(--fsg_green_cv); font-size:0;}
.slick-dots button {width:30px; height:1px; border:none; border-radius: 0;}
.slick-dots .slick-active button {height:2px; width:60px;}
.slick-dots li {font-size:0;}

@media only screen and (max-width:1024px) {
#headerimg {margin-top:0;}
#headerimg .ce-bodytext {top:45px; left:35px;}
#headerimg h1 {font-size:4rem;}
#headerimg p {margin-top:25px;}
#headerimg .link-button {display:inline-block;}
}


@media only screen and (max-width:768px) {
#maincol {margin-top:60px;}
.cols-2-inner.teaser,
.fullwidth-grid, .section-inner-grid {margin-bottom:60px;}

#headerimg .ce-bodytext {top: 38px; left: 0; padding: 0 20px;}
#headerimg .ce-gallery figure {height:85vh;}
#headerimg .ce-gallery figure img {object-fit: cover;}

.sponsoren_logos {margin-bottom:60px;}

.slick-dots button {width:15px; height:1px;}
.slick-dots .slick-active button {height:2px; width:30px;}

.counter .col {flex:0 0 50%; padding: 45px 20px;}
.counter .counter-number {font-size:5rem;}
.counter .counter-name {font-size:2.2rem;}
}

@media only screen and (max-width:480px) {
   #headerimg .ce-gallery figure {height:auto;}
}