:root{--kino-n: 20, 16, 51;--kino-rand: clamp(1.25rem, 4vw, 3rem);--kino-e: cubic-bezier(0.22, 1, 0.36, 1);--kino-fahrt: cubic-bezier(0.5, 0, 0.1, 1)}.kino_trailer{display:inline-flex;align-items:center;gap:0.875rem;min-height:3rem;padding:0 0.75rem 0 0;color:var(--marke-weiss);font-family:var(--_fa-design---fa-font-heading);font-size:0.875rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;cursor:pointer;background:none;border:0;border-radius:100vw;transition:color 0.25s}.kino_trailer_ring{display:grid;place-items:center;width:3rem;height:3rem;color:var(--marke-gold);background-color:rgba(var(--kino-n),0.35);border:1px solid rgba(205,176,115,0.6);border-radius:50%;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform 0.3s var(--marke-feder),background-color 0.25s,border-color 0.25s}.kino_trailer_ring svg{width:1rem;height:1rem;margin-left:2px;fill:currentColor}.kino_trailer:hover{color:var(--marke-champagner-gold)}.kino_trailer:hover .kino_trailer_ring{transform:scale(1.08);background-color:rgba(205,176,115,0.18);border-color:var(--marke-gold)}.kino_trailer:focus-visible{outline:2px solid var(--marke-champagner-gold);outline-offset:3px}.kino_trailer:active .kino_trailer_ring{transform:scale(0.95);transition-duration:0.1s}html.kino-offen{overflow:hidden}.kino_saal{position:fixed;inset:0;z-index:60;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;color:var(--marke-weiss);background:transparent;border:0;overflow:hidden}.kino_saal:not([open]){display:none}.kino_saal::backdrop{background:transparent}.kino_vorhang{position:absolute;inset:0;background-color:rgba(var(--kino-n),0.74);backdrop-filter:blur(18px) saturate(0.8);-webkit-backdrop-filter:blur(18px) saturate(0.8);opacity:0;transition:opacity 0.6s var(--kino-e)}.kino_saal.is-offen .kino_vorhang{opacity:1}.kino_saal.is-zu .kino_vorhang{transition-duration:0.45s}.kino_buehne{position:absolute;inset:0;display:grid;place-items:center;padding:5rem var(--kino-rand, 2rem)}.kino_leinwand{position:relative;width:min(100%,calc((100vh - 12rem) * 2.38),92rem);width:min(100%,calc((100dvh - 12rem) * 2.38),92rem);margin:0;aspect-ratio:1280 / 538;background-color:#000;border-radius:0.75rem;box-shadow:0 0 0 1px rgba(205,176,115,0.4),0 40px 120px rgba(0,0,0,0.6),0 0 180px rgba(205,176,115,0.12);opacity:0;transform-origin:50% 50%;transition:transform 1.2s var(--kino-fahrt) 0.15s,opacity 0.3s ease-out 0.15s}.kino_saal.is-offen .kino_leinwand{opacity:1}.kino_saal.is-zu .kino_leinwand{opacity:0;transition:transform 0.55s cubic-bezier(0.45,0.05,0.25,1),opacity 0.25s ease-in 0.3s}.kino_trailer_video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;cursor:pointer}.kino_start{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:4.5rem;height:4.5rem;padding:0;color:var(--marke-gold);cursor:pointer;background-color:rgba(var(--kino-n),0.55);border:1px solid rgba(205,176,115,0.6);border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;transition:opacity 0.25s,transform 0.3s var(--marke-feder)}.kino_start svg{width:1.5rem;height:1.5rem;margin-left:3px;fill:currentColor}.kino_saal.is-offen .kino_leinwand.is-pause .kino_start{opacity:1;pointer-events:auto}.kino_start:hover{transform:translate(-50%,-50%) scale(1.06)}.kino_start:focus-visible{outline:2px solid var(--marke-champagner-gold);outline-offset:3px}.kino_leiste{position:absolute;inset:auto 0 0 0;display:flex;align-items:center;gap:0.75rem;padding:2.5rem 1rem 0.75rem;background-image:linear-gradient(0deg,rgba(0,0,0,0.65),rgba(0,0,0,0));border-radius:0 0 0.75rem 0.75rem;opacity:0;transition:opacity 0.3s}.kino_leinwand:hover .kino_leiste,.kino_leinwand:focus-within .kino_leiste,.kino_leinwand.is-pause .kino_leiste{opacity:1}.kino_knopf{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;padding:0;color:inherit;cursor:pointer;background:none;border:0;border-radius:50%;transition:background-color 0.2s,transform 0.2s var(--marke-feder)}.kino_knopf svg{width:1.125rem;height:1.125rem;fill:currentColor}.kino_knopf:hover{background-color:rgba(255,255,255,0.14)}.kino_knopf:focus-visible{outline:2px solid var(--marke-champagner-gold);outline-offset:2px}.kino_knopf:active{transform:scale(0.92)}.kino_spiel .kino_pause-zeichen,.kino_spiel.is-laeuft .kino_spiel-zeichen,.kino_ton .kino_ton-aus,.kino_ton[aria-pressed=true] .kino_ton-an{display:none}.kino_spiel.is-laeuft .kino_pause-zeichen,.kino_ton[aria-pressed=true] .kino_ton-aus{display:block}.kino_zeit{color:rgba(255,255,255,0.85);font-size:0.8125rem;font-variant-numeric:tabular-nums;letter-spacing:0.06em;white-space:nowrap}.kino_lauf{position:relative;flex:1;height:1.5rem;cursor:pointer}.kino_lauf::before{content:"";position:absolute;top:50%;right:0;left:0;height:2px;margin-top:-1px;background-color:rgba(255,255,255,0.25)}.kino_lauf_balken{position:absolute;top:50%;left:0;width:100%;height:2px;margin-top:-1px;background-color:var(--marke-gold);transform-origin:0 50%;transform:scaleX(var(--p, 0))}.kino_lauf:focus-visible{outline:2px solid var(--marke-champagner-gold);outline-offset:2px;border-radius:2px}.kino_schliessen{position:absolute;top:var(--kino-rand, 2rem);right:var(--kino-rand, 2rem);display:grid;place-items:center;width:3rem;height:3rem;padding:0;color:var(--marke-weiss);cursor:pointer;background-color:rgba(var(--kino-n),0.5);border:1px solid rgba(255,255,255,0.3);border-radius:50%;opacity:0;transition:opacity 0.3s 0.35s,border-color 0.25s,background-color 0.25s,transform 0.25s var(--marke-feder)}.kino_schliessen svg{width:1.125rem;height:1.125rem;fill:currentColor}.kino_saal.is-offen .kino_schliessen{opacity:1}.kino_saal.is-zu .kino_schliessen{opacity:0;transition-delay:0s}.kino_schliessen:hover{background-color:rgba(var(--kino-n),0.8);border-color:var(--marke-gold)}.kino_schliessen:focus-visible{outline:2px solid var(--marke-champagner-gold);outline-offset:3px}.kino_schliessen:active{transform:scale(0.94);transition-duration:0.1s}@media screen and (max-width:767px){.kino_buehne{padding:4.5rem 0.75rem}.kino_leiste{gap:0.25rem;padding:2rem 0.5rem 0.5rem}.kino_schliessen{top:0.875rem;right:0.875rem}}@media(prefers-reduced-motion:reduce){.kino_leinwand,.kino_vorhang,.kino_schliessen{transition:none}}