.bk-spirale{--spirale-oben:5.5rem;--spirale-breite:min(30rem, 34vw);--spirale-radius:min(26rem, 30vw);--spirale-winkel:65deg;--spirale-hub:24svh;--spirale-tiefe:80rem;--spirale-schritt:24svh;--spirale-wirbel:min(24rem, 48svh);--spirale-wirbel-drehung:-540deg;--spirale-wirbel-bild:url(/images/spirale/wirbel.svg);--spirale-ecke:.75rem;--spirale-takt:linear;--spirale-n:0}.bk-spirale>ol>li:first-child{--spirale-i:0}.bk-spirale>ol>li:nth-child(2){--spirale-i:1}.bk-spirale>ol>li:nth-child(3){--spirale-i:2}.bk-spirale>ol>li:nth-child(4){--spirale-i:3}.bk-spirale>ol>li:nth-child(5){--spirale-i:4}.bk-spirale>ol>li:nth-child(6){--spirale-i:5}.bk-spirale>ol>li:nth-child(7){--spirale-i:6}.bk-spirale>ol>li:nth-child(8){--spirale-i:7}.bk-spirale>ol>li:nth-child(9){--spirale-i:8}.bk-spirale>ol>li:nth-child(10){--spirale-i:9}.bk-spirale>ol>li:nth-child(11){--spirale-i:10}.bk-spirale>ol>li:nth-child(12){--spirale-i:11}.bk-spirale:has(>ol>li:first-child:last-child){--spirale-n:1}.bk-spirale:has(>ol>li:nth-child(2):last-child){--spirale-n:2}.bk-spirale:has(>ol>li:nth-child(3):last-child){--spirale-n:3}.bk-spirale:has(>ol>li:nth-child(4):last-child){--spirale-n:4}.bk-spirale:has(>ol>li:nth-child(5):last-child){--spirale-n:5}.bk-spirale:has(>ol>li:nth-child(6):last-child){--spirale-n:6}.bk-spirale:has(>ol>li:nth-child(7):last-child){--spirale-n:7}.bk-spirale:has(>ol>li:nth-child(8):last-child){--spirale-n:8}.bk-spirale:has(>ol>li:nth-child(9):last-child){--spirale-n:9}.bk-spirale:has(>ol>li:nth-child(10):last-child){--spirale-n:10}.bk-spirale:has(>ol>li:nth-child(11):last-child){--spirale-n:11}.bk-spirale:has(>ol>li:nth-child(12):last-child){--spirale-n:12}.bk-spirale:has(.bk-spirale-aus:checked),.bk-spirale:has(>ol>li:nth-child(13)){--spirale-aus:1}.bk-spirale-spur{display:none}@property --spirale-p{syntax:"<number>";inherits:false;initial-value:0}@keyframes spirale-fortschritt{0%{--spirale-p:0}to{--spirale-p:1}}@keyframes referenz-spirale{0%{transform:translateY(calc(var(--spirale-i) * var(--spirale-hub))) translateZ(calc(-1 * var(--spirale-radius))) rotateY(calc(var(--spirale-i) * var(--spirale-winkel))) translateZ(var(--spirale-radius)) rotateY(calc(-1 * var(--spirale-i) * var(--spirale-winkel)))}to{transform:translateY(calc((var(--spirale-i) - var(--spirale-n)) * var(--spirale-hub))) translateZ(calc(-1 * var(--spirale-radius))) rotateY(calc((var(--spirale-i) - var(--spirale-n)) * var(--spirale-winkel))) translateZ(var(--spirale-radius)) rotateY(calc((var(--spirale-n) - var(--spirale-i)) * var(--spirale-winkel)))}}@keyframes referenz-wirbel{0%{transform:translateY(calc(var(--spirale-i) * var(--spirale-hub))) translateZ(calc(-1 * var(--spirale-radius))) rotateY(calc(var(--spirale-i) * var(--spirale-winkel))) translateZ(var(--spirale-radius)) rotateY(calc(-1 * var(--spirale-i) * var(--spirale-winkel))) rotateZ(0deg)}to{transform:translateY(calc((var(--spirale-i) - var(--spirale-n)) * var(--spirale-hub))) translateZ(calc(-1 * var(--spirale-radius))) rotateY(calc((var(--spirale-i) - var(--spirale-n)) * var(--spirale-winkel))) translateZ(var(--spirale-radius)) rotateY(calc((var(--spirale-n) - var(--spirale-i)) * var(--spirale-winkel))) rotateZ(var(--spirale-wirbel-drehung))}}@keyframes spirale-sucher{0%,to{transform:translate(calc(var(--spirale-ecke-x) * var(--spirale-ecke)), calc(var(--spirale-ecke-y) * var(--spirale-ecke)))}35%,65%{transform:translate(0)}}.bk-spirale .sucher-ecke-ol{--spirale-ecke-x:-1;--spirale-ecke-y:-1}.bk-spirale .sucher-ecke-or{--spirale-ecke-x:1;--spirale-ecke-y:-1}.bk-spirale .sucher-ecke-ul{--spirale-ecke-x:-1;--spirale-ecke-y:1}.bk-spirale .sucher-ecke-ur{--spirale-ecke-x:1;--spirale-ecke-y:1}@keyframes spirale-deckband{0%{transform:scaleY(.001)}.01%,to{transform:none}}@media screen and (prefers-reduced-motion:no-preference) and (min-width:64rem) and (min-height:46rem){@supports (animation-timeline:view()) and (timeline-scope:--spirale){:root:not([data-bewegung=ruhig]) .bk-spirale{timeline-scope:--spirale}@container not style(--spirale-aus:1){:root:not([data-bewegung=ruhig]) .bk-spirale>ol{top:var(--spirale-oben);height:calc(100svh - var(--spirale-oben));perspective:var(--spirale-tiefe);transform-style:preserve-3d;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:sticky}:root:not([data-bewegung=ruhig]) .bk-spirale>ol>li{width:var(--spirale-breite);will-change:transform;animation-name:referenz-spirale;animation-duration:auto;animation-timing-function:var(--spirale-takt);grid-area:1/1;animation-fill-mode:both;animation-timeline:--spirale;animation-range:entry exit 0%;transform:translateZ(1px)}:root:not([data-bewegung=ruhig]) .bk-spirale>ol>li:has(:focus-visible){animation-name:none}:root:not([data-bewegung=ruhig]) .bk-spirale>ol:before{--spirale-i:var(--spirale-n);--spirale-tafel:color-mix(in oklab, var(--bk-signal) 9%, var(--bk-flaeche-hoch));content:"";box-sizing:border-box;width:var(--spirale-wirbel);aspect-ratio:1;background-image:var(--spirale-wirbel-bild), linear-gradient(to bottom right, transparent 50%, var(--bk-linie) 50% calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(to bottom right, transparent calc(50% - 1px), var(--bk-linie) calc(50% - 1px) 50%, transparent 50%), linear-gradient(var(--spirale-tafel) 0 0), linear-gradient(var(--bk-linie) 0 0);clip-path:polygon(1rem 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 1rem);pointer-events:none;will-change:transform;animation-name:referenz-wirbel;animation-duration:auto;animation-timing-function:var(--spirale-takt);background-position:50%,0 0,100% 100%,0 0,0 0;background-repeat:no-repeat;background-size:80%,1rem 1rem,1rem 1rem,100% 100%,100% 100%;background-origin:border-box;background-clip:border-box,border-box,border-box,padding-box,border-box;border:1px solid #0000;grid-area:1/1;animation-fill-mode:both;animation-timeline:--spirale;animation-range:entry exit 0%}:root:not([data-bewegung=ruhig]) .bk-spirale>ol:after{--spirale-fenster:calc(var(--spirale-breite) / 2 + 1.5rem);--spirale-arm:max(0px, calc(50% - var(--spirale-fenster)));content:"";height:3rem;transform:translateZ(calc(var(--spirale-tiefe) * -.7)) scale(1.7);pointer-events:none;background-image:linear-gradient(var(--bk-signal) 0 0), linear-gradient(var(--bk-signal) 0 0), repeating-linear-gradient(to left, var(--bk-signal) 0 1px, transparent 1px 1.5rem), repeating-linear-gradient(to right, var(--bk-signal) 0 1px, transparent 1px 1.5rem), linear-gradient(var(--bk-text) 0 0), linear-gradient(var(--bk-text) 0 0);background-repeat:no-repeat;background-size:var(--spirale-arm) 1px, var(--spirale-arm) 1px, var(--spirale-arm) 7px, var(--spirale-arm) 7px, 1.5px 1.25rem, 1.5px 1.25rem;background-position:left center, right center, left center, right center, calc(50% - var(--spirale-fenster)) center, calc(50% + var(--spirale-fenster)) center;margin-top:-1.5rem;position:absolute;inset:50% 0 auto}:root:not([data-bewegung=ruhig]) .bk-spirale>.bk-spirale-spur{height:calc(var(--spirale-n) * var(--spirale-schritt));view-timeline-name:--spirale;view-timeline-axis:block;display:block}:root:not([data-bewegung=ruhig]) .bk-spirale>.bk-spirale-spur:not(:empty){animation-name:spirale-fortschritt;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--spirale;animation-range:entry exit 0%}:root:not([data-bewegung=ruhig]) .bk-spirale>ol>li .blende-lamellen,:root:not([data-bewegung=ruhig]) .bk-spirale>ol>li .blende-lamelle{animation-timeline:--spirale;animation-range-start:entry calc((var(--spirale-i) - .8) * var(--spirale-schritt));animation-range-end:entry calc((var(--spirale-i) - .25) * var(--spirale-schritt))}:root:not([data-bewegung=ruhig]) .bk-spirale>ol>li .sucher-ecke{animation-name:spirale-sucher;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--spirale;animation-range-start:entry calc((var(--spirale-i) - .5) * var(--spirale-schritt));animation-range-end:entry calc((var(--spirale-i) + .5) * var(--spirale-schritt))}:root:not([data-bewegung=ruhig]) #referenzen .bk-spirale .karten-raster>li{filter:none;grid-area:1/1;position:relative;top:auto}:root:not([data-bewegung=ruhig]) #referenzen .bk-spirale .karte>article{flex-direction:column;align-items:stretch;gap:1.5rem;display:flex}:root:not([data-bewegung=ruhig]) #fallstudien .bk-spirale>ol>li{isolation:isolate;grid-template-columns:minmax(0,16rem) minmax(0,1fr);align-items:start;column-gap:2rem;padding:1.5rem;display:grid;position:relative}:root:not([data-bewegung=ruhig]) #fallstudien .bk-spirale>ol>li>*{grid-column:2}:root:not([data-bewegung=ruhig]) #fallstudien .bk-spirale>ol>li>.sucher{grid-area:1/1/span 12;margin-bottom:0}:root:not([data-bewegung=ruhig]) #fallstudien .bk-spirale>ol>li:before,:root:not([data-bewegung=ruhig]) #fallstudien .bk-spirale>ol>li:after{content:"";z-index:-1;clip-path:polygon(1rem 0,100% 0,100% calc(100% - 1rem),calc(100% - 1rem) 100%,0 100%,0 1rem);position:absolute}:root:not([data-bewegung=ruhig]) #fallstudien .bk-spirale>ol>li:before{background-color:var(--bk-flaeche-hoch);inset:1px}:root:not([data-bewegung=ruhig]) #fallstudien .bk-spirale>ol>li:after{z-index:-2;background-color:var(--bk-linie);inset:0}:root:not([data-bewegung=ruhig]) #fallstudien .betrachter+ol:after{align-items:center;margin-block-end:0;padding-bottom:1.75rem;display:flex}:root:not([data-bewegung=ruhig]) #fallstudien .bk-spirale>ol>li .sucher-ecke{opacity:1}:root:not([data-bewegung=ruhig]) #fallstudien .bk-spirale>.betrachter:before{content:"";inset-inline:calc(50% - 50vw);background-color:var(--bk-grund);transform-origin:bottom;pointer-events:none;height:100svh;animation-name:spirale-deckband;animation-duration:auto;animation-timing-function:linear;animation-fill-mode:none;animation-timeline:--spirale;animation-range:entry exit;position:absolute;bottom:100%;transform:scaleY(0)}}:root:not([data-bewegung=ruhig]) #fallstudien:has(.bk-spirale){overflow-x:clip}}}#fallstudien .bk-spirale{--spirale-oben:9.25rem;--spirale-breite:min(48rem, 58vw);--spirale-radius:20rem;--spirale-winkel:50deg;--spirale-hub:22svh;--spirale-tiefe:100rem;--spirale-schritt:22svh;--spirale-wirbel:min(28rem, 54svh)}@media (max-width:79.99rem),(max-height:49.99rem){#fallstudien .bk-spirale{--spirale-aus:1}}
.bk-spirale{--wendel-winkel:55deg;--wendel-radius:min(17rem, 64vw);--wendel-tiefe:50rem;--wendel-neigung:4deg;--wendel-hub:2rem;--wendel-phase:90deg;--wendel-schritt:60deg;--wendel-weg:calc(var(--mitfahrt-linie,42svh) - var(--bottom-bar-h,0px));--wendel-takt:cubic-bezier(.42, 0, .4, 1);--pixelspur-pixel:.375rem;--pixelspur-anlauf-vorn:34rem;--pixelspur-anlauf-hinten:26rem;--pixelspur-ziel-x:calc(var(--mitfahrt-rand,2px) + 8 * var(--mitfahrt-zelle,1px));--pixelspur-ziel-y:calc(-8 * var(--mitfahrt-zelle,1px));--pixelspur-weg:calc(var(--mitfahrt-linie,42svh) - var(--bottom-bar-h,0px))}@keyframes referenz-wendel{0%{transform:perspective(var(--wendel-tiefe)) translateY(var(--wendel-hub)) translateZ(calc(-1 * var(--wendel-radius))) rotateY(calc(var(--wendel-winkel) * sin(calc(var(--spirale-i) * var(--wendel-schritt) + var(--wendel-phase))))) translateZ(var(--wendel-radius)) rotateZ(calc(var(--wendel-neigung) * sin(calc(var(--spirale-i) * var(--wendel-schritt) + var(--wendel-phase)))))}to{transform:perspective(var(--wendel-tiefe)) translateY(0) translateZ(calc(-1 * var(--wendel-radius))) rotateY(0deg) translateZ(var(--wendel-radius)) rotateZ(0deg)}}@keyframes pixelspur-fallen{0%{transform:translateY(0)scale(1)}76%{transform:translateY(var(--pixelspur-fall)) scale(1)}to{transform:translateY(var(--pixelspur-fall)) scale(0)}}@media screen and (prefers-reduced-motion:no-preference) and (max-width:63.99rem){@supports (animation-timeline:view()){:root:not([data-bewegung=ruhig]) .bk-spirale:not(:has(.bk-spirale-aus:checked)){view-timeline-name:--wendel;view-timeline-axis:block;position:relative;overflow-x:clip}:root:not([data-bewegung=ruhig]) .bk-spirale:not(:has(.bk-spirale-aus:checked))>ol>li{animation-name:referenz-wendel;animation-duration:auto;animation-timing-function:var(--wendel-takt);animation-fill-mode:backwards;animation-timeline:view();animation-range-start:entry;animation-range-end:entry var(--wendel-weg)}:root:not([data-bewegung=ruhig]) .bk-spirale:not(:has(.bk-spirale-aus:checked))>ol>li:has(:focus-visible){animation-name:none}:root:not([data-bewegung=ruhig]) #referenzen>.bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur:before,:root:not([data-bewegung=ruhig]) #referenzen>.bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur:after{content:"";right:calc(var(--pixelspur-ziel-x) - var(--pixelspur-pixel) / 2);width:var(--pixelspur-pixel);height:var(--pixelspur-pixel);pointer-events:none;animation-name:pixelspur-fallen;animation-duration:auto;animation-fill-mode:both;animation-timeline:--wendel;animation-range-start:entry;animation-range-end:entry var(--pixelspur-weg);position:absolute}:root:not([data-bewegung=ruhig]) #referenzen>.bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur:before{--pixelspur-fall:calc(var(--pixelspur-anlauf-vorn) + var(--pixelspur-ziel-y));top:calc(-1 * var(--pixelspur-anlauf-vorn) - var(--pixelspur-pixel) / 2);background-color:var(--bk-signal);box-shadow:calc(-.5 * var(--pixelspur-pixel)) calc(-4 * var(--pixelspur-pixel)) var(--bk-akzent-1), calc(.5 * var(--pixelspur-pixel)) calc(-9 * var(--pixelspur-pixel)) var(--color-konstrukt-violett,#7b3dff), 0 calc(-15 * var(--pixelspur-pixel)) var(--bk-signal), calc(-.5 * var(--pixelspur-pixel)) calc(-22 * var(--pixelspur-pixel)) var(--bk-akzent-1);animation-timing-function:cubic-bezier(.5,0,.3,1)}:root:not([data-bewegung=ruhig]) #referenzen>.bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur:after{--pixelspur-fall:calc(var(--pixelspur-anlauf-hinten) + var(--pixelspur-ziel-y));top:calc(-1 * var(--pixelspur-anlauf-hinten) - var(--pixelspur-pixel) / 2);background-color:var(--color-konstrukt-violett,#7b3dff);box-shadow:calc(.5 * var(--pixelspur-pixel)) calc(-3 * var(--pixelspur-pixel)) var(--bk-signal), calc(-.5 * var(--pixelspur-pixel)) calc(-7 * var(--pixelspur-pixel)) var(--bk-akzent-2), 0 calc(-12 * var(--pixelspur-pixel)) var(--bk-akzent-1);animation-timing-function:cubic-bezier(.65,0,.35,1)}}}
.bk-spirale{--mitfahrt-zelle:1px;--mitfahrt-rand:2px;--mitfahrt-linie:42svh}@media (min-width:45rem){.bk-spirale{--mitfahrt-zelle:2px}}@keyframes mitfahrt-sprung{0%,24%{translate:0}30%{translate:0 calc(-2 * var(--bk-pixel-strobi-zelle))}36%{translate:0 calc(-4 * var(--bk-pixel-strobi-zelle))}44%{translate:0 calc(-5 * var(--bk-pixel-strobi-zelle))}54%{translate:0 calc(-4 * var(--bk-pixel-strobi-zelle))}60%{translate:0 calc(-2 * var(--bk-pixel-strobi-zelle))}66%,to{translate:0}}@keyframes mitfahrt-koerper{0%{translate:0}18%{translate:-42.8571%}28%{translate:-57.1429%}40%{translate:0}54%{translate:-57.1429%}64%{translate:-42.8571%}72%,to{translate:0}}@keyframes mitfahrt-augen{0%{translate:-28.5714%}18%{translate:-71.4286%}28%{translate:-85.7143%}40%{translate:-57.1429%}54%{translate:-85.7143%}64%{translate:-71.4286%}72%,to{translate:-28.5714%}}@keyframes mitfahrt-wippen{0%,to{translate:0}50%{translate:0 calc(-1 * var(--bk-pixel-strobi-zelle))}}@keyframes mitfahrt-blick{0%,to{translate:-28.5714%}50%{translate:-42.8571%}}@media screen and (prefers-reduced-motion:no-preference) and (min-width:64rem) and (min-height:46rem){@supports (animation-timeline:view()) and (timeline-scope:--spirale){@container not style(--spirale-aus:1){:root:not([data-bewegung=ruhig]) .bk-spirale>.bk-spirale-spur{display:flow-root}:root:not([data-bewegung=ruhig]) .bk-spirale>.bk-spirale-spur>.bk-pixel-strobi{--mitfahrt-achse:calc(var(--spirale-oben) + (100svh - var(--spirale-oben)) / 2);--mitfahrt-oben:calc(var(--mitfahrt-achse) - 16 * var(--bk-pixel-strobi-zelle));top:var(--mitfahrt-oben);margin-block:calc(var(--mitfahrt-oben) - 100svh) calc(100svh - var(--mitfahrt-achse));animation-name:mitfahrt-sprung;animation-duration:auto;animation-timing-function:step-end;animation-delay:0s;animation-iteration-count:var(--spirale-n);margin-inline-start:calc(50% + var(--spirale-breite) / 2 + 2.5rem);animation-direction:normal;animation-fill-mode:both;animation-timeline:--spirale;animation-range:entry exit 0%;position:sticky;bottom:auto}:root:not([data-bewegung=ruhig]) .bk-spirale>.bk-spirale-spur>.bk-pixel-strobi:is([data-zustand=ruht],:not([data-zustand]))>span>:first-child,:root:not([data-bewegung=ruhig]) .bk-spirale>.bk-spirale-spur>.bk-pixel-strobi:is([data-zustand=ruht],:not([data-zustand])):not([data-blick])>span>:last-child{animation-duration:auto;animation-timing-function:step-end;animation-delay:0s;animation-iteration-count:var(--spirale-n);animation-direction:normal;animation-fill-mode:both;animation-timeline:--spirale;animation-range:entry exit 0%}:root:not([data-bewegung=ruhig]) .bk-spirale>.bk-spirale-spur>.bk-pixel-strobi:is([data-zustand=ruht],:not([data-zustand]))>span>:first-child{animation-name:mitfahrt-koerper}:root:not([data-bewegung=ruhig]) .bk-spirale>.bk-spirale-spur>.bk-pixel-strobi:is([data-zustand=ruht],:not([data-zustand])):not([data-blick])>span>:last-child{animation-name:mitfahrt-augen}}}}@media screen and (prefers-reduced-motion:no-preference) and (max-width:63.99rem){@supports (animation-timeline:view()){:root:not([data-bewegung=ruhig]) .bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur{display:contents}:root:not([data-bewegung=ruhig]) .bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur>.bk-pixel-strobi{--bk-pixel-strobi-zelle:var(--mitfahrt-zelle);top:auto;bottom:var(--mitfahrt-linie);margin-block:calc(-16 * var(--mitfahrt-zelle)) 0;margin-inline:auto calc(var(--mitfahrt-rand) - var(--spacing-gutter,1.25rem));clip-path:inset(-100vh -100vw -100vh 0);position:sticky}:root:not([data-bewegung=ruhig]) .bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur>.bk-pixel-strobi:after{box-shadow:calc(-2 * var(--bk-pixel-strobi-zelle)) calc(-10 * var(--bk-pixel-strobi-zelle)) var(--bk-pixel-strobi-violett), calc(-3 * var(--bk-pixel-strobi-zelle)) calc(9 * var(--bk-pixel-strobi-zelle)) var(--bk-akzent-1), var(--bk-pixel-strobi-zelle) calc(-12 * var(--bk-pixel-strobi-zelle)) var(--bk-pixel-strobi-rot), 0 calc(11 * var(--bk-pixel-strobi-zelle)) var(--bk-pixel-strobi-gruen), calc(2 * var(--bk-pixel-strobi-zelle)) calc(-7 * var(--bk-pixel-strobi-zelle)) var(--bk-signal), calc(3 * var(--bk-pixel-strobi-zelle)) calc(6 * var(--bk-pixel-strobi-zelle)) var(--bk-pixel-strobi-violett), calc(-1 * var(--bk-pixel-strobi-zelle)) calc(-14 * var(--bk-pixel-strobi-zelle)) var(--bk-pixel-strobi-rot), var(--bk-pixel-strobi-zelle) calc(13 * var(--bk-pixel-strobi-zelle)) var(--bk-akzent-1), calc(3 * var(--bk-pixel-strobi-zelle)) calc(-3 * var(--bk-pixel-strobi-zelle)) var(--bk-signal), calc(-3 * var(--bk-pixel-strobi-zelle)) calc(3 * var(--bk-pixel-strobi-zelle)) var(--bk-pixel-strobi-gruen)}:root:not([data-bewegung=ruhig]) .bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur>.bk-pixel-strobi:is([data-zustand=ruht],:not([data-zustand])),:root:not([data-bewegung=ruhig]) .bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur>.bk-pixel-strobi:is([data-zustand=ruht],:not([data-zustand]))>span>span{animation-duration:auto;animation-direction:normal;animation-delay:0s;animation-fill-mode:both;animation-timeline:--wendel;animation-range:cover}:root:not([data-bewegung=ruhig]) .bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur>.bk-pixel-strobi:is([data-zustand=ruht],:not([data-zustand])){animation-name:mitfahrt-wippen;animation-timing-function:step-end;animation-iteration-count:28}:root:not([data-bewegung=ruhig]) .bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur>.bk-pixel-strobi:is([data-zustand=ruht],:not([data-zustand]))>span>:first-child{animation-name:bk-pixel-strobi-kochen;animation-timing-function:steps(3,end);animation-iteration-count:28}:root:not([data-bewegung=ruhig]) .bk-spirale:not(:has(.bk-spirale-aus:checked))>.bk-spirale-spur>.bk-pixel-strobi:is([data-zustand=ruht],:not([data-zustand])):not([data-blick])>span>:last-child{animation-name:mitfahrt-blick;animation-timing-function:step-end;animation-iteration-count:3}}}