/* eyeris — Regal (Netflix-Ansicht), Filmkarten, Filter, Kino-Fenster, Filmseite.
   Reihen laufen waagerecht mit Scroll-Snap; die angeschnittene Karte am Rand zeigt, dass es weitergeht (Konzept §3):
   Seit Stufe 2 sind die Karten FILMPLAKATE im Hochformat 2:3 (Ansage Michael 29.09.2026):
   2,3 Plakate < 600 px · 3,4 bis 1023 · 4,4 bis 1279 · 5,4 bis 1439 · 6,4 ab 1440 · 7,4 ab 2300. */
:root{--karten:2.3;--luecke:.7rem}
@media (min-width:600px){:root{--karten:3.4;--luecke:.9rem}}
@media (min-width:1024px){:root{--karten:4.4;--luecke:1rem}}
@media (min-width:1280px){:root{--karten:5.4}}
@media (min-width:1440px){:root{--karten:6.4}}
@media (min-width:2300px){:root{--karten:7.4;--luecke:1.2rem}}

.regal-sektion{padding-block:clamp(2.2rem,5vw,4.5rem)}
.regal-sektion--voll{padding-top:0}
.regal{display:grid;gap:clamp(2rem,4vw,3.4rem);min-width:0}
.reihe{min-width:0;scroll-margin-top:calc(var(--kopf-hoehe) + 1rem)}
.reihe__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.7rem}
.reihe__titel{margin:0;font-size:clamp(1.15rem,1rem + .6vw,1.5rem);font-weight:600;letter-spacing:-.01em}
.reihe__kopf .textlink{font-size:.9rem;flex:none}
.reihe__lauf{position:relative}
.reihe__liste{list-style:none;margin:0;padding:6px var(--rand) 10px;display:grid;grid-auto-flow:column;gap:var(--luecke);
  grid-auto-columns:calc((100vw - 2 * var(--rand) - (var(--karten) - 1) * var(--luecke)) / var(--karten));
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rand);scrollbar-width:none;-webkit-overflow-scrolling:touch}
.reihe__liste::-webkit-scrollbar{display:none}
.reihe__liste > li{scroll-snap-align:start;min-width:0}
/* Pfeile (Stufe 2c, Ansage Michael 30.09.2026): auf Zeigergeräten IMMER sichtbar und präsent — Windows-Notebooks können nicht seitlich scrollen */
.reihe__pfeil{display:none;position:absolute;top:6px;z-index:3;width:clamp(56px,var(--rand),84px);aspect-ratio:auto;height:calc((100vw - 2 * var(--rand) - (var(--karten) - 1) * var(--luecke)) / var(--karten) * 1.5);
  border:0;color:var(--ey-weiss);cursor:pointer;place-items:center;opacity:.92;transition:opacity .2s}
.reihe__pfeil svg{width:30px;height:30px;padding:9px;border-radius:50%;background:rgba(15,15,16,.72);border:1.5px solid rgba(244,244,244,.75);box-sizing:content-box;transition:background .2s,transform .2s var(--kurve)}
.reihe__pfeil:hover svg,.reihe__pfeil:focus-visible svg{background:var(--ey-rot);border-color:var(--ey-rot);transform:scale(1.06)}
.reihe__pfeil--zurueck{left:0;background:linear-gradient(to right,rgba(15,15,16,.9),rgba(15,15,16,0))}
.reihe__pfeil--vor{right:0;background:linear-gradient(to left,rgba(15,15,16,.9),rgba(15,15,16,0))}
.reihe__pfeil[disabled]{visibility:hidden}
@media (min-width:1024px){.reihe__pfeil{display:grid}.reihe__lauf:hover .reihe__pfeil,.reihe__pfeil:focus-visible{opacity:1}}
.regal__fuss{margin-top:clamp(1.6rem,3vw,2.6rem);display:grid;gap:1.2rem;justify-items:start}

