/* Hurtia Startseite: Hero-Video v4 (Poster = erster Frame). Klassen hv-*, keine Inline-Styles (strenge CSP). */
.hv-head{position:relative;z-index:0}
.hv-media{position:absolute;z-index:-1;pointer-events:none;overflow:hidden;background:#1B1F2A}
.hv-poster,.hv-end,.hv-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
/* Poster 1px größer als das Video: das Video ersetzt das Poster nicht als LCP-Kandidat (LCP bleibt beim früh geladenen Poster) */
.hv-poster,.hv-end{top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}
/* Endbild (dampfender Teller, = Bild bei 7,0 s): bei reduzierter Bewegung, verweigertem Autoplay, 2G oder nach Zurück/Vor; lädt erst, wenn sichtbar (loading=lazy) */
.hv-end{display:none}
.hv-still .hv-end{display:block}
/* unterste 4 % liegen unter der vollen Abdunklung: abgeschnitten, damit die Video-Fläche kleiner bleibt als das Poster (LCP) */
.hv-video{opacity:0;transition:opacity .5s ease;clip-path:inset(0 0 4% 0)}
.hv-video.is-playing{opacity:1}
/* Dampf-Loop nach der einmaligen Sequenz: ohne Überblendung über das angehaltene Bild (Bild 0 = Bild bei 7,0 s) */
.hv-loop{transition:none}
/* Breit: ganzes Bild (Tablet + Teller) rechts neben dem Text, links und unten weich in den dunklen Abschnitt */
@media (min-width:901px){
  .hv-media{top:-64px;right:calc((100% - 100vw) / 2);width:min(64vw,900px);aspect-ratio:16/9}
  .hv-shade{position:absolute;top:0;left:0;right:0;bottom:0;background:
    linear-gradient(90deg,var(--dark,#1B1F2A) 0,rgba(27,31,42,.62) 20%,rgba(27,31,42,.18) 46%,rgba(27,31,42,.08) 100%),
    linear-gradient(180deg,rgba(27,31,42,.5) 0,rgba(27,31,42,0) 24%,rgba(27,31,42,0) 74%,var(--dark,#1B1F2A) 100%)}
}
/* 901-1199px: Textspalte reicht ins Video, links kräftiger abdunkeln */
@media (min-width:901px) and (max-width:1199px){
  .hv-shade{background:
    linear-gradient(90deg,var(--dark,#1B1F2A) 0,rgba(27,31,42,.9) 30%,rgba(27,31,42,.5) 52%,rgba(27,31,42,.12) 75%,rgba(27,31,42,.08) 100%),
    linear-gradient(180deg,rgba(27,31,42,.5) 0,rgba(27,31,42,0) 24%,rgba(27,31,42,0) 74%,var(--dark,#1B1F2A) 100%)}
}
/* Schmal: Video füllt den Kopf, Text liegt auf kräftiger Abdunklung */
@media (max-width:900px){
  .hv-media{top:-110px;bottom:-34px;left:50%;width:100vw;transform:translateX(-50%)}
  .hv-poster,.hv-end,.hv-video{object-position:72% 40%}
  .hv-shade{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(27,31,42,.72) 0,rgba(27,31,42,.84) 45%,rgba(27,31,42,.90) 80%,var(--dark,#1B1F2A) 100%)}
}
@media (prefers-reduced-motion:reduce){.hv-video{display:none}.hv-end{display:block}}