@font-face{font-family:Space Grotesk;src:url(/assets/fonts/spacegrotesk-var.woff2) format("woff2-variations");font-weight:400 700;font-display:swap}@font-face{font-family:Manrope;src:url(/assets/fonts/manrope-var.woff2) format("woff2-variations");font-weight:400 800;font-display:swap}:root{color-scheme:light;--grund: #f3f3fb;--karte: #ffffff;--flaeche: #eceafa;--flaeche-tief: #e0ddf6;--tinte: #15142e;--blei: #55527a;--matt: #7f7ca1;--linie: #e0deef;--linie-kraeftig: #c9c6e4;--signal: #3a31d8;--signal-tief: #2a22a8;--signal-hell: #6f66ff;--signal-zart: #ebe9fe;--auf-signal: #ffffff;--bernstein: #9a5400;--bernstein-zart: #ffeccd;--masse: 68ch;--spalte: 76rem;--rund-kachel: 16px;--rund-griff: 9px;--rund-marke: 5px;--schatten: 0 1px 2px rgba(21, 20, 46, .05), 0 18px 40px -20px rgba(58, 49, 216, .35);--schrift-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--schrift-text: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--grund: #101024;--karte: #181834;--flaeche: #1f1f42;--flaeche-tief: #262650;--tinte: #eeedfa;--blei: #a9a6cd;--matt: #8b88b3;--linie: #2b2b56;--linie-kraeftig: #3b3b6e;--signal: #8f88ff;--signal-tief: #b0aaff;--signal-hell: #b0aaff;--signal-zart: #23225a;--auf-signal: #0e0e20;--bernstein: #ffc978;--bernstein-zart: #3a2a0c;--schatten: 0 1px 2px rgba(0, 0, 0, .4), 0 18px 40px -20px rgba(0, 0, 0, .8)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--grund);color:var(--tinte);font-family:var(--schrift-text);font-size:1.0625rem;line-height:1.62;font-weight:450;-webkit-font-smoothing:antialiased}.wrap{width:min(100% - 2.5rem,var(--spalte));margin-inline:auto}main.wrap{padding-block:2.75rem 4.5rem}h1,h2,h3,h4{font-family:var(--schrift-display);color:var(--tinte);line-height:1.12;letter-spacing:-.021em;text-wrap:balance;margin:0 0 .5em}h1{font-size:clamp(2.1rem,1.25rem + 3.1vw,3.4rem);font-weight:700}h2{font-size:clamp(1.45rem,1.1rem + 1.2vw,1.95rem);font-weight:600;margin-top:2.6em}h3{font-size:1.2rem;font-weight:600;margin-top:2em}h4{font-size:1.02rem;font-weight:600}section>h2:first-child,section>h3:first-child,article>h1:first-child,.kachel>h2:first-child{margin-top:0}p{margin:0 0 1.05em}a{color:var(--signal);text-decoration-thickness:from-font;text-underline-offset:.17em}a:hover{color:var(--signal-tief)}:focus-visible{outline:3px solid var(--signal);outline-offset:2px;border-radius:3px}strong{font-weight:700}.anriss{font-size:clamp(1.1rem,1.02rem + .35vw,1.28rem);line-height:1.5;color:var(--blei);max-width:var(--masse);margin-bottom:1.8rem}.mass{max-width:var(--masse)}.klein,.klein-inline{font-size:.84rem;color:var(--matt)}.klein{display:block}.klein-inline{display:inline}.hinweis{font-size:.92rem;color:var(--blei);max-width:var(--masse)}.quelle{font-size:.82rem;color:var(--matt);max-width:var(--masse);margin-top:1.5rem}.zahl{font-family:var(--schrift-display);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.visuell-versteckt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:50;background:var(--signal);color:var(--auf-signal);padding:.7rem 1.1rem;border-radius:0 0 var(--rund-griff) var(--rund-griff);font-weight:700;text-decoration:none;transition:top .12s}.skip-link:focus{top:0;color:var(--auf-signal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45em;background:var(--signal);color:var(--auf-signal);font-family:var(--schrift-display);font-weight:600;font-size:.95rem;line-height:1;padding:.78em 1.25em;border:0;border-radius:var(--rund-griff);text-decoration:none;white-space:nowrap;cursor:pointer}.button:hover{background:var(--signal-tief);color:var(--auf-signal)}.button-leise{background:transparent;color:var(--signal);box-shadow:inset 0 0 0 1.5px var(--linie-kraeftig)}.button-leise:hover{background:var(--signal-zart);color:var(--signal-tief)}.kopf{background:var(--karte);border-bottom:1px solid var(--linie)}.kopf-inhalt{display:flex;align-items:center;gap:1.5rem;min-height:4.25rem;flex-wrap:wrap}.logo{display:inline-flex;align-items:center;gap:.62rem;margin-right:auto;text-decoration:none;color:var(--tinte);font-family:var(--schrift-display);font-weight:700;font-size:1.06rem;letter-spacing:-.02em}.logo:hover{color:var(--tinte)}.logo-zeichen{width:30px;height:30px;display:block;flex:none}.logo-wort{color:inherit}.hauptnav ul{display:flex;gap:.35rem;list-style:none;margin:0;padding:0}.hauptnav a{display:block;padding:.5rem .85rem;border-radius:var(--rund-griff);color:var(--blei);font-family:var(--schrift-display);font-weight:600;font-size:.94rem;text-decoration:none}.hauptnav a:hover{background:var(--flaeche);color:var(--tinte)}.hauptnav a[aria-current]{background:var(--signal-zart);color:var(--signal-tief)}.menue-button{display:none}.fuss{background:var(--karte);border-top:1px solid var(--linie);padding-block:2.5rem;margin-top:4rem}.fuss-inhalt{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;align-items:start;justify-content:space-between}.fuss-versprechen{max-width:46ch;font-size:.9rem;color:var(--blei);margin:0}.fuss-versprechen strong{display:block;color:var(--tinte);font-family:var(--schrift-display)}.fuss-links{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;list-style:none;margin:0;padding:0;font-size:.9rem}.glyph{display:inline-grid;grid-template-columns:repeat(3,1fr);gap:2px;vertical-align:-.12em;flex:none}.glyph i{display:block;width:.58em;height:.95em;border-radius:2px;background:transparent;box-shadow:inset 0 0 0 2px var(--linie-kraeftig)}.glyph i.an{background:var(--signal);box-shadow:none}.glyph-gross{font-size:1.6rem;gap:3px}.glyph-gross i{border-radius:3px;box-shadow:inset 0 0 0 2.5px var(--linie-kraeftig)}.glyph-gross i.an{box-shadow:none}.auf-signal .glyph i{box-shadow:inset 0 0 0 2px #ffffff73}.auf-signal .glyph i.an{background:#fff;box-shadow:none}.raster{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.raster-vier{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr))}.kachel{background:var(--karte);border:1px solid var(--linie);border-radius:var(--rund-kachel);padding:1.4rem 1.5rem}.kachel-fuellung{background:var(--signal);color:var(--auf-signal);border:0;box-shadow:var(--schatten)}.kachel-fuellung h1,.kachel-fuellung h2,.kachel-fuellung strong,.kachel-fuellung a{color:var(--auf-signal)}.kachel-fuellung .anriss,.kachel-fuellung .klein,.kachel-fuellung .hinweis{color:#ffffffd1}.kachel-zart{background:var(--flaeche);border:0;border-radius:var(--rund-kachel);padding:1.4rem 1.5rem}.kachel-weg{display:block;text-decoration:none;color:inherit}.kachel-weg:hover{border-color:var(--signal);color:inherit}.kachel-weg:hover .kachel-weg-titel{color:var(--signal)}.wert{display:flex;align-items:baseline;gap:.3rem;font-family:var(--schrift-display);font-weight:700;font-size:clamp(1.9rem,1.4rem + 1.9vw,2.7rem);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:.35rem 0 .2rem}.wert-einheit{font-size:.42em;font-weight:600;letter-spacing:0;color:var(--matt)}.kachel-fuellung .wert-einheit{color:#ffffffb8}.wert-schild{font-family:var(--schrift-display);font-weight:600;font-size:.88rem;color:var(--blei);margin:0}.kachel-fuellung .wert-schild{color:#fffc}.ortsuche{display:none;margin:0 0 1.5rem}.js .ortsuche{display:block}.ortsuche-schild{display:block;font-family:var(--schrift-display);font-weight:600;font-size:.95rem;margin-bottom:.5rem;color:var(--blei)}.kachel-fuellung .ortsuche-schild{color:#ffffffd9}.ortsuche-eingabe{position:relative}.ortsuche-lupe{position:absolute;left:1.05rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--matt);pointer-events:none}.ortsuche input{width:100%;font-family:var(--schrift-text);font-size:1.12rem;font-weight:500;color:var(--tinte);background:var(--karte);padding:1rem 1.1rem 1rem 3rem;border:1.5px solid var(--linie-kraeftig);border-radius:var(--rund-griff);appearance:none}.ortsuche input::placeholder{color:var(--matt)}.ortsuche input:focus-visible{outline:3px solid var(--signal-hell);outline-offset:1px;border-color:var(--signal)}.ortsuche-hinweis{font-size:.86rem;color:var(--matt);margin:.6rem 0 0}.kachel-fuellung .ortsuche-hinweis{color:#ffffffbf}.ortsuche-liste{position:absolute;z-index:30;left:0;right:0;top:calc(100% + .4rem);max-height:22rem;overflow-y:auto;list-style:none;margin:0;padding:.3rem;background:var(--karte);border:1px solid var(--linie);border-radius:var(--rund-griff);box-shadow:0 20px 40px -18px #15142e73;color:var(--tinte)}.ortsuche-liste li{border-radius:6px}.ortsuche-liste a{display:flex;align-items:baseline;gap:.5rem;padding:.55rem .75rem;border-radius:6px;color:inherit;text-decoration:none}.ortsuche-liste li.an>a,.ortsuche-liste a:hover{background:var(--signal-zart);color:var(--tinte)}.ortsuche-name{font-weight:700}.ortsuche-name b{color:var(--signal)}.ortsuche-zusatz{font-size:.84rem;color:var(--matt)}.ortsuche-leer{padding:.55rem .75rem;color:var(--matt)}.start-kopf{display:grid;gap:1rem;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);align-items:stretch;margin-bottom:1rem}.start-suche{padding:clamp(1.6rem,1rem + 2.4vw,2.8rem)}.start-suche h1{margin-bottom:.55rem;max-width:18ch}.start-suche .anriss{margin-bottom:1.6rem;max-width:44ch}.start-zahl{display:grid;grid-template-rows:repeat(auto-fit,minmax(0,1fr));gap:1rem}.start-zahl .kachel{display:flex;flex-direction:column;justify-content:center}.wege-legende{display:flex;flex-wrap:wrap;gap:.5rem 1.35rem;list-style:none;margin:0;padding:0;font-size:.88rem;color:var(--blei)}.wege-legende li{display:flex;align-items:center;gap:.5rem}.start-fuss{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));margin-top:1rem}.kachel-weg-titel{display:block;font-family:var(--schrift-display);font-weight:600;font-size:1.1rem;margin:.8rem 0 .3rem}.kachel-weg p{font-size:.93rem;color:var(--blei);margin:0}.wege-block{border:1px solid var(--linie);border-radius:var(--rund-kachel);background:var(--karte);padding:1.5rem;margin-bottom:1rem}.wege-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.1rem;margin-bottom:.3rem}.wege-kopf h2{margin:0;font-size:1.3rem}.wege-kopf .glyph{font-size:1.35rem}.doppelbalken{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem .8rem;margin:.9rem 0 1.1rem;max-width:46rem;font-size:.86rem}.doppelbalken dt{color:var(--matt);white-space:nowrap}.doppelbalken dd{margin:0;font-family:var(--schrift-display);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.balken{display:block;height:.5rem;border-radius:999px;background:var(--flaeche-tief);overflow:hidden}.balken span{display:block;height:100%;border-radius:999px;background:var(--signal)}.balken-zart span{background:var(--linie-kraeftig)}.ort-liste,.ort-liste-voll{list-style:none;margin:0;padding:0;display:grid;gap:.1rem .9rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));font-size:.95rem}.ort-liste-voll{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}.ort-liste a,.ort-liste-voll a{text-decoration:none}.ort-liste a:hover,.ort-liste-voll a:hover{text-decoration:underline}.wege-mehr{margin:1rem 0 0;font-size:.93rem}.laender-zeile{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0}.laender-zeile a{display:block;padding:.4rem .8rem;border-radius:999px;background:var(--flaeche);color:var(--blei);font-size:.9rem;font-weight:600;text-decoration:none}.laender-zeile a:hover{background:var(--signal-zart);color:var(--signal-tief)}.bl-block{margin-bottom:2.5rem}.brotkrumen{font-size:.88rem;color:var(--matt);margin-bottom:1rem}.brotkrumen a{color:var(--blei);text-decoration:none}.brotkrumen a:hover{color:var(--signal);text-decoration:underline}.wege-tafel{display:grid;grid-template-columns:auto 1fr;gap:1.25rem 1.5rem;align-items:center;margin-bottom:1.6rem}.wege-tafel .glyph-gross{font-size:2.4rem}.wege-zeilen{display:grid;gap:.45rem;margin:0;grid-template-columns:auto minmax(4rem,12rem) auto;align-items:center;font-size:.92rem}.wege-zeilen dt{font-weight:600}.wege-zeilen dd{margin:0;font-family:var(--schrift-display);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.weg-aus dt,.weg-aus dd{color:var(--matt);font-weight:450}.ort-oben{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:start;margin-bottom:2.5rem}.ortstext{max-width:var(--masse)}.ortstext h2{margin-top:0}.ortsdaten .daten{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0;margin:0}.daten div,.daten-paar{padding:.85rem 0;border-top:1px solid var(--linie)}.daten dt{font-size:.82rem;color:var(--matt);margin-bottom:.1rem}.daten dd{margin:0;font-family:var(--schrift-display);font-weight:600;font-size:1.02rem}.ortsteile{font-size:.93rem;color:var(--blei);max-width:var(--masse)}.nachbar-liste{list-style:none;margin:0;padding:0;display:grid;gap:.1rem .9rem;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));font-size:.95rem}.nachbar-liste a{text-decoration:none}.nachbar-liste a:hover{text-decoration:underline}.ort-suche-block{margin-top:3rem}.tabelle-scroll{overflow-x:auto;margin-inline:-1px}.tarif-tabelle{width:100%;min-width:44rem;border-collapse:collapse;font-size:.95rem}.tarif-tabelle th{text-align:left;font-family:var(--schrift-display);font-size:.82rem;font-weight:600;color:var(--matt);padding:0 .9rem .6rem;border-bottom:1px solid var(--linie-kraeftig)}.tarif-tabelle td{padding:.85rem .9rem;border-bottom:1px solid var(--linie);vertical-align:top}.tarif-tabelle tr:hover td{background:var(--karte)}.tarif-tabelle .zahl{white-space:nowrap;font-weight:600}.tarif-tabelle tr.hervor td{background:var(--signal-zart)}.tarif-tabelle .button{font-size:.86rem;padding:.62em 1em}.tarif-tabelle td:first-child{font-weight:700;font-family:var(--schrift-display)}.marke,.anschluss,.hervor-schild{display:inline-block;border-radius:var(--rund-marke);font-family:var(--schrift-display);font-size:.72rem;font-weight:600;line-height:1.5;padding:.1rem .45rem;margin-left:.35rem;white-space:nowrap}.marke{background:var(--bernstein-zart);color:var(--bernstein)}.marke-schnell{background:var(--signal-zart);color:var(--signal-tief)}.anschluss{background:var(--flaeche);color:var(--blei)}.hervor-schild{background:var(--signal);color:var(--auf-signal)}.anbieter-liste{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.anbieter-liste li{padding:.7rem .9rem;border:1px solid var(--linie);border-radius:var(--rund-griff);background:var(--karte);font-size:.94rem}.anbieter-liste li.hervor{border-color:var(--signal);background:var(--signal-zart)}.anbieter-liste strong{font-family:var(--schrift-display)}.anbieter-karte{background:var(--karte);border:1px solid var(--linie);border-top:4px solid var(--marke, var(--signal));border-radius:var(--rund-kachel);padding:1.4rem;box-shadow:var(--schatten)}.karte-kennung{font-family:var(--schrift-display);font-size:.74rem;font-weight:600;color:var(--matt);margin:0 0 .7rem}.karte-titel{font-size:1.05rem;margin:.7rem 0 .2rem}.karte-tarif{font-size:.92rem;color:var(--blei);margin:0 0 .8rem}.karte-preis,.tarif-tempo{font-family:var(--schrift-display);font-variant-numeric:tabular-nums;margin:0 0 .5rem}.karte-preis strong,.tarif-tempo strong{font-size:1.7rem;font-weight:700;letter-spacing:-.03em}.karte-preis{margin-bottom:1rem}.anbieter-karte .button{width:100%}.karte-zweit{font-size:.85rem;color:var(--blei);margin:.9rem 0 0}.anbieter-marke{display:grid;place-items:center;width:4.5rem;height:2.6rem;flex:none;border-radius:var(--rund-marke);background:var(--marke, var(--signal));color:#fff;overflow:hidden}.anbieter-marke.hat-logo{background:transparent}.anbieter-marke img{max-width:100%;height:auto;display:block}.anbieter-marke svg{width:100%;height:100%}.marke-schrift{font-family:var(--schrift-display);font-weight:700}.anbieter-block{border:1px solid var(--linie);border-radius:var(--rund-kachel);background:var(--karte);padding:1.4rem;margin-bottom:1rem}.anbieter-block.hervor{border-color:var(--marke, var(--signal));box-shadow:var(--schatten)}.anbieter-kopf{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem}.anbieter-titel h3{margin:0;font-size:1.15rem}.abdeckung{font-size:.86rem;color:var(--matt);margin:.15rem 0 0}.tarif-karten{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.tarif-karte{background:var(--grund);border:1px solid var(--linie);border-radius:var(--rund-griff);padding:1.1rem;display:flex;flex-direction:column}.tarif-karte.hervor{border-color:var(--marke, var(--signal))}.tarif-rolle{font-family:var(--schrift-display);font-size:.78rem;font-weight:600;color:var(--matt);margin:0 0 .3rem}.tarif-name{font-size:1.02rem;margin:0 0 .6rem}.tarif-karte .tarif-tempo{font-size:.9rem}.tarif-karte .tarif-tempo strong{font-size:1.45rem}.tarif-daten{display:grid;grid-template-columns:1fr auto;gap:.25rem .8rem;margin:.5rem 0 1.1rem;font-size:.87rem}.tarif-daten dt{color:var(--matt)}.tarif-daten dd{margin:0;text-align:right;font-weight:600}.tarif-karte .button{margin-top:auto}.ortshinweis{background:var(--flaeche);border-radius:var(--rund-kachel);padding:1.4rem 1.5rem;margin:2rem 0;max-width:52rem}.ortshinweis p{margin:0}.ortshinweis strong{font-family:var(--schrift-display);display:block}.ratgeber{max-width:var(--masse)}.ratgeber h3{margin-top:1.9em}.faq-liste{max-width:52rem;border-top:1px solid var(--linie)}.faq-eintrag{border-bottom:1px solid var(--linie)}.faq-eintrag summary{cursor:pointer;list-style:none;padding:1rem 2.5rem 1rem 0;position:relative;font-family:var(--schrift-display);font-weight:600;font-size:1.02rem}.faq-eintrag summary::-webkit-details-marker{display:none}.faq-eintrag summary:after{content:"";position:absolute;right:.6rem;top:1.4rem;width:.6rem;height:.6rem;border-right:2px solid var(--matt);border-bottom:2px solid var(--matt);transform:rotate(45deg);transition:transform .15s}.faq-eintrag[open] summary:after{transform:rotate(-135deg);top:1.6rem}.faq-eintrag p{margin:0 0 1.1rem;max-width:var(--masse);color:var(--blei)}.fehler-kopf{max-width:var(--masse)}.fehler-wege{list-style:none;margin:0 0 2.5rem;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.fehler-wege a{display:block;padding:1rem 1.2rem;background:var(--karte);border:1px solid var(--linie);border-radius:var(--rund-griff);font-family:var(--schrift-display);font-weight:600;text-decoration:none}.fehler-wege a:hover{border-color:var(--signal)}.anschrift{font-style:normal}@media(max-width:65rem){.start-kopf,.ort-oben{grid-template-columns:minmax(0,1fr)}.js .menue-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--flaeche);color:var(--tinte);border:0;border-radius:var(--rund-griff);padding:.55rem .85rem;font-family:var(--schrift-display);font-weight:600;font-size:.95rem;cursor:pointer}.menue-striche{width:1.05rem;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}.js .hauptnav{display:none;width:100%}.js .hauptnav.offen{display:block}.hauptnav ul{flex-direction:column;gap:.15rem;padding-bottom:.8rem}.hauptnav a{padding:.65rem .85rem}}@media(max-width:30rem){body{font-size:1rem}.wrap{width:min(100% - 1.75rem,var(--spalte))}.logo{font-size:.92rem;gap:.5rem}.logo-zeichen{width:26px;height:26px}.kachel,.kachel-zart,.wege-block,.anbieter-block{padding:1.15rem}.start-suche{padding:1.4rem}.ortsuche input{font-size:1.05rem}.wege-tafel{grid-template-columns:1fr;gap:.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}