/* ---- Filmkarte = Filmplakat (2:3). Bild mit einheitlicher Gradation, darüber Filmart und Titel als Text; Herz oben rechts ---- */
.film{position:relative;display:flex;flex-direction:column;gap:.45rem;min-width:0;container-type:inline-size}   /* position: die versteckten Vorlese-Texte (absolut) bleiben in der Karte — sonst weiten sie die Seite */
.plakat{position:relative;aspect-ratio:2/3;border-radius:var(--ey-radius-bild);overflow:hidden;background:var(--ey-kohle);transition:transform .25s var(--kurve),box-shadow .25s}
.plakat img{width:100%;height:100%;object-fit:cover}
.plakat::after{content:"";position:absolute;right:0;top:0;width:34%;aspect-ratio:1;background:radial-gradient(circle at 100% 0,rgba(15,15,16,.6),rgba(15,15,16,0) 70%);pointer-events:none}
.plakat__text{position:absolute;inset:auto 0 0 0;display:grid;gap:.3em;padding:0 8% 8%;pointer-events:none;font-size:clamp(.62rem,6.4cqw,1.05rem)}
.plakat__art{font-size:.72em;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ey-signal)}
.plakat__art::before{content:"";display:block;width:1.6em;height:3px;margin-bottom:.7em;border-radius:2px;background:var(--ey-rot)}
.plakat__titel{font-size:1.18em;font-weight:700;line-height:1.12;letter-spacing:-.01em;color:#fff;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.film__start{position:absolute;inset:0;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:inherit}
.film__play{position:absolute;left:50%;top:42%;width:54px;height:54px;translate:-50% -50%;border-radius:50%;background:rgba(15,15,16,.55);border:1.5px solid rgba(244,244,244,.85);opacity:0;scale:.9;transition:opacity .2s,scale .25s var(--kurve)}
.film__play::after{content:"";position:absolute;left:54%;top:50%;translate:-50% -50%;border-block:9px solid transparent;border-left:15px solid var(--ey-weiss)}
.film__play--immer{opacity:1;scale:1;top:50%;background:var(--ey-rot);border-color:var(--ey-rot)}
.film__start:focus-visible{outline:2px solid var(--ey-signal);outline-offset:-3px}
.film__start:focus-visible .film__play{opacity:1;scale:1}
@media (hover:hover) and (pointer:fine){
  .film:hover .plakat,.stimme:hover .plakat{transform:scale(1.03);box-shadow:0 16px 44px rgba(0,0,0,.65)}
  .film__start:hover .film__play{opacity:1;scale:1}
}
.herz{position:absolute;right:.35rem;top:.35rem;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(15,15,16,.55);color:#fff;cursor:pointer;transition:background .2s,transform .2s var(--kurve)}
.herz:hover{background:rgba(15,15,16,.85)}
.herz[aria-pressed="true"]{color:var(--ey-signal)} .herz[aria-pressed="true"] path{fill:currentColor}
.herz--puls{animation:herz-puls .45s var(--kurve)}
@keyframes herz-puls{0%{transform:scale(1)}40%{transform:scale(1.28)}100%{transform:scale(1)}}
.film__titel{font-size:.86rem;font-weight:500;color:var(--ey-nebel);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-block:.35rem;min-height:32px}
.film__titel:hover{color:var(--ey-weiss);text-decoration:underline;text-decoration-color:var(--ey-signal);text-underline-offset:.25em}
.film-hinweis{margin:1.4rem 0 0;max-width:72ch;font-size:var(--fs-klein);color:var(--ey-nebel);line-height:1.5}
.film-hinweis a{color:var(--ey-weiss)}

/* ---- Raster (Filmart-Seiten, Treffer des Filters, ähnliche Filme) ---- */
.raster{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.4rem,2.4vw,2.2rem) clamp(.9rem,1.6vw,1.5rem)}
.raster--vier{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.2rem}
.raster--zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1900px){.raster{grid-template-columns:repeat(4,minmax(0,1fr))}.raster--zwei{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1099px){.raster,.raster--vier{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.raster,.raster--zwei{grid-template-columns:minmax(0,1fr)}.raster--vier{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:339px){.raster--vier{grid-template-columns:minmax(0,1fr)}}

.raster--plakate{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(1.2rem,2vw,2rem) clamp(.8rem,1.4vw,1.3rem)}
.raster--sechs{grid-template-columns:repeat(6,minmax(0,1fr));margin-top:1.2rem}
@media (min-width:1900px){.raster--plakate{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:1279px){.raster--plakate{grid-template-columns:repeat(4,minmax(0,1fr))}.raster--sechs{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:1023px){.raster--plakate,.raster--sechs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:599px){.raster--plakate,.raster--sechs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:259px){.raster--plakate,.raster--sechs{grid-template-columns:minmax(0,1fr)}}

/* ---- Filter auf /filme/ ---- */
.filter{display:grid;gap:.9rem;margin-top:1.8rem}
.filter__gruppe{display:flex;flex-wrap:wrap;gap:.5rem}
.wahl{min-height:44px;padding:.45rem 1rem;border:1px solid #777780;border-radius:var(--ey-radius-pille);background:transparent;color:var(--ey-weiss);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.wahl:hover{border-color:var(--ey-weiss)}
.wahl[aria-pressed="true"]{background:var(--ey-weiss);border-color:var(--ey-weiss);color:var(--ey-tinte)}
.filter__stand{margin:0;min-height:1.4em;font-size:.9rem;color:var(--ey-nebel)}
.treffer{margin-top:.6rem;padding-bottom:var(--abstand)}
.treffer .raster{margin-top:1.2rem}
.treffer__leer{max-width:56ch;padding:1.4rem 1.6rem;border:1px solid var(--ey-graphit);border-radius:var(--ey-radius-karte);background:var(--ey-kohle)}
@media (max-width:699px){
  .filter__gruppe{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--pad) * -1);padding:2px var(--pad);scrollbar-width:none}
  .filter__gruppe::-webkit-scrollbar{display:none}
  .wahl{flex:none}
}

/* ---- Kino-Fenster (Player-Overlay der klassischen Seite) ---- */
.kino{position:fixed;inset:0;z-index:120;display:grid;grid-template-rows:auto minmax(0,1fr);overflow-y:auto;overscroll-behavior:contain;background:rgba(8,8,9,.94)}
@supports (backdrop-filter:blur(8px)){.kino{background:rgba(8,8,9,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}
.kino__kopf{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding:.8rem var(--pad);background:linear-gradient(to bottom,rgba(8,8,9,.9),rgba(8,8,9,0))}
.kino__zu{display:inline-flex;align-items:center;gap:.5rem;min-height:46px;padding:0 1.1rem;border:1px solid rgba(244,244,244,.4);border-radius:var(--ey-radius-pille);background:rgba(15,15,16,.6);font-weight:600;font-size:.92rem;cursor:pointer}
.kino__zu:hover{border-color:var(--ey-weiss)}
.kino__innen{width:100%;max-width:min(1180px,calc((100vh - 15rem) * 1.7778));min-width:min(100%,20rem);margin:0 auto;padding:0 var(--pad) 3rem}
.kino__gitter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 2rem;align-items:start;margin-top:1.2rem}
.kino__titel{margin:0 0 .3rem;font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem)}
.kino__angaben{margin:0;color:var(--ey-nebel);font-size:.95rem}
.kino__text{margin:.8rem 0 0;max-width:62ch;color:var(--ey-nebel)}
.kino__aktionen{display:flex;flex-direction:column;gap:.6rem;align-items:stretch}
.kino__merk,.filmbuehne__herz{position:relative;display:inline-flex;align-items:center;gap:.6rem;min-height:48px;font-weight:600}
.kino__merk .herz,.filmbuehne__herz .herz{position:static;width:48px;height:48px;border:1px solid rgba(244,244,244,.45);background:transparent}
.kino__aehnlich{margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--ey-graphit)}
.kino__aehnlich h3{font-size:1rem;letter-spacing:0;color:var(--ey-nebel);font-weight:500}
@media (max-width:799px){.kino__gitter{grid-template-columns:minmax(0,1fr)}.kino__aktionen{flex-direction:row;flex-wrap:wrap}}
@media (max-width:479px){.kino__aktionen{flex-direction:column}}
html.kino-offen{overflow:hidden}

/* ---- Spieler (Zwei-Klick) — Kino-Fenster und Filmseite ---- */
.spieler{position:relative;aspect-ratio:16/9;border-radius:var(--ey-radius-karte);overflow:hidden;background:#000}
.spieler__bild,.spieler iframe,.spieler video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
/* Hochformat-Originale (Mitarbeiterstimmen, Stufe 2f): ganz zeigen statt Köpfe abschneiden — schwarzer Rand links und rechts */
.spieler--datei.spieler--hoch video,.spieler video[data-hoch]{object-fit:contain;background:transparent}   /* schlägt .spieler--datei video (weiter unten) */
.spieler--hoch,.spieler:has(video[data-hoch]){background:var(--sp-hintergrund,#000) center/cover #000}
.spieler__start{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.7rem;width:100%;border:0;background:linear-gradient(to top,rgba(15,15,16,.7),rgba(15,15,16,.15));cursor:pointer;font-weight:600;font-size:1rem}
.spieler__play{position:relative;width:clamp(64px,9vw,92px);aspect-ratio:1;border-radius:50%;background:var(--ey-rot);transition:transform .25s var(--kurve),background .2s}
.spieler__play::after{content:"";position:absolute;left:54%;top:50%;translate:-50% -50%;border-block:clamp(11px,1.5vw,15px) solid transparent;border-left:clamp(18px,2.4vw,25px) solid #fff}
.spieler__start:hover .spieler__play{transform:scale(1.07);background:var(--ey-rot-tief)}
.spieler__wort{padding:.2rem .8rem;border-radius:var(--ey-radius-pille);background:rgba(15,15,16,.6)}

/* ---- Filmseite im Kino-Stil: großes Standbild als Bühne, Titel und Angaben darüber ---- */
.filmseite{padding:0 0 clamp(2rem,4vw,3.5rem)}
.filmbuehne{position:relative;isolation:isolate;display:grid;align-items:end;min-height:min(46rem,86vh);padding:calc(var(--kopf-hoehe) + 3rem) 0 clamp(2rem,5vw,4rem);overflow:hidden}
.filmbuehne__bild{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.filmbuehne::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,var(--ey-schwarz) 0%,rgba(15,15,16,.86) 30%,rgba(15,15,16,.3) 64%,rgba(15,15,16,.55) 100%),linear-gradient(to right,rgba(15,15,16,.85),rgba(15,15,16,0) 66%)}
.filmbuehne__kunde{margin:0 0 .5rem;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ey-signal)}
.filmbuehne h1{max-width:18ch;font-size:clamp(2rem,1.2rem + 3.6vw,4.4rem);font-weight:700;margin-bottom:.35em}
.filmbuehne__zeile{display:flex;flex-wrap:wrap;gap:.3rem 0;margin:0 0 1rem;font-size:.95rem;font-weight:500;color:var(--ey-weiss)}
.filmbuehne__zeile span:not(:last-child)::after{content:"·";margin-inline:.6em;color:var(--ey-nebel)}
.filmbuehne .lead{color:var(--ey-weiss);max-width:50ch}
.knopf__play{width:0;height:0;border-block:7px solid transparent;border-left:12px solid #fff}
.filmseite__film{max-width:calc(1240px + 2 * var(--pad));margin-top:clamp(1rem,3vw,2.4rem);scroll-margin-top:calc(var(--kopf-hoehe) + 1rem)}
.spieler--datei video{position:absolute;inset:0;width:100%;height:100%;background:#000}
/* ---------- Eigener Spieler für Originaldateien (js/spieler.js, Stufe 2e-1) ---------- */
.sp{position:relative}
.sp__leiste{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:.25rem;padding:.5rem .6rem;background:linear-gradient(to top,rgba(8,8,9,.92),rgba(8,8,9,.55) 70%,transparent);color:#fff;transition:opacity .25s var(--kurve),transform .25s var(--kurve)}
.sp--ruhig .sp__leiste{opacity:0;transform:translateY(6px);pointer-events:none}
.sp__knopf{display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}
.sp__knopf svg{width:24px;height:24px}
.sp__knopf:hover{background:rgba(255,255,255,.14)}
.sp__knopf:focus-visible,.sp__lauf:focus-visible,.sp__laut:focus-visible{outline:2px solid var(--ey-rot);outline-offset:2px}
.sp__cc[aria-pressed="true"]{color:var(--ey-rot)}
.sp__zeit{flex:0 0 auto;min-width:2.7em;font-size:.82rem;font-variant-numeric:tabular-nums;text-align:center}
.sp__lauf-huelle{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0;height:44px}
.sp__lauf{position:relative;z-index:1;width:100%;height:44px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.sp__lauf::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:rgba(255,255,255,.28)}
.sp__lauf::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--ey-rot)}
.sp__lauf::-moz-range-track{height:4px;border-radius:2px;background:rgba(255,255,255,.28)}
.sp__lauf::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--ey-rot)}
.sp__lauf-fuellung{position:absolute;left:0;top:50%;width:0;height:4px;margin-top:-2px;border-radius:2px;background:var(--ey-rot);pointer-events:none}
.sp__laut{flex:0 0 auto;width:72px;height:44px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.sp__laut::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:rgba(255,255,255,.35)}
.sp__laut::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;background:#fff}
.sp__laut::-moz-range-track{height:3px;border-radius:2px;background:rgba(255,255,255,.35)}
.sp__laut::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
@media (hover:none),(max-width:599px){.sp__laut{display:none}.sp__zeit--gesamt{display:none}}
.sp:focus-visible{outline:2px solid var(--ey-rot);outline-offset:3px}
.sp video::cue{background:rgba(8,8,9,.78);color:#fff;font-family:inherit;font-size:clamp(.9rem,1.6vw,1.15rem)}
.sp:fullscreen{width:100%;height:100%;border-radius:0;background:#000}
.sp:fullscreen video{object-fit:contain}
@media (prefers-reduced-motion:reduce){.sp__leiste{transition:none}}

.filmseite > .innen{max-width:calc(1240px + 2 * var(--pad))}
.pfad{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.88rem;color:var(--ey-nebel)}
.pfad a{display:inline-flex;align-items:center;min-height:44px;color:var(--ey-weiss);text-decoration:none} .pfad a:hover{color:var(--ey-signal)}
.filmseite__gitter{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.42fr);gap:2rem clamp(2rem,5vw,5rem);margin-top:clamp(2rem,4vw,3.4rem);align-items:start}
.filmseite__text h2{margin-top:1.8em;color:var(--ey-weiss)} .filmseite__text h2:first-child{margin-top:0}
.filmseite__text p{max-width:66ch;color:#d5d5d9} .filmseite__text a{color:var(--ey-weiss)}
.angaben{margin:0;display:grid;gap:0;border-top:1px solid var(--ey-graphit);background:rgba(15,15,16,.6)}
.angaben div{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--ey-graphit)}
.angaben dt{font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ey-nebel);padding-top:.15rem}
.angaben dd{margin:0;overflow-wrap:anywhere}
.angaben a{display:inline-flex;align-items:center;min-height:32px}
@media (max-width:899px){.filmseite__gitter{grid-template-columns:minmax(0,1fr)}.filmbuehne{min-height:min(38rem,82vh)}}
@media (max-height:500px) and (orientation:landscape){.filmbuehne{min-height:100svh;padding-top:calc(var(--kopf-hoehe) + .6rem)}.filmbuehne h1{font-size:clamp(1.4rem,8vh,2.2rem)}.filmbuehne .lead{display:none}.filmbuehne .pfad{display:none}}

/* ---- Fenster „Meine Filme“ (Merkliste) ---- */
.merkliste{position:fixed;inset:0;z-index:125;overflow-y:auto;overscroll-behavior:contain;background:rgba(8,8,9,.95)}
@supports (backdrop-filter:blur(8px)){.merkliste{background:rgba(8,8,9,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}
.merkliste__innen{width:100%;max-width:calc(1240px + 2 * var(--pad));margin:0 auto;padding:clamp(1rem,3vw,2.4rem) var(--pad) 4rem}
.merkliste__kopf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem 1.2rem;align-items:center;margin-bottom:1.6rem}
.merkliste__kopf h2{margin:0;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.6rem)} .merkliste__kopf .kicker{margin-bottom:.3em}
.merkliste__bild{display:block;width:clamp(56px,7vw,84px);aspect-ratio:1;border-radius:50%;border:2px solid var(--ey-signal);background:var(--ey-kohle) url("../assets/logo/eyeris-bildmarke.svg") center/58% no-repeat}
.merkliste__hinweis{max-width:64ch;color:var(--ey-nebel)}
.merkliste__raster{margin-top:1.6rem}
.merkliste__aktionen{align-items:center;margin-top:2.4rem}
.merkliste__leer{padding:2rem 0}

/* ---- Stufe 2b (30.09.2026): bewegte Vorschau — Karte beim Überfahren (Hochkant-Clip), Bühne der Filmseite (Quer-Clip hinter dem Play-Knopf) ---- */
.plakat__vorschau{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;pointer-events:none;background:var(--ey-kohle)}
.plakat__vorschau--an{opacity:1}
.filmbuehne__film{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;background:var(--ey-schwarz)}
@media (prefers-reduced-motion:reduce){.plakat__vorschau{display:none}.filmbuehne__film{display:none}}
html.statisch .plakat__vorschau,html.statisch .filmbuehne__film{display:none}