/* =========================================================
   FINAL FIX 2: Downloads nicht abgeschnitten + Video-Linie sauber
   ========================================================= */

/* Seitenbreite stabil */
.downloads-modern-page,
.videos-modern-page{
  width:min(100% - 32px,1220px)!important;
  max-width:1220px!important;
  margin:0 auto!important;
  overflow:visible!important;
}

/* HERO zentriert */
.downloads-hero-pro,
.videos-hero-pro{
  width:100%!important;
  max-width:1100px!important;
  margin:0 auto clamp(30px,4vw,46px)!important;
  padding:clamp(34px,6vw,68px) 0 8px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}

/* Download-Textblock darf nicht abschneiden */
.downloads-hero-text,
.videos-hero-text{
  width:100%!important;
  max-width:1100px!important;
  margin:0 auto!important;
  text-align:center!important;
  overflow:visible!important;
  display:block!important;
}

/* Download-Grafik ausblenden, damit Titel mittig bleibt */
.downloads-hero-visual,
.video-hero-visual,
.video-hero-cta,
.video-stats-pro{
  display:none!important;
}

/* Kicker: Linie wirklich direkt unter VIDEOS/DOWNLOADS */
.video-kicker,
.download-kicker{
  position:relative!important;
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 auto 18px!important;
  padding:0!important;
  color:#22e6ff!important;
  text-transform:uppercase!important;
  letter-spacing:.42em!important;
  font-weight:900!important;
  font-size:clamp(.78rem,1vw,.95rem)!important;
  line-height:1.2!important;
  text-align:center!important;
  text-shadow:0 0 18px rgba(34,230,255,.45)!important;
}

.video-kicker::before,
.download-kicker::before{
  display:none!important;
  content:none!important;
}

.video-kicker::after,
.download-kicker::after{
  content:""!important;
  display:block!important;
  width:118px!important;
  height:2px!important;
  border-radius:999px!important;
  margin:0 auto!important;
  background:linear-gradient(90deg,transparent,#22e6ff,transparent)!important;
  box-shadow:0 0 16px rgba(34,230,255,.65)!important;
}

/* alte/falsche Linien überall im Hero entfernen */
.videos-hero-pro::before,
.videos-hero-pro::after,
.downloads-hero-pro::before,
.downloads-hero-pro::after,
.videos-hero-pro h1::after,
.downloads-hero-pro h1::after{
  display:none!important;
  content:none!important;
}

/* Titel: passt vollständig in Container, kein Abschneiden */
.downloads-hero-pro h1,
.videos-hero-pro h1{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 auto 20px!important;
  padding:0 8px!important;
  text-align:center!important;
  overflow:visible!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  font-size:clamp(3.1rem,6.2vw,6rem)!important;
  line-height:.98!important;
  letter-spacing:-.06em!important;
  font-weight:950!important;
  color:transparent!important;
  background:linear-gradient(90deg,#ffffff 0%,#f8fbff 35%,#21d4ff 62%,#2f80ff 82%,#8b5cff 100%)!important;
  background-size:260% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:none!important;
  animation:yiHeroGradientMoveFix2 7s ease-in-out infinite!important;
}

/* Downloads darf zweizeilig sein, aber nie seitlich verschwinden */
.downloads-hero-pro h1{
  max-width:980px!important;
  font-size:clamp(3rem,5.8vw,5.6rem)!important;
}

/* Video Titel moderat, professionell */
.videos-hero-pro h1{
  max-width:900px!important;
  font-size:clamp(3rem,5.8vw,5.4rem)!important;
}

.video-lead,
.download-lead{
  max-width:900px!important;
  margin:0 auto!important;
  padding:0 8px!important;
  text-align:center!important;
  color:rgba(244,249,255,.94)!important;
  font-size:clamp(1rem,1.22vw,1.15rem)!important;
  line-height:1.65!important;
}

@keyframes yiHeroGradientMoveFix2{
  0%,100%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
}

/* Video-Platzhalter Text exakt mittig */
#latestVideos .featured-video-frame{
  background:#000!important;
  overflow:hidden!important;
}

#latestVideos .video-empty-modern{
  width:100%!important;
  height:100%!important;
  min-height:360px!important;
  aspect-ratio:16/9!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:8px!important;
  padding:24px!important;
  background:#000!important;
  box-sizing:border-box!important;
}

#latestVideos .video-empty-logo{
  display:none!important;
}

#latestVideos .video-empty-modern strong{
  color:#fff!important;
  font-size:clamp(1.15rem,1.8vw,1.6rem)!important;
  line-height:1.25!important;
  margin:0!important;
}

#latestVideos .video-empty-modern span{
  color:#aebbd0!important;
  font-size:clamp(.92rem,1.1vw,1.05rem)!important;
  line-height:1.45!important;
  max-width:520px!important;
}

/* Tablet */
@media(max-width:900px){
  .downloads-modern-page,
  .videos-modern-page{
    width:min(100% - 24px,760px)!important;
  }

  .downloads-hero-pro,
  .videos-hero-pro{
    padding:32px 0 6px!important;
    margin-bottom:34px!important;
  }

  .downloads-hero-pro h1,
  .videos-hero-pro h1{
    font-size:clamp(2.8rem,9vw,4.7rem)!important;
    max-width:100%!important;
  }
}

/* Handy */
@media(max-width:520px){
  .downloads-modern-page,
  .videos-modern-page{
    width:calc(100% - 18px)!important;
  }

  .downloads-hero-pro,
  .videos-hero-pro{
    padding:26px 0 4px!important;
    margin-bottom:28px!important;
  }

  .video-kicker,
  .download-kicker{
    font-size:.78rem!important;
    letter-spacing:.32em!important;
  }

  .video-kicker::after,
  .download-kicker::after{
    width:92px!important;
  }

  .downloads-hero-pro h1,
  .videos-hero-pro h1{
    font-size:clamp(2.35rem,12vw,3.45rem)!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
    padding:0!important;
  }

  .video-lead,
  .download-lead{
    font-size:.94rem!important;
    line-height:1.55!important;
  }

  #latestVideos .video-empty-modern{
    min-height:230px!important;
    padding:18px!important;
  }
}


/* Header brand color like footer */
.brand{
 color:#ffffff !important;
}
.brand .accent,
.brand-highlight,
.brand span:last-child{
 background:linear-gradient(135deg,#00e5ff,#2dd4ff) !important;
 -webkit-background-clip:text !important;
 -webkit-text-fill-color:transparent !important;
 color:transparent !important;
 font-weight:800 !important;
}