/* Einmaliger Video-Opener für direkte Einstiege über Unterseiten. */
body.intro-gesperrt{height:100vh;overflow:hidden}
#intro{
  position:fixed;inset:0;z-index:999;width:100%;height:100vh;height:100dvh;
  max-width:none;max-height:none;margin:0;padding:1.5rem;border:0;
  background:#7b110b;color:#fffaf4;opacity:1;transition:opacity .35s ease;overflow:hidden
}
#intro[open]{display:grid;place-content:center;justify-items:center;gap:1.25rem}
#intro::backdrop{background:transparent;backdrop-filter:none;animation:none}
#intro.fertig{opacity:0;pointer-events:none}
#intro video{display:block;width:min(520px,calc(100vw - 3rem));max-height:min(80vh,calc(100vh - 8rem));max-height:min(80dvh,calc(100dvh - 8rem));height:auto;aspect-ratio:5/6;object-fit:contain}
.intro-weiter{min-height:44px;padding:.65rem 1.2rem;border:1px solid rgba(255,250,244,.6);border-radius:999px;background:transparent;color:#fffaf4;font:inherit;font-size:.85rem;letter-spacing:.08em;cursor:pointer}
.intro-weiter:hover,.intro-weiter:focus-visible{background:rgba(255,250,244,.12)}
.intro-weiter:focus-visible{outline:2px solid #f2dca8;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#intro{transition:none!important}}