.runner,.sp-seite{--sp-blau:var(--blau,var(--blue-600,#2563eb));--sp-blau-hell:var(--blau-hell,var(--blue-500,#3b82f6));--sp-blau-tief:var(--blau-tief,var(--blue-900,#1e3a8a));--sp-limette:var(--limette,var(--lime,#c3f53c));--sp-limette-tinte:var(--limette-tinte,var(--lime-ink,#1b2a06));--sp-gruen:var(--gruen,var(--ok,#0f9d58));--sp-gruen-tief:var(--gruen-tief,#0a6e3e);--sp-anthrazit:#2b3241;--sp-anthrazit-hell:#3d465a;--sp-himmel:#dbeafe;--sp-himmel-tief:#bcd7fb;--sp-nacht:#0b1c3f;--sp-nacht-tief:#061229;--sp-weiss:var(--bg,#ffffff);--sp-tinte:var(--fg,#111827);--sp-grau:var(--muted,#6b7280);--sp-linie:var(--line,#e5e7eb);--sp-flaeche:var(--bg-soft,#f7f9fc);--sp-warn:var(--bad,#b91c1c);--sp-figur-grund:var(--sp-weiss);--sp-radius:var(--r-card,1.5rem);--sp-radius-klein:var(--r-sm,0.75rem);--sp-pille:var(--pill,9999px);--sp-schatten:var(--sh-2,0 14px 30px -14px rgba(16,24,40,0.2),0 3px 8px rgba(16,24,40,0.05));--sp-display:var(--font-display,Outfit),"Outfit",system-ui,sans-serif;--sp-body:var(--font-body,Manrope),"Manrope",system-ui,sans-serif}.sp-seite{font-family:var(--sp-body);color:var(--sp-tinte)}.sp-bahn{width:100%;max-width:var(--maxw,74rem);margin:0 auto;padding-left:1.15rem;padding-right:1.15rem}.sp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.sp-kopf{background:linear-gradient(135deg,var(--sp-blau) 0,var(--sp-blau-tief) 100%);color:#ffffff;padding:clamp(2.4rem,6vw,4.2rem) 0 clamp(2.4rem,6vw,3.8rem)}.sp-kopf__inhalt{max-width:46rem;margin-right:auto}.sp-kopf a{color:var(--sp-limette)}.sp-kopf .sp-h2,.sp-kopf a:hover,.sp-kopf h1,.sp-kopf h2,.sp-kopf h3{color:#ffffff}.sp-eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .7rem;font-family:var(--sp-display);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sp-limette)}.sp-eyebrow:before{content:"";width:1.6rem;height:3px;border-radius:var(--sp-pille);background:var(--sp-limette)}.sp-eyebrow--dunkel{color:var(--sp-blau)}.sp-eyebrow--dunkel:before{background:var(--sp-limette)}.sp-titel{color:#ffffff;font-family:var(--sp-display);font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.06;font-weight:700;letter-spacing:-.02em;margin:0 0 .8rem;text-wrap:balance}.sp-lede{font-size:clamp(1.02rem,2.2vw,1.18rem);line-height:1.6;margin:0 0 .9rem;max-width:46ch}.sp-mini{margin:0;font-size:.92rem;line-height:1.6;color:rgba(255,255,255,.82);max-width:52ch}.sp-abschnitt{padding:clamp(2.2rem,5vw,3.6rem) 0}.sp-abschnitt--flaeche{background:var(--sp-flaeche)}.sp-h2{font-family:var(--sp-display);font-size:clamp(1.5rem,3.6vw,2.1rem);line-height:1.15;font-weight:700;letter-spacing:-.015em;margin:0 0 .7rem;text-wrap:balance}.sp-text{margin:0 0 .9rem;color:var(--sp-grau);max-width:60ch;line-height:1.65}.sp-text:last-child{margin-bottom:0}.sp-raster{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;align-items:start}.sp-btn-reihe{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.1rem 0 0}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;padding:.7rem 1.4rem;border:1px solid transparent;border-radius:var(--sp-pille);background:var(--sp-blau);color:#ffffff;font-family:var(--sp-display);font-size:.98rem;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .2s ease,color .2s ease}.sp-btn:hover{background:var(--sp-blau-tief);color:#ffffff;transform:translateY(-1px)}.sp-btn--limette{background:var(--sp-limette);color:var(--sp-limette-tinte)}.sp-btn--limette:hover{background:#ffffff;color:var(--sp-blau-tief)}.sp-btn--geist{background:transparent;border-color:var(--sp-linie);color:var(--sp-tinte)}.sp-btn--geist:hover{background:var(--sp-flaeche);color:var(--sp-blau-tief);border-color:var(--sp-blau)}.sp-btn--klein{min-height:2.4rem;padding:.45rem 1rem;font-size:.88rem}.sp-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.sp-input{width:100%;min-height:2.9rem;padding:.6rem .9rem;border:1px solid var(--sp-linie);border-radius:var(--sp-radius-klein);background:var(--sp-weiss);color:var(--sp-tinte);font-family:var(--sp-body);font-size:1rem}.sp-input:focus-visible{outline:3px solid var(--sp-blau);outline-offset:1px}.sp-input[disabled]{background:var(--sp-flaeche);color:var(--sp-grau)}.sp-kbd{display:inline-block;padding:.15rem .5rem;border:solid var(--sp-linie);border-width:1px 1px 2px;border-radius:.5rem;background:var(--sp-weiss);color:var(--sp-tinte);font-family:var(--sp-display);font-size:.78rem;font-weight:600;white-space:nowrap;margin-right:.2rem}.sp-schritte{margin:0}.sp-schritte>div+div{margin-top:1.1rem}.sp-schritte dt{margin:0;font-family:var(--sp-display);font-weight:700;font-size:.98rem;color:var(--sp-tinte)}.sp-schritte dd{margin:.3rem 0 0;color:var(--sp-grau);line-height:1.6}.eauto{display:block;width:100%;height:auto}.eauto__koerper{fill:var(--sp-blau)}.eauto__tief{fill:var(--sp-blau-tief)}.eauto__glas{fill:var(--sp-weiss)}.eauto__signal{fill:var(--sp-limette)}.eauto__dunkel{fill:var(--sp-anthrazit)}.eauto__grund{fill:var(--sp-figur-grund)}.eauto__warn{fill:var(--sp-warn)}.eauto__strich{fill:none;stroke:var(--sp-weiss);stroke-width:2;stroke-linecap:round}.eauto__kabel{fill:none;stroke:var(--sp-limette);stroke-width:5;stroke-linecap:round}.eauto__kabel-saum{fill:none;stroke:var(--sp-figur-grund);stroke-width:9;stroke-linecap:round}.sp-legende{margin:0;padding:1.3rem 1.2rem 1.1rem;border:1px solid var(--sp-linie);border-radius:var(--sp-radius);background:var(--sp-weiss);box-shadow:var(--sp-schatten);--sp-figur-grund:var(--sp-weiss)}.sp-legende figcaption{font-family:var(--sp-display);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sp-blau)}.sp-zustaende{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.9rem;gap:.9rem}.sp-zustand{display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.6rem .5rem;border-radius:var(--sp-radius-klein);background:var(--sp-flaeche);--sp-figur-grund:var(--sp-flaeche)}.sp-zustand-label{font-family:var(--sp-display);font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--sp-grau);text-align:center}.sp-fussnote{margin:1rem 0 0;padding-top:.8rem;border-top:1px solid var(--sp-linie);font-size:.85rem;line-height:1.55;color:var(--sp-grau)}.sp-schluss{padding:clamp(2.2rem,5vw,3.6rem) 0}.sp-schluss__karte{border-radius:var(--sp-radius);background:linear-gradient(135deg,var(--sp-blau) 0,var(--sp-blau-tief) 100%);color:#ffffff;padding:clamp(1.6rem,4vw,2.6rem);box-shadow:var(--sp-schatten)}.sp-schluss__karte .sp-h2{color:#ffffff}.sp-schluss__karte .sp-text{color:rgba(255,255,255,.85)}.sp-schluss__karte .sp-btn--geist{border-color:rgba(255,255,255,.55);color:#ffffff}.sp-schluss__karte .sp-btn--geist:hover{background:rgba(255,255,255,.12);border-color:#ffffff;color:#ffffff}.runner{display:flex;flex-direction:column;gap:1rem;font-family:var(--sp-body);color:var(--sp-tinte)}.runner__hud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;margin:0}.runner__hud-feld{display:flex;flex-direction:column;gap:.2rem;min-width:0;padding:.7rem .9rem;border:1px solid var(--sp-linie);border-radius:var(--sp-radius-klein);background:var(--sp-weiss)}.runner__hud-feld--akku{grid-column:1/-1}.runner__hud-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--sp-grau)}.runner__hud-label,.runner__hud-wert{font-family:var(--sp-display);font-weight:700}.runner__hud-wert{display:flex;align-items:center;gap:.55rem;margin:0;font-size:1.1rem;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--sp-tinte)}.runner__hud-tag{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sp-gruen-tief);background:#e8f7ee;background:color-mix(in srgb,var(--sp-gruen) 15%,#ffffff);border-radius:var(--sp-pille);padding:.15rem .55rem}.runner__akku{display:inline-block;flex:0 0 auto;width:5.5rem;height:.6rem;border-radius:var(--sp-pille);background:var(--sp-linie);overflow:hidden}.runner__akku-fuellung{display:block;height:100%;border-radius:var(--sp-pille);background:var(--sp-blau);transition:width .25s linear,background .25s ease}.runner__akku-fuellung.is-laedt{background:var(--sp-gruen)}.runner__akku-fuellung.is-knapp{background:var(--sp-warn)}.runner__buehne{position:relative;width:100%;border-radius:var(--sp-radius);background:var(--sp-himmel);box-shadow:var(--sp-schatten);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;overflow:hidden}.runner__buehne:focus-visible{outline:3px solid var(--sp-blau);outline-offset:3px}.runner__canvas{display:block;width:100%;height:auto;max-width:100%}.runner__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:.9rem;pointer-events:none;background:rgba(11,28,63,.34)}.runner__karte{pointer-events:auto;cursor:default;-moz-user-select:text;user-select:text;-webkit-user-select:text;width:min(100%,27rem);max-height:100%;overflow:auto;background:var(--sp-weiss);border-radius:var(--sp-radius);padding:1.1rem 1.2rem 1.2rem;box-shadow:0 24px 50px -20px rgba(12,22,48,.5);animation:sp-auf .35s cubic-bezier(.2,.7,.3,1) both}@keyframes sp-auf{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.runner__karte-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--sp-blau);margin:0 0 .35rem}.runner__karte-kicker,.runner__karte-titel{font-family:var(--sp-display);font-weight:700}.runner__karte-titel{font-size:clamp(1.3rem,3.6vw,1.75rem);line-height:1.12;letter-spacing:-.015em;margin:0 0 .5rem;text-wrap:balance}.runner__karte-text{font-size:.92rem;line-height:1.6;color:var(--sp-grau);margin:0 0 .9rem;max-width:42ch}.runner__form{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--sp-linie)}.runner__form-label{display:block;font-family:var(--sp-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--sp-grau);margin-bottom:.4rem}.runner__form-zeile{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch}.runner__form-input{flex:1 1 10rem}.runner__hilfe{margin:0;font-size:.85rem;line-height:1.6;color:var(--sp-grau);max-width:72ch}.runner__liste{margin-top:1.4rem}.runner__liste-kopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.3rem 1rem;padding-bottom:.7rem;border-bottom:2px solid var(--sp-linie)}.runner__liste-titel{font-family:var(--sp-display);font-size:clamp(1.3rem,3.2vw,1.7rem);font-weight:700;letter-spacing:-.015em;margin:0}.runner__liste-note{margin:0;font-size:.8rem;color:var(--sp-grau)}.runner__liste-tabelle{list-style:none;margin:0;padding:0}.runner__liste-zeile{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto 3.5rem;grid-gap:0 .8rem;gap:0 .8rem;align-items:baseline;padding:.75rem 0;min-height:44px;border-bottom:1px solid var(--sp-linie);font-size:.96rem}.runner__liste-zeile:first-child .runner__liste-nr,.runner__liste-zeile:first-child .runner__liste-punkte{color:var(--sp-blau)}.runner__liste-nr{font-family:var(--sp-display);font-size:.8rem;font-weight:700;color:var(--sp-grau);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.runner__liste-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.runner__liste-datum{font-size:.76rem;color:var(--sp-grau);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.runner__liste-punkte{text-align:right;font-family:var(--sp-display);font-size:1.05rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.runner__leer{margin:.9rem 0 0;padding:1rem 1.1rem;border-radius:var(--sp-radius-klein);background:var(--sp-flaeche);color:var(--sp-grau);font-size:.92rem}@media (min-width:40rem){.runner__hud{grid-template-columns:repeat(4,minmax(0,1fr))}.runner__hud-feld--akku{grid-column:auto}.runner__karte{padding:1.3rem 1.4rem 1.4rem}}@media (min-width:64rem){.sp-raster{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:3rem}}@media (prefers-reduced-motion:reduce){.runner__karte{animation:none}.runner__akku-fuellung,.sp-btn{transition:none}.sp-btn:hover{transform:none}}@media print{.runner__buehne,.runner__overlay{display:none!important}}