.film{font-family:var(--font-sans);margin:0}.film-flaeche{aspect-ratio:16/9;background:var(--color-surface-muted);position:relative;overflow:hidden}.film-fassade{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.film-fassade img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) ease-in-out;position:absolute;inset:0}.film-fassade:hover img,.film-fassade:focus-visible img{transform:scale(1.05)}.film-fassade:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.film-play{filter:drop-shadow(0 1px 5px #0006);pointer-events:none;border:15px solid #0000;border-left:26px solid #ffffffeb;border-right-width:0;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-42%,-50%)}.film--gross .film-play{border-width:21px 0 21px 36px}.film-iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.film-titel{margin:var(--space-3) 0 0;font-size:var(--text-base);font-weight:700;line-height:var(--line-normal);letter-spacing:var(--tracking-base);color:var(--color-text)}.film--gross .film-titel{margin-top:var(--space-4);font-size:var(--text-xl);font-weight:300;line-height:var(--line-tight)}.filme-bereich{margin-top:var(--space-modul)}.filme-raster{margin:var(--space-modul) 0 0;gap:var(--space-modul) var(--space-zeile);grid-template-columns:1fr;padding:0;list-style:none;display:grid}@media (min-width:760px){.filme-raster{grid-template-columns:repeat(2,1fr)}}@media (min-width:1220px){.filme-raster{grid-template-columns:repeat(3,1fr)}}