.timeline{position:relative}
.st-tl-fill{position:absolute;left:50%;margin-left:-1.5px;top:0;width:3px;height:100%;border-radius:3px;background:linear-gradient(#7c5cff,#22d3ee);transform-origin:top;transform:scaleY(var(--p,0));pointer-events:none;z-index:1;opacity:.9}
.timeline .tl{transition:opacity .4s,transform .4s}
.timeline .tl .tl-card{transition:transform 300ms cubic-bezier(.23,1,.32,1),box-shadow 300ms cubic-bezier(.23,1,.32,1)}
.timeline .tl.st-aktiv .tl-card{transform:scale(1.02);box-shadow:0 18px 40px -18px rgba(124,92,255,.45)}
@media (max-width:860px){.st-tl-fill{left:9px;margin-left:-1px}}
.st-kurve-warte .curve-line{stroke-dasharray:1600;stroke-dashoffset:1600}
.st-kurve-los .curve-line{transition:stroke-dashoffset 2.4s cubic-bezier(.6,0,.2,1);stroke-dashoffset:0}
.st-wrap{max-width:980px;margin:72px auto;padding:0 16px}
.st-lead{opacity:.8;max-width:620px}
.st-filter{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.st-chip{border:1px solid rgba(127,127,160,.35);background:transparent;color:inherit;border-radius:999px;padding:6px 14px;font:inherit;font-size:.9rem;cursor:pointer}
.st-chip.an{background:#7c5cff;border-color:#7c5cff;color:#fff}
.st-karte{position:relative;height:440px;border-radius:20px;border:1px solid rgba(127,127,160,.2);background:radial-gradient(circle at 50% 50%,rgba(124,92,255,.12),transparent 65%);overflow:hidden}
.st-kanten{position:absolute;inset:0;width:100%;height:100%}
.st-kanten line{stroke:rgba(127,127,160,.3);stroke-width:.25;vector-effect:non-scaling-stroke;transition:stroke .3s}
.st-kanten line.an{stroke:#22d3ee;stroke-width:2}
.st-knoten{position:absolute;transform:translate(-50%,-50%) scale(.6);opacity:0;border-radius:999px;padding:6px 12px;font:inherit;font-size:.82rem;white-space:nowrap;cursor:pointer;color:inherit;background:var(--bg,#14141f);border:1px solid rgba(127,127,160,.4);transition:transform .5s cubic-bezier(.3,1.6,.5,1) calc(var(--i)*60ms),opacity .4s calc(var(--i)*60ms),box-shadow .3s,filter .3s}
.st-los .st-knoten{transform:translate(-50%,-50%) scale(1);opacity:1}
.st-knoten.kern{font-weight:700;padding:10px 16px;border-color:#7c5cff}
.st-knoten.an{box-shadow:0 0 0 3px #22d3ee,0 0 26px rgba(34,211,238,.5);transform:translate(-50%,-50%) scale(1.08)}
.st-knoten.nah{border-color:#22d3ee}
.st-knoten.blass{opacity:.18;filter:grayscale(1)}
.st-plan{--c:#f59e0b}.st-pruef{--c:#7c5cff}.st-abschluss{--c:#10b981}.st-team{--c:#ec4899}
.st-knoten::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:6px}
.st-info{margin-top:16px;padding:18px 20px;border-radius:16px;border:1px solid rgba(127,127,160,.25);min-height:150px}
.st-info h3{margin:6px 0}
.st-info-kopf{display:flex;gap:10px;align-items:center;font-size:.8rem}
.st-tag{background:var(--c);color:#fff;border-radius:999px;padding:2px 10px}
.st-norm{opacity:.7}
.st-verb{font-size:.9rem;opacity:.85}
.st-link{background:none;border:0;color:#22d3ee;font:inherit;cursor:pointer;padding:0;text-decoration:underline}
@media (max-width:700px){
  .st-karte{height:auto;display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:none}
  .st-kanten{display:none}
  .st-knoten{position:static;transform:none!important;opacity:1}
}
@media (prefers-reduced-motion:reduce){.st-knoten{transition:none}}

/* ── Redesign Entstehung ── */
.sx-hero{position:relative;overflow:hidden;padding:140px 0 90px;isolation:isolate}
.sx-aurora{position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;filter:blur(70px);opacity:.55}
.sx-aurora i{position:absolute;border-radius:50%;animation:sxDrift 18s ease-in-out infinite alternate}
.sx-aurora i:nth-child(1){width:520px;height:520px;left:5%;top:10%;background:#2997ff}
.sx-aurora i:nth-child(2){width:460px;height:460px;right:8%;top:0;background:#7c5cff;animation-delay:-6s}
.sx-aurora i:nth-child(3){width:380px;height:380px;left:40%;top:45%;background:#ff6fb0;opacity:.6;animation-delay:-12s}
@keyframes sxDrift{to{transform:translate(40px,30px) scale(1.08)}}
.sx-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}
.sx-hero h1{font-size:clamp(2.3rem,5.4vw,4.2rem);line-height:1.03;letter-spacing:-.035em;margin:14px 0 18px}
.sx-grad{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--text-dim);max-width:560px;line-height:1.55;margin:0 0 22px}
.sx-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}
.sx-chips li{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);font-size:.85rem;color:var(--text-dim)}
.sx-hero-chen{justify-self:center}
.sx-hero-chen.chen{flex-direction:column-reverse;align-items:center;gap:16px}
.sx-hero-chen .chen-figur{width:clamp(160px,17vw,210px)}
.sx-hero-chen .chen-blase{border-radius:16px;text-align:center;transform-origin:center bottom}
.sx-weiter{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border);color:var(--text-dim);text-decoration:none;animation:sxHop 2.4s ease-in-out infinite}
@keyframes sxHop{50%{transform:translate(-50%,6px)}}
.sx-sec{padding:56px 0}
.sx-intro p{font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.6;max-width:820px;margin:0 auto;color:var(--text-dim);text-wrap:pretty}
.sx-intro strong{color:var(--text)}
.sx-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.sx-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:20px;border:1px solid var(--border);background:var(--bg-card);overflow:hidden;transition:transform 220ms cubic-bezier(.23,1,.32,1),border-color 220ms}
.sx-card b{font-size:1.7rem;letter-spacing:-.02em}
.sx-card span:last-child{color:var(--text-dim);font-size:.92rem;line-height:1.4}
.sx-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 18%,transparent);color:var(--c);font-size:1.1rem;margin-bottom:6px}
.sx-c1{--c:#2997ff}.sx-c2{--c:#7c5cff}.sx-c3{--c:#34c759}.sx-c4{--c:#ff6fb0}
.sx-card::after{content:"";position:absolute;inset:auto -30% -60% auto;width:160px;height:160px;border-radius:50%;background:var(--c);opacity:.12;filter:blur(30px)}
@media (hover:hover) and (pointer:fine){.sx-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 50%,transparent)}}
.sx-head{text-align:center;margin-bottom:40px}
.sx-head h2,.st-wrap h2,.sx-kontakt h2{font-size:clamp(1.8rem,3.6vw,2.6rem);letter-spacing:-.025em;margin:10px 0}
.sx-kurve{margin:0 auto;max-width:960px}
.st-wrap{max-width:1000px;margin:0 auto;padding:0 16px;text-align:center}
.st-wrap .st-lead{margin:0 auto}
.st-wrap .st-filter{justify-content:center}
.st-info{text-align:left}
.sx-schluss{max-width:820px}
.sx-quote{margin:0 0 28px;font-size:clamp(1.4rem,3vw,2.1rem);line-height:1.3;letter-spacing:-.02em;font-weight:650;text-wrap:balance;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-text p{color:var(--text-dim);font-size:1.08rem;line-height:1.7}
.sx-kontakt{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;padding:36px;border-radius:28px;border:1px solid transparent;
  background:linear-gradient(var(--bg-elevated),var(--bg-elevated)) padding-box,var(--accent-gradient) border-box}
.sx-kontakt p{color:var(--text-dim);max-width:520px;margin:0}
.sx-kontakt-btns{display:flex;gap:10px;flex-wrap:wrap}
.chen{--chen-blase:var(--bg-elevated);--chen-text:var(--text)}
@media (max-width:860px){
  .sx-hero{padding:110px 0 70px}
  .sx-hero-grid{grid-template-columns:1fr}
  .sx-hero-chen{order:1}
  .sx-hero-chen .chen-figur{width:160px}
  .sx-bento{grid-template-columns:1fr 1fr}
  .sx-kontakt{padding:24px}
}
@media (prefers-reduced-motion:reduce){.sx-aurora i,.sx-weiter{animation:none}}
#anfang{scroll-margin-top:80px}
/* Zeilen Code */
.sx-loc{padding:32px;border-radius:24px;border:1px solid var(--border);background:var(--bg-card)}
.sx-loc-kopf{max-width:640px;margin-bottom:18px}
.sx-loc-kopf h2{font-size:clamp(2rem,5vw,3.2rem);margin:6px 0 10px;font-variant-numeric:tabular-nums}
.sx-loc-kopf p{color:var(--text-dim);margin:0}
.sx-loc-svg{width:100%;height:auto;overflow:visible}
.sx-loc-gitter{stroke:var(--border);stroke-dasharray:3 5}
.sx-loc-wert{fill:var(--text);font-weight:700;font-size:20px}
.sx-loc-linie{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1600ms cubic-bezier(.23,1,.32,1)}
.sx-loc-flaeche,.sx-loc-wert{opacity:0;transition:opacity 600ms ease-out 900ms}
.sx-loc-pkt{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.6);transition:opacity 250ms ease-out,transform 250ms cubic-bezier(.23,1,.32,1);transition-delay:calc(var(--i)*190ms + 200ms)}
.sx-loc-pkt circle{fill:#fff;stroke:#7c5cff;stroke-width:2.5}
.sx-loc.los .sx-loc-linie{stroke-dashoffset:0}
.sx-loc.los .sx-loc-flaeche,.sx-loc.los .sx-loc-wert,.sx-loc.los .sx-loc-pkt{opacity:1}
.sx-loc.los .sx-loc-pkt{transform:none}
@media (max-width:600px){.sx-loc{padding:20px}}
@media (prefers-reduced-motion:reduce){.sx-loc-linie,.sx-loc-flaeche,.sx-loc-wert,.sx-loc-pkt{transition:none}}