.sr-ablauf{overflow-x:clip;--sr-ab-knoten:40px;--sr-ab-einzug:64px}.sr-ablauf__licht{position:absolute;inset:calc(-1 * var(--sr-auslauf)) 0;-webkit-mask-image:var(--sr-auslauf-maske);mask-image:var(--sr-auslauf-maske);pointer-events:none;background:radial-gradient(ellipse 50% 28% at 50% 0,var(--sr-aura-1),transparent 70%),radial-gradient(ellipse 40% 40% at 78% 55%,var(--sr-aura-2),transparent 70%),radial-gradient(ellipse 36% 36% at 70% 70%,var(--sr-aura-3),transparent 70%);opacity:.8}.sr-geschichte,.sr-schritte{position:relative}.sr-schritte>ol{display:grid;gap:20px;margin:0;padding:0;list-style:none}.sr-leitung{position:absolute;left:calc(var(--sr-ab-knoten) / 2 - 1px);top:8px;bottom:8px;width:2px;border-radius:2px;background:linear-gradient(180deg,transparent,var(--sr-line-strong) 6%,var(--sr-line-strong) 94%,transparent)}.sr-leitung>span{position:absolute;inset:0;border-radius:inherit;transform-origin:top;transform:scaleY(var(--sr-fuellung,1));background:linear-gradient(180deg,transparent,var(--sr-glow) 8%,var(--sr-verlauf-b));box-shadow:0 0 14px rgba(var(--sr-glow-rgb),.7)}.sr-leitung>i{display:none;position:absolute;left:50%;top:calc(var(--sr-fuellung, 1) * 100%);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--sr-glow);box-shadow:0 0 0 4px rgba(var(--sr-glow-rgb),.18),0 0 24px 6px rgba(var(--sr-glow-rgb),.7)}.sr-geschichte[data-lauf] .sr-leitung>i{display:block}.sr-schritt{position:relative;display:grid;gap:22px;padding-left:var(--sr-ab-einzug)}.sr-schritt__text{position:relative;padding-top:6px}.sr-schritt__knoten{position:absolute;left:calc(var(--sr-ab-einzug) * -1);top:0;display:grid;place-items:center;width:var(--sr-ab-knoten);height:var(--sr-ab-knoten);border-radius:50%;font-family:var(--sr-font-mono);font-size:.8rem;font-weight:500;color:var(--sr-accent-text);background:radial-gradient(circle at 50% 30%,var(--sr-accent-soft),var(--sr-surface) 75%);box-shadow:inset 0 0 0 1px var(--sr-accent-edge),0 0 0 6px var(--sr-bg),0 8px 28px -8px rgba(var(--sr-glow-rgb),.8);transition:color .5s var(--sr-ease),box-shadow .5s var(--sr-ease),background .5s var(--sr-ease)}.sr-geschichte[data-lauf] .sr-schritt:not([data-durch]) .sr-schritt__knoten{color:var(--sr-muted);background:var(--sr-surface);box-shadow:inset 0 0 0 1px var(--sr-line-strong),0 0 0 6px var(--sr-bg)}@media (prefers-reduced-motion:no-preference){.sr-geschichte[data-lauf] .sr-schritt[data-an] .sr-schritt__knoten:after{content:"";position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(var(--sr-glow-rgb),.7);animation:sr-ab-ring 2.4s var(--sr-ease) infinite}}@keyframes sr-ab-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}.sr-schritt__nr{display:block;margin-bottom:10px;font-family:var(--sr-font-mono);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--sr-accent-text)}.sr .sr-schritt h3{font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem);letter-spacing:-.03em}.sr-schritt__text p{margin:12px 0 0;max-width:42ch;font-size:1rem;line-height:1.6;color:var(--sr-muted)}.sr-mini-rahmen{position:relative;isolation:isolate;border-radius:var(--sr-radius-card);background:linear-gradient(180deg,var(--sr-surface-2),var(--sr-surface) 50%);box-shadow:var(--sr-shadow-card),var(--sr-schein),inset 0 0 0 1px var(--sr-line)}.sr-schritt__bild{padding:18px}@media (min-width:1000px){.sr-schritte>ol{gap:56px}.sr-schritt{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(40px,5vw,80px)}.sr-schritt__bild{padding:24px}}.sr-buehne-spalte{display:none}@media (min-width:1000px) and (prefers-reduced-motion:no-preference){:is(.sr--js,[data-sr-js]) .sr-geschichte{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,5vw,88px)}:is(.sr--js,[data-sr-js]) .sr-schritte>ol{gap:0}:is(.sr--js,[data-sr-js]) .sr-schritt{display:flex;align-items:center;min-height:58vh}:is(.sr--js,[data-sr-js]) .sr-schritt:first-child{min-height:50vh}:is(.sr--js,[data-sr-js]) .sr-schritt__bild{display:none}:is(.sr--js,[data-sr-js]) .sr-schritt__text>:not(.sr-schritt__knoten){transition:color .6s var(--sr-ease),transform .6s var(--sr-ease)}:is(.sr--js,[data-sr-js]) .sr-schritt:not([data-an]) .sr-schritt__nr,:is(.sr.sr--js,[data-sr-js] .sr) .sr-schritt:not([data-an]) h3{color:var(--sr-muted)}:is(.sr--js,[data-sr-js]) .sr-schritt[data-an] .sr-schritt__text>:not(.sr-schritt__knoten){transform:translateX(6px)}:is(.sr.sr--js,[data-sr-js] .sr) .sr-schritt h3{font-size:clamp(1.6rem,1rem + 1.2vw,2.2rem)}:is(.sr--js,[data-sr-js]) .sr-buehne-spalte{display:block;position:relative}:is(.sr--js,[data-sr-js]) .sr-buehne{position:sticky;top:max(110px,calc(50vh - 250px));perspective:1800px}}.sr-buehne:before{content:"";position:absolute;inset:-12% -8%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 50% 55%,rgba(var(--sr-glow-rgb),.28),transparent),radial-gradient(closest-side at 80% 30%,var(--sr-aura-2),transparent);filter:blur(20px);opacity:.85}.sr-buehne__szene{transform-style:preserve-3d;transform:rotateY(calc(-9deg + var(--ry, 0deg))) rotateX(calc(5deg + var(--rx, 0deg)));transition:transform .7s var(--sr-ease)}.sr-buehne__fenster{overflow:hidden;box-shadow:var(--sr-shadow-float),0 0 120px -30px rgba(var(--sr-glow-rgb),.6),var(--sr-schein)}.sr-buehne__leiste{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--sr-line);background:linear-gradient(180deg,var(--sr-surface-2),transparent)}.sr-buehne__punkte{display:inline-flex;gap:6px}.sr-buehne__punkte i{width:9px;height:9px;border-radius:50%;background:var(--sr-line-strong)}.sr-buehne__titel{font-family:var(--sr-font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--sr-muted)}.sr-buehne__schritte{display:inline-flex;gap:5px;margin-left:auto}.sr-buehne__schritte i{width:22px;height:4px;border-radius:4px;background:var(--sr-line-strong);transition:background .5s var(--sr-ease),box-shadow .5s var(--sr-ease)}.sr-geschichte[data-aktiv="0"] .sr-buehne__schritte i:nth-child(-n+1),.sr-geschichte[data-aktiv="1"] .sr-buehne__schritte i:nth-child(-n+2),.sr-geschichte[data-aktiv="2"] .sr-buehne__schritte i:nth-child(-n+3),.sr-geschichte[data-aktiv="3"] .sr-buehne__schritte i{background:var(--sr-glow);box-shadow:0 0 10px rgba(var(--sr-glow-rgb),.7)}.sr-buehne__bilder{position:relative;z-index:2;height:370px}.sr-buehne__bild{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:28px 32px 32px;opacity:0;visibility:hidden;transform:translateY(18px) scale(.985);filter:blur(8px);transition:opacity .55s var(--sr-ease),transform .7s var(--sr-ease),filter .55s var(--sr-ease),visibility 0s linear .55s}.sr-buehne__bild[data-an]{opacity:1;visibility:visible;transform:none;filter:none;transition-delay:.12s,.12s,.12s,0s}@media (max-width:560px){.sr-ablauf{--sr-ab-knoten:32px;--sr-ab-einzug:46px}.sr-schritte>ol{gap:40px}.sr-schritt{gap:18px}.sr-schritt__text{padding-top:3px}.sr-schritt__knoten{font-size:.72rem}.sr-schritt__bild{margin-left:calc(var(--sr-ab-einzug) * -1);padding:14px;border-radius:16px}}