.sf-balken{background:var(--farbe-linie-leicht);border-radius:5px;width:100%;height:5px;display:block;position:relative;overflow:hidden}.sf-reiter[data-stand=vorbei] .sf-balken{background:var(--farbe-akzent)}.sf-reiter[data-stand=jetzt] .sf-balken:after{content:"";background:var(--farbe-akzent);transform-origin:0;position:absolute;inset:0}.sf-reiter[data-stand=jetzt][data-laeuft=ja] .sf-balken:after{animation:7s linear both sf-laden}@keyframes sf-laden{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sf-buehne{box-sizing:border-box;border-radius:28px;grid-template-columns:minmax(0,1fr);place-items:center;min-height:440px;padding:52px 28px 28px;display:grid;position:relative;overflow:hidden}@media (max-width:759px){.sf-buehne{min-height:380px;padding:48px 18px 18px}}.sf-buehne-hell{background:var(--farbe-karte);border:1px solid var(--farbe-linie-leicht);box-shadow:var(--schatten-schwebend)}.sf-buehne-dunkel{background:radial-gradient(ellipse at 50% 0%, var(--farbe-dunkel-grund-hoch) 0%, var(--farbe-dunkel-grund) 60%);color:var(--farbe-dunkel-text)}.sf-beispiel{position:absolute;top:16px;left:16px}.sf-beispiel-dunkel{background:var(--farbe-dunkel-flaeche);color:var(--farbe-dunkel-text-sekundaer)}.sf-rein,.sf-spaeter{animation:.5s both ws-rein}.sf-feldzeile{border:1px solid var(--farbe-linie-leicht);box-shadow:var(--schatten-weich);border-radius:18px;align-items:center;gap:12px;padding:8px 8px 8px 18px;display:flex}.sf-tippen{white-space:nowrap;vertical-align:bottom;max-width:100%;animation:2s steps(30,end) .3s both sf-tippen;display:inline-block;overflow:hidden}@keyframes sf-tippen{0%{max-width:0}to{max-width:100%}}.sf-cursor{vertical-align:middle;background:var(--farbe-akzent);width:2px;height:22px;margin-left:2px;animation:1s step-end 4 sf-blinken;display:inline-block}@keyframes sf-blinken{50%{opacity:0}}.sf-mic{background:var(--farbe-akzent-flaeche);width:48px;height:48px;color:var(--farbe-akzent-tief);--ws-puls-gross:1.67;border-radius:50%;flex:none;place-items:center;display:grid}.sf-chip{border:1px solid var(--farbe-linie);background:var(--farbe-karte);border-radius:999px;align-items:center;min-height:40px;padding:0 14px;font-size:15px;animation:.4s both sf-pop;display:inline-flex}.sf-chip-an{border-color:var(--farbe-akzent);background:var(--farbe-akzent);color:var(--farbe-akzent-kontrast)}@keyframes sf-pop{0%{opacity:0;transform:scale(.7)}70%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.sf-person{border:1px solid var(--farbe-linie-leicht);background:var(--farbe-karte);border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;animation:.55s both sf-schieben;display:flex}@keyframes sf-schieben{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}.sf-ava{width:40px;height:40px;color:var(--farbe-auf-person);font:600 13px var(--schrift-text), system-ui, sans-serif;border-radius:50%;flex:none;place-items:center;display:grid}.sf-ava.bg-akzent{color:var(--farbe-akzent-kontrast)}.sf-feld{width:100%;max-width:520px;height:360px;position:relative}.sf-punkt{border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:1.6s cubic-bezier(.2,.8,.2,1) .6s both sf-sammeln;position:absolute}@keyframes sf-sammeln{0%{transform:translate(var(--dx), var(--dy))}to{transform:none}}.sf-themenname{white-space:nowrap;font:600 13px var(--schrift-text), system-ui, sans-serif;animation:.5s 2.2s both ws-rein;position:absolute;translate:-50%}.sf-huelle{border:1.5px dashed var(--farbe-baum-linie);border-radius:50%;animation:.5s 2s both ws-rein;position:absolute}.sf-stapel{width:300px;max-width:100%;height:260px;position:relative}.sf-karte{box-sizing:border-box;border:1px solid var(--farbe-linie-leicht);background:var(--farbe-karte);box-shadow:0 18px 40px color-mix(in srgb, var(--farbe-text) 10%, transparent);border-radius:20px;flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:absolute;inset:0}.sf-karte-unten{opacity:.7;transform:translateY(14px)scale(.95)}.sf-karte-oben{animation:4s ease-in-out 2.4 backwards sf-wischen}@keyframes sf-wischen{0%,40%{opacity:1;transform:none}55%{opacity:0;transform:translate(160px)rotate(12deg)}56%{opacity:0;transform:translateY(14px)scale(.95)}70%,to{opacity:1;transform:none}}.sf-wahl{border:1px solid var(--farbe-linie);text-align:center;border-radius:12px;flex:1;padding:12px 0;font-weight:600}.sf-gut{border-color:var(--farbe-akzent);background:var(--farbe-akzent);color:var(--farbe-akzent-kontrast);animation:4s ease-in-out 2.4 backwards sf-gut}@keyframes sf-gut{0%,25%{background:var(--farbe-karte);color:var(--farbe-text);border-color:var(--farbe-linie)}32%,52%{background:var(--farbe-akzent);color:var(--farbe-akzent-kontrast);border-color:var(--farbe-akzent)}56%,to{background:var(--farbe-karte);color:var(--farbe-text);border-color:var(--farbe-linie)}}.sf-zeile{align-items:center;gap:12px;font-size:15px;animation:.45s both sf-schieben;display:flex}.sf-kasten-an{border-color:var(--farbe-akzent);background:var(--farbe-akzent);color:var(--farbe-akzent-kontrast)}.sf-haken{animation:.35s both sf-haken}@keyframes sf-haken{0%{transform:scale(0)}to{transform:scale(1)}}.sf-dokument{animation:.7s 2.4s both sf-hoch}@keyframes sf-hoch{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.sf-ende a:focus-visible{outline-color:var(--farbe-akzent-kontrast)}.rv-flaeche{background:radial-gradient(ellipse at 30% 0%, var(--farbe-dunkel-grund-hoch) 0%, var(--farbe-dunkel-grund) 65%)}.rv-weg{flex-direction:column;gap:22px;display:flex;position:relative}.rv-station{align-items:center;gap:16px;animation-duration:9s;animation-iteration-count:2.96;animation-fill-mode:backwards;display:flex;position:relative}.rv-s1{animation-name:rv-s1}.rv-s2{animation-name:rv-s2}.rv-s3{animation-name:rv-s3}@keyframes rv-s1{0%{opacity:1;transform:none}4%,30%{opacity:1;transform:translate(6px)}36%,86%{opacity:.45;transform:none}92%,to{opacity:1;transform:none}}@keyframes rv-s2{0%{opacity:1;transform:none}4%,32%{opacity:.45;transform:none}38%,63%{opacity:1;transform:translate(6px)}69%,86%{opacity:.45;transform:none}92%,to{opacity:1;transform:none}}@keyframes rv-s3{0%{opacity:1;transform:none}4%,65%{opacity:.45;transform:none}71%,86%{opacity:1;transform:translate(6px)}92%,to{opacity:1;transform:none}}.rv-knoten{background:var(--farbe-karte);width:52px;height:52px;color:var(--farbe-akzent);box-shadow:0 8px 20px color-mix(in srgb, var(--farbe-dunkel-grund) 60%, transparent);border-radius:16px;flex:none;place-items:center;display:grid}.rv-brief{animation:1.8s ease-in-out 2 rv-wippen}@keyframes rv-wippen{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.rv-linie{background:var(--farbe-dunkel-linie);width:2px;position:absolute;top:52px;bottom:52px;left:25px}.rv-linie i{background:var(--farbe-dunkel-akzent);transform-origin:top;width:2px;height:100%;animation:9s linear 2.96 backwards rv-linie;position:absolute;top:0;left:0}@keyframes rv-linie{0%{transform:scaleY(0)}33%{transform:scaleY(.33)}66%{transform:scaleY(.66)}96%{transform:scaleY(1)}to{transform:scaleY(0)}}.rv-vorschau{background:var(--farbe-karte);color:var(--farbe-text);box-shadow:0 18px 40px color-mix(in srgb, var(--farbe-dunkel-grund) 70%, transparent);border-radius:18px;align-items:center;gap:10px;padding:10px 10px 10px 16px;display:flex}.rv-tippen{white-space:nowrap;vertical-align:bottom;max-width:100%;animation:9s steps(28,end) 2.96 backwards rv-tippen;display:inline-block;overflow:hidden}@keyframes rv-tippen{0%,38%{clip-path:inset(0 100% 0 0)}58%,96%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@media (prefers-reduced-motion:reduce){.sf-seite *,.sf-seite :before,.sf-seite :after,.rv-seite *,.rv-seite :before,.rv-seite :after{animation:none!important}}