@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2) format("woff2-variations");font-weight:400 600;font-stretch:100% 112%;font-style:normal;font-display:swap}@font-face{font-family:Chivo Mono;src:url(/fonts/chivo-mono.woff2) format("woff2-variations");font-weight:500;font-style:normal;font-display:swap}:root{--f-papier: #f7f5f0;--f-papier-tief: #efece4;--f-papier-rand: #e4e0d5;--f-tinte: #14110d;--f-tinte-2: #5c554a;--f-tinte-3: #716a60;--f-tinte-auf-dunkel: #f2efe8;--f-tinte-2-auf-dunkel: #a09889;--f-signal: #c13c27;--f-signal-tief: #a02e1b;--f-signal-hell: #f08a76;--f-gruen: #2f6b4f;--f-gruen-hell: #6fbf95;--f-rot: #8e3b1f;--f-rot-hell: #e0916a;--f-linie: rgba(20, 17, 13, .14);--f-linie-stark: rgba(20, 17, 13, .32);--f-linie-inv: rgba(242, 239, 232, .16);--f-linie-inv-stark: rgba(242, 239, 232, .34);--f-font: "Archivo", "Helvetica Neue", Arial, sans-serif;--f-font-daten: "Chivo Mono", ui-monospace, "SF Mono", Menlo, monospace;--f-t-12: .75rem;--f-t-14: .875rem;--f-t-17: 1.0625rem;--f-t-20: 1.25rem;--f-t-25: 1.5625rem;--f-t-32: 2rem;--f-t-40: 2.5rem;--f-t-gross: clamp(2.6rem, 7vw, 5rem);--f-s1: .25rem;--f-s2: .5rem;--f-s3: .75rem;--f-s4: 1rem;--f-s6: 1.5rem;--f-s8: 2rem;--f-s12: 3rem;--f-s16: 4rem;--f-s24: 6rem;--f-breite: 1120px;--f-radius: 2px;--f-radius-karte: 3px;--f-kerbe: 13px;--f-zeit-kurz: .14s;--f-zeit-lang: .52s;--f-kurve: cubic-bezier(.22, 1, .36, 1)}@media(prefers-reduced-motion:reduce){:root{--f-zeit-kurz: 0ms;--f-zeit-lang: 0ms}}:root{--papier: var(--f-papier);--papier-tief: var(--f-papier-tief);--papier-rand: var(--f-papier-rand);--tinte: var(--f-tinte);--zweit: var(--f-tinte-2);--dritt: var(--f-tinte-3);--signal: var(--f-signal);--signal-tief: var(--f-signal-tief);--auf-dunkel: var(--f-tinte-auf-dunkel);--zweit-auf-dunkel: var(--f-tinte-2-auf-dunkel);--signal-auf-dunkel: var(--f-signal-hell);--linie: var(--f-linie);--linie-stark: var(--f-linie-stark);--linie-auf-dunkel: var(--f-linie-inv);--linie-stark-auf-dunkel: var(--f-linie-inv-stark);--gueltig: var(--f-gruen);--gueltig-hell: var(--f-gruen-hell);--verbraucht: var(--f-rot);--verbraucht-hell: var(--f-rot-hell);--schrift: var(--f-font);--schrift-daten: var(--f-font-daten);--grad-titel: var(--f-t-gross);--grad-abschnitt: var(--f-t-32);--grad-unterabschnitt: var(--f-t-25);--grad-gross: var(--f-t-40);--grad-fuehrung: var(--f-t-20);--grad-text: var(--f-t-17);--grad-klein: var(--f-t-14);--grad-schild: var(--f-t-12);--hoehe-text: 1.55;--hoehe-titel: 1.02;--hoehe-abschnitt: 1.1;--sperrung-titel: -.025em;--sperrung-schild: .14em;--sperrung-code: .18em;--sperrung-wortmark: .02em;--breite-text: 64ch;--breite-fuehrung: 46ch;--a1: var(--f-s1);--a2: var(--f-s2);--a3: var(--f-s3);--a4: var(--f-s4);--a5: var(--f-s6);--a6: var(--f-s8);--a7: var(--f-s12);--a8: var(--f-s16);--a9: var(--f-s24);--a10: calc(var(--f-s24) + var(--f-s8));--radius-knopf: var(--f-radius);--radius-karte: var(--f-radius-karte);--kerbe: var(--f-kerbe);--seite: var(--f-breite);--rand: clamp(20px, 5vw, 56px);--dauer-kurz: var(--f-zeit-kurz);--dauer-lang: var(--f-zeit-lang);--kurve: var(--f-kurve)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--schrift);font-size:var(--grad-text);line-height:var(--hoehe-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{max-width:100%;height:auto}a{color:inherit}:focus-visible{outline:3px solid var(--signal);outline-offset:3px}.sprung{position:absolute;left:-9999px;top:0;background:var(--tinte);color:var(--papier);padding:var(--a3) var(--a4);z-index:50}.sprung:focus{left:var(--a3);top:var(--a3)}.huelle{max-width:var(--seite);margin:0 auto;padding-inline:var(--rand)}.band{padding-block:var(--a8)}.band--eng{padding-block:var(--a7)}.band--weit{padding-block:var(--a9)}.band--tinte{background:var(--tinte);color:var(--auf-dunkel)}.band--tinte .fuehrung,.band--tinte .fliess,.band--tinte .zweitzeile,.band--tinte .schild,.band--tinte .frage__wie,.band--tinte .feld__schild,.band--tinte .tarif__takt{color:var(--zweit-auf-dunkel)}.band--tinte a:not(.knopf):not(.marke){color:var(--signal-auf-dunkel)}.titel{font-size:var(--grad-titel);font-weight:600;font-variation-settings:"wdth" 112;letter-spacing:var(--sperrung-titel);line-height:var(--hoehe-titel);margin:0;max-width:16ch}.abschnitt-titel{font-size:var(--grad-abschnitt);font-weight:600;font-variation-settings:"wdth" 108;letter-spacing:-.02em;line-height:var(--hoehe-abschnitt);margin:0 0 var(--a4);max-width:22ch}.unter-titel{font-size:var(--grad-unterabschnitt);font-weight:600;font-variation-settings:"wdth" 106;letter-spacing:-.015em;line-height:1.2;margin:0 0 var(--a2)}.fuehrung{font-size:var(--grad-fuehrung);color:var(--zweit);max-width:var(--breite-fuehrung);margin:var(--a4) 0 0}.fliess{max-width:var(--breite-text);color:var(--zweit);margin:0 0 var(--a4)}.fliess:last-child{margin-bottom:0}.fliess strong{color:var(--tinte);font-weight:600}.band--tinte .fliess strong{color:var(--auf-dunkel)}.schild{font-family:var(--schrift-daten);font-size:var(--grad-schild);letter-spacing:var(--sperrung-schild);text-transform:uppercase;color:var(--dritt);margin:0 0 var(--a3);display:block}.zweitzeile{color:var(--zweit);font-size:var(--grad-klein)}.perf{position:relative;height:0;border-top:2px dashed var(--linie-stark);--kerbe-fuellung: var(--papier)}.perf:before,.perf:after{content:"";position:absolute;top:calc(var(--kerbe) / -1);width:calc(var(--kerbe) * 2);height:calc(var(--kerbe) * 2);border-radius:50%;background:var(--kerbe-fuellung)}.perf:before{left:calc(var(--kerbe) / -1)}.perf:after{right:calc(var(--kerbe) / -1)}.band--tinte .perf{border-top-color:var(--linie-stark-auf-dunkel);--kerbe-fuellung: var(--tinte)}.marke{display:inline-flex;align-items:center;gap:.44em;text-decoration:none;color:var(--tinte)}.marke svg{display:block;flex:none}.marke__wort{font-weight:600;font-variation-settings:"wdth" 112;letter-spacing:var(--sperrung-wortmark);text-transform:uppercase;line-height:1;font-size:var(--grad-fuehrung)}.band--tinte .marke,.fuss .marke{color:inherit}.kopf{border-bottom:1px solid var(--linie);position:sticky;top:0;background:var(--papier);z-index:20}.kopf__innen{display:flex;align-items:center;justify-content:space-between;gap:var(--a4);padding-block:var(--a3)}.kopf__wege{display:flex;align-items:center;gap:var(--a5)}.kopf__weg{text-decoration:none;font-size:var(--grad-klein);color:var(--zweit);padding-block:var(--a1);border-bottom:2px solid transparent}.kopf__weg:hover{color:var(--tinte);border-bottom-color:var(--signal)}@media(max-width:780px){.kopf__wege .nur-breit{display:none}}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:inherit;font-weight:600;font-variation-settings:"wdth" 106;border:2px solid var(--tinte);border-radius:var(--radius-knopf);padding:.62em 1.15em;cursor:pointer;text-decoration:none;background:transparent;color:var(--tinte);transition:background var(--dauer-kurz) var(--kurve),color var(--dauer-kurz) var(--kurve),border-color var(--dauer-kurz) var(--kurve)}.knopf--voll{background:var(--signal);border-color:var(--signal);color:#fff}.knopf--voll:hover{background:var(--signal-tief);border-color:var(--signal-tief)}.knopf--leer:hover{background:var(--tinte);color:var(--papier)}.band--tinte .knopf--leer{border-color:var(--auf-dunkel);color:var(--auf-dunkel)}.band--tinte .knopf--leer:hover{background:var(--auf-dunkel);color:var(--tinte)}.knopfreihe{display:flex;flex-wrap:wrap;gap:var(--a3);margin-top:var(--a5)}.stub{background:var(--papier-tief);border:1px solid var(--papier-rand);border-radius:var(--radius-karte);width:100%;max-width:23rem;overflow:hidden}.stub__kopf{padding:var(--a4) var(--a5) var(--a3)}.stub__laden{font-family:var(--schrift-daten);font-size:var(--grad-schild);letter-spacing:var(--sperrung-schild);text-transform:uppercase;color:var(--dritt)}.stub__wert{font-size:var(--grad-abschnitt);font-weight:600;font-variation-settings:"wdth" 110;letter-spacing:-.02em;margin-top:var(--a1);line-height:1.1}.stub__was{color:var(--zweit);font-size:var(--grad-klein);margin:var(--a1) 0 0}.stub .perf{--kerbe-fuellung: var(--papier);margin-block:var(--a3)}.stub__fuss{padding:var(--a3) var(--a5) var(--a4);display:flex;align-items:baseline;justify-content:space-between;gap:var(--a3)}.stub__code{font-family:var(--schrift-daten);font-size:var(--grad-unterabschnitt);letter-spacing:var(--sperrung-code)}.stub__uhr{font-family:var(--schrift-daten);font-size:var(--grad-schild);color:var(--signal-tief);letter-spacing:.08em;white-space:nowrap}.band--tinte .stub{background:var(--papier);border-color:transparent;color:var(--tinte)}.band--tinte .stub .perf{border-top-color:var(--linie-stark);--kerbe-fuellung: var(--tinte)}.band--tinte .stub__was{color:var(--zweit)}.streifen{border-left:2px dashed var(--linie-stark);padding-left:var(--a5);margin:var(--a6) 0 0;max-width:38rem;list-style:none}.band--tinte .streifen{border-left-color:var(--linie-stark-auf-dunkel)}.streifen__zeile{display:grid;grid-template-columns:2.6rem 1fr;gap:var(--a4);padding-block:var(--a3);border-bottom:1px solid var(--linie)}.band--tinte .streifen__zeile{border-bottom-color:var(--linie-auf-dunkel)}.streifen__zeile:last-child{border-bottom:0}.streifen__nr{font-family:var(--schrift-daten);font-size:var(--grad-klein);color:var(--signal);letter-spacing:.1em;padding-top:.18em}.band--tinte .streifen__nr{color:var(--signal-auf-dunkel)}.streifen__was{font-weight:600;font-variation-settings:"wdth" 106}.streifen__wie{color:var(--zweit);font-size:var(--grad-klein);margin:var(--a1) 0 0}.band--tinte .streifen__wie{color:var(--zweit-auf-dunkel)}.kasse{display:grid;place-items:center;text-align:center;border-radius:var(--radius-karte);padding:var(--a7) var(--a5);color:#fff;min-height:15rem;width:100%;max-width:17rem}.kasse--gueltig{background:var(--gueltig)}.kasse--verbraucht{background:var(--verbraucht)}.kasse__zeichen{font-size:3.4rem;line-height:1}.kasse__wort{font-size:var(--grad-abschnitt);font-weight:600;font-variation-settings:"wdth" 110;letter-spacing:-.01em;margin-top:var(--a2)}.kasse__dazu{font-family:var(--schrift-daten);font-size:var(--grad-klein);letter-spacing:.1em;opacity:.82;margin-top:var(--a2)}.feld{display:block}.feld__schild{display:block;font-family:var(--schrift-daten);font-size:var(--grad-schild);letter-spacing:var(--sperrung-schild);text-transform:uppercase;color:var(--zweit);margin-bottom:var(--a2)}.feld__eingabe{width:100%;font:inherit;font-family:var(--schrift-daten);padding:.66em .8em;background:var(--papier-tief);color:var(--tinte);border:2px solid var(--linie-stark);border-radius:var(--radius-knopf)}.feld__eingabe:focus{outline:none;border-color:var(--signal)}.feld__hinweis{font-size:var(--grad-schild);color:var(--dritt);margin:var(--a2) 0 0}.feld__fehler{font-size:var(--grad-klein);color:var(--signal-tief);margin:var(--a2) 0 0;font-weight:600}.honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.paar{display:grid;gap:var(--a7);grid-template-columns:1fr;align-items:center}@media(min-width:860px){.paar{grid-template-columns:1.15fr .85fr;gap:var(--a8)}.paar--gleich{grid-template-columns:1fr 1fr}}.karten{display:grid;gap:var(--a4);grid-template-columns:1fr;margin-top:var(--a6)}@media(min-width:760px){.karten--drei{grid-template-columns:repeat(3,1fr)}.karten--zwei{grid-template-columns:repeat(2,1fr)}}.karte{border:1px solid var(--linie);border-radius:var(--radius-karte);padding:var(--a5);background:var(--papier-tief)}.band--tinte .karte{border-color:var(--linie-auf-dunkel);background:transparent}.tarif{border:1px solid var(--linie);border-radius:var(--radius-karte);padding:var(--a5);display:flex;flex-direction:column}.tarif--betont{border:2px solid var(--tinte);background:var(--papier-tief)}.tarif__name{font-family:var(--schrift-daten);font-size:var(--grad-schild);letter-spacing:var(--sperrung-schild);text-transform:uppercase;color:var(--dritt)}.tarif__preis{font-size:var(--grad-gross);font-weight:600;font-variation-settings:"wdth" 110;letter-spacing:-.025em;line-height:1.1;margin:var(--a2) 0 0}.tarif__takt{font-family:var(--schrift-daten);font-size:var(--grad-schild);color:var(--zweit);letter-spacing:.06em}.tarif__liste{list-style:none;padding:0;margin:var(--a4) 0 var(--a5);display:grid;gap:var(--a2);font-size:var(--grad-klein);color:var(--zweit)}.tarif__liste li{display:grid;grid-template-columns:1.1rem 1fr;gap:var(--a2)}.tarif__liste li:before{content:"·";color:var(--signal);font-family:var(--schrift-daten)}.tarif .knopf{margin-top:auto}.frage{border-top:1px solid var(--linie);padding-block:var(--a4);max-width:var(--breite-text)}.frage__was{font-weight:600;font-variation-settings:"wdth" 106;margin:0 0 var(--a2)}.frage__wie{color:var(--zweit);margin:0}.rechtstext{max-width:var(--breite-text)}.rechtstext h2{font-size:var(--grad-unterabschnitt);font-weight:600;font-variation-settings:"wdth" 106;letter-spacing:-.015em;margin:var(--a6) 0 var(--a2)}.rechtstext h2:first-child{margin-top:0}.rechtstext p,.rechtstext li{color:var(--zweit)}.rechtstext ul{padding-left:1.2em}.rechtstext li{margin-bottom:var(--a2)}.rechtstext li::marker{color:var(--signal)}.rechtstext a{color:var(--signal-tief);text-underline-offset:3px}.rechtstext strong{color:var(--tinte)}.fuss{background:var(--tinte);color:var(--auf-dunkel);padding-block:var(--a7);margin-top:var(--a8)}.fuss__reihen{display:grid;gap:var(--a6);grid-template-columns:1fr}@media(min-width:760px){.fuss__reihen{grid-template-columns:1.4fr 1fr 1fr}}.fuss__spalte h3{font-family:var(--schrift-daten);font-size:var(--grad-schild);letter-spacing:var(--sperrung-schild);text-transform:uppercase;color:var(--zweit-auf-dunkel);font-weight:500;margin:0 0 var(--a3)}.fuss__liste{list-style:none;padding:0;margin:0;display:grid;gap:var(--a2);font-size:var(--grad-klein)}.fuss__liste a{text-decoration:none;color:var(--auf-dunkel);border-bottom:1px solid transparent}.fuss__liste a:hover{border-bottom-color:var(--signal-auf-dunkel)}.fuss__unten{margin-top:var(--a6);padding-top:var(--a4);border-top:1px solid var(--linie-auf-dunkel);display:flex;flex-wrap:wrap;gap:var(--a4);justify-content:space-between;font-size:var(--grad-schild);font-family:var(--schrift-daten);color:var(--zweit-auf-dunkel);letter-spacing:.06em}.sprachen{display:flex;gap:var(--a3)}.sprachen a{text-decoration:none;color:var(--zweit-auf-dunkel)}.sprachen a[aria-current=true]{color:var(--auf-dunkel)}@media(min-width:1000px){.band .huelle:not(.paar):has(>.schild),.band .huelle:not(.paar)>div:not(.karten):has(>.schild){display:grid;grid-template-columns:13rem minmax(0,1fr);column-gap:var(--a12);align-items:start}.band .huelle:not(.paar):has(>.schild)>*,.band .huelle:not(.paar)>div:not(.karten):has(>.schild)>*{grid-column:2}.band .huelle:not(.paar):has(>.schild)>.schild,.band .huelle:not(.paar)>div:not(.karten):has(>.schild)>.schild{grid-column:1;grid-row:1;margin:0;padding-top:.5em}.band .huelle:not(.paar):has(>.schild)>.perf,.band .huelle:not(.paar)>div:not(.karten):has(>.schild)>.perf{grid-column:1 / -1}}