:root{--aw-feder:linear(0, 0.04395 3.571%, 0.1424 7.143%, 0.2611 10.71%, 0.3809 14.29%, 0.4918 17.86%, 0.5893 21.43%, 0.6722 25%, 0.741 28.57%, 0.797 32.14%, 0.842 35.71%, 0.8777 39.29%, 0.9059 42.86%, 0.9279 46.43%, 0.9449 50%, 0.9581 53.57%, 0.9682 57.14%, 0.976 60.71%, 0.9819 64.29%, 0.9864 67.86%, 0.9897 71.43%, 0.9923 75%, 0.9942 78.57%, 0.9957 82.14%, 0.9968 85.71%, 0.9976 89.29%, 0.9982 92.86%, 0.9987 96.43%, 1);--aw-feder-ms:324ms;--aw-druck:.97} html{-webkit-text-size-adjust:100%} :is(a.knopf,button.knopf,a.s-tat,button.s-tat,a.startknopf,a.zweiter,a.reiter-weg,.hilfe-suche button,main form button[type=submit],a.rg-alle,.bs-pfeil){-webkit-tap-highlight-color:transparent;touch-action:manipulation; transition:transform var(--aw-feder-ms) var(--aw-feder),background-color .2s ease,box-shadow .2s ease,color .2s ease} :is(a.knopf,button.knopf,a.s-tat,button.s-tat,a.startknopf,a.zweiter,a.reiter-weg,.hilfe-suche button,main form button[type=submit],a.rg-alle,.bs-pfeil):hover{transform:none} :is(a.knopf,button.knopf,a.s-tat,button.s-tat,a.startknopf,a.zweiter,a.reiter-weg,.hilfe-suche button,main form button[type=submit],a.rg-alle,.bs-pfeil):active{transform:scale(var(--aw-druck));transition-duration:0s} :is(a.knopf,button.knopf,a.s-tat,button.s-tat,a.startknopf,a.zweiter,a.reiter-weg,.hilfe-suche button,main form button[type=submit],a.rg-alle,.bs-pfeil):focus-visible{outline:3px solid var(--aw-fokus);outline-offset:3px} @media (prefers-reduced-motion:reduce){:is(a.knopf,button.knopf,a.s-tat,button.s-tat,a.startknopf,a.zweiter,a.reiter-weg,.hilfe-suche button,main form button[type=submit],a.rg-alle,.bs-pfeil):active{transform:none;opacity:.82}} html body header.kopfleiste{border-bottom-color:transparent;box-shadow:0 1px 0 rgba(0,0,0,.035),0 10px 30px -24px rgba(0,0,0,.35); -webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)} @media (prefers-reduced-transparency:reduce){html body header.kopfleiste{-webkit-backdrop-filter:none;backdrop-filter:none}} html body footer.fussleiste{border-top-color:transparent;background:transparent} html body header.kopfleiste a.knopf.ruhig{background:color-mix(in oklab,currentColor 8%,transparent) !important;background-image:none !important;box-shadow:none !important;border-color:transparent !important} main h1{letter-spacing:-.028em;text-wrap:balance} main h2{letter-spacing:-.021em;text-wrap:balance} main h3{letter-spacing:-.012em} main p,main li{text-wrap:pretty} main img{border-radius:inherit} html body:not(.wa) main .lage{grid-template-columns:repeat(6,minmax(0,1fr))} html body:not(.wa) main .lage>*{grid-column:span 2} html body:not(.wa) main .lage:has(>:last-child:nth-child(3n+1))>:nth-last-child(-n+4), html body:not(.wa) main .lage:has(>:last-child:nth-child(3n+2))>:nth-last-child(-n+2){grid-column:span 3} html body:not(.wa) main .lage>:only-child{grid-column:1/-1} @media (max-width:899px){html body:not(.wa) main .lage{grid-template-columns:repeat(2,minmax(0,1fr))} html body:not(.wa) main .lage>*{grid-column:auto !important} html body:not(.wa) main .lage>:last-child:nth-child(odd){grid-column:1/-1 !important}} @media (max-width:600px){html body:not(.wa) main .lage{grid-template-columns:minmax(0,1fr)}} @keyframes aw-auf{from{opacity:.001;transform:translateY(24px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){ main :is(.rg-abschnitt,.rg-raster>*,.lage-block,.hilfe-block,.karte,section.abschnitt>.innen>*,.tarifgitter>*,.ratgeber-weitere,.ratgeber-rechner){ animation:aw-auf linear both;animation-timeline:view();animation-range:entry 0% entry 30%} }} html body main a.knopf.zweiter,html body main a.zweiter,html body main :is(.knopf.ruhig,.knopf.zweit,.knopf.leise,.knopf2){ background:color-mix(in oklab,currentColor 10%,transparent) !important;background-image:none !important;box-shadow:none !important;border-color:transparent !important;min-height:48px} html body main .lage-block{border-top:0 !important;border-bottom:0 !important} html body main .lage-block+.lage-block{margin-top:clamp(24px,4vw,48px)} html body main hr{border:0;height:0;margin-block:clamp(32px,5vw,56px)} html body main .karte,html body main .rg-karte{box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 12px -4px rgba(0,0,0,.06),0 18px 40px -20px rgba(0,0,0,.14)} html body main nav.rg-inhalt ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;padding:8px 24px;margin:8px 0 0; list-style:none;background:var(--flaeche,#fff);border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px -16px rgba(0,0,0,.14)} html body main nav.rg-inhalt li{display:block;width:auto;min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0;border-bottom:1px solid color-mix(in oklab,currentColor 9%,transparent)} html body main nav.rg-inhalt li:nth-last-child(-n+2):nth-child(odd),html body main nav.rg-inhalt li:last-child{border-bottom:0} html body main nav.rg-inhalt a{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:8px 0;margin:0; background:none !important;border:0 !important;box-shadow:none !important;border-radius:0;font-weight:500;text-decoration:none;color:inherit} html body main nav.rg-inhalt a::after{content:"";flex:none;width:7px;height:7px;border:solid color-mix(in oklab,currentColor 45%,transparent); border-width:0 1.75px 1.75px 0;transform:rotate(-45deg);margin-right:4px} html body main nav.rg-inhalt a:hover{color:var(--aw-gruen,#4A5C6A)} @media (max-width:700px){html body main nav.rg-inhalt ol{grid-template-columns:minmax(0,1fr);padding:4px 16px} html body main nav.rg-inhalt li:nth-last-child(-n+2):nth-child(odd){border-bottom:1px solid color-mix(in oklab,currentColor 9%,transparent)} html body main nav.rg-inhalt li:last-child{border-bottom:0}} html body main details:is(.hilfe-frage,.hilfe-block details:not(.fs-i):not(.zahl-i))>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;cursor:pointer} html body main details:is(.hilfe-frage,.hilfe-block details:not(.fs-i):not(.zahl-i))>summary::-webkit-details-marker{display:none} html body main details:is(.hilfe-frage,.hilfe-block details:not(.fs-i):not(.zahl-i))>summary::after{content:"";flex:none;width:8px;height:8px;border:solid color-mix(in oklab,currentColor 50%,transparent); border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:transform var(--aw-feder-ms) var(--aw-feder);margin-right:6px} html body main details:is(.hilfe-frage,.hilfe-block details:not(.fs-i):not(.zahl-i))[open]>summary::after{transform:translateY(2px) rotate(-135deg)} @media (prefers-reduced-motion:reduce){html body main details:is(.hilfe-frage,.hilfe-block details:not(.fs-i):not(.zahl-i))>summary::after{transition:none}} :is(a.knopf,button.knopf,a.s-tat,button.s-tat,a.startknopf,a.zweiter,a.reiter-weg,.hilfe-suche button,main form button[type=submit],a.rg-alle,.bs-pfeil){border-color:transparent !important;border-radius:999px} html body main :is(a.knopf,button.knopf).klein,html body main :is(.knopf.ruhig,.knopf.zweit,.knopf.leise,.knopf.rand,.knopf2,a.zweiter){ background:var(--aw-gruen-flaeche) !important;background-image:none !important;color:#11212D !important;box-shadow:none !important;border:0 !important} html body main :is(.knopf.rot,.knopf.loeschen,button.rot){background:#C93A2F !important;color:#fff !important;border:0 !important;box-shadow:none !important} html body main :is(.karte,.rg-karte,.preiskarte,.mini,.frage){border-color:transparent !important;border-radius:24px} html body :is(.m-zeile,.m-band-titel,.klein-label,dl.angaben dt,.gegenueber .kopf,.seitenkopf .angabe .was,.kopfbild .woher,.qtitel,.ergebnisband .wozu,.ergebnisband .nebenwert .was,.gegenrechnung .was,th){ text-transform:none !important;letter-spacing:0 !important} @media (prefers-color-scheme:dark){ html body main :is(a.knopf,button.knopf).klein,html body main :is(.knopf.ruhig,.knopf.zweit,.knopf.leise,.knopf.rand,.knopf2,a.zweiter){ background:rgba(204,208,207,.14) !important;color:#EEF1F1 !important} html body main :is(.knopf.rot,.knopf.loeschen,button.rot){background:#D83C31 !important}} @media (prefers-contrast:more){html body main :is(.knopf.klein,.knopf.zweit,.knopf.leise,.knopf2,a.zweiter){box-shadow:inset 0 0 0 1.5px currentColor !important}} html body main:not(#_r29) :is(a.knopf,button.knopf,a.s-tat,button.s-tat,a.startknopf):not(.klein):not(.ruhig):not(.zweit):not(.leise):not(.rand):not(.knopf2):not(.zweiter):not(.rot):not(.loeschen):not(.s-leise):not([disabled]), html body main:not(#_r29) .s-pk :is(a.s-tat,button.s-tat),html body main:not(#_r29) .s-pk .s-tat.s-leise, html body main:not(#_r29) .s-vormerken :is(a.s-tat,button.s-tat,button[type=submit]){ background:var(--aw-haupt) !important;background-image:none !important;color:#fff !important;border-color:transparent !important;box-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 16px -8px var(--aw-haupt-schatten) !important} @media (hover:hover){html body main:not(#_r29) :is(a.knopf,button.knopf,a.s-tat,button.s-tat,a.startknopf):not(.klein):not(.ruhig):not(.zweit):not(.leise):not(.rand):not(.knopf2):not(.zweiter):not(.rot):not(.loeschen):not(.s-leise):not([disabled]):hover, html body main:not(#_r29) .s-pk :is(a.s-tat,button.s-tat):hover, html body main:not(#_r29) .s-vormerken :is(a.s-tat,button.s-tat,button[type=submit]):hover{background:var(--aw-haupt-druck) !important}} html body main:not(#_r29) :is(a.knopf,button.knopf,a.s-tat,button.s-tat,a.startknopf):not(.klein):not(.ruhig):not(.zweit):not(.leise):not(.rand):not(.knopf2):not(.zweiter):not(.rot):not(.loeschen):not(.s-leise):not([disabled]):active, html body main:not(#_r29) .s-pk :is(a.s-tat,button.s-tat):active, html body main:not(#_r29) .s-vormerken :is(a.s-tat,button.s-tat,button[type=submit]):active{background:var(--aw-haupt-druck) !important} html body .testphase{border-bottom-color:transparent !important} :root{--aw-haar:.5px;--aw-haarlinie:rgba(128,128,136,.22);--aw-kasten:rgba(128,128,136,.08)} html body .markenzusatz{border-left-width:var(--aw-haar) !important;border-left-color:var(--aw-haarlinie) !important} html body main hr{border:0 !important;height:0;margin:24px 0} html body main table :is(td,th){border-bottom-width:var(--aw-haar) !important;border-bottom-color:var(--aw-haarlinie) !important} html body main table tr:last-child>td{border-bottom-color:transparent !important} html body main table tr>:first-child:not(:only-child){border-image:linear-gradient(in oklab to right,transparent var(--aw-einzug,12px),var(--aw-haarlinie) var(--aw-einzug,12px)) 1} html body main table tr:last-child>td:first-child{border-image:none} html body main :is(section.karte,.karte,.frage)>details{border-top-width:var(--aw-haar) !important;border-top-color:var(--aw-haarlinie) !important} html body main ol.w3-liste{border-bottom-color:transparent !important} html body main ol.w3-liste>li{border-top-width:var(--aw-haar) !important;border-top-color:var(--aw-haarlinie) !important} html body main ol.w3-liste>li:first-child{border-top-color:transparent !important} html body main :is(ol.fragen>li,.karte>details.profi){border-color:transparent !important;background:var(--aw-kasten)} html body main :is(.lage>a,.rollbar){border-color:transparent !important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 6px 20px -10px rgba(0,0,0,.16)} html body footer.fussleiste{border-top:0 !important;text-align:center;padding:24px 16px 32px} html body footer.fussleiste .innen{justify-content:center;align-items:center;gap:0 16px;border:0 !important;padding-top:0;font-size:13px;color:var(--gedaempft)} html body footer.fussleiste .innen+.innen{margin-top:8px} html body footer.fussleiste .abstand{display:none} html body footer.fussleiste a{color:var(--gedaempft);text-decoration:none;font-size:13px} html body footer.fussleiste a:hover{color:var(--tinte);text-decoration:underline;text-underline-offset:2px} html body footer.fussleiste .klarwort p{margin:0 auto} html body .darstellung{display:inline-grid;grid-template-columns:1.5fr 1fr 1fr;grid-auto-flow:column;padding:2px;gap:0;border-radius:10px;background:rgba(128,128,136,.14);max-width:100%;min-width:0;box-sizing:border-box} html body .darstellung a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:30px;padding:0 10px;border-radius:8px;font-size:12px;white-space:nowrap;text-decoration:none !important;color:var(--tinte)} html body .darstellung a[aria-current]{background:var(--flaeche,#fff);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08),0 3px 8px -2px rgba(0,0,0,.1)} @media (max-width:760px){html body .darstellung a{min-height:44px;padding:0 6px}} @media (prefers-contrast:more){:root{--aw-haarlinie:rgba(0,0,0,.45)}} html body header.kopfleiste{-webkit-backdrop-filter:blur(30px) saturate(180%) !important;backdrop-filter:blur(30px) saturate(180%) !important} @media (prefers-reduced-transparency:reduce){html body header.kopfleiste{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}} html body header.kopfleiste{border-bottom-color:transparent !important} html body header.kopfleiste nav a.weg-knopf{border-color:transparent !important;background:color-mix(in oklab,currentColor 8%,transparent);border-radius:999px} html body header.kopfleiste nav a.weg-knopf:hover{background:color-mix(in oklab,currentColor 13%,transparent)} @media (max-width:700px){ footer.fussleiste .innen>a,footer.fussleiste a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center} .rg-ktext :is(h2,h3)>a,.tb-teil>a,.wegzeile a,a.rueckweg,a.textlink{display:inline-flex;align-items:center;min-height:44px} main details>summary{min-height:44px;display:flex;align-items:center;box-sizing:border-box} main details.zahl-i>summary{display:grid} label:has(>input.weg-haken){display:flex;align-items:center;min-height:44px} } :is(.fusstitel,.spar,.marke-name,.testphase-hinweis,.weg-wer,.kopfbild .woher,small,kbd,time,th,.fundstelle,.nr){font-size:max(13px,.8125rem)} :is(.rg-ktext p.klein,.rg-marke,p.ratgeber-stand) time{font-size:inherit} footer.fussleiste .mehr .fusstitel{font-size:13px} main :is(.dann,.stufe .nachsatz,.stufe .wen,.weg-was,.weg-zusatz,a.textlink,p.leise:not(.klein),.rechnerkacheln .dann){font-size:17px} body.seitenprobe main p:not([class]),body.seitenprobe main p:not([class]) a{font-size:17px} main .status.tarif-lage{font-size:17px; line-height:1.5} :root .as-preise .preiskarte ul.pr-merkmale,:root .as-preise .preiskarte ul.pr-merkmale li{font-size:15px} :root .sw-quellen{color:color-mix(in oklab,currentColor 70%,transparent)} :root .pkt{--pk-g:color-mix(in oklab,currentColor 66%,transparent)} :root[data-theme="hell"] .pkt{--pk-nr:color-mix(in oklab,var(--pk-a) 80%,#000)} @media (prefers-color-scheme:light){:root:not([data-theme="dunkel"]) .pkt{--pk-nr:color-mix(in oklab,var(--pk-a) 80%,#000)}} :root .pkt .pk-schritte b{color:var(--pk-nr,var(--pk-a))} @media (prefers-color-scheme:dark){:root:root:root:root .raster-wege a{background-image:none}} :root:not(#_gr):not(#_gr){--aw-gruen:#4A5C6A;--aw-gruen-hoch:#41525f;--aw-gruen-tief:#3A4953; --aw-gruen-flaeche:color-mix(in oklab,#4A5C6A 12%,transparent);--aw-gruen-flaeche-hoch:color-mix(in oklab,#4A5C6A 18%,transparent); --aw-haupt:#4A5C6A;--aw-haupt-druck:#41525f;--aw-haupt-schatten:rgba(40,52,60,.45);--aw-fokus:color-mix(in oklab,#4A5C6A 55%,transparent); --akzent:var(--aw-gruen);--akzent-50:#F5F7F8;--akzent-100:#F5F7F8;--akzent-200:#D5DCE0;--akzent-400:#C3CDD4; --akzent-500:#4A5C6A;--akzent-700:#3A4953;--akzent-lese:#3A4953;--akzent-tief:#3A4953;--gruen:#C3CDD4; --gut:#4A5C6A;--gut-linie:#4A5C6A;--gut-flaeche:#EEF1F3;--gut-rand:#D5DCE0; --knopf:#4A5C6A;--knopf-tief:#41525f;--knopf-zweit:#4A5C6A;--kr-gruen:#4A5C6A;--wa-akzent:#4A5C6A; --aw-gruen-licht:#C3CDD4;--aw-gruen-licht-hoch:#DDE3E7;--aw-gruen-kante:#2B363E;--aw-gruen-glanz:#4A5C6A;--aw-gruen-schatten:#34434F; --aw-seg-buchhaltung:#4A5C6A;--aw-seg-lohn:#3A4953} @media (prefers-color-scheme:dark){:root:not([data-theme="hell"]):not([data-theme="light"]):not(#_gr):not(#_gr){ --aw-gruen:#C3CDD4;--aw-gruen-hoch:#DDE3E7;--aw-gruen-tief:#C3CDD4; --aw-gruen-flaeche:rgba(195,205,212,.14);--aw-gruen-flaeche-hoch:rgba(195,205,212,.22);--aw-fokus:color-mix(in oklab,#C3CDD4 60%,transparent); --akzent-50:#1B2024;--akzent-100:#1B2024;--akzent-200:#39434A;--akzent-400:#C3CDD4;--akzent-500:#C3CDD4; --akzent-700:#DDE3E7;--akzent-lese:#DDE3E7;--akzent-tief:#DDE3E7; --gut:#C3CDD4;--gut-linie:#C3CDD4;--gut-flaeche:#22282D;--gut-rand:#39434A; --knopf-zweit:#C3CDD4;--kr-gruen:#C3CDD4;--wa-akzent:#C3CDD4}} :root[data-theme="dunkel"]:not(#_gr):not(#_gr){ --aw-gruen:#C3CDD4;--aw-gruen-hoch:#DDE3E7;--aw-gruen-tief:#C3CDD4; --aw-gruen-flaeche:rgba(195,205,212,.14);--aw-gruen-flaeche-hoch:rgba(195,205,212,.22);--aw-fokus:color-mix(in oklab,#C3CDD4 60%,transparent); --akzent-50:#1B2024;--akzent-100:#1B2024;--akzent-200:#39434A;--akzent-400:#C3CDD4;--akzent-500:#C3CDD4; --akzent-700:#DDE3E7;--akzent-lese:#DDE3E7;--akzent-tief:#DDE3E7; --gut:#C3CDD4;--gut-linie:#C3CDD4;--gut-flaeche:#22282D;--gut-rand:#39434A; --knopf-zweit:#C3CDD4;--kr-gruen:#C3CDD4;--wa-akzent:#C3CDD4} @media (prefers-contrast:more){:root:not(#_gr):not(#_gr){--aw-haupt:#41525f;--aw-haupt-druck:#34434F}} html body .held-foto .augenbraue{color:var(--aw-gruen-licht-hoch)} html body header.startkopf :is(a.startknopf,nav.startnav a,.marke-name){white-space:nowrap}html body header.startkopf :is(a.startknopf,nav.startnav){flex:none}html body header.startkopf a.startmarke{min-width:0;flex:0 1 auto}@media (min-width:701px){:root:root:root:root body.wa .wa-kopf h1{max-width:22ch}}@media (max-width:700px){:root:root:root:root body h1{font-size:clamp(28px,7.4vw,34px) !important;line-height:1.14 !important;overflow-wrap:break-word}}