.st-fortschritt{z-index:60;pointer-events:none;transform-origin:0;background:linear-gradient(90deg, var(--color-brand-primary), var(--color-brand-blue));height:2px;box-shadow:0 0 10px var(--color-brand-primary);position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@keyframes st-hoch{0%{opacity:0;transform:translateY(26px)}}@keyframes st-ziehen{0%{stroke-dashoffset:100px}}@keyframes st-auftauchen{0%{transform:scale(0)}}@keyframes st-atmen{50%{filter:drop-shadow(0 0 14px var(--color-brand-primary))}}@keyframes st-marke{0%{opacity:.3;filter:drop-shadow(0 0 #0000)}60%{filter:drop-shadow(0 0 28px #00d4ffd9)}}.st-satz{animation:.8s cubic-bezier(.2,.8,.2,1) .1s both st-hoch}.st-satz+.st-satz{animation-delay:.3s}.st-person{animation:.7s cubic-bezier(.2,.8,.2,1) .55s both st-hoch}.st-person+.st-person{animation-delay:.7s}.st-linie{stroke-dasharray:100;animation:1.5s cubic-bezier(.65,0,.35,1) 1.1s both st-ziehen}.st-punkt{filter:drop-shadow(0 0 6px var(--color-brand-primary));transform-box:fill-box;transform-origin:50%;animation:.4s cubic-bezier(.3,1.6,.5,1) 2.55s both st-auftauchen,3.2s ease-in-out 3s infinite st-atmen}.st-marke{animation:1.1s ease-out 2.6s both st-marke}.st-unterzeile{animation:.8s ease-out 3.1s both st-hoch}.st-hero-fertig :is(.st-satz,.st-person,.st-linie,.st-marke,.st-unterzeile){animation-duration:.2s;animation-delay:0s}.st-hero-fertig .st-punkt{animation-duration:.2s,3.2s;animation-delay:0s,.2s}.st-strahl{view-timeline:--st-strahl block}.st-strahl:after{content:"";transform-origin:top;width:2px;box-shadow:0 0 12px var(--color-brand-primary);background:linear-gradient(180deg, var(--color-brand-blue) 0%, var(--color-brand-blue) 35%, var(--color-brand-primary) 45%, var(--color-brand-primary) 100%);position:absolute;top:0;bottom:0;left:11px}.st-jahr{color:#0000;-webkit-text-stroke:1px #2b7fffd9}.st-jahr.st-c{-webkit-text-stroke-color:#00d4ffe6}.st-verlauf-text{background:linear-gradient(90deg, var(--color-brand-primary), var(--color-brand-blue));color:#0000;-webkit-text-stroke:0;-webkit-background-clip:text;background-clip:text}.st-ziel{background:linear-gradient(var(--color-brand-surface), var(--color-brand-surface)) padding-box, linear-gradient(90deg, var(--color-brand-primary), var(--color-brand-blue)) border-box;border:1px solid #0000;box-shadow:0 0 60px #00d4ff1f}.st-wir{-webkit-mask-image:radial-gradient(120% 120% at 60% 40%,#000 45%,#0000 100%);mask-image:radial-gradient(120% 120% at 60% 40%,#000 45%,#0000 100%)}.st-titel{color:#0000;-webkit-text-stroke:1px #f1f5f98c;transition:color .35s,-webkit-text-stroke-color .35s}.st-zeile:is(:hover,:focus-visible) .st-titel{color:var(--color-brand-text);-webkit-text-stroke-color:transparent}.st-zeile:is(:hover,:focus-visible) .st-zeilenbild{opacity:1;transform:translateY(-50%)scale(1)rotate(0)}.st-zeilenbild{opacity:0;filter:drop-shadow(0 20px 30px #0009)drop-shadow(0 0 30px #00d4ff40);transition:opacity .35s,transform .5s cubic-bezier(.2,.9,.3,1.3);transform:translateY(-50%)scale(.7)rotate(-8deg)}@media (max-width:767px){.st-titel{color:var(--color-brand-text);-webkit-text-stroke:0}.st-zeilenbild,.st-zeile:is(:hover,:focus-visible) .st-zeilenbild{opacity:1;filter:drop-shadow(0 6px 10px #00000080);transform:none}}.st-spur{scroll-snap-type:x mandatory;scrollbar-width:none}.st-spur>*{scroll-snap-align:start}.st-karte{transition:transform .45s cubic-bezier(.2,.9,.3,1.2),border-color .3s,box-shadow .3s}@media (min-width:768px){.st-karte:is(:hover,:focus-visible){transform:perspective(900px)rotateX(5deg)rotateY(-7deg)translateY(-8px)}}@keyframes st-schubs{50%{transform:translate(8px)}}.st-schubs{animation:1.6s ease-in-out infinite st-schubs}@keyframes st-scan{0%{top:18%}to{top:80%}}@keyframes st-aufleuchten{0%,60%{opacity:.35}80%,to{opacity:1}}.st-laser{background:linear-gradient(90deg,#0000,#ff3b5c 20%,#ff6b81 50%,#ff3b5c 80%,#0000);animation:3.4s ease-in-out infinite alternate st-scan;box-shadow:0 0 18px 4px #ff3b5c8c}.st-laser:after{content:"";background:linear-gradient(#0000,#ff3b5c2e);height:70px;position:absolute;bottom:2px;left:0;right:0}.st-wert{animation:3.4s infinite alternate st-aufleuchten}.st-wert:nth-child(2){animation-delay:.4s}.st-wert:nth-child(3){animation-delay:.8s}.st-wert:nth-child(4){animation-delay:1.2s}@keyframes st-schweben{50%{transform:translateY(-6px)}}.st-podest:before{content:"";filter:blur(6px);background:radial-gradient(closest-side,#00d4ff73,#00d4ff1f 60%,#0000);border-radius:50%;height:18%;transition:transform .3s;position:absolute;bottom:4%;left:14%;right:14%}.st-podest:after{content:"";background:radial-gradient(70% 60% at 50% 55%,#00d4ff24,#0000 70%);border-radius:16px;position:absolute;inset:0}.st-podest img{z-index:1;filter:drop-shadow(0 14px 18px #0009);transition:filter .3s;animation:6s ease-in-out infinite st-schweben;position:relative}.st-wkarte:is(:hover,:focus-visible) .st-podest img{filter:drop-shadow(0 18px 22px #0009)drop-shadow(0 0 18px #00d4ff8c)}.st-wkarte:is(:hover,:focus-visible) .st-podest:before{transform:scaleX(1.15)}@keyframes st-breite{to{transform:scaleX(1)}}@keyframes st-fuellen{0%{transform:scaleY(0)}}@keyframes st-rein{0%{opacity:0;filter:blur(4px);transform:translateY(50px)}}@keyframes st-kippen{0%{opacity:.2;transform:perspective(1200px)rotateX(28deg)scale(.86)}}@supports (animation-timeline:scroll()){.st-fortschritt{animation:linear both st-breite;animation-timeline:scroll(root)}.st-strahl:after{animation:linear both st-fuellen;animation-timeline:--st-strahl;animation-range:entry 40% exit 60%}.st-station{animation:linear both st-rein;animation-timeline:view();animation-range:entry cover 30%}.st-rein{animation:linear both st-rein;animation-timeline:view();animation-range:entry cover 25%}.st-gesehen .st-strahl:after,.st-gesehen .st-station,.st-gesehen .st-rein{animation:none}.st-scanner{animation:linear both st-kippen;animation-timeline:view();animation-range:entry cover 40%}@media (max-width:767px){.st-titel{color:#0000;-webkit-text-stroke:1px #f1f5f98c;animation:linear both st-titelmitte;animation-timeline:view();animation-range:cover}.st-nr{animation:linear both st-nrmitte;animation-timeline:view();animation-range:cover}.st-zeilenbild{animation:linear both st-bildmitte;animation-timeline:view();animation-range:cover}.st-zeile{animation:linear both st-rein,linear both st-mitte;animation-timeline:view(),view();animation-range:entry cover 25%,cover}@keyframes st-mitte{0%,30%,70%,to{background:0 0}45%,55%{background:linear-gradient(90deg,#00d4ff1a,#0000 80%)}}@keyframes st-titelmitte{0%,30%,70%,to{color:#0000;-webkit-text-stroke-color:#f1f5f98c}45%,55%{color:var(--color-brand-text);-webkit-text-stroke-color:transparent}}@keyframes st-nrmitte{0%,30%,70%,to{color:var(--color-brand-silver)}45%,55%{color:var(--color-brand-primary)}}@keyframes st-bildmitte{0%,30%,70%,to{opacity:.55;transform:scale(.9)}45%,55%{opacity:1;transform:scale(1.12)}}}}@media (prefers-reduced-motion:reduce){:is([class^=st-],[class*=\ st-]),:is([class^=st-],[class*=\ st-]):before,:is([class^=st-],[class*=\ st-]):after{transition:none!important;animation:none!important}.st-titel{color:var(--color-brand-text);-webkit-text-stroke:0}}
