:root{--garn-rot:#c17e76;--garn-ocker:#c9a15c;--garn-moos:#93a377;--garn-tinte:#7c8aa4;--garn-rost:#c08a6a}.kringel-flaeche{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.kringel-strich{fill:none;stroke:var(--garn,var(--garn-tinte));stroke-width:var(--stark,2px);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:1;animation:kringel-zeichnen var(--dauer,9s) var(--ease) var(--verzug,0s) infinite both}.kringel-ruht .kringel-strich{animation-play-state:paused}@keyframes kringel-zeichnen{0%{stroke-dashoffset:1}42%{stroke-dashoffset:0}62%{stroke-dashoffset:0}to{stroke-dashoffset:-1}}.laufband{overflow:hidden}.laufband-spur{display:flex;width:max-content;flex:0 0 auto;align-items:center;animation:laufband var(--tempo,46s) linear infinite;will-change:transform}@keyframes laufband{to{transform:translate3d(-50%,0,0)}}.laufband:focus-within .laufband-spur,.laufband:hover .laufband-spur{animation-play-state:paused}.laufband-marke{flex:0 0 auto;display:inline-flex;align-items:center;padding-inline:clamp(14px,2.4vw,30px);white-space:nowrap;color:var(--ink);transition:color .22s var(--ease)}.laufband-marke:focus-visible,.laufband-marke:hover{color:var(--rot)}.folien{position:relative}.folie{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,10px,0);transition:opacity .7s var(--ease),transform .7s var(--ease),visibility 0s linear .7s}.folie-aktiv{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease),visibility 0s linear 0s}.folien-punkte{display:flex;align-items:center;gap:2px}.folien-punkt{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}.folien-punkt:after{content:"";width:8px;height:8px;border-radius:999px;background:transparent;border:1px solid var(--edge);transition:background-color .22s var(--ease),border-color .22s var(--ease)}.folien-punkt-aktiv:after{background:var(--rot);border-color:var(--rot)}.folien-uhr{height:2px;overflow:hidden;background:var(--hair)}.folien-uhr-lauf{height:100%;background:var(--rot);transform:scaleX(0);transform-origin:left;animation:folien-uhr var(--takt,5s) linear 1 both}@keyframes folien-uhr{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.zaehler{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.heben{transition:transform .22s var(--ease)}@media (hover:hover) and (pointer:fine){.heben:hover{transform:translate3d(0,-2px,0)}}.heben:focus-visible{transform:translate3d(0,-2px,0)}.pfeil-ein{transform:translate3d(-6px,0,0);transition:transform .22s var(--ease)}@media (hover:hover) and (pointer:fine){.gruppe:hover .pfeil-ein{transform:translateZ(0)}}.gruppe:focus-visible .pfeil-ein,.gruppe:focus-within .pfeil-ein{transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.kringel-flaeche{display:none!important}.laufband-spur{animation:none!important;transform:none!important}.folie,.folie-aktiv{transition:none!important}.folie{transform:none!important}.folien-uhr-lauf{animation:none!important;transform:scaleX(1)}.heben,.pfeil-ein{transition:none!important;transform:none!important}.gruppe:focus-visible .pfeil-ein,.gruppe:focus-within .pfeil-ein,.gruppe:hover .pfeil-ein{transform:none!important}}