.film{position:relative;color:var(--c-weiss);background:#000}.film__buehne{position:relative;height:100svh;min-height:560px;max-height:1080px}.film__rahmen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000}.film__rahmen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,var(--abdunkeln)),#0000 40% 60%,rgba(0,0,0,var(--abdunkeln)))}.film--mitte .film__rahmen:after{background:radial-gradient(70% 55% at 50% 50%,rgba(0,0,0,calc(var(--abdunkeln) + .3)),rgba(0,0,0,var(--abdunkeln)))}.film--mitte .film__text-block{text-shadow:0 1px 3px rgba(0,0,0,.45),0 2px 24px rgba(0,0,0,.6)}.film--mitte .film__text{color:var(--c-weiss)}.film__inhalt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:clamp(96px,14vh,150px) var(--rand) clamp(72px,10vh,104px);text-align:center;pointer-events:none}.film--oben .film__inhalt{justify-content:space-between}.film--unten .film__inhalt{justify-content:flex-end}.film__inhalt a{pointer-events:auto}.film__text-block{display:grid;justify-items:center;gap:14px}.film__etikett{color:#ffffffb8}.film__titel{max-width:18ch;font-size:clamp(34px,6.2vw,88px);line-height:1.02;letter-spacing:-.02em;font-weight:500;text-wrap:balance}.film__text{max-width:34ch;font-size:clamp(17px,1.4vw,21px);line-height:1.4;color:#ffffffdb;text-wrap:pretty}.film__knoepfe{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.film__knoepfe .knopf{min-width:172px;min-height:48px;padding:0 28px}.film--wachsen{background:var(--c-weiss)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.film--wachsen{view-timeline:--film block}.film--wachsen .film__buehne{height:175svh;max-height:none}.film--wachsen .film__rahmen{position:sticky;top:0;height:100svh;min-height:560px;animation:film-wachsen linear both;animation-timeline:--film;animation-range:entry 35% contain 30%}.film--wachsen .film__text-block,.film--wachsen .film__knoepfe{animation:film-text linear both;animation-timeline:--film;animation-range:contain 18% contain 42%}}}@keyframes film-wachsen{0%{transform:scale(.86);border-radius:32px}to{transform:none;border-radius:0}}@keyframes film-text{0%{opacity:0;transform:translateY(32px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/film.css.map */