@supports (animation-timeline: view()){.sa{animation:sa-auf linear both;animation-timeline:view();animation-range:var(--sa-von, entry 2%) var(--sa-bis, cover 30%)}@keyframes sa-auf{0%{opacity:0;transform:translate3d(0,70px,0) scale(.94)}to{opacity:1;transform:none}}.sa-links{animation-name:sa-links}.sa-rechts{animation-name:sa-rechts}.sa-gross{animation-name:sa-gross}.sa-kippe{animation-name:sa-kippe}@keyframes sa-links{0%{opacity:0;transform:translate3d(-110px,0,0) rotate(-2.5deg)}to{opacity:1;transform:none}}@keyframes sa-rechts{0%{opacity:0;transform:translate3d(110px,0,0) rotate(2.5deg)}to{opacity:1;transform:none}}@keyframes sa-gross{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes sa-kippe{0%{opacity:0;transform:perspective(1200px) rotateX(26deg) translate3d(0,60px,0)}to{opacity:1;transform:none}}.sa-reihe>*{animation:sa-auf linear both;animation-timeline:view()}.sa-reihe>:nth-child(1){animation-range:entry 2% cover 24%}.sa-reihe>:nth-child(2){animation-range:entry 6% cover 28%}.sa-reihe>:nth-child(3){animation-range:entry 10% cover 32%}.sa-reihe>:nth-child(4){animation-range:entry 14% cover 36%}.sa-reihe>:nth-child(5){animation-range:entry 18% cover 40%}.sa-reihe>:nth-child(6){animation-range:entry 22% cover 44%}.sa-reihe>:nth-child(n+7){animation-range:entry 26% cover 48%}.sa-ordnen>*{animation:sa-links linear both;animation-timeline:view();animation-range:entry 2% cover 30%}.sa-ordnen>:nth-child(2n){animation-name:sa-rechts}.sa-ordnen>:nth-child(3n){animation-name:sa-gross}.sa-buehne{view-timeline-name:--sa-zeit;view-timeline-axis:block;timeline-scope:--sa-zeit}.sa-buehne-innen{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;overflow:hidden}.sa-teil{animation:sa-teil-ein linear both;animation-timeline:--sa-zeit;animation-range:var(--sa-von, contain 4%) var(--sa-bis, contain 28%)}@keyframes sa-teil-ein{0%{opacity:0;transform:translate3d(0,40px,0) scale(.9)}to{opacity:1;transform:none}}.sa-teil[data-von=links]{animation-name:sa-teil-links}.sa-teil[data-von=rechts]{animation-name:sa-teil-rechts}.sa-teil[data-von=oben]{animation-name:sa-teil-oben}.sa-teil[data-von=unten]{animation-name:sa-teil-unten}.sa-teil[data-von=nah]{animation-name:sa-teil-nah}.sa-teil[data-von=fern]{animation-name:sa-teil-fern}@keyframes sa-teil-links{0%{opacity:0;transform:translate3d(-90px,0,0)}to{opacity:1;transform:none}}@keyframes sa-teil-rechts{0%{opacity:0;transform:translate3d(90px,0,0)}to{opacity:1;transform:none}}@keyframes sa-teil-oben{0%{opacity:0;transform:translate3d(0,-70px,0)}to{opacity:1;transform:none}}@keyframes sa-teil-unten{0%{opacity:0;transform:translate3d(0,70px,0)}to{opacity:1;transform:none}}@keyframes sa-teil-nah{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:none}}@keyframes sa-teil-fern{0%{opacity:0;transform:scale(.45)}to{opacity:1;transform:none}}.sa-linie{stroke-dasharray:var(--sa-len, 400);animation:sa-ziehen linear both;animation-timeline:--sa-zeit;animation-range:var(--sa-von, contain 40%) var(--sa-bis, contain 70%)}@keyframes sa-ziehen{0%{stroke-dashoffset:var(--sa-len, 400)}to{stroke-dashoffset:0}}.sa-linie-frei{stroke-dasharray:var(--sa-len, 400);animation:sa-ziehen linear both;animation-timeline:view();animation-range:var(--sa-von, entry 10%) var(--sa-bis, cover 45%)}.sa-drift{animation:sa-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}@keyframes sa-drift{0%{transform:translate3d(0,var(--sa-weg, 60px),0)}to{transform:translate3d(0,calc(var(--sa-weg, 60px) * -1),0)}}.sa-buehne3d{perspective:1400px}.sa-band{position:fixed;inset:0 0 auto;height:2px;z-index:60;transform-origin:0 50%;background:linear-gradient(90deg,var(--s-green-br),var(--s-gold));animation:sa-band linear both;animation-timeline:scroll(root block)}@keyframes sa-band{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.sa,.sa-links,.sa-rechts,.sa-gross,.sa-kippe,.sa-reihe>*,.sa-ordnen>*,.sa-teil,.sa-drift{animation:none!important;opacity:1!important;transform:none!important}.sa-linie,.sa-linie-frei{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}.sa-band{animation:none!important;transform:scaleX(1)}.sa-buehne-innen{position:static;min-height:0}.sa-buehne{height:auto!important}}}.sa-kopf{text-align:center;max-width:min(62ch,100%);margin-inline:auto}.sa-kopf>*{margin-inline:auto}
