@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/assets/archivo-latin-ext-C4zznr8T.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/assets/archivo-latin-E0tuGl4L.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#f3f2f2;--color-surface:#eae9e9;--color-text:#201e1d;--color-accent:#ec3013;--color-accent-100:#fff2ef;--color-accent-300:#ffc4b8;--color-accent-600:#dd2b0f;--color-accent-700:#ae1800;--color-neutral-100:#f8f4f4;--color-neutral-300:#d7d3d3;--color-neutral-500:#9b9797;--color-neutral-600:#7d7979;--color-neutral-700:#605d5d;--color-neutral-800:#444141;--color-gruen:#0f7a4f;--color-gelb:#e08a00;--color-rot:#ec3013;--color-divider:#201e1d66;--font-heading:"Archivo", system-ui, sans-serif;--font-body:"Archivo", system-ui, sans-serif;--shadow-md:0 3px 10px #2d2b2b29;--shadow-lg:0 12px 32px #2d2b2b38}*,:before,:after{box-sizing:border-box}html{height:100%}body{background:var(--color-bg);min-height:100%;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.025em;margin:0;font-weight:800;line-height:1.12}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}#root{min-height:100vh}.app{flex-direction:column;gap:18px;max-width:430px;min-height:100vh;margin:0 auto;padding:24px 20px 40px;display:flex}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);font-size:10px}.kopf h1{margin-top:6px;font-size:30px}.kopf p{color:var(--color-neutral-700);margin:4px 0 0;font-size:14px}.trennlinie{background:var(--color-divider);border:0;border-radius:2px;height:2px;margin:0}.feld label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;font-size:12px;display:block}.eingabefeld{width:100%;min-height:48px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-neutral-100);border:1px solid var(--color-divider);border-radius:14px;padding:10px 14px;font-size:16px}.eingabefeld:focus-visible{border-color:var(--color-accent);outline-offset:0}.gleis-zeile{grid-template-columns:1fr 1fr;gap:12px;display:grid}.vorschlaege{border:1px solid var(--color-neutral-300);background:var(--color-neutral-100);border-radius:14px;margin:6px 0 0;padding:0;list-style:none;overflow:hidden}.vorschlaege button{text-align:left;width:100%;min-height:44px;font:inherit;border:0;border-bottom:1px solid var(--color-neutral-300);cursor:pointer;background:0 0;padding:12px 14px;font-size:15px;display:block}.vorschlaege li:last-child button{border-bottom:0}.vorschlaege button:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.gewaehlt{background:var(--color-accent-100);color:var(--color-accent-700);border-radius:999px;align-items:center;gap:8px;margin-top:8px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.wahl-gruppe{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.wahl-knopf{min-height:52px;font:inherit;border:1px solid var(--color-neutral-300);background:var(--color-neutral-100);color:var(--color-text);cursor:pointer;border-radius:14px;padding:8px 6px;font-size:14px;font-weight:600;transition:background .18s,color .18s,transform .12s}.wahl-knopf:active{transform:scale(.985)}.wahl-knopf[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.knopf-primaer{width:100%;min-height:58px;font-family:var(--font-heading);color:var(--color-bg);background:var(--color-accent);cursor:pointer;box-shadow:var(--shadow-lg);border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:0 26px;font-size:17px;font-weight:800;transition:background .18s,transform .12s;display:flex}.knopf-primaer:hover{background:var(--color-accent-600)}.knopf-primaer:active{transform:scale(.985)}.knopf-primaer:disabled{opacity:.45;cursor:not-allowed}.knopf-sekundaer{min-height:48px;font:inherit;color:var(--color-text);border:1px solid var(--color-divider);cursor:pointer;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.knopf-sekundaer:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}.hinweis-box{background:var(--color-surface);border-radius:18px;padding:14px 16px;font-size:14px}.fehler-box{background:var(--color-accent-100);border:1px solid var(--color-accent-300);color:var(--color-accent-700);border-radius:18px;padding:14px 16px;font-size:14px}.live-banner{background:var(--color-surface);border:1px solid var(--color-neutral-300);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.live-banner-warnung{background:var(--color-accent-100);border-color:var(--color-accent-300);color:var(--color-accent-700)}.live-banner-text{flex-direction:column;gap:2px;font-size:15px;display:flex}.live-banner-stand,.live-stand{color:var(--color-neutral-800);font-size:12px}.live-stand{margin:4px 0 0}.ampel-leiste{z-index:5;background:var(--color-bg);align-items:center;gap:12px;padding:12px 0;display:flex;position:sticky;top:0}.ampel-lampen{background:#201e1d;border-radius:999px;flex:none;gap:5px;padding:6px 9px;display:flex}.ampel-lampe{background:#4a4443;border-radius:50%;width:11px;height:11px;transition:background .5s,box-shadow .5s}.ampel-lampe.an-gruen{background:var(--color-gruen);box-shadow:0 0 10px color-mix(in srgb, var(--color-gruen) 85%, transparent)}.ampel-lampe.an-gelb{background:var(--color-gelb);box-shadow:0 0 10px color-mix(in srgb, var(--color-gelb) 85%, transparent)}.ampel-lampe.an-rot{background:var(--color-rot);box-shadow:0 0 10px color-mix(in srgb, var(--color-rot) 85%, transparent);animation:1.2s ease-in-out infinite ampelPuls}@keyframes ampelPuls{0%,to{opacity:1}50%{opacity:.4}}.ampel-text{flex:1;min-width:0}.ampel-status{font-family:var(--font-heading);font-size:19px;font-weight:800;line-height:1.15}.ampel-status.grau{color:var(--color-neutral-600)}.ampel-untertitel{color:var(--color-neutral-700);font-size:12px}.schrittliste{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.schritt{border:1px solid var(--color-neutral-300);background:var(--color-neutral-100);border-radius:18px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.schritt-nummer{background:var(--color-accent);width:40px;height:40px;color:var(--color-bg);font-family:var(--font-heading);border-radius:12px;flex:none;place-items:center;font-size:17px;font-weight:800;display:grid}.schritt-nummer.ebenenwechsel{background:#201e1d}.schritt-text{text-wrap:pretty;align-self:center;font-size:18px;font-weight:600;line-height:1.35}.routen-kopf{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.routen-kopf h2{font-size:26px}.stufen-tag{letter-spacing:.02em;background:var(--color-surface);color:var(--color-neutral-800);white-space:nowrap;border-radius:999px;flex:none;padding:4px 12px;font-size:11px}.hinweisliste{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hinweisliste li{background:var(--color-surface);color:var(--color-neutral-800);border-radius:14px;padding:12px 14px;font-size:13px}.zugauswahl{flex-direction:column;gap:8px;display:flex}.tafel{border:1px solid var(--color-neutral-300);background:var(--color-neutral-100);border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.tafel button{width:100%;min-height:52px;font:inherit;text-align:left;border:0;border-bottom:1px solid var(--color-neutral-300);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.tafel li:last-child button{border-bottom:0}.tafel button:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.tafel-zeit{font-variant-numeric:tabular-nums;flex:none;font-weight:600}.tafel-alt{color:var(--color-neutral-500);font-size:12px;font-weight:400}.tafel-zug{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tafel-gleis{font-family:var(--font-heading);flex:none;font-weight:800}.gleiswechsel{color:var(--color-accent-700)}.zug-gewaehlt{border:1px solid var(--color-accent-300);background:var(--color-accent-100);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:flex}.zug-gewaehlt-text{flex-direction:column;flex:1;min-width:0;font-size:14px;display:flex}.zug-gewaehlt .knopf-sekundaer{background:var(--color-bg);min-height:40px;padding:0 14px}.karte-bereich{flex-direction:column;gap:10px;display:flex}.karte-rahmen{border:1px solid var(--color-neutral-300);background:var(--color-neutral-100);border-radius:18px;overflow:hidden}.karte-ebenen{border-bottom:1px solid var(--color-neutral-300);flex-wrap:wrap;gap:6px;padding:10px;display:flex}.karte-ebene-knopf{min-height:44px;font:inherit;border:1px solid var(--color-neutral-300);background:var(--color-bg);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.karte-ebene-knopf[aria-pressed=true]{color:var(--color-bg);background:#201e1d;border-color:#201e1d}.karte-flaeche{width:100%;height:380px}.lade-hinweis{color:var(--color-neutral-700);align-items:center;gap:10px;font-size:14px;display:flex}.lade-kreisel{border:2.5px solid var(--color-accent-300);border-top-color:var(--color-accent);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite kreisel}@keyframes kreisel{to{transform:rotate(360deg)}}.rechtstext{color:var(--color-neutral-800);font-size:.95rem;line-height:1.6}.rechtstext h2{font-family:var(--font-heading);color:var(--color-text);margin:24px 0 6px;font-size:1rem;font-weight:800}.rechtstext h2:first-child{margin-top:0}.rechtstext p,.rechtstext ul{margin:0 0 10px}.rechtstext ul{padding-left:20px}.rechtstext code{background:var(--color-surface);border-radius:4px;padding:1px 4px;font-size:.85em}.rechtstext a{color:var(--color-accent-700)}.fusszeile{border-top:1px solid var(--color-neutral-300);color:var(--color-neutral-600);justify-content:center;align-items:center;gap:10px;margin-top:28px;padding-top:16px;font-size:.85rem;display:flex}.fusszeile a{color:var(--color-neutral-700);padding:8px 4px;text-decoration:underline}.schritt-aktiv{background:var(--color-accent-100);border:2px solid var(--color-accent);font-size:1.15rem}.schritt-erledigt{opacity:.45}.schrittsteuerung{align-items:center;gap:10px;margin:12px 0;display:flex}.schrittsteuerung .knopf-sekundaer{flex:1;min-height:56px}.schrittsteuerung .knopf-sekundaer:disabled{opacity:.4}.schritt-zaehler{color:var(--color-neutral-600);text-align:center;flex:none;min-width:96px;font-size:.85rem}.schema-bereich{flex-direction:column;gap:10px;margin:12px 0;display:flex}.schema-flaeche{background:var(--color-neutral-100);border-radius:12px;width:100%;height:auto}.navileiste{padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--color-bg);border-top:2px solid var(--color-divider);gap:4px;margin-top:24px;display:flex;position:sticky;bottom:0}.navileiste-knopf{min-height:52px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;font-family:inherit;font-size:13px;font-weight:700;position:relative}.navileiste-knopf.aktuell{background:var(--color-text);color:var(--color-bg)}.navileiste-knopf[aria-disabled=true]{opacity:.35;cursor:default}.navileiste-punkt{background:var(--color-accent);border-radius:50%;width:9px;height:9px;position:absolute;top:8px;right:10px}.schema-hinweis{color:var(--color-neutral-600,#6b6767);margin:6px 0 0;font-size:12px}.karte-aufklappbar{margin-top:16px}.karte-aufklappbar>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700}.schrittsheet{background:var(--color-bg);border:2px solid var(--color-text);border-radius:16px;margin-top:20px;padding:16px}.schrittsheet-zaehler{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);font-size:10px}.schrittsheet-text{letter-spacing:-.02em;margin:8px 0 0;font-size:22px;font-weight:800}.schrittsheet-detail{color:var(--color-neutral-600,#6b6767);margin:4px 0 0;font-size:13px}.schrittsheet-knoepfe{gap:8px;margin-top:14px;display:flex}.schrittsheet-knoepfe>*{flex:1}.schrittsheet-liste>summary{cursor:pointer;min-height:44px;padding:12px 0 0;font-size:14px;font-weight:700}.dashboard-bloecke{gap:10px;margin-top:16px;display:flex}.dashboard-block{border:2px solid var(--color-divider);border-radius:14px;flex:1;padding:14px}.dashboard-zug{margin-top:4px;font-size:15px;font-weight:700}.dashboard-gleis{letter-spacing:-.03em;margin-top:2px;font-size:26px;font-weight:800}.dashboard-zeit{color:var(--color-neutral-600,#6b6767);font-size:13px}.wahl-gruppe-spalte{flex-direction:column}.angekommen-gruen{background:var(--color-gruen);min-height:100dvh;color:var(--color-bg);padding:32px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;max-width:430px;margin:0 auto;display:flex}.angekommen-gruen h1{letter-spacing:-.03em;margin:18px 0 4px;font-size:34px;font-weight:800}.kicker-hell{letter-spacing:.14em;text-transform:uppercase;opacity:.75;font-size:10px}.angekommen-satz{opacity:.9;margin:0;font-size:16px}.angekommen-kacheln{gap:8px;margin-top:20px;display:flex}.angekommen-kachel{background:#f3f2f229;border-radius:12px;flex:1;padding:12px}.angekommen-kachel-label{letter-spacing:.12em;text-transform:uppercase;opacity:.8;font-size:10px}.angekommen-kachel-wert{margin-top:2px;font-size:20px;font-weight:800}.knopf-hell{background:var(--color-bg);min-height:58px;color:var(--color-text);cursor:pointer;border:0;border-radius:999px;margin-top:auto;font-family:inherit;font-size:17px;font-weight:700}.stoerung-titel{letter-spacing:-.03em;margin:6px 0 4px;font-size:32px;font-weight:800}.stoerung-satz{color:var(--color-neutral-600,#6b6767);margin:0 0 18px;font-size:15px}.stoerung-gegenueber{align-items:center;gap:10px;display:flex}.stoerung-seite{border:2px solid var(--color-divider);border-radius:14px;flex:1;padding:14px}.stoerung-neu{border-color:var(--color-accent);background:#ec301314}.stoerung-gleis{letter-spacing:-.03em;font-size:26px;font-weight:800}.stoerung-detail{color:var(--color-neutral-600,#6b6767);font-size:13px}.stoerung-pfeil{font-size:22px;font-weight:800}.stoerung-werte{grid-template-columns:auto 1fr;gap:4px 14px;margin:18px 0 0;font-size:15px;display:grid}.stoerung-werte dt{color:var(--color-neutral-600,#6b6767)}.stoerung-werte dd{margin:0;font-weight:700}.stoerung-ampel{background:var(--color-text);color:var(--color-bg);border-radius:12px;margin:18px 0;padding:14px;font-size:15px;line-height:1.4}.mehr-einstellen>summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px;font-weight:700}