@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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#fff;--color-papier:#faf9f9;--color-accent:#ec3013;--color-accent-100:#fff2ef;--color-accent-300:#ffc4b8;--color-accent-600:#dd2b0f;--color-druckrot:#c42207;--color-akzent-tief:#c42207;--color-auf-akzent:#fff;--color-accent-700:#ae1800;--color-surface:#eae9e9;--color-text:#201e1d;--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-divider:#201e1d66;--color-schema-band:#edebeb;--color-schema-band-besucht:#e2dfdf;--color-schema-band-rand:#e0dcdc;--color-schema-bahnsteig:#c4bfbf;--color-schema-netz:#c9c4c4;--color-ampel-gehaeuse:#201e1d;--color-ampel-lampe-aus:#4a4443;--color-gruen:#0f7a4f;--color-gelb:#e08a00;--color-gelb-text:#9a5b00;--color-rot:#ec3013;--color-warngelb:#ffd400;--font-heading:"Archivo", system-ui, sans-serif;--font-body:"Archivo", system-ui, sans-serif;--schrift-gleis:3.111rem;--schrift-titel:1.556rem;--schrift-anweisung:1.222rem;--schrift-text:1rem;--schrift-label:.833rem;--radius-klein:14px;--radius-mittel:20px;--radius-gross:28px;--radius-pille:9999px;--dauer-schnell:.12s;--dauer-normal:.2s;--dauer-ruhig:.32s;--verlauf-ein:cubic-bezier(.2, 0, 0, 1);--verlauf-aus:cubic-bezier(.4, 0, 1, 1);--verlauf-marke:cubic-bezier(.3, 1.3, .5, 1);--shadow-md:0 3px 10px #2d2b2b29;--shadow-lg:0 12px 32px #2d2b2b38;--lockup-filter:none}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-darstellung=hell]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-darstellung=hell]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#17161a;--color-papier:#1c1b20;--color-surface:#221f24;--color-text:#f3f2f2;--color-accent:#ff5233;--color-accent-100:#2a1a17;--color-accent-300:#7a2c1f;--color-accent-600:#ff6a4f;--color-accent-700:#ff8a73;--color-druckrot:#e03d20;--color-akzent-tief:#ff5233;--color-auf-akzent:#17161a;--color-neutral-100:#27242b;--color-neutral-300:#3a3740;--color-neutral-500:#6f6b74;--color-neutral-600:#8d8990;--color-neutral-700:#b4b0ae;--color-neutral-800:#d5d1cf;--color-divider:#f3f2f24d;--color-schema-band:#1f1d23;--color-schema-band-besucht:#2b2830;--color-schema-band-rand:#34313a;--color-schema-bahnsteig:#75717c;--color-schema-netz:#57535e;--color-ampel-gehaeuse:#2f2c34;--color-ampel-lampe-aus:#534e59;--color-gruen:#3cc98a;--color-gelb:#f0a832;--color-gelb-text:#f0a832;--color-rot:#ff5233;--color-warngelb:#ffd400;--shadow-md:0 3px 10px #00000080;--shadow-lg:0 12px 32px #0009;--lockup-filter:invert(1) hue-rotate(180deg)}}:root[data-darstellung=dunkel]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#17161a;--color-papier:#1c1b20;--color-surface:#221f24;--color-text:#f3f2f2;--color-accent:#ff5233;--color-accent-100:#2a1a17;--color-accent-300:#7a2c1f;--color-accent-600:#ff6a4f;--color-accent-700:#ff8a73;--color-druckrot:#e03d20;--color-akzent-tief:#ff5233;--color-auf-akzent:#17161a;--color-neutral-100:#27242b;--color-neutral-300:#3a3740;--color-neutral-500:#6f6b74;--color-neutral-600:#8d8990;--color-neutral-700:#b4b0ae;--color-neutral-800:#d5d1cf;--color-divider:#f3f2f24d;--color-schema-band:#1f1d23;--color-schema-band-besucht:#2b2830;--color-schema-band-rand:#34313a;--color-schema-bahnsteig:#75717c;--color-schema-netz:#57535e;--color-ampel-gehaeuse:#2f2c34;--color-ampel-lampe-aus:#534e59;--color-gruen:#3cc98a;--color-gelb:#f0a832;--color-gelb-text:#f0a832;--color-rot:#ff5233;--color-warngelb:#ffd400;--shadow-md:0 3px 10px #00000080;--shadow-lg:0 12px 32px #0009;--lockup-filter:invert(1) hue-rotate(180deg)}*,:before,:after{box-sizing:border-box}html{height:100%;font-size:112.5%}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:1rem;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:100dvh}.app{flex-direction:column;gap:18px;max-width:430px;min-height:100dvh;margin:0 auto;padding:24px 20px 0;display:flex}.app-navigation,.app-dashboard{height:100dvh;overflow:hidden}.dashboard-flaeche{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.dashboard-rollbereich{overscroll-behavior:contain;flex-direction:column;flex:1;gap:18px;min-height:0;margin:0 -20px;padding:0 20px 76px;display:flex;overflow-y:auto}.app-navigation .quelle-weg{flex-flow:wrap;align-items:baseline;column-gap:8px;padding:8px 14px}.app-navigation .quelle-weg>span:not(.live-banner-stand),.app-navigation .quelle-weg~.live-stand{display:none}.app-navigation .routen-kopf>div{flex:1;min-width:0}.app-navigation .routen-kopf h2{font-size:var(--schrift-anweisung)}.routen-kopf-zeile{justify-content:space-between;align-items:center;gap:12px;display:flex}.kicker{font-size:var(--schrift-label);letter-spacing:.01em;color:var(--color-accent-700);font-weight:600}.kopf h1{margin-top:6px;font-size:1.667rem}.lockup{margin:0;line-height:0}.lockup img{width:200px;max-width:70%;height:auto;filter:var(--lockup-filter)}.kopf p{font-size:var(--schrift-label);color:var(--color-neutral-700);margin:4px 0 0}.trennlinie{background:var(--color-divider);border:0;border-radius:2px;height:2px;margin:0}.feld label{font-size:var(--schrift-label);color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:5px;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:var(--radius-klein);padding:10px 14px;font-size:.889rem}.eingabefeld:focus-visible{border-color:var(--color-accent);outline-offset:0}.gleis-zeile{grid-template-columns:1fr 1fr;align-items:end;gap:12px;display:grid}.reiseblock{border:1px solid var(--color-neutral-300);border-radius:var(--radius-mittel);background:var(--color-surface);flex-direction:column;gap:12px;min-width:0;margin:0;padding:14px 16px;display:flex}.reiseblock>legend{font-size:var(--schrift-label);padding:0 6px;font-weight:600}.vorschlaege{border:1px solid var(--color-neutral-300);border-radius:var(--radius-klein);background:var(--color-neutral-100);margin:6px 0 0;padding:0;list-style:none;overflow:hidden}.vorschlaege button{text-align:left;width:100%;min-height:44px;font:inherit;font-size:var(--schrift-label);border:0;border-bottom:1px solid var(--color-neutral-300);cursor:pointer;background:0 0;padding:12px 14px;display:block}.vorschlaege li:last-child button{border-bottom:0}@media (hover:hover){.vorschlaege button:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}}.bahnhof-gewaehlt{border-radius:var(--radius-pille);background:var(--color-accent-100);color:var(--color-accent-700);font-size:var(--schrift-label);align-items:center;gap:8px;margin-top:8px;padding:7px 14px;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;font-size:var(--schrift-label);border:1px solid var(--color-neutral-300);border-radius:var(--radius-klein);background:var(--color-neutral-100);color:var(--color-text);cursor:pointer;transition:background var(--dauer-normal) var(--verlauf-ein), color var(--dauer-normal) var(--verlauf-ein), transform var(--dauer-schnell) var(--verlauf-ein);padding:8px 6px;font-weight:600}.wahl-knopf:active{transform:scale(.97)}.wahl-knopf[aria-pressed=true]{background:var(--color-akzent-tief);border-color:var(--color-akzent-tief);color:var(--color-auf-akzent)}.knopf-primaer{width:100%;min-height:47px;font-family:var(--font-heading);font-weight:800;font-size:var(--schrift-text);color:var(--color-auf-akzent);background:var(--color-accent);border-radius:var(--radius-pille);cursor:pointer;box-shadow:var(--shadow-lg);transition:background var(--dauer-normal) var(--verlauf-ein), transform var(--dauer-schnell) var(--verlauf-ein), box-shadow var(--dauer-schnell) var(--verlauf-ein);border:0;justify-content:center;align-items:center;gap:10px;padding:0 21px;display:flex}@media (hover:hover){.knopf-primaer:hover{background:var(--color-accent-600)}}.knopf-primaer:active{box-shadow:var(--shadow-md);transform:scale(.97)}.knopf-primaer:disabled{opacity:.45;cursor:not-allowed}.knopf-schwebend{z-index:1;position:absolute;bottom:14px;left:0;right:0}.knopf-schwebend:disabled{opacity:1;color:color-mix(in srgb, var(--color-auf-akzent) 45%, var(--color-bg));background:color-mix(in srgb, var(--color-accent) 45%, var(--color-bg))}.knopf-angekommen{width:100%;min-height:47px;font-family:var(--font-heading);font-weight:800;font-size:var(--schrift-text);color:var(--color-bg);background:var(--color-gruen);border-radius:var(--radius-pille);cursor:pointer;box-shadow:var(--shadow-lg);transition:background var(--dauer-normal) var(--verlauf-ein), transform var(--dauer-schnell) var(--verlauf-ein), box-shadow var(--dauer-schnell) var(--verlauf-ein);border:0;justify-content:center;align-items:center;gap:10px;padding:0 21px;display:flex}@media (hover:hover){.knopf-angekommen:hover{background:color-mix(in srgb, var(--color-gruen) 88%, #000)}}.knopf-angekommen:active{box-shadow:var(--shadow-md);transform:scale(.97)}.knopf-sekundaer{min-height:48px;font:inherit;font-size:var(--schrift-label);color:var(--color-text);border:1px solid var(--color-divider);border-radius:var(--radius-klein);cursor:pointer;transition:background var(--dauer-normal) var(--verlauf-ein), transform var(--dauer-schnell) var(--verlauf-ein);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;display:inline-flex}.knopf-sekundaer:active{transform:scale(.97)}@media (hover:hover){.knopf-sekundaer:hover{background:color-mix(in srgb, var(--color-text) 7%, transparent)}}.hinweis-box{border-radius:var(--radius-mittel);background:var(--color-surface);font-size:var(--schrift-label);padding:14px 16px}.fehler-box{border-radius:var(--radius-mittel);background:var(--color-accent-100);border:1px solid var(--color-accent-300);color:var(--color-accent-700);font-size:var(--schrift-label);padding:14px 16px}.live-banner{border-radius:var(--radius-mittel);background:var(--color-surface);border:1px solid var(--color-neutral-300);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.quelle-weg{border-radius:var(--radius-mittel);font-size:var(--schrift-label);background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);color:var(--color-neutral-800);flex-direction:column;gap:2px;padding:12px 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{font-size:var(--schrift-label);flex-direction:column;gap:2px;display:flex}.live-banner-stand,.live-stand{font-size:var(--schrift-label);color:var(--color-neutral-800)}.live-stand{margin:4px 0 0}.ampel-leiste{z-index:5;background:var(--color-bg);padding:12px 0;display:block;position:sticky;top:0}.ampel-lampen{background:var(--color-ampel-gehaeuse);border-radius:var(--radius-pille);flex:none;gap:5px;padding:6px 9px;display:flex}.ampel-lampe{background:var(--color-ampel-lampe-aus);width:11px;height:11px;transition:background var(--dauer-ruhig) var(--verlauf-ein), box-shadow var(--dauer-ruhig) var(--verlauf-ein);border-radius:50%}.ampel-leiste.ampel-rot{background:var(--color-accent-100);border-radius:var(--radius-mittel);padding:12px 14px 20px}.ampel-leiste.ampel-rot:after{content:"";background:repeating-linear-gradient(45deg, var(--color-rot) 0 8px, var(--color-warngelb) 8px 16px);border-radius:0 0 var(--radius-mittel) var(--radius-mittel);height:6px;position:absolute;bottom:0;left:0;right:0}.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:linear-gradient(135deg, var(--color-rot) 0 50%, var(--color-warngelb) 50% 100%);box-shadow:0 0 10px color-mix(in srgb, var(--color-rot) 85%, transparent)}.ampel-text{flex:1;min-width:0}.ampel-status{font-family:var(--font-heading);font-size:1.056rem;font-weight:800;line-height:1.15}.ampel-status.grau{color:var(--color-neutral-700)}.ampel-untertitel{font-size:var(--schrift-label);color:var(--color-neutral-700)}.schrittliste{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.schritt{border:1px solid var(--color-neutral-300);border-radius:var(--radius-mittel);background:var(--color-neutral-100);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);border-radius:var(--radius-klein);font-family:var(--font-heading);flex:none;place-items:center;font-size:.944rem;font-weight:800;display:grid}.schritt-nummer.ebenenwechsel{background:var(--color-text)}.schritt-text{font-size:var(--schrift-text);text-wrap:pretty;align-self:center;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:1.444rem}.stufen-tag{font-size:var(--schrift-label);letter-spacing:.02em;border-radius:var(--radius-pille);background:var(--color-surface);color:var(--color-neutral-800);white-space:nowrap;flex:none;padding:4px 12px}.hinweisliste{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hinweisliste li{border-radius:var(--radius-klein);background:var(--color-surface);font-size:var(--schrift-label);color:var(--color-neutral-800);padding:12px 14px}.zugauswahl{flex-direction:column;gap:8px;display:flex}.tafel-bloecke{border:1px solid var(--color-neutral-300);border-radius:var(--radius-klein);background:var(--color-neutral-100);overflow:hidden}.tafel-block+.tafel-block{border-top:1px solid var(--color-neutral-300)}.tafel-block-titel{font-family:var(--font-heading);font-size:var(--schrift-label);letter-spacing:.08em;color:var(--color-neutral-700);background:var(--color-neutral-100);z-index:1;margin:0;padding:10px 14px 6px;font-weight:700;position:sticky;top:0}.tafel{background:var(--color-neutral-100);overscroll-behavior:contain;max-height:216px;margin:0;padding:0;list-style:none;overflow-y:auto}.tafel button{width:100%;min-height:52px;font:inherit;font-size:var(--schrift-label);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;display:flex}.tafel li:last-child button{border-bottom:0}.tafel::-webkit-scrollbar{width:6px}.tafel::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:3px}@media (hover:hover){.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-700);font-weight:400;font-size:var(--schrift-label)}.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}.zugauswahl.offen{gap:0;height:100%;min-height:0}.zugauswahl.offen>.tafel-bloecke{overscroll-behavior:contain;border:0;border-radius:0;flex:1;min-height:0;overflow-y:auto}.zugauswahl.offen .tafel{max-height:none;overflow:visible}.zugauswahl.offen>.hinweis-box{margin:0 14px 14px}.tafel-spalte-kopf{justify-content:space-between;align-items:baseline;gap:8px;padding:14px 14px 8px;display:flex}.tafel-spalte-titel{font-size:var(--schrift-text);margin:0;font-weight:700}.tafel-stand{font-size:var(--schrift-label);color:var(--color-neutral-700);white-space:nowrap}.tafel-skelett{flex-direction:column;gap:8px;padding:8px 14px 14px;display:flex}.tafel-skelett span{border-radius:var(--radius-klein);background:var(--color-neutral-300);height:44px;display:block}.tafel button[aria-pressed=true]{background:var(--color-accent-100);box-shadow:inset 4px 0 0 var(--color-accent)}.gleiswechsel{color:var(--color-accent-700)}.zug-gewaehlt{border:1px solid var(--color-accent-300);border-radius:var(--radius-klein);background:var(--color-accent-100);align-items:center;gap:10px;padding:10px 14px;display:flex}.zug-gewaehlt-text{min-width:0;font-size:var(--schrift-label);flex-direction:column;flex:1;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);border-radius:var(--radius-gross);background:var(--color-neutral-100);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;font-size:var(--schrift-label);border:1px solid var(--color-neutral-300);border-radius:var(--radius-pille);background:var(--color-bg);cursor:pointer;padding:6px 14px;font-weight:600}.karte-ebene-knopf[aria-pressed=true]{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.karte-flaeche{width:100%;height:380px}.lade-hinweis{font-size:var(--schrift-label);color:var(--color-neutral-700);align-items:center;gap:10px;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-700);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-700);text-align:center;flex:none;min-width:96px;font-size:.85rem}.schema-bereich{flex-direction:column;gap:10px;margin:12px 0;display:flex}.app-navigation .schema-bereich{flex:auto;min-height:0;margin:0}.schema-flaeche{background:var(--color-neutral-100);border-radius:var(--radius-mittel);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);z-index:10;gap:4px;margin-top:auto;display:flex;position:sticky;bottom:0}.navileiste-knopf{border-radius:var(--radius-klein);min-height:52px;font-family:inherit;font-size:var(--schrift-label);color:var(--color-text);cursor:pointer;background:0 0;border:0;flex:1;font-weight:700;position:relative}.navileiste-knopf.hervorgehoben{color:var(--color-accent-700)}.navileiste-knopf.hervorgehoben:after{content:"";background:currentColor;border-radius:2px;width:18px;height:2px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.navileiste-knopf.aktuell{background:var(--color-text);color:var(--color-bg)}.navileiste-knopf[aria-disabled=true]{opacity:.35;cursor:default}.navileiste-abzeichen{box-sizing:border-box;border-radius:var(--radius-pille);background:var(--color-rot);min-width:18px;height:18px;color:var(--color-auf-akzent);text-align:center;padding:0 5px;font-size:.611rem;font-weight:800;line-height:18px;position:absolute;top:5px;right:7px}.schema-fenster{flex:auto;min-height:0;overflow:hidden}.schema-stapel{will-change:transform;flex-direction:column;display:flex}.schema-band{box-sizing:border-box;border:1px solid var(--color-schema-band-rand);border-radius:var(--radius-gross);background:var(--color-schema-band);flex-direction:column;justify-content:center;padding:0 12px;display:flex;overflow:hidden}.schema-band.besucht{background:var(--color-schema-band-besucht)}.schema-band.aktiv{border:1.5px solid var(--color-accent);border-radius:var(--radius-gross);background:var(--color-neutral-100);justify-content:flex-start;padding:12px}.schema-bandkopf{align-items:baseline;gap:12px;min-width:0;display:flex}.schema-bandname,.schema-bandrechts{letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;font-size:.556rem}.schema-bandname{text-overflow:ellipsis;min-width:0;color:var(--color-neutral-700);flex:1;font-weight:600;overflow:hidden}.schema-band.aktiv .schema-bandname{color:var(--color-text);font-weight:700}.schema-bandrechts{color:var(--color-neutral-700);font-variant-numeric:tabular-nums;flex:none;font-weight:500}.schema-bild{width:100%;height:auto;min-height:0;margin-top:6px;display:block}.schema-bild text{font-family:var(--font-body)}.schema-bandfuss{color:var(--color-accent-700);white-space:nowrap;text-overflow:ellipsis;margin:6px 0 0;font-size:.667rem;font-weight:700;overflow:hidden}.schema-wechsel{letter-spacing:.07em;text-transform:uppercase;color:var(--color-neutral-700);justify-content:center;align-items:center;gap:6px;font-size:.5rem;font-weight:700;display:flex}.schema-gleisname{fill:var(--color-neutral-600);font-size:.556rem;font-weight:600}.schema-gleisname.wichtig{fill:var(--color-text);font-weight:800}.schema-bahnsteig{stroke:var(--color-schema-bahnsteig);stroke-linecap:butt}.schema-bahnsteig.start{stroke:var(--color-text)}.schema-bahnsteig.ziel{stroke:var(--color-accent)}.schema-bahnsteig.ungemessen{stroke-dasharray:4 3;opacity:.7}.schema-marke{stroke:var(--color-neutral-100)}.schema-marke-aufzug{fill:var(--color-neutral-100)}.schema-notiz{fill:var(--color-accent-700);font-size:.556rem;font-weight:700}.schema-standort{fill:var(--color-neutral-600);font-size:.5rem;font-weight:600}.schema-standort.hier{fill:var(--color-text);font-weight:800}.schema-netz{fill:none;stroke:var(--color-schema-netz);stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round}.schema-anlage{stroke:var(--color-neutral-600);stroke-linecap:butt}.schema-aufzug{fill:var(--color-neutral-100);stroke:var(--color-neutral-600)}.schema-anlage.auf-route,.schema-aufzug.auf-route{stroke:var(--color-accent)}.schema-weg-saum,.schema-weg{fill:none;stroke-linecap:round;stroke-linejoin:round}.schema-weg-saum{stroke:var(--color-neutral-100);stroke-width:7px}.schema-weg{stroke:var(--color-accent);stroke-width:3px}.schema-start{fill:var(--color-neutral-100);stroke:var(--color-text);stroke-width:2.5px}.schema-start-kern{fill:var(--color-text)}.schema-ziel{fill:var(--color-accent);stroke:var(--color-neutral-100);stroke-width:2px}.schema-wechselmarke{fill:var(--color-accent);stroke:var(--color-neutral-100);stroke-width:1.5px}.schema-wechselmarke-pfeil{fill:none;stroke:var(--color-auf-akzent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.schema-ankunftsring{fill:var(--color-neutral-100);stroke:var(--color-accent);stroke-width:2px}.schema-wechseltext{fill:var(--color-accent-700);paint-order:stroke;stroke:var(--color-neutral-100);stroke-width:3px;stroke-linejoin:round;font-size:.556rem;font-weight:800}.anlagensymbol{flex:none;display:inline-block}.schema-wechsel .anlagensymbol{color:var(--color-neutral-700)}.schema-symbol{color:var(--color-neutral-100)}.schema-scheibe{color:var(--color-auf-akzent)}.schema-scheibe.ankunft{color:var(--color-accent)}.schema-ort{color:var(--color-neutral-700)}.schema-ort-schild{fill:var(--color-neutral-100);stroke:var(--color-schema-netz);stroke-width:1px}.schritt-symbol{width:28px;height:28px;color:var(--color-text);flex:none;align-self:center;place-items:center;margin-left:auto;display:grid}.schrittsheet-text.mit-symbol{align-items:center;gap:10px;display:flex}.schema-band-grob{justify-content:flex-start;gap:8px;padding-top:10px}.schema-grobgleise{gap:6px;display:flex}.schema-grobgleis{background:var(--color-text);min-width:34px;color:var(--color-bg);text-align:center;border-radius:6px;padding:2px 8px;font-size:.722rem;font-weight:700}.schema-band-grob.aktiv .schema-grobgleis{background:var(--color-accent)}.karte-aufklappbar{margin-top:16px}.karte-aufklappbar>summary{cursor:pointer;min-height:44px;padding:12px 0;font-weight:700}.schrittsheet{border-radius:var(--radius-gross);background:var(--color-bg);border:2px solid var(--color-text);margin-top:20px;padding:16px}.app-navigation .schrittsheet{flex:none;margin-top:0}.schrittsheet-zaehler{font-size:var(--schrift-label);letter-spacing:.14em;color:var(--color-accent-700)}.schrittsheet-text{font-size:var(--schrift-anweisung);letter-spacing:-.02em;margin:8px 0 0;font-weight:800}.schrittsheet-detail{font-size:var(--schrift-label);color:var(--color-neutral-700);margin:4px 0 0}.schrittsheet-knoepfe{gap:8px;margin-top:14px;display:flex}.schrittsheet-knoepfe>*{border-radius:var(--radius-pille);flex:1;justify-content:center;min-height:46px}.schrittsheet-liste>summary{cursor:pointer;min-height:44px;font-size:var(--schrift-label);padding:12px 0 0;font-weight:700}.schrittsheet-liste[open]{overscroll-behavior:contain;max-height:40dvh;overflow-y:auto}.schema-vorbehalte{font-size:var(--schrift-label);color:var(--color-neutral-700);flex-direction:column;gap:6px;margin:12px 0 0;padding:0;line-height:1.4;list-style:none;display:flex}.dashboard-bloecke{gap:10px;margin-top:16px;display:flex}.dashboard-block{border-radius:var(--radius-mittel);border:2px solid var(--color-divider);flex:1;padding:14px}.dashboard-block.ziel{border-color:var(--color-accent);background:var(--color-accent-100)}.dashboard-block.ziel .dashboard-gleis{color:var(--color-accent-700)}.dashboard-zug{font-size:var(--schrift-label);margin-top:4px;font-weight:700}.dashboard-gleis{letter-spacing:-.03em;margin-top:2px;font-size:1.444rem;font-weight:800}.dashboard-zeit{font-size:var(--schrift-label);color:var(--color-neutral-700)}.dashboard-ebene{font-size:var(--schrift-label);font-variant-numeric:tabular-nums;color:var(--color-neutral-700);font-weight:600}.wahl-gruppe-spalte{flex-direction:column}.angekommen-flaeche{background:var(--color-gruen);min-height:33dvh;color:var(--color-bg);border-radius:var(--radius-mittel);flex-direction:column;justify-content:center;gap:4px;padding:26px 20px;display:flex}.angekommen-flaeche h1{letter-spacing:-.03em;margin:10px 0 0;font-size:1.889rem;font-weight:800}.angekommen-satz{opacity:.92;margin:0;font-size:.889rem}.angekommen-kacheln{gap:8px;margin-top:16px;display:flex}.angekommen-kachel{border-radius:var(--radius-mittel);border:2px solid var(--color-divider);flex:1;padding:12px}.angekommen-kachel-label{font-size:var(--schrift-label);letter-spacing:.12em;color:var(--color-neutral-700)}.angekommen-kachel-wert{font-size:var(--schrift-anweisung);font-variant-numeric:tabular-nums;margin-top:2px;font-weight:800}.angekommen-wagenkasten{border-radius:var(--radius-klein);background:var(--color-text);color:var(--color-bg);font-size:var(--schrift-label);margin-top:12px;padding:14px}.stoermeldung{background:var(--color-accent);min-height:33dvh;color:var(--color-bg);z-index:50;align-items:flex-end;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 12px 40px #00000040}.stoermeldung-inhalt{width:100%;max-width:430px;margin:0 auto;padding:20px 20px 22px}.stoermeldung h2{letter-spacing:-.03em;margin:6px 0 4px;font-size:1.667rem;font-weight:800}.stoermeldung p{font-size:var(--schrift-label);margin:0}.stoermeldung-stand{font-size:var(--schrift-label);opacity:.8;margin-top:6px!important}.stoermeldung-knoepfe{gap:8px;margin-top:16px;display:flex}.stoermeldung-knoepfe>*{flex:1}.knopf-durchsichtig{border-radius:var(--radius-pille);min-height:52px;color:inherit;font-family:inherit;font-size:var(--schrift-label);cursor:pointer;background:0 0;border:2px solid;font-weight:700}.knopf-hell{border-radius:var(--radius-pille);background:var(--color-bg);min-height:58px;color:var(--color-text);cursor:pointer;border:0;font-family:inherit;font-size:.944rem;font-weight:700}.meldung-neu{color:var(--color-rot)}.stoerung-gleis .tafel-alt{font-size:var(--schrift-anweisung);font-weight:700}.meldung-ohne-route,.meldung-uebernommen{border-radius:var(--radius-mittel);border:2px solid var(--color-divider);font-size:var(--schrift-label);color:var(--color-neutral-700);margin:18px 0 0;padding:14px}.meldungen-verlauf-titel{font-size:var(--schrift-label);margin:26px 0 8px;font-weight:800}.meldungen-verlauf{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.meldungen-verlauf li{border-radius:var(--radius-klein);background:color-mix(in srgb, var(--color-text) 6%, transparent);font-size:var(--schrift-label);align-items:baseline;gap:10px;padding:10px 12px;display:flex}.meldungen-zeit{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.meldungen-zug{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-neutral-700);flex:1;overflow:hidden}.meldungen-wechsel{flex:none;font-weight:700}.stoerung-titel{letter-spacing:-.03em;margin:6px 0 4px;font-size:1.778rem;font-weight:800}.stoerung-satz{font-size:var(--schrift-label);color:var(--color-neutral-700);margin:0 0 18px}.stoerung-gegenueber{align-items:center;gap:10px;display:flex}.stoerung-seite{border-radius:var(--radius-klein);border:2px solid var(--color-divider);flex:1;padding:14px}.stoerung-neu{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, transparent)}.stoerung-gleis{letter-spacing:-.03em;font-size:1.444rem;font-weight:800}.stoerung-detail{font-size:var(--schrift-label);color:var(--color-neutral-700)}.stoerung-pfeil{font-size:var(--schrift-anweisung);font-weight:800}.stoerung-werte{font-size:var(--schrift-label);grid-template-columns:auto 1fr;gap:4px 14px;margin:18px 0 0;display:grid}.stoerung-werte dt{color:var(--color-neutral-700)}.stoerung-werte dd{margin:0;font-weight:700}.stoerung-ampel{border-radius:var(--radius-klein);background:var(--color-text);color:var(--color-bg);font-size:var(--schrift-label);margin:18px 0;padding:14px;line-height:1.4}.einstellungen>summary{cursor:pointer;min-height:44px;font-size:var(--schrift-label);padding:12px 0;font-weight:700}.einstellungen>.feld+.feld{margin-top:16px}.ampel-kopf{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.ampel-rest{font-family:var(--font-heading,inherit);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.222rem;font-weight:800;line-height:1}.ampel-gehzeit{white-space:nowrap;font-size:var(--schrift-label);text-align:right;color:var(--color-neutral-700);flex:1 0 auto}.ampel-zeitleiste{border-radius:var(--radius-pille);background:var(--color-neutral-300,#cdc9c9);height:4px;margin-top:10px;overflow:hidden}.ampel-zeitleiste-fuellung{border-radius:var(--radius-pille);height:4px;transition:width var(--dauer-ruhig) var(--verlauf-ein);background:currentColor}.ampel-status{font-size:var(--schrift-label);margin-top:7px;font-weight:600}.ampel-gruen{color:var(--color-gruen)}.ampel-gelb{color:var(--color-gelb-text)}.ampel-rot{color:var(--color-accent-700)}.ampel-grau{color:var(--color-neutral-700)}.routenwahl{flex-direction:column;gap:8px;display:flex}.routenwahl-zeile{text-align:left;border:1px solid var(--color-divider);border-radius:var(--radius-klein);width:100%;min-height:56px;font-family:inherit;font-size:var(--schrift-label);color:var(--color-text);cursor:pointer;transition:background var(--dauer-normal) var(--verlauf-ein), color var(--dauer-normal) var(--verlauf-ein), transform var(--dauer-schnell) var(--verlauf-ein);background:0 0;align-items:center;gap:12px;padding:13px 14px;font-weight:600;display:flex}.routenwahl-zeile:active{transform:scale(.97)}.routenwahl-zeile.gewaehlt{border-color:var(--color-akzent-tief);background:var(--color-akzent-tief);color:var(--color-auf-akzent)}.routenwahl-punkt{border:2px solid;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.routenwahl-punkt>span{background:0 0;border-radius:50%;width:10px;height:10px}.routenwahl-punkt>span.gefuellt{background:currentColor}.routenwahl-label{flex:1;min-width:0}.routenwahl-min{font-variant-numeric:tabular-nums;opacity:.85;font-weight:700}.routenwahl-zeile:disabled{cursor:default;opacity:.5}.routenwahl-zeile.laedt{opacity:1;border-color:var(--color-text)}.standortwahl{display:flex}.bahnsteigstreifen{position:relative}.bahnsteigstreifen:before{content:"";border-radius:var(--radius-gross);background:var(--color-neutral-300);height:32px;position:absolute;top:0;left:0;right:0}.standortwahl-knopf{border-radius:var(--radius-klein);min-width:0;min-height:56px;color:var(--color-text);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:0 0 6px;font-family:inherit;display:flex;position:relative}.bahnsteigstreifen-stueck{justify-content:center;align-self:stretch;align-items:center;height:32px;display:flex}.bahnsteigstreifen-ring{border:2px solid var(--color-neutral-700);background:var(--color-bg);width:12px;height:12px;transition:transform var(--dauer-schnell) var(--verlauf-ein);border-radius:50%}.standortwahl-knopf:active .bahnsteigstreifen-ring{transform:scale(1.3)}.standortpunkt{pointer-events:none;width:33.3333%;height:32px;transition:transform var(--dauer-normal) var(--verlauf-marke);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.standortpunkt:before{content:"";background:var(--color-text);width:10px;height:10px;box-shadow:0 0 0 4px var(--color-bg), 0 0 0 7px var(--color-text);border-radius:50%}.standortpunkt[data-stelle=mitte]{transform:translate(100%)}.standortpunkt[data-stelle=ende]{transform:translate(200%)}.standortwahl-name{font-size:var(--schrift-label);font-weight:600}.standortwahl-min{font-size:var(--schrift-label);font-variant-numeric:tabular-nums;color:var(--color-neutral-700);min-height:1.2em;font-weight:700}.standortwahl-knopf.gewaehlt .standortwahl-name,.standortwahl-knopf.gewaehlt .standortwahl-min{color:var(--color-text);font-weight:800}.standortwahl-knopf:disabled{cursor:default;opacity:.5}.standortwahl-knopf.laedt{opacity:1}.standortwahl-hinweis{font-size:var(--schrift-label);color:var(--color-neutral-700);margin:8px 0 0;line-height:1.4}.routenwahl-fehler{border-radius:var(--radius-klein);background:var(--color-neutral-100);border-left:3px solid var(--color-accent);font-size:var(--schrift-label);color:var(--color-text);margin:10px 0 0;padding:10px 12px;line-height:1.4}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.lade-kreisel{animation-duration:2.4s}}.dialog-grund{z-index:100;background:#201e1d8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{border-radius:var(--radius-gross);background:var(--color-bg);flex-direction:column;gap:14px;width:100%;max-width:520px;max-height:90vh;padding:20px;display:flex;overflow-y:auto}.dialog h2{margin:0;font-size:1.111rem}.anleitung{font-size:var(--schrift-label);flex-direction:column;gap:6px;margin:0;padding-left:22px;display:flex}.reisetext{resize:vertical;min-height:96px;font-family:inherit}.umstieg-liste{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.umstieg-wahl{width:100%;min-height:64px;font:inherit;text-align:left;color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-mittel);cursor:pointer;border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.umstieg-wahl:focus-visible{border-color:var(--color-divider)}@media (hover:hover){.umstieg-wahl:hover{border-color:var(--color-divider)}}.umstieg-zeile{font-size:var(--schrift-label);color:var(--color-neutral-700)}.umstieg-zeile.schwach{color:var(--color-neutral-700)}.knopf-breit{width:100%}.app-eingabe{height:100dvh;overflow:hidden}.eingabe-flaeche{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex;position:relative}.eingabe-rollbereich{overscroll-behavior:contain;flex-direction:column;flex:1;gap:18px;min-height:0;margin:0 -20px;padding:0 20px 76px;display:flex;overflow-y:auto}.eingabe-titel{font-size:var(--schrift-titel);margin:0;font-weight:700;line-height:1.2}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.feld-rand{justify-content:flex-end;margin-top:4px;display:flex}.textknopf{min-height:44px;font:inherit;font-size:var(--schrift-label);color:var(--color-accent-700);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 4px;font-weight:700;text-decoration:underline}.gleiskacheln{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gleiskachel{border:2px solid var(--color-divider);border-radius:var(--radius-mittel);flex-direction:column;gap:4px;min-width:0;padding:14px;display:flex}.gleiskachel.ziel{border-color:var(--color-accent);background:var(--color-accent-100)}.gleiskachel-label{font-size:var(--schrift-label);color:var(--color-neutral-700)}.gleiskachel-feld{min-height:0;font-size:var(--schrift-titel);letter-spacing:-.03em;border-radius:var(--radius-klein);padding:2px 12px;font-weight:800;line-height:1.15}.gleiskachel.ziel .gleiskachel-feld{color:var(--color-accent-700);background:var(--color-bg)}.gleiskachel-zug{font-size:var(--schrift-label);color:var(--color-neutral-700);margin:0}.tafel-spalte{min-width:0;min-height:0;display:grid}.tafel-spalte>*{grid-area:1/1;min-height:0}.tafel-spalte-inhalt{border:1px solid var(--color-neutral-300);border-radius:var(--radius-mittel);background:var(--color-neutral-100);flex-direction:column;display:flex;overflow:hidden}.tafel-platzhalter{border:2px dashed var(--color-divider);border-radius:var(--radius-mittel);font-size:var(--schrift-label);color:var(--color-neutral-700);flex-direction:column;gap:6px;padding:14px;display:flex}.tafel-platzhalter p{margin:0}.tafel-spalte-inhalt{clip-path:inset(0);opacity:1;transform:none}.tafel-spalte[data-offen=nein] .tafel-spalte-inhalt{clip-path:inset(0 100% 0 0);opacity:0;transform:translate(-16px)}.mit-bewegung .tafel-spalte-inhalt{transition:clip-path var(--dauer-normal) var(--verlauf-ein), transform var(--dauer-normal) var(--verlauf-ein), opacity var(--dauer-normal) var(--verlauf-ein)}.mit-bewegung .tafel-spalte[data-offen=nein] .tafel-spalte-inhalt{transition-timing-function:var(--verlauf-aus)}.mit-bewegung .tafel-spalte.abfahrt[data-offen=ja] .tafel-spalte-inhalt,.mit-bewegung .tafel-spalte.ankunft[data-offen=nein] .tafel-spalte-inhalt{transition-delay:var(--dauer-schnell)}@starting-style{.mit-bewegung .tafel-spalte[data-offen=ja] .tafel-spalte-inhalt{clip-path:inset(0 100% 0 0);opacity:0;transform:translate(-16px)}}@media (width>=700px) and (height>=600px){.app-eingabe{max-width:1280px}.eingabe-flaeche{grid-template:"formular formular"minmax(0,1fr)"ankunft abfahrt"clamp(240px,36dvh,420px)"knopf knopf"/1fr 1fr;display:grid}.eingabe-rollbereich{grid-area:formular;padding-bottom:4px}.tafel-spalte.ankunft{grid-area:ankunft}.tafel-spalte.abfahrt{grid-area:abfahrt}.eingabe-flaeche>.knopf-primaer{grid-area:knopf;position:static}.app-eingabe .navileiste{padding-inline:max(8px,50% - 280px)}}@media (width>=900px) and (height>=600px){.eingabe-rollbereich{margin-right:-8px;padding-right:8px}.eingabe-flaeche{grid-template:"formular ankunft abfahrt"minmax(0,1fr)"knopf ankunft abfahrt"/minmax(340px,400px) 1fr 1fr}}.navileiste{view-transition-name:navileiste}.stoermeldung{view-transition-name:stoermeldung}.quelle-weg{view-transition-name:quelle-weg}::view-transition-old(root){animation-duration:var(--dauer-normal)}::view-transition-new(root){animation-duration:var(--dauer-normal)}html[data-uebergang=vor]::view-transition-new(root){animation:seite-herein-rechts var(--dauer-ruhig) var(--verlauf-ein) both}html[data-uebergang=vor]::view-transition-old(root){animation:seite-hinaus-links var(--dauer-ruhig) var(--verlauf-aus) both}html[data-uebergang=zurueck]::view-transition-new(root){animation:seite-herein-links var(--dauer-ruhig) var(--verlauf-ein) both}html[data-uebergang=zurueck]::view-transition-old(root){animation:seite-hinaus-rechts var(--dauer-ruhig) var(--verlauf-aus) both}@keyframes seite-herein-rechts{0%{opacity:0;transform:translate(24px)}}@keyframes seite-hinaus-links{to{opacity:0;transform:translate(-12px)}}@keyframes seite-herein-links{0%{opacity:0;transform:translate(-24px)}}@keyframes seite-hinaus-rechts{to{opacity:0;transform:translate(12px)}}