.ss-grid{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:clamp(14px,2vw,22px);display:grid}.ss-grid>div{min-width:0}.ss-netz{flex-direction:column;justify-content:center;height:100%;padding:clamp(14px,2vw,22px);display:flex;overflow:hidden}.ss-svg{width:100%;max-width:440px;margin:0 auto;display:block;overflow:visible}.ss-bahn{fill:none;stroke:#d4c55738;stroke-dasharray:3 6;transform-origin:0 0;animation:50s linear infinite ssDrehen}.ss-bahn-innen{animation-duration:36s;animation-direction:reverse}@keyframes ssDrehen{to{transform:rotate(360deg)}}.ss-strahl{stroke:#ffffff1a;stroke-width:1.5px;transition:stroke .5s,stroke-width .5s}.ss-strahl.ist-aktiv{stroke:#d4c557;stroke-width:2.5px;filter:drop-shadow(0 0 6px #d4c557cc)}.ss-impuls{fill:#fff;filter:drop-shadow(0 0 6px #fff)}.ss-knoten-kreis{fill:#1b1a22;stroke:#d4c55759;stroke-width:1.5px;transition:fill .5s,stroke .5s}[data-theme=light] .ss-knoten-kreis{fill:#fff}.ss-knoten-text{fill:#fffc;font-family:inherit;font-size:8.5px;font-weight:800;transition:fill .5s}[data-theme=light] .ss-knoten-text{fill:#1a1a1a}.ss-knoten{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.ss-knoten.ist-aktiv .ss-knoten-kreis{fill:#d4c557;stroke:#d4c557}.ss-knoten.ist-aktiv .ss-knoten-text{fill:#0a0a0a}.ss-kern-glow{fill:#d4c5572e;transform-origin:0 0;animation:3s ease-in-out infinite ssAtmen}@keyframes ssAtmen{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.ss-kern-kreis{fill:#d4c557}.ss-kern-text{font-family:var(--font-display);fill:#0a0a0a;font-size:14px;font-weight:900}.ss-legende{justify-content:center;align-items:baseline;gap:10px;margin-top:10px;display:flex}.ss-legende b{letter-spacing:.12em;text-transform:uppercase;color:var(--prose-dim);font-size:10.5px;font-weight:800}.ss-legende em{font-style:normal;font-family:var(--font-display);color:#d4c557;font-size:20px;font-weight:800;animation:.5s cubic-bezier(.16,1,.3,1) ssWort}@keyframes ssWort{0%{opacity:0;transform:translateY(8px)}}.ss-karten{grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,18px);display:grid}.ss-karte{flex-direction:column;display:flex;overflow:hidden}.ss-bild{aspect-ratio:16/9;border-bottom:1px solid var(--card-edge);position:relative;overflow:hidden}.ss-bild .wil-bild{transition:transform .9s cubic-bezier(.16,1,.3,1)}.ss-karte:hover .wil-bild,.ss-karte.is-hover .wil-bild{transform:scale(1.06)}.ss-nr{font-family:var(--font-display);color:#0a0a0a;background:#d4c557;border-radius:99px;padding:3px 9px;font-size:12px;font-weight:800;position:absolute;top:10px;left:10px}.ss-karte-text{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.ss-karte h3{font-family:var(--font-display);margin:0 0 6px;font-size:16.5px;font-weight:800;line-height:1.25}.ss-link{color:var(--text-primary);text-decoration:none}.ss-link:after{content:"";z-index:2;position:absolute;inset:0}.ss-link:focus-visible{outline-offset:3px;outline:2px solid #d4c557}.ss-karte p{color:var(--prose-dim);flex:1;margin:0 0 12px;font-size:13px;line-height:1.6}.ss-pfeil{color:#d4c557;font-size:12.5px;font-weight:800;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ss-karte:hover .ss-pfeil,.ss-karte.is-hover .ss-pfeil{transform:translate(6px)}@media (max-width:960px){.ss-grid{grid-template-columns:1fr}}@media (max-width:560px){.ss-karten{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ss-bahn,.ss-kern-glow{animation:none}}
.sp-panel{padding:clamp(22px,3vw,36px);position:relative}.sp-schiene{z-index:0;background:var(--card-edge);border-radius:99px;height:3px;position:absolute;top:calc(clamp(22px,3vw,36px) + 56px);left:16%;right:16%;overflow:visible;container-type:inline-size}.sp-schiene i{transform-origin:0;background:linear-gradient(90deg,#b8a93f,#d4c557);border-radius:99px;transition:transform .9s cubic-bezier(.65,0,.35,1);display:block;position:absolute;inset:0;box-shadow:0 0 14px #d4c557b3}.sp-schritte{z-index:1;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,24px);margin:0;padding:0;list-style:none;display:grid;position:relative}.sp-schritt{text-align:center;background:color-mix(in srgb, var(--bg-elevated,#16151b) 80%, transparent);flex-direction:column;align-items:center;padding:22px 20px 24px;transition:transform .42s cubic-bezier(.16,1,.3,1),border-color .42s,box-shadow .42s;display:flex}.sp-schritt>:not(.sp-kreis){opacity:.62;transition:opacity .5s}.sp-schritt.ist-erreicht>*{opacity:1}.sp-schritt.ist-aktiv{border-color:#d4c55780}.sp-kreis{color:#d4c557;background:#16151b;border:2px solid #d4c55773;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:14px;transition:background .5s,color .5s,transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}[data-theme=light] .sp-kreis{background:#fff}.ist-aktiv .sp-kreis{color:#0a0a0a;background:#d4c557;transform:scale(1.1);box-shadow:0 0 0 8px #d4c55724}.sp-symbol{font-style:normal;display:flex}.sp-nr{color:#0a0a0a;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:flex;position:absolute;top:-6px;right:-6px}.sp-zeit{letter-spacing:.1em;text-transform:uppercase;color:#d4c557;border:1px solid #d4c5574d;border-radius:99px;margin-bottom:10px;padding:3px 10px;font-size:10.5px;font-weight:800}.sp-schritt h3{font-family:var(--font-display);color:var(--text-primary);margin:0 0 8px;font-size:18px;font-weight:800}.sp-schritt p{font-size:var(--text-body-sm);color:var(--prose-dim);max-width:32ch;margin:0;line-height:1.7}.sp-cta{text-align:center;margin-top:clamp(22px,3vw,32px)}.sp-stimmen{padding:clamp(18px,3vw,32px)}@media (max-width:860px){.sp-schritte{grid-template-columns:1fr}.sp-schiene{display:none}}.sp-schiene:before{content:"";transform-origin:50%;pointer-events:none;background:radial-gradient(closest-side,#e2d36e47,#e2d36e00 100%);border-radius:50%;height:26px;margin-top:-13px;animation:6s ease-in-out infinite spAtmen;position:absolute;top:50%;left:-6%;right:-6%}.sp-schiene:after{content:"";background:radial-gradient(closest-side,#fff8cf,#f3e7a28c 45%,#e2d36e00);border-radius:50%;width:90px;height:9px;margin-top:-4.5px;animation:3.8s cubic-bezier(.45,0,.25,1) infinite spFunke;position:absolute;top:50%;left:0}@keyframes spAtmen{0%,to{opacity:.7;transform:scaleX(.94)scaleY(.8)}50%{opacity:1;transform:scaleX(1.06)scaleY(1.15)}}@keyframes spFunke{0%{opacity:0;transform:translate(-40px)scaleX(.6)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(calc(100cqw - 50px))scaleX(1.2)}}@media (prefers-reduced-motion:reduce){.sp-schiene:before,.sp-schiene:after{animation:none}}