@font-face{font-family:Barlow Condensed;font-weight:500;font-display:swap;src:url(/static/fonts/barlow-condensed-500.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-weight:600;font-display:swap;src:url(/static/fonts/barlow-condensed-600.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible Next;font-weight:400;font-display:swap;src:url(/static/fonts/atkinson-400.woff2) format("woff2")}@font-face{font-family:Atkinson Hyperlegible Next;font-weight:700;font-display:swap;src:url(/static/fonts/atkinson-700.woff2) format("woff2")}:root{--papier: #F1F3F4;--flaeche: #FFFFFF;--tinte: #1A2230;--tinte-2: #4E5968;--tinte-3: #8A96A6;--linie: #D3D9DF;--fehler: #B3261E;--auf-tinte: #FFFFFF;--knopf-hover: #2C3A4F;--logo-grund: #FFFFFF;--bonus-grund: #DDF2E4;--bonus-text: #155C33;--fuss-grund: #1A2230;--fuss-text: #E4E8EC;--fuss-leise: #B6BFCA;--fuss-hell: #FFFFFF;--dsl: #B4622A;--kabel: #1F77A8;--glasfaser: #D9A300;--funk: #7B4FC9;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--text: "Atkinson Hyperlegible Next", system-ui, sans-serif;--breite: 74rem;--rand: max(1rem, (100vw - var(--breite)) / 2);--radius: 4px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--papier: #121820;--flaeche: #1D2530;--tinte: #E6EAF0;--tinte-2: #A9B3C1;--tinte-3: #737F90;--linie: #323C4A;--fehler: #FF8A80;--auf-tinte: #121820;--knopf-hover: #FFFFFF;--logo-grund: #E6EAF0;--bonus-grund: #183A27;--bonus-text: #8FE3B0;--fuss-grund: #0B1017;--dsl: #AB4400;--kabel: #2D95D3;--glasfaser: #B18E15;--funk: #7D4DAD}}:root[data-theme=dark]{color-scheme:dark;--papier: #121820;--flaeche: #1D2530;--tinte: #E6EAF0;--tinte-2: #A9B3C1;--tinte-3: #737F90;--linie: #323C4A;--fehler: #FF8A80;--auf-tinte: #121820;--knopf-hover: #FFFFFF;--logo-grund: #E6EAF0;--bonus-grund: #183A27;--bonus-text: #8FE3B0;--fuss-grund: #0B1017;--dsl: #AB4400;--kabel: #2D95D3;--glasfaser: #B18E15;--funk: #7D4DAD}.t-dsl{--farbe: var(--dsl)}.t-kabel{--farbe: var(--kabel)}.t-glasfaser{--farbe: var(--glasfaser)}.t-funk{--farbe: var(--funk)}.t-keine{--farbe: var(--tinte-3)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--papier);color:var(--tinte);font:400 1.125rem/1.55 var(--text);overflow-x:clip}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1;letter-spacing:-.005em;margin:0;text-wrap:balance}h1{font-size:clamp(2.75rem,7vw,5rem)}h2{font-size:clamp(2rem,4.5vw,3rem)}h3{font-size:1.625rem;line-height:1.1}p{margin:0 0 1em}p:last-child{margin-bottom:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--tinte);outline-offset:3px;border-radius:2px}img{max-width:100%}[hidden]{display:none!important}.visuell-versteckt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sprunglink{position:absolute;left:1rem;top:-4rem;background:var(--tinte);color:var(--auf-tinte);padding:.6rem 1rem;z-index:10}.sprunglink:focus{top:1rem}.einleitung{font-size:1.3125rem;line-height:1.5;max-width:34em;color:var(--tinte-2)}.abschnitt-text{color:var(--tinte-2);max-width:40em}.quelle{font-size:.9375rem;color:var(--tinte-2);margin-top:1rem;max-width:48em}.ader{display:inline-block;width:1.5rem;height:5px;margin-right:.5rem;vertical-align:middle;border-radius:3px;background:var(--farbe)}.t-funk .ader,.t-funk.ader{background:repeating-linear-gradient(90deg,var(--farbe) 0 5px,transparent 5px 8px)}.knopf{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.5rem 1.4rem;border:2px solid var(--tinte);border-radius:var(--radius);background:var(--tinte);color:var(--auf-tinte);font:600 1.25rem/1 var(--display);letter-spacing:.01em;text-decoration:none;cursor:pointer}.knopf:hover{background:var(--knopf-hover);border-color:var(--knopf-hover)}.knopf-leise{background:transparent;color:var(--tinte)}.knopf-leise:hover{background:var(--papier);color:var(--tinte);border-color:var(--tinte)}.knopf-reihe{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.schild{display:inline-block;margin-left:.35rem;padding:.05rem .45rem;border-radius:var(--radius);background:var(--fuss-grund);color:var(--fuss-hell);font-size:.8125rem;font-weight:700;vertical-align:.1em}.schild-leise{background:transparent;color:var(--tinte-2);box-shadow:inset 0 0 0 1px var(--linie)}.kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 2rem;padding:1.25rem var(--rand)}.marke{display:inline-flex;align-items:center;gap:.6rem;font:600 1.625rem/1 var(--display);text-decoration:none}.marke-24{color:var(--tinte-2)}.marke-com{font-weight:500;color:var(--tinte-2)}.marke-adern{display:grid;gap:2px;width:1.25rem}.marke-adern i{display:block;height:3px;border-radius:2px;background:var(--farbe)}.marke-adern .t-funk{background:repeating-linear-gradient(90deg,var(--farbe) 0 3px,transparent 3px 5px)}.kopf-rechts{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.75rem}.kopf-nav{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;list-style:none;margin:0;padding:0}.kopf-nav a{text-decoration:none;font-size:1rem;padding:.5rem 0}.kopf-nav a:hover,.kopf-nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}.design-knopf{display:inline-flex;align-items:center;gap:.45rem;min-height:2.5rem;padding:.3rem .85rem;border:1.5px solid var(--linie);border-radius:var(--radius);background:transparent;color:var(--tinte);font:inherit;font-size:.9375rem;cursor:pointer}.design-knopf:hover{border-color:var(--tinte-2)}.seitenkopf{padding:clamp(1.5rem,4vw,3rem) var(--rand) clamp(1.5rem,3vw,2.5rem)}.seitenkopf h1{margin-bottom:1rem;max-width:16em}.seitenkopf-stand{font-size:1rem;color:var(--tinte-2)}.pfad{display:flex;flex-wrap:wrap;gap:.25rem .5rem;font-size:1rem;color:var(--tinte-2);margin-bottom:.75rem}.pfad a{color:var(--tinte);font-weight:700}.ortsuche{display:none}.js .ortsuche{display:block;max-width:36rem;margin:1.75rem 0 0}.ortsuche-schild{display:block;font-weight:700;font-size:1rem;margin-bottom:.35rem}.ortsuche-eingabe{position:relative}.ortsuche-lupe{position:absolute;left:.9rem;top:50%;width:1.2rem;height:1.2rem;transform:translateY(-50%);color:var(--tinte-2);pointer-events:none}.ortsuche input{width:100%;min-height:3.5rem;padding:.5rem .9rem .5rem 2.8rem;border:2px solid var(--tinte-2);border-radius:var(--radius);background:var(--flaeche);color:var(--tinte);font:inherit;font-size:1.1875rem;-webkit-appearance:none;appearance:none}.ortsuche input::placeholder{color:var(--tinte-3)}.ortsuche input:focus{outline:3px solid var(--tinte);outline-offset:2px;border-color:var(--tinte)}.ortsuche input::-webkit-search-decoration,.ortsuche input::-webkit-search-cancel-button{-webkit-appearance:none}.ortsuche-hinweis{font-size:.9375rem;color:var(--tinte-2);margin:.5rem 0 0}.ortsuche-liste{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:5;margin:0;padding:.3rem 0;list-style:none;background:var(--flaeche);border:2px solid var(--tinte);border-radius:var(--radius);max-height:22rem;overflow-y:auto}.ortsuche-liste li a{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .75rem;padding:.55rem .9rem;text-decoration:none}.ortsuche-liste li.an a,.ortsuche-liste li a:hover{background:var(--papier)}.ortsuche-name b{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}.ortsuche-zusatz{font-size:.9375rem;color:var(--tinte-2)}.ortsuche-leer{padding:.55rem .9rem;color:var(--tinte-2)}.leitungen{margin:0 var(--rand) clamp(2rem,5vw,3.5rem)}.leitungen ul{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}.leitung{display:flex;align-items:center;gap:1.25rem}.leitung-linie{position:relative;flex:none;height:10px;width:calc((100vw - 2 * var(--rand) - 21rem) * var(--anteil));min-width:2px;background:var(--farbe);transform-origin:left center;animation:ziehen 1.1s cubic-bezier(.3,.7,.2,1) both;animation-delay:calc(var(--i) * .11s + .15s)}.leitung-linie:after{content:"";position:absolute;right:-6px;top:-5px;width:16px;height:20px;border-radius:3px;background:var(--farbe);filter:brightness(.78)}.t-funk .leitung-linie{background:repeating-linear-gradient(90deg,var(--farbe) 0 14px,transparent 14px 22px)}.t-funk .leitung-linie:after{width:18px;height:18px;top:-4px;right:-9px;border-radius:50%;filter:none}.leitung-fehlt .leitung-linie{width:0}.leitung-fehlt .leitung-linie:after{right:auto;left:0;background:transparent;box-shadow:inset 0 0 0 2px var(--farbe);filter:none}.leitung-text{font-size:1.0625rem}.leitung-text strong{font:600 1.5rem/1 var(--display);margin-right:.35rem}.leitung-wert{color:var(--tinte-2)}.leitungen figcaption{margin-top:1.5rem;font-size:1rem;color:var(--tinte-2);max-width:44em}.leitungen-randlos{margin-left:0;margin-right:0}.leitungen-randlos .leitung-linie{width:calc(var(--rand) + (100vw - 2 * var(--rand) - 21rem) * var(--anteil))}.leitungen-randlos .leitung-fehlt .leitung-linie{width:var(--rand)}.leitungen-randlos figcaption{padding-inline:var(--rand)}@keyframes ziehen{0%{transform:scaleX(0)}}.start{padding:clamp(2rem,6vw,5rem) 0 clamp(1rem,3vw,2rem)}.start-text{padding-inline:var(--rand);margin-bottom:clamp(3rem,6vw,4.5rem)}.start h1{font-size:clamp(3.25rem,9vw,7.25rem);line-height:.9;max-width:9.5em;margin-bottom:1.5rem}.methode{background:var(--flaeche);padding:clamp(3rem,7vw,6rem) var(--rand)}.methode>h2{margin-bottom:clamp(2rem,5vw,3.5rem)}.methode-teil{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:start}.methode-teil+.methode-teil{margin-top:clamp(3.5rem,8vw,6rem);padding-top:clamp(3rem,6vw,4.5rem);border-top:1px solid var(--linie)}.methode-text{max-width:32em}.methode-text h3{font-size:2rem;margin-bottom:1rem}.beispiel-summe{font-size:1.3125rem}.monate,.tempo-erklaert{margin:0}.monate figcaption,.tempo-erklaert figcaption{margin-bottom:1.25rem}.legende{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;list-style:none;margin:.5rem 0 0;padding:0;font-size:.9375rem;color:var(--tinte-2)}.legende li{display:flex;align-items:center;gap:.45rem}.legende-farbe{width:12px;height:12px;border-radius:2px}.l-grund,.b-grund{background:var(--tinte)}.l-router,.b-router{background:var(--tinte-3)}.l-einmalig,.b-einmalig{background:repeating-linear-gradient(135deg,var(--tinte-2) 0 1.5px,transparent 1.5px 5px);box-shadow:inset 0 0 0 1.5px var(--tinte-2)}.legende-linie{width:18px;border-top:2px dashed var(--tinte)}.monate-plot{position:relative;height:17rem;padding-left:3rem;--achse: 3rem}.monate-achse span{position:absolute;left:0;right:0;height:0;font-size:.8125rem;line-height:0;color:var(--tinte-2);font-variant-numeric:tabular-nums}.monate-achse span:after{content:"";position:absolute;left:var(--achse);right:0;top:0;border-top:1px solid var(--linie)}.monate-balken{position:relative;display:flex;align-items:stretch;gap:3px;height:100%;list-style:none;margin:0;padding:0}.monate-balken li{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:2px}.monate-balken li>span:first-child{border-radius:4px 4px 0 0}.monate-balken li:hover>span,.monate-balken li:focus-visible>span{filter:brightness(1.35)}.monate-balken li:after{content:attr(data-tip);position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);padding:.35rem .6rem;background:var(--tinte);color:var(--auf-tinte);border-radius:var(--radius);font-size:.875rem;white-space:nowrap;opacity:0;pointer-events:none;z-index:2}.monate-balken li:hover:after,.monate-balken li:focus-visible:after{opacity:1}.monate-balken li:nth-child(-n+6):after{left:0;transform:none}.monate-balken li:nth-last-child(-n+6):after{left:auto;right:0;transform:none}.monate-schnitt{position:absolute;left:var(--achse);right:0;border-top:2px dashed var(--tinte);pointer-events:none}.monate-schnitt span{position:absolute;left:calc(100% / 24 * 1.4);bottom:.35rem;background:var(--flaeche);padding:0 .35rem;font-weight:700;font-size:.9375rem}.monate-x{display:flex;justify-content:space-between;padding-left:var(--achse, 3rem);margin-top:.5rem;font-size:.8125rem;color:var(--tinte-2)}.tempo{position:relative;height:10px;border-radius:5px;margin:.6rem 0 .5rem}.tempo span{position:absolute;top:0;left:0;height:100%;border-radius:5px}.tempo-max{width:100%;background:color-mix(in srgb,var(--farbe) 30%,var(--flaeche))}.tempo-normal{background:var(--farbe)}.t-funk .tempo-normal{background:repeating-linear-gradient(90deg,var(--farbe) 0 6px,color-mix(in srgb,var(--farbe) 55%,var(--flaeche)) 6px 8px)}.tempo .tempo-min{top:-4px;height:calc(100% + 8px);width:2px;border-radius:1px;background:var(--tinte)}.tempo-gross{height:20px;border-radius:6px;margin:0}.tempo-gross span{border-radius:6px}.tempo-werte{position:relative;height:9.5rem;margin:0 0 1.5rem}.tempo-werte div{position:absolute;top:0;left:0;width:var(--pos);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;padding-right:.6rem;border-right:1px solid var(--tinte-2);text-align:right}.tempo-werte div:nth-child(1){height:3.25rem}.tempo-werte div:nth-child(2){height:6.25rem}.tempo-werte div:nth-child(3){height:9.25rem}.tempo-werte dt{font-size:.9375rem;color:var(--tinte-2)}.tempo-werte dd{margin:0;font:600 1.5rem/1.1 var(--display)}.tempo-werte-normal dd{font-size:2.25rem}.tempo-hinweis{font-size:1rem;color:var(--tinte-2);max-width:36em}.anbieter-liste{padding:clamp(3rem,7vw,6rem) var(--rand)}.anbieter-liste h2{margin-bottom:2rem}.anbieter-liste ul{list-style:none;margin:0 0 2rem;padding:0;border-top:2px solid var(--tinte)}.anbieter-liste li{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,3fr);align-items:baseline;gap:.35rem 2rem;padding:1.25rem 0;border-bottom:1px solid var(--linie)}.anbieter-name{font:600 2.25rem/1 var(--display)}.anbieter-technik{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;font-size:1rem}.anbieter-ab{text-align:right;font-weight:700}.ergebnis{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;align-items:start;padding:0 var(--rand) clamp(3rem,7vw,5rem)}@media(min-width:62rem){.ergebnis{grid-template-columns:17rem minmax(0,1fr);gap:2.5rem}.filter{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto;padding-right:.25rem}}.filter,.sortierung label,.sortierung select{display:none}.js .filter,.js .sortierung label,.js .sortierung select{display:block}.filter-klapp>summary{display:flex;align-items:center;justify-content:space-between;min-height:3rem;font:600 1.625rem/1 var(--display);cursor:pointer;list-style:none}.filter-klapp>summary::-webkit-details-marker{display:none}.filter-klapp>summary:after{content:"";width:.6rem;height:.6rem;margin-right:.3rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}.filter-klapp[open]>summary:after{transform:rotate(-135deg)}@media(max-width:61.99rem){.filter-klapp{background:var(--flaeche);border-radius:var(--radius);padding:.25rem 1rem}.filter-klapp[open]{padding-bottom:1rem}}.filter-gruppe{border:0;margin:0;padding:1rem 0;border-top:1px solid var(--linie);min-width:0}.filter-gruppe legend,.filter-vorwahl>label{display:block;float:left;width:100%;font-weight:700;font-size:1rem;padding:0;margin-bottom:.5rem}.filter-gruppe legend+*{clear:both}.filter-vorwahl input{width:100%;min-height:2.9rem;padding:.4rem .75rem;border:2px solid var(--tinte-2);border-radius:var(--radius);background:var(--flaeche);color:var(--tinte);font:inherit}.filter-notiz{font-size:.875rem;color:var(--tinte-2);margin:.5rem 0 0}.wahl{display:flex;align-items:center;gap:.6rem;padding:.3rem 0;font-size:1rem;cursor:pointer}.wahl input{flex:none;width:1.2rem;height:1.2rem;margin:0;accent-color:var(--tinte)}.wahl .ader{width:1.25rem;margin-right:0}.wahl-lang{align-items:flex-start}.wahl-lang input{margin-top:.2rem}.wahl-erklaerung{display:block;font-size:.875rem;color:var(--tinte-2)}.filter [data-zuruecksetzen]{margin-top:.5rem;min-height:2.5rem;font-size:1.0625rem}.sortierung{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem .75rem;margin-bottom:1rem;font-size:1rem}.sortierung .treffer{margin-right:auto;font-size:1.625rem}.sortierung select{min-height:2.75rem;padding:.35rem .75rem;border:2px solid var(--tinte-2);border-radius:var(--radius);background:var(--flaeche);color:var(--tinte);font:inherit}.leer{background:var(--flaeche);padding:2rem;border-radius:var(--radius)}.mehr{margin-top:1.25rem;text-align:center}.tarife{list-style:none;margin:0;padding:0;background:var(--flaeche);border-radius:var(--radius)}.tarif{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.35fr) minmax(0,1.15fr) minmax(0,.9fr);gap:1rem 1.75rem;padding:1.5rem 1.5rem 1.25rem 2rem;border-top:1px solid var(--linie)}.tarif:first-child,.tarif[hidden]+.tarif{border-top:0}.tarif:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--farbe)}.t-funk.tarif:before{background:repeating-linear-gradient(180deg,var(--farbe) 0 10px,transparent 10px 15px)}.tarif.hervor{box-shadow:inset 0 0 0 2px var(--tinte)}.tarif-anbieter{font-size:1rem;color:var(--tinte-2);margin:0 0 .25rem;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.tarif-logo{display:inline-flex;align-items:center;justify-content:center;width:5.5rem;height:2.5rem;margin-right:.5rem;padding:.3rem .5rem;background:var(--logo-grund);border-radius:3px;box-shadow:inset 0 0 0 1px var(--linie)}.tarif-logo img{width:100%;height:100%;object-fit:contain}.ergebnis-liste .tarif-logo{width:7rem;height:3.1rem}.tarif h3{margin-bottom:.5rem}.tarif-technik{font-size:.9375rem;color:var(--tinte-2);margin:0}.tarif-extras{font-size:.875rem;color:var(--tinte-2);margin:.5rem 0 0}.tarif-bonus{display:inline-block;margin:.6rem 0 0;padding:.2rem .6rem;border-radius:var(--radius);background:var(--bonus-grund);color:var(--bonus-text);font-size:.9375rem;font-weight:700}.tarif-bonus+.tarif-extras{margin-top:.4rem}.wert{font:500 1.25rem/1 var(--display);margin:0}.wert .zahl{font-size:2.25rem;font-weight:600;font-variant-numeric:tabular-nums}.wert-hinweis{font-family:var(--text);font-size:.9375rem;color:var(--tinte-2);margin:.25rem 0 0}.wert-klein{font-size:.875rem;color:var(--tinte-2);margin:.35rem 0 0}.tarif-laufzeit{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.knopf-anbieter{margin-top:.75rem;min-height:2.75rem;padding-inline:1rem;font-size:1.125rem}.nur-direkt{margin-top:.75rem;font-size:.875rem;color:var(--tinte-2)}.tarife-trenner{padding:1.25rem 1.5rem 1.25rem 2rem;border-top:2px solid var(--tinte);font-size:.9375rem;color:var(--tinte-2)}.tarife-trenner strong{display:block;font:600 1.375rem/1.1 var(--display);color:var(--tinte);margin-bottom:.25rem}.tarif-details{grid-column:1 / -1}.tarif-details summary{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:700;font-size:1rem;padding:.35rem 0;list-style:none}.tarif-details summary::-webkit-details-marker{display:none}.tarif-details summary:before{content:"";width:.55rem;height:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .2s}.tarif-details[open] summary:before{transform:rotate(45deg)}.tarif-daten{display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:40rem;margin:.75rem 0 1rem;font-size:1rem}.tarif-daten dt,.tarif-daten dd{margin:0;padding:.45rem 0;border-bottom:1px solid var(--linie)}.tarif-daten dd{text-align:right;padding-left:1rem}.tarif-daten .zahl{font-variant-numeric:tabular-nums}.tarif-rechnung .tarif-summe{font-weight:700;border-bottom:2px solid var(--tinte)}.tarif-rechnung .bonus{color:var(--tinte-2)}.tarif-daten .tarif-nachrichtlich{color:var(--tinte-2);font-size:.9375rem}.tarif-daten a{font-weight:700}.tarif-daten-fehlt{color:var(--tinte-2)}.querverweis{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin:2rem var(--rand) clamp(3rem,6vw,4.5rem);padding:1.5rem;background:var(--flaeche);border-left:6px solid var(--tinte);border-radius:var(--radius)}.ort-tarife .querverweis{margin-inline:0}.querverweis p{margin:0;max-width:40em}.ratgeber{background:var(--flaeche);padding:clamp(3rem,7vw,5rem) var(--rand)}.ratgeber h2{margin-bottom:2rem}.ratgeber-text{max-width:40rem}.ratgeber-text h3{margin:2rem 0 .75rem}.ratgeber-text h3:first-child{margin-top:0}.fragen{padding:clamp(3rem,7vw,5rem) var(--rand)}.fragen h2{margin-bottom:1.5rem}.frage{max-width:48rem;border-top:1px solid var(--linie)}.frage:last-of-type{border-bottom:1px solid var(--linie)}.frage summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font:600 1.375rem/1.2 var(--display);cursor:pointer;list-style:none}.frage summary::-webkit-details-marker{display:none}.frage summary:after{content:"";flex:none;width:.55rem;height:.55rem;margin-right:.3rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}.frage[open] summary:after{transform:rotate(-135deg)}.frage p{max-width:40em;padding-bottom:1.25rem;margin:0}.ort-oben{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:2rem;align-items:start;margin:0 var(--rand) clamp(2.5rem,5vw,4rem)}.ortstext h2{margin-bottom:1rem}.ortstext p{max-width:40em}.anbieter-karte{position:relative;padding:1.5rem 1.5rem 1.5rem 2rem;background:var(--flaeche);border-radius:var(--radius);display:grid;gap:.6rem;justify-items:start}.anbieter-karte:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--farbe);border-radius:var(--radius) 0 0 var(--radius)}.anbieter-karte .schild{margin-left:0}.anbieter-karte h2{font-size:1.875rem}.karte-tarif{color:var(--tinte-2);margin:0}.anbieter-karte .wert-hinweis{display:inline}.ort-tarife{padding:0 var(--rand) clamp(2.5rem,5vw,4rem)}.ort-tarife>h2{margin-bottom:.75rem}.ort-anbieter{padding:clamp(2.5rem,5vw,4rem) var(--rand);background:var(--flaeche)}.ort-anbieter h2{margin-bottom:1.5rem}.anbieter-reihe{list-style:none;margin:0 0 1rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:0 2rem}.anbieter-reihe li{display:grid;align-content:start;gap:.2rem;padding:.85rem 0;border-top:1px solid var(--linie)}.anbieter-reihe strong{font:600 1.375rem/1.1 var(--display)}.anbieter-direkt strong{color:var(--tinte-2)}.ortsdaten,.nachbarn,.ort-suche{padding:clamp(2.5rem,5vw,4rem) var(--rand) 0}.ort-suche{padding-bottom:clamp(3rem,6vw,5rem)}.ortsdaten h2,.nachbarn h2,.ort-suche h2{margin-bottom:1.25rem}.fakten{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1.25rem 2rem;margin:0 0 1.25rem;padding:1.25rem 0;border-top:2px solid var(--tinte);border-bottom:1px solid var(--linie)}.fakten dt{font-weight:700;font-size:1rem;margin-bottom:.2rem}.fakten dd{margin:0;color:var(--tinte-2);font-variant-numeric:tabular-nums}.ortsteile{font-size:1rem;color:var(--tinte-2);max-width:60em}.ortsteile strong{color:var(--tinte)}.nachbarn ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.75rem}.nachbarn a{font:600 1.375rem/1.3 var(--display)}.km{font-size:.875rem;color:var(--tinte-2)}.ort-vergleich{padding:0 var(--rand) clamp(2rem,5vw,3.5rem)}.nachbarvergleich{margin:0;max-width:56rem}.nachbarvergleich figcaption{margin-bottom:1.25rem}.nachbarvergleich figcaption strong{display:block;font:600 1.75rem/1.15 var(--display);margin-bottom:.35rem}.nv-erklaert{font-size:1rem;color:var(--tinte-2)}.nachbarvergleich ol{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.nv-zeile{display:grid;align-items:center;gap:.25rem 1rem;grid-template-columns:minmax(9rem,15rem) minmax(0,1fr) 9.5rem}.nv-name{font-size:1.0625rem;overflow-wrap:anywhere}.nv-name a{font:600 1.25rem/1.2 var(--display)}.nv-eigen .nv-name{font:700 1.375rem/1.2 var(--display)}.nv-balken{display:block;height:14px;background:var(--papier);border-radius:2px;overflow:hidden}.nv-balken span{display:block;height:100%;width:calc(var(--anteil) * 100%);background:var(--farbe);opacity:.55;transform-origin:left center;animation:ziehen 1s cubic-bezier(.3,.7,.2,1) both;animation-delay:calc(var(--i) * 90ms + .1s)}.nv-eigen .nv-balken span{opacity:1}.nv-eigen .nv-balken{box-shadow:inset 0 0 0 1px var(--tinte)}.nv-wert{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.nv-leitung{font-weight:400;font-size:.875rem;color:var(--tinte-2)}.methode .nv-balken{background:var(--papier)}@media(max-width:40rem){.nv-zeile{grid-template-columns:minmax(0,1fr) auto}.nv-balken{grid-column:1 / -1;grid-row:2}}.ranglisten{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem 3rem;padding:clamp(2.5rem,5vw,4rem) var(--rand);background:var(--flaeche)}.rangliste h2{font-size:2rem;margin-bottom:.5rem}.rangliste h2:before{content:"";display:block;width:3rem;height:6px;border-radius:3px;margin-bottom:1rem;background:var(--farbe)}.rangliste ol{margin:1rem 0 0;padding-left:1.75rem;font-variant-numeric:tabular-nums}.rangliste li{padding:.4rem 0;border-bottom:1px solid var(--linie)}.rangliste li::marker{color:var(--tinte-2);font-size:.9375rem}.rangliste li a,.laender-liste a,.ort-spalten a{font-weight:700}.rang-wert{float:right;color:var(--tinte-2);font-variant-numeric:tabular-nums;font-size:1rem}.laender,.land-orte{padding:clamp(2.5rem,5vw,4rem) var(--rand) clamp(3rem,6vw,5rem)}.laender h2,.land-orte h2{margin-bottom:1.5rem}.laender-liste,.ort-spalten{list-style:none;margin:1.5rem 0 0;padding:0;columns:3 16rem;column-gap:3rem}.laender-liste li,.ort-spalten li{break-inside:avoid;padding:.45rem 0;border-bottom:1px solid var(--linie)}.brotkrumen{font-size:1rem;color:var(--tinte-2)}.text-seite{padding:clamp(1.5rem,4vw,3rem) var(--rand) clamp(3rem,6vw,5rem)}.text-seite h1{margin-bottom:1.5rem}.text-seite h2{font-size:2rem;margin:2.5rem 0 1rem}.text-seite h3{margin:1.75rem 0 .75rem}.text-seite p,.text-seite li{max-width:40em}.anriss{font-size:1.3125rem;line-height:1.5;max-width:34em;color:var(--tinte-2)}.mass{max-width:42rem}.klein{font-size:.9375rem;color:var(--tinte-2)}.hinweis{color:var(--tinte-2)}.daten{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.4rem 1.5rem}.daten dt{font-weight:700}.daten dd{margin:0}.anschrift{font-style:normal}.hinweisseite{max-width:calc(44rem + 2 * var(--rand));padding-bottom:clamp(3rem,6vw,5rem)}.hinweisseite p{max-width:38em}.fuss{background:var(--fuss-grund);color:var(--fuss-text);padding:3rem var(--rand);font-size:1rem}.fuss-innen{max-width:40rem}.fuss-marke{font:600 1.625rem/1 var(--display);color:var(--fuss-hell)}.fuss-marke .marke-24,.fuss-marke .marke-com{color:var(--tinte-3)}.fuss-leise{color:var(--fuss-leise)}.fuss-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;list-style:none;margin:1.5rem 0 0;padding:0}.fuss :focus-visible{outline-color:var(--fuss-hell)}@media(max-width:64rem){.tarif{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tarif-name{grid-column:1 / -1}.methode-teil,.ort-oben{grid-template-columns:minmax(0,1fr)}.leitung-linie{width:calc((100vw - 2 * var(--rand) - 19rem) * var(--anteil))}.leitungen-randlos .leitung-linie{width:calc(var(--rand) + (100vw - 2 * var(--rand) - 19rem) * var(--anteil))}}@media(max-width:40rem){body{font-size:1.0625rem}.kopf-nav{gap:.25rem 1.1rem}.kopf-rechts{display:contents}.design-knopf{order:1;padding-inline:.7rem}.kopf-rechts nav{order:2;width:100%}.design-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.leitung{flex-direction:column;align-items:flex-start;gap:.4rem}.leitung-linie{width:calc((100vw - 2 * var(--rand) - 1rem) * var(--anteil))}.leitungen-randlos .leitung-linie{width:calc(var(--rand) + (100vw - 2 * var(--rand) - 1rem) * var(--anteil))}.leitungen-randlos .leitung-text{padding-left:var(--rand)}.monate-plot{height:13rem;padding-left:2.25rem;--achse: 2.25rem}.monate-balken{gap:2px}.tempo-werte{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.tempo-werte div{position:static;width:auto;height:auto!important;padding:0;border:0;align-items:flex-start;text-align:left}.tempo-werte-normal dd{font-size:1.75rem}.anbieter-liste li{grid-template-columns:minmax(0,1fr)}.anbieter-ab{text-align:left}.sortierung{justify-content:flex-start}.sortierung .treffer{width:100%}.tarif{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem 1.25rem;padding:1.25rem 1rem 1rem 1.5rem}.tarif-laufzeit{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}.tarif-laufzeit .wert-hinweis{margin:0}.knopf-anbieter{margin:0 0 0 auto}.wert .zahl{font-size:1.875rem}.tarife-trenner{padding-inline:1.5rem 1rem}.querverweis{padding:1.25rem}.daten{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(forced-colors:active){.ader,.leitung-linie,.tarif:before,.tempo-normal,.nv-balken span{background:CanvasText}.tempo-max{background:GrayText}}