/* Archiv-Varianten – gemeinsame Basis (Kopfzeile, Umschalter, Player) */
:root{--sans:'Inter Tight',system-ui,-apple-system,'Helvetica Neue',sans-serif;--jost:'Inter Tight',system-ui,-apple-system,'Helvetica Neue',sans-serif;--pad:clamp(16px,2.2vw,32px)}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);-webkit-font-smoothing:antialiased;font-weight:400}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Kopfzeile: Name links, Menü rechts – Farbe über --hdfg pro Variante */
.avh{position:fixed;left:0;right:0;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:20px var(--pad);color:var(--hdfg,#fff);pointer-events:none}
.avh::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 30px);background:linear-gradient(var(--hdbg,transparent) 58%,transparent);z-index:-1;pointer-events:none}
.avh a{pointer-events:auto}
.avh .b{font-size:12px;letter-spacing:.32em;text-transform:uppercase;font-weight:400}
.avh nav{display:flex;gap:26px;font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.avh nav a{opacity:.6;transition:opacity .15s}.avh nav a:hover,.avh nav a[aria-current]{opacity:1}

/* Umschalter (nur fürs Durchklicken der Varianten) */
.avsw{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:2px;padding:5px 8px;background:rgba(18,18,18,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-radius:999px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 4px 24px rgba(0,0,0,.25)}
.avsw a{padding:5px 8px;border-radius:999px;opacity:.55}.avsw a:hover{opacity:1}
.avsw a[aria-current]{background:#fff;color:#111;opacity:1}
.avsw .ov{margin-left:6px;padding-left:10px;border-left:1px solid rgba(255,255,255,.25);border-radius:0}
@media (max-width:600px){.avsw{font-size:9px;bottom:10px}.avsw a{padding:5px 6px}}

/* Film-Player (Overlay, Mux, mit Ton) */
.avp{position:fixed;inset:0;z-index:100;background:#000;color:#fff;opacity:0;pointer-events:none;transition:opacity .25s;display:flex;align-items:center;justify-content:center}
.avp.open{opacity:1;pointer-events:auto}.avp[hidden]{display:none}
.avp video{width:100%;height:100%;object-fit:contain;background:#000}
.avp .x{position:absolute;top:16px;right:var(--pad);z-index:2;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:6px;transition:opacity .4s}
.avp .t{position:absolute;left:var(--pad);top:20px;z-index:2;font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.85;pointer-events:none;transition:opacity .4s}
.avp .c{position:absolute;left:var(--pad);bottom:104px;z-index:2;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.75;pointer-events:none;max-width:70vw;line-height:1.7;transition:opacity .4s}
.avp.idle .x,.avp.idle .t,.avp.idle .c,.avp.idle .sk{opacity:0}.avp.idle{cursor:none}
