.k-filmstreifen{position:relative;overflow-x:clip}.film__kopf-innen{display:grid;gap:var(--a-5)}.film__titelblock>.dachzeile{margin-block-end:var(--a-4)}.film__titel{margin:0;max-width:18ch}.film__lead{margin:0}@media (min-width: 1024px){.film__kopf-innen{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--spaltenabstand);align-items:end}.film__titelblock{grid-column:1/span 7}.film__lead{grid-column:8/span 5;padding-block-end:.4em}}.film__gross,.film__sensor{display:none}.film__band{margin-block-start:clamp(var(--a-6),4vw,var(--a-8))}.film__steuerung{display:flex;flex-wrap:wrap;align-items:center;gap:var(--a-3) var(--a-4);margin-block-end:var(--a-5)}.film__zaehler{margin:0;font-family:var(--font-plakat);font-size:1.125rem;font-weight:800;font-stretch:75%;letter-spacing:.08em;white-space:nowrap;color:var(--t-text)}.film__zaehler-fuge,[data-film-alle]{color:var(--t-text-2)}.film__fortschritt{position:relative;flex:1 1 6rem;max-width:20rem;height:1px;background:var(--t-linie)}.film__fortschritt-fuge{position:absolute;inset:-1px 0;background:var(--t-akzent-gross);transform-origin:0 50%;transform:scaleX(0)}.film__pfeile{display:flex;gap:var(--a-2)}.film__pfeil--zurueck .ikon{scale:-1 1}.film__sprung{display:inline-flex;align-items:center;gap:.5em;min-height:var(--ziel-min);margin-inline-start:auto;color:var(--t-text-2);font-size:var(--fs-klein);font-weight:650;text-decoration:none}.film__sprung:is(:hover,:focus-visible){color:var(--t-text)}.film__sprung:not(:focus-visible){position:absolute;width:1px;height:1px;min-height:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.film__sprung-pfeil{rotate:90deg}html:not(.js) :is(.film__zaehler,.film__fortschritt,.film__pfeile){display:none}.film__liste{margin:0;padding:0;list-style:none}.film__karte{position:relative;min-width:0}.film__figur{margin:0}.film__oeffnen{position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:var(--t-flaeche-2);color:inherit;text-decoration:none;cursor:zoom-in;overflow:hidden}.film__oeffnen .bild{outline:3px solid var(--kalk);outline-offset:-3px}.film__oeffnen .bild__img{transition:scale 900ms var(--aus)}.film__oeffnen:is(:hover,:focus-visible) .bild__img{scale:1.035}.film__oeffnen:focus-visible{outline:2px solid var(--t-fokus);outline-offset:3px}.film__oeffnen::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--t-akzent-gross);transform-origin:0 50%;scale:0 1;transition:scale 500ms var(--aus)}.film__oeffnen:is(:hover,:focus-visible)::after{scale:1 1}.film__zeile{display:flex;gap:.7em;margin-block-start:var(--a-3);font-size:var(--fs-bildzeile);line-height:1.45}.film__nr{flex:none;padding-block-start:.1em;font-family:var(--font-plakat);font-weight:800;font-stretch:75%;letter-spacing:.06em;color:var(--t-text-2)}.film__zeile-text{display:grid;gap:.1em;min-width:0}.film__zeile-titel{font-weight:650;color:var(--t-text)}.film__zeile-meta{color:var(--t-text-2)}.film__kachel-link{display:flex;flex-direction:column;justify-content:space-between;gap:var(--a-5);height:100%;min-height:12rem;padding:var(--a-5);border:1px solid var(--t-linie);color:var(--t-text);font-family:var(--font-plakat);font-size:var(--fs-h3);font-weight:800;font-stretch:70%;line-height:1.02;text-decoration:none;transition:border-color var(--d-hover),background-color var(--d-hover)}.film__kachel-link .ikon{width:2rem;height:2rem;transition:translate var(--d-hover) var(--aus)}.film__kachel-link:is(:hover,:focus-visible){border-color:var(--t-text);background:var(--t-karte)}.film__kachel-link:is(:hover,:focus-visible) .ikon{translate:6px 0}.film__link--kino{display:none}.film__liste{--film-rand:max(var(--rand),(100% - var(--inhalt))/2);display:flex;gap:var(--a-4);padding-inline:var(--film-rand);padding-block:var(--a-1) var(--a-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--film-rand);scrollbar-width:thin;scrollbar-color:var(--t-linie) transparent;-webkit-overflow-scrolling:touch}.film__liste:focus-visible{outline:2px solid var(--t-fokus);outline-offset:-2px}.film__karte{flex:none;width:min(72vw,420px);scroll-snap-align:start}.film__karte--leit{width:min(calc(100vw - 2 * var(--rand) - 2.75rem),560px)}.film__karte--link{width:min(52vw,280px)}.film__karte--link .film__kachel-link{min-height:0}.film__liste.ist-gezogen{scroll-snap-type:none;cursor:grabbing}.film__liste.ist-gezogen .film__oeffnen{cursor:grabbing}@media (max-width: 639px){.film__karte--handy-weg{display:none}.film__karte--leit{width:calc(100vw - 2.75rem);margin-inline:calc(-1 * var(--film-rand)) calc(4px - var(--a-4))}.film__karte:not(.film__karte--leit):not(.film__karte--link){width:calc(100vw - 2 * var(--film-rand) - 2.25rem)}.film__karte--leit .film__oeffnen .bild{outline:0}.film__karte--leit .film__zeile{padding-inline-start:var(--film-rand)}}.film__band::before,.film__band::after{content:"";display:block;height:2px;margin-inline:var(--film-perf-rand,0);background:repeating-linear-gradient(90deg,var(--t-linie) 0 12px,transparent 12px 24px)}.film__band::before{margin-block-end:var(--a-4)}.film__band::after{margin-block-start:var(--a-4)}@media (min-width: 1024px){:is(html:not(.js),html.ruhig) .k-filmstreifen--schiene .film__liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--a-6) var(--spaltenabstand);width:min(100% - 2 * var(--rand),var(--inhalt));margin-inline:auto;padding:0;overflow:visible;scroll-snap-type:none}:is(html:not(.js),html.ruhig) .k-filmstreifen--schiene .film__karte{width:auto}:is(html:not(.js),html.ruhig) .k-filmstreifen--schiene .film__karte--leit{grid-column:span 2;grid-row:span 2}:is(html:not(.js),html.ruhig) .k-filmstreifen--schiene .film__karte--link{display:block;grid-column:auto/-1}:is(html:not(.js),html.ruhig) .k-filmstreifen--schiene .film__kachel-link{min-height:12rem}:is(html:not(.js),html.ruhig) .k-filmstreifen--schiene .film__steuerung{display:none}:is(html:not(.js),html.ruhig) .k-filmstreifen--schiene .film__band::before,:is(html:not(.js),html.ruhig) .k-filmstreifen--schiene .film__band::after{content:none}}@media (min-width: 1024px) and (min-height: 640px){html.js.bewegt .k-filmstreifen--schiene{--film-weg:100vh;--band-oben:40%;--zeile-h:3.6rem;padding-block:0}html.js.bewegt .k-filmstreifen--schiene[data-anzahl="1"]{--film-weg:30vh}html.js.bewegt .k-filmstreifen--schiene[data-anzahl="2"]{--film-weg:40vh}html.js.bewegt .k-filmstreifen--schiene[data-anzahl="3"]{--film-weg:52vh}html.js.bewegt .k-filmstreifen--schiene[data-anzahl="4"]{--film-weg:64vh}html.js.bewegt .k-filmstreifen--schiene[data-anzahl="5"]{--film-weg:76vh}html.js.bewegt .k-filmstreifen--schiene[data-anzahl="6"]{--film-weg:88vh}html.js.bewegt .k-filmstreifen--schiene .film__fahrt{position:relative;height:calc(100vh + var(--film-weg))}html.js.bewegt .k-filmstreifen--schiene .film__sensor{display:block;position:absolute;inset:0 0 auto;height:100vh;pointer-events:none;visibility:hidden}html.js.bewegt .k-filmstreifen--schiene .film__buehne{position:sticky;top:0;height:100vh;overflow:hidden;isolation:isolate}html.js.bewegt .k-filmstreifen--schiene .film__gross{display:block;position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:0;background:var(--t-flaeche-2)}html.js.bewegt .k-filmstreifen--schiene .film__gross .bild{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:none;transform-origin:0 0}html.js.bewegt .k-filmstreifen--schiene .film__gross .bild__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}html.js.bewegt .k-filmstreifen--schiene .film__gross--paar{background:transparent}html.js.bewegt .k-filmstreifen--schiene .film__gross-haelfte{position:absolute;inset:0 calc(50% + 2px) 0 0;overflow:hidden;transform-origin:0 0}html.js.bewegt .k-filmstreifen--schiene .film__gross-haelfte--2{inset:0 0 0 calc(50% + 2px)}html.js.bewegt .k-filmstreifen--schiene .film__gross-haelfte .bild{transform:none}html.js.bewegt .k-filmstreifen--schiene .film__gross-haelfte .bild__img{object-position:50% 60%}.film__gross-zeile{position:absolute;inset:auto auto 3.5vh var(--rand);z-index:1;max-width:calc(100% - 2 * var(--rand));margin:0;padding:.3em .7em;background:var(--nacht);color:var(--hell-2);font-size:var(--fs-bildzeile);line-height:1.4}.film__gross-zeile strong{color:var(--hell);font-weight:650}html.js.bewegt .k-filmstreifen--schiene[data-gross=paar] .film__titel-flaeche{padding:.04em .16em .06em;background:var(--nacht);-webkit-box-decoration-break:clone;box-decoration-break:clone}html.js.bewegt .k-filmstreifen--schiene[data-gross=paar] .film__titel{line-height:1.04;margin-inline-start:-.16em}html.js.bewegt .k-filmstreifen--schiene[data-gross=paar] .film__dachzeile{width:fit-content;margin-inline-start:-.7em;padding:.45em .7em;background:var(--nacht)}html.js.bewegt .k-filmstreifen--schiene[data-gross=paar] .film__titelblock>.dachzeile{margin-block-end:var(--a-2)}.film__schleier{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--nacht) 36%,transparent) 0%,color-mix(in srgb,var(--nacht) 12%,transparent) 30%,transparent 44%),linear-gradient(90deg,color-mix(in srgb,var(--nacht) 18%,transparent) 0%,transparent 38%)}html.js.bewegt .k-filmstreifen--schiene .film__kopf{position:absolute;inset:calc(var(--kopf-h) + 3.5vh) 0 auto;z-index:4;pointer-events:none}html.js.bewegt .k-filmstreifen--schiene .film__kopf-innen{align-items:start}html.js.bewegt .k-filmstreifen--schiene .film__titelblock{grid-column:1/span 7;grid-row:1}html.js.bewegt .k-filmstreifen--schiene .film__titel{max-width:none;transform-origin:0 0;transform:scale(.62);text-shadow:0 1px 24px color-mix(in srgb,var(--nacht) 40%,transparent)}html.js.bewegt .k-filmstreifen--schiene .film__lead{grid-column:6/-1;grid-row:1;padding-block:.2em 0;pointer-events:auto}html.js.bewegt .k-filmstreifen--schiene .film__band{--film-perf-rand:max(var(--rand),(100% - var(--inhalt))/2);position:absolute;inset:var(--band-oben) 0 0;z-index:2;display:flex;flex-direction:column;margin:0;padding-block-end:3.5vh}html.js.bewegt .k-filmstreifen--schiene .film__steuerung{flex:none;width:min(100% - 2 * var(--rand),var(--inhalt));margin:0 auto var(--a-3)}html.js.bewegt .k-filmstreifen--schiene .film__band::before{order:-1;margin-block:0 var(--a-3)}html.js.bewegt .k-filmstreifen--schiene .film__liste{flex:1 1 auto;min-height:0;align-items:stretch;padding-block:var(--a-1) 0;overflow:visible;scroll-snap-type:none;touch-action:pan-y;cursor:grab}html.js.bewegt .k-filmstreifen--schiene .film__karte{display:flex;flex-direction:column;width:auto;height:100%}html.js.bewegt .k-filmstreifen--schiene .film__karte--link{display:none}html.js.bewegt .k-filmstreifen--schiene .film__figur{display:flex;flex-direction:column;height:100%}html.js.bewegt .k-filmstreifen--schiene .film__oeffnen{flex:none;width:auto;height:calc(100% - var(--zeile-h));aspect-ratio:4/5;cursor:inherit}html.js.bewegt .k-filmstreifen--schiene[data-gross=einzel] .film__karte--leit .film__oeffnen{aspect-ratio:16/9}html.js.bewegt .k-filmstreifen--schiene .film__oeffnen .bild{position:absolute;inset:0;height:100%;aspect-ratio:auto}html.js.bewegt .k-filmstreifen--schiene .film__zeile{width:0;min-width:100%;height:var(--zeile-h);margin-block-start:var(--a-2);overflow:hidden}html.js.bewegt .k-filmstreifen--schiene .film__zeile-titel,html.js.bewegt .k-filmstreifen--schiene .film__zeile-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html.js.bewegt .k-filmstreifen--schiene .film__link--kino{display:inline-flex;margin-inline-start:auto}html.js.bewegt .k-filmstreifen--schiene .film__link--kino~.film__sprung{margin-inline-start:var(--a-5)}html.js.bewegt .k-filmstreifen--schiene .film__sprung:not(:focus-visible){position:static;width:auto;height:auto;min-height:var(--ziel-min);overflow:visible;clip-path:none}html.js.bewegt .k-filmstreifen--schiene .film__band::after{margin-block:var(--a-2) var(--a-2)}html.js.bewegt .k-filmstreifen--schiene.ist-kino .film__gross~.film__band :is(.film__karte--leit,.film__karte--paar) .film__oeffnen .bild{display:none}html.js.bewegt .k-filmstreifen--schiene.ist-kino .film__gross~.film__band :is(.film__karte--leit,.film__karte--paar) .film__oeffnen{background:none}html.js.bewegt .k-filmstreifen--schiene.ist-kino .film__gross{opacity:1}html.js.bewegt .k-filmstreifen--schiene.ist-kino .film__liste,html.js.bewegt .k-filmstreifen--schiene.ist-kino :is(.film__band,.film__lead,.film__titelblock){will-change:transform,opacity}}@media (min-width: 1280px) and (min-height: 640px){html.js.bewegt .k-filmstreifen--schiene .film__lead{grid-column:7/-1}}@media (min-width: 1024px) and (min-height: 640px) and (max-height: 800px){html.js.bewegt .k-filmstreifen--schiene .film__lead{font-size:1rem;line-height:1.5}}@media (min-width: 1024px) and (min-height: 860px){html.js.bewegt .k-filmstreifen--schiene{--zeile-h:4.7rem}html.js.bewegt .k-filmstreifen--schiene .film__zeile-meta{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal}}.film-mat__karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--a-6) var(--spaltenabstand);margin:0;padding:0;list-style:none}@media (min-width: 1024px){.film-mat__karten{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 639px){.film-mat__text{font-size:var(--fs-klein);line-height:1.5}}.film-mat__karte{display:grid;align-content:start;gap:var(--a-3)}.film-mat__bild{outline:3px solid var(--kalk);outline-offset:-3px}[data-grund=kalk] .film-mat__bild,[data-grund=weiss] .film-mat__bild{outline-color:var(--weiss)}.film-mat__titel{margin:var(--a-2) 0 0}.film-mat__text{margin:0;color:var(--t-text-2);font-size:var(--fs-text);line-height:1.6}.film-mat__link{margin:clamp(var(--a-6),4vw,var(--a-8)) 0 0}.film-mat__hinweis{margin:var(--a-5) 0 0;max-width:64ch;font-size:var(--fs-klein);line-height:1.5;color:var(--t-text-3)}
