/* Hero (ab 1.3.0): Logo-Intro (Wortmarke als Fenster auf den ersten Frame) läuft automatisch, danach 2 s Flug-Film,
   dann Turm-Endbild mit Text. Kein Pinning, keine Scroll-Strecke: der Hero ist eine Bildschirmhöhe, die Leistungssektion
   folgt normal (28 px Überlapp für die runden Ecken). Ablauf in hero.js. Reduced Motion: Turm-Poster mit Text. */
.hp-hero--film{position:relative;z-index:0;height:auto;margin:0 0 -28px;padding:0;background:var(--ink)}
.hp-hero__stage{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--ink);color:var(--paper)}
.hp-hero__media{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--ink)}
.hp-hero__poster,.hp-hero__vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}
.hp-hero__poster{opacity:0}
.hp-hero__vid{filter:saturate(.94) contrast(1.04)}
.hp-hero__scrim{position:absolute;inset:0;opacity:0;background:linear-gradient(to top,rgba(30,34,48,.78) 0%,rgba(30,34,48,.28) 42%,rgba(30,34,48,.38) 100%),radial-gradient(60% 50% at 50% 48%,rgba(30,34,48,.28),transparent 80%)}
/* Logo-Fenster */
.hp-hero__hole{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
.hm-ink{fill:var(--ink)}
.hm-deko{fill:#8A90A8}
.hm-deko .hm-dot{fill:var(--beere)}
.hm-g{opacity:0}
/* Text */
.hp-hero__inner{position:absolute;left:var(--gut);right:var(--gut);top:50%;transform:translateY(-52%);z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;opacity:1}
.hp-hero__eyebrow{font:500 12px/1.4 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase;color:rgba(249,249,251,.72);margin:0 0 26px}
.hp-hero__title{font:400 clamp(46px,8.2vw,132px)/.96 'Inter Tight',system-ui,sans-serif;letter-spacing:-.04em;color:var(--paper);text-wrap:balance;margin:0;font-variation-settings:normal}
.hp-hero__title em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;letter-spacing:-.01em;color:#E3A9C0;padding-right:.06em}
.hp-hero__title .hp-ln{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.hp-hero__title .hp-ln__in{display:block}
.hp-hero__sub{margin:26px auto 0;max-width:46ch;color:rgba(249,249,251,.9);font-size:clamp(17px,1.3vw,20px);line-height:1.5;text-wrap:pretty}
.hp-hero__cta{margin-top:32px;justify-content:center;gap:14px}
.hp-hero__cta .is-style-gold .wp-block-button__link{background:linear-gradient(110deg,#852145,#A63A63 50%,#852145);background-size:200% 100%;color:#fff;box-shadow:0 10px 30px -10px rgba(208,122,155,.5);min-height:54px;padding:0 30px;font-size:16px}
.hp-hero__cta .is-style-gold .wp-block-button__link:hover{background-position:100% 0}
.hp-hero__cta .is-style-linie .wp-block-button__link{border-color:rgba(249,249,251,.35);color:var(--paper);min-height:54px;padding:0 26px}
.hp-hero__cta .is-style-linie .wp-block-button__link:hover{border-color:var(--paper);background:rgba(249,249,251,.08);color:var(--paper)}
/* Überspringen */
.hp-hero__skip{position:absolute;z-index:6;right:var(--gut);bottom:26px;cursor:pointer;padding:10px 16px;border-radius:999px;border:1px solid rgba(249,249,251,.22);background:rgba(30,34,48,.45);color:rgba(249,249,251,.78);font:500 11px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:color .3s,border-color .3s,opacity .4s}
.hp-hero__skip:hover{color:var(--paper);border-color:rgba(249,249,251,.5)}
.hp-hero__skip.is-hidden{opacity:0;pointer-events:none}
/* JS-Startzustände: Text unsichtbar, bis der Film am Turm ist (ohne JS: alles sichtbar) */
.hp-hero--film.is-static .hp-hero__poster,.hp-hero--film.is-static .hp-hero__scrim{opacity:1}
.hp-hero--film.is-static .hp-hero__hole{display:none}
html.js .hp-hero--film:not(.is-static) .hp-hero__inner>*{opacity:0}

/* Handy: Hochformat-Film, Text unten links */
@media(max-width:759px){
  .hp-hero__stage{min-height:600px}
  .hp-hero__poster,.hp-hero__vid{object-position:50% 50%}
  .hp-hero__inner{top:auto;bottom:clamp(64px,12svh,110px);transform:none;align-items:flex-start;text-align:left}
  .hp-hero__title{font-size:clamp(40px,12vw,64px)}
  .hp-hero__sub{margin-left:0;font-size:16px;max-width:40ch}
  .hp-hero__cta{justify-content:flex-start}
  .hp-hero__cta .is-style-linie{display:none}
  .hp-hero__skip{bottom:18px;right:16px;padding:9px 12px;font-size:10px}
  .hp-hero__scrim{opacity:1}
}
/* Reduced Motion: Turm-Poster mit Text, nichts fliegt */
@media(prefers-reduced-motion:reduce){
  .hp-hero__hole,.hp-hero__vid,.hp-hero__skip{display:none}
  .hp-hero__poster,.hp-hero__scrim{opacity:1}
  html.js .hp-hero--film .hp-hero__inner>*{opacity:1}
}
/* KI-Kennzeichnung Hero (07.10.2026): unten links, in beiden Varianten gleich */
.hp-hero__ki{position:absolute;z-index:5;left:var(--gut);bottom:36px;margin:0;font:500 10.5px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;color:rgba(249,249,251,.72);pointer-events:none}
@media(max-width:759px){.hp-hero__ki{left:16px;bottom:28px;font-size:10px}}