@import url("variables.css");


#content > div:last-child {margin-bottom:0;}
.fullwidth-grid,
.section-inner-grid {margin-bottom:70px;}
#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,
#headerimg h2 {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 {}
/* --- Liquid Glass: hero "read more" button --- */
#headerimg a.fsg-icon.link-button {
  position: relative;
  display: inline-block;
  padding: 12px 48px;
  border-radius: 20px;
  overflow: hidden;
  isolation: isolate;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(4px) saturate(1.1);
  -webkit-backdrop-filter: blur(4px) saturate(1.1);
  border-top:    1.5px solid rgba(255, 255, 255, 0.95);
  border-left:   1px   solid rgba(255, 255, 255, 0.45);
  border-right:  1px   solid rgba(255, 255, 255, 0.20);
  border-bottom: 1px   solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 4px 18px rgba(0, 0, 0, 0.20),
    inset 0  1px 0 rgba(255, 255, 255, 0.88),
    inset 0 -1px 0 rgba(0, 0, 0, 0.10);
  color: rgba(255, 255, 255, 0.97);
  font-size: 14px;
  letter-spacing: 0.04em;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.65);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

/* Narrow gloss highlight along the top edge */
#headerimg a.fsg-icon.link-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: 4%;
  width: 92%;
  height: 26%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.38)  0%,
    rgba(255, 255, 255, 0.10) 30%,
    rgba(255, 255, 255, 0.00) 100%
  );
  border-radius: 20px 20px 12px 12px;
  pointer-events: none;
  z-index: 2;
}


#headerimg a.fsg-icon.link-button:hover {
  background: rgba(255, 255, 255, 0.07);
  transform: translateY(-2px) scale(1.02);
}

#headerimg a.fsg-icon.link-button:active {
  transform: scale(0.97);
}
#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:60px auto 0; max-width:1320px;}
#maincol h2 a {text-decoration: none !important; color: var(--fsg_green_cv, green);}

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

.frame-type-news_newsliststicky h2 {width:100%; 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,
#headerimg h2 {font-size:4rem;}
#headerimg p {margin-top:25px;}
#headerimg .link-button {display:inline-block;}
#headerimg .slick-prev,
#headerimg .slick-next {top:70%;}

}


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