.signal{position:relative;color:var(--c-weiss);background:#000}.signal__buehne{position:relative;height:100svh;min-height:560px;overflow:hidden}.signal__rahmen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000}.signal__rahmen .film-video{position:absolute;top:0;right:0;bottom:0;left:0}.signal__rahmen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,var(--abdunkeln)) 0% 30%,rgba(0,0,0,calc(var(--abdunkeln) * .55)) 58%,#0000 85%)}.signal .film-video__knoepfe{z-index:3}.signal__gross{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.signal__inhalt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;align-content:end;gap:18px;padding-block:0 clamp(64px,11svh,120px);pointer-events:none}.signal__mono{color:#ffffffb8}.signal__saetze{max-width:20ch;font-size:clamp(34px,5vw,72px);line-height:1.06;letter-spacing:-.022em;font-weight:500;text-wrap:balance}.signal__details{display:grid;gap:10px;max-width:34rem}.signal__detail{font-size:clamp(16px,1.25vw,19px);line-height:1.45;color:#ffffffd1;text-wrap:pretty}.signal__fortschritt{display:none}@media(max-width:767px){.signal__details{padding-inline-end:64px}}@media(min-width:768px){.signal__rahmen:after{background:linear-gradient(90deg,rgba(0,0,0,var(--abdunkeln)),rgba(0,0,0,calc(var(--abdunkeln) * .85)) 32%,rgba(0,0,0,calc(var(--abdunkeln) * .4)) 55%,#0000 75%)}[dir=rtl] .signal__rahmen:after{background:linear-gradient(270deg,rgba(0,0,0,var(--abdunkeln)),rgba(0,0,0,calc(var(--abdunkeln) * .85)) 32%,rgba(0,0,0,calc(var(--abdunkeln) * .4)) 55%,#0000 75%)}.signal__inhalt{align-content:center;padding-block:0}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.signal{height:400svh;view-timeline:--signal block}.signal__buehne{position:sticky;top:0}.signal__rahmen{animation:signal-wachsen linear both;animation-timeline:--signal;animation-range:contain 0% contain 20%}.signal__rahmen:after{animation:signal-ein linear both;animation-timeline:--signal;animation-range:contain 14% contain 26%}.signal__gross{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:auto;height:auto;clip-path:none;white-space:normal;display:grid;place-items:center;padding-inline:var(--rand);text-align:center;pointer-events:none;font-size:clamp(56px,11vw,168px);line-height:.95;letter-spacing:-.035em;font-weight:500;animation:signal-titel linear both;animation-timeline:--signal;animation-range:contain 2% contain 16%}.signal__inhalt{animation:signal-ein linear both;animation-timeline:--signal;animation-range:contain 18% contain 26%}.signal__satz{animation:signal-satz linear both;animation-timeline:--signal}.signal__satz:nth-child(1){animation-range:contain 26% contain 38%}.signal__satz:nth-child(2){animation-range:contain 46% contain 58%}.signal__satz:nth-child(3){animation-range:contain 66% contain 78%}.signal__details{gap:0}.signal__detail{grid-area:1 / 1;animation:signal-detail linear both;animation-timeline:--signal}.signal__detail:nth-child(1){animation-range:contain 26% contain 48%}.signal__detail:nth-child(2){animation-range:contain 46% contain 68%}.signal__detail:nth-child(3){animation-name:signal-detail-bleibt;animation-range:contain 66% contain 80%}.signal__fortschritt{display:flex;gap:6px;margin-block-start:10px}.signal__fortschritt span{position:relative;overflow:hidden;width:36px;height:3px;border-radius:var(--r-voll);background:#ffffff3d}.signal__fortschritt span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-weiss);transform-origin:left center;animation:signal-balken linear both;animation-timeline:--signal}[dir=rtl] .signal__fortschritt span:after{transform-origin:right center}.signal__fortschritt span:nth-child(1):after{animation-range:contain 26% contain 38%}.signal__fortschritt span:nth-child(2):after{animation-range:contain 46% contain 58%}.signal__fortschritt span:nth-child(3):after{animation-range:contain 66% contain 78%}}}@keyframes signal-wachsen{0%{transform:scale(.62);border-radius:32px}to{transform:none;border-radius:0}}@keyframes signal-titel{0%{opacity:1;transform:none;filter:none}to{opacity:0;transform:scale(1.12);filter:blur(12px)}}@keyframes signal-ein{0%{opacity:0}to{opacity:1}}@keyframes signal-satz{0%{opacity:.22}to{opacity:1}}@keyframes signal-detail{0%{opacity:0;transform:translateY(12px)}25%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@keyframes signal-detail-bleibt{0%{opacity:0;transform:translateY(12px)}40%,to{opacity:1;transform:none}}@keyframes signal-balken{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/signal.css.map */