:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--board:#dad5c8;--board-tief:#cdc7b7;--board-hoch:#e7e3d9;--kante:#b6af9c;--ink:#17211d;--ink-leise:#4b5550;--gruen:#1e4d3b;--gruen-satt:#14382a;--gruen-duenn:#1e4d3b29;--messing:#6f4d0b;--messing-flaeche:#a8791a24;--schrift-anschlag:"Helvetica Neue", "Arial Narrow", "Liberation Sans Narrow", "Roboto Condensed", Arial, sans-serif;--schrift-text:Georgia, "Iowan Old Style", "Times New Roman", serif;--schrift-zahl:ui-monospace, Menlo, Consolas, "DejaVu Sans Mono", monospace;--mass:1120px;--satz:64ch}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--board:#111814;--board-tief:#0b100d;--board-hoch:#1a231e;--kante:#2c3830;--ink:#e7e2d5;--ink-leise:#98a099;--gruen:#5fb08c;--gruen-satt:#7ec5a4;--gruen-duenn:#5fb08c2e;--messing:#d8a743;--messing-flaeche:#d8a74324}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--board:#111814;--board-tief:#0b100d;--board-hoch:#1a231e;--kante:#2c3830;--ink:#e7e2d5;--ink-leise:#98a099;--gruen:#5fb08c;--gruen-satt:#7ec5a4;--gruen-duenn:#5fb08c2e;--messing:#d8a743;--messing-flaeche:#d8a74324}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--board:#dad5c8;--board-tief:#cdc7b7;--board-hoch:#e7e3d9;--kante:#b6af9c;--ink:#17211d;--ink-leise:#4b5550;--gruen:#1e4d3b;--gruen-satt:#14382a;--gruen-duenn:#1e4d3b29;--messing:#6f4d0b;--messing-flaeche:#a8791a24}*{box-sizing:border-box}body{background-color:var(--board);background-image:radial-gradient(circle at 12% 22%, var(--board-tief) 0 1.1px, transparent 1.2px), radial-gradient(circle at 68% 61%, var(--board-tief) 0 .9px, transparent 1px), radial-gradient(circle at 41% 84%, var(--board-hoch) 0 1px, transparent 1.1px);color:var(--ink);font-family:var(--schrift-text);-webkit-font-smoothing:antialiased;background-size:37px 41px,53px 47px,29px 61px;margin:0;font-size:17px;line-height:1.65}h1,h2,h3,.anschlag{font-family:var(--schrift-anschlag);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:700;font-stretch:75%}h1{letter-spacing:-.015em;font-size:clamp(2.6rem,5.6vw,4.6rem);line-height:.94}h2{font-size:clamp(1.9rem,4vw,3rem);line-height:.98}h3{letter-spacing:.02em;font-size:1.12rem;line-height:1.25}p{margin:0}.zahl{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums}.marke{font-family:var(--schrift-anschlag);text-transform:uppercase;letter-spacing:.22em;color:var(--gruen);font-size:.72rem;font-weight:700;font-stretch:75%}.vorspann{color:var(--ink-leise);max-width:var(--satz);font-size:clamp(1.05rem,1.6vw,1.25rem)}a{color:var(--gruen);text-underline-offset:3px}:focus-visible{outline:2.5px solid var(--messing);outline-offset:3px}.bahn{max-width:var(--mass);margin:0 auto;padding:0 clamp(20px,5vw,40px)}.abschnitt{padding-block-start:clamp(64px,9vw,118px);padding-block-end:clamp(64px,9vw,118px)}.riss{max-width:var(--mass);align-items:center;gap:14px;margin:0 auto;padding:0 clamp(20px,5vw,40px);display:flex}.riss:before,.riss:after{content:"";background:var(--gruen);opacity:.35;flex:1;height:1px}.riss span{border:1.5px solid var(--gruen);opacity:.55;border-radius:50%;width:9px;height:9px}.kopf{z-index:50;background:color-mix(in srgb, var(--board) 88%, transparent);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-bottom:1px solid var(--kante);position:sticky;top:0}.kopf-inhalt{max-width:var(--mass);align-items:center;gap:22px;margin:0 auto;padding:12px clamp(16px,5vw,40px);display:flex}.wortmarke{font-family:var(--schrift-anschlag);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);align-items:center;gap:10px;min-width:0;min-height:24px;margin-right:auto;font-size:1.05rem;font-weight:700;font-stretch:75%;text-decoration:none;display:flex}.wortmarke svg{flex:none}.wortmarke-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wortmarke-anbieter{letter-spacing:.16em;color:var(--gruen);border-left:1px solid var(--kante);margin-left:3px;padding-left:9px;font-size:.66rem;display:none}@media (min-width:1080px){.wortmarke-anbieter{display:inline}}.kopf .knopf{display:none}@media (min-width:620px){.kopf .knopf{display:inline-flex}}.wortmarke svg{display:block}.kopf-nav{gap:22px;display:none}.kopf-nav a{font-family:var(--schrift-anschlag);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-leise);font-size:.82rem;font-weight:700;font-stretch:75%;text-decoration:none}.kopf-nav a:hover{color:var(--gruen)}.kopf-nav a{padding-block-start:4px;padding-block-end:4px}@media (min-width:900px){.kopf-nav{display:flex}}.themenschalter{border:1px solid var(--kante);color:var(--ink-leise);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.themenschalter:hover{color:var(--gruen);border-color:var(--gruen)}@media (max-width:400px){.kopf-inhalt{gap:10px}.wortmarke{letter-spacing:.01em;gap:7px;font-size:.8rem}.wortmarke svg{width:20px;height:20px}}.knopf{font-family:var(--schrift-anschlag);text-transform:uppercase;letter-spacing:.07em;border:1.5px solid var(--gruen);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:9px;padding:13px 24px;font-size:.92rem;font-weight:700;font-stretch:75%;text-decoration:none;transition:transform .12s,background-color .12s,color .12s;display:inline-flex}.knopf:active{transform:translateY(1px)}.knopf-voll{background:var(--gruen);color:var(--board)}.knopf-voll:hover{background:var(--gruen-satt);border-color:var(--gruen-satt)}.knopf-leer{color:var(--gruen);background:0 0}.knopf-leer:hover{background:var(--gruen-duenn)}.hero{padding-block-start:clamp(48px,7vw,88px);padding-block-end:clamp(56px,7vw,96px)}.hero-raster{grid-template-columns:1fr;align-items:center;gap:clamp(40px,6vw,64px);display:grid}@media (min-width:940px){.hero-raster{grid-template-columns:1.05fr .95fr}}.hero-text{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.hero-text h1 span{color:var(--gruen)}.hero-knoepfe{flex-wrap:wrap;gap:12px;display:flex}.hero-fuss{font-family:var(--schrift-zahl);color:var(--ink-leise);letter-spacing:.01em;font-size:.78rem}.hero-geraet{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.geraet-tresen{width:100%}.kachel-knopf{font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .12s,background-color .12s,transform 80ms}.kachel-knopf:hover{background:#13203a;border-color:#0ea5e9}.kachel-knopf:active{transform:translateY(1px)}.kachel-knopf:focus-visible{outline-offset:2px;outline:2.5px solid #0ea5e9}.tresen-fuss{border-top:1px solid #1c2a44;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;display:flex}.tresen-deckel{flex-direction:column;gap:2px;display:flex}.tresen-deckel .leise{color:#8fa0bd;font-size:11px}.tresen-deckel output{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.tresen-zahlen{font:inherit;cursor:pointer;color:#04121f;background:#0ea5e9;border:1px solid #0ea5e9;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700}.tresen-zahlen[disabled]{opacity:.45;cursor:default}.tresen-zahlen:focus-visible{outline-offset:2px;outline:2.5px solid #f5b544}.tresen-leer{color:#8fa0bd;padding:4px 2px;font-size:12px}.tresen-zeit{color:#8fa0bd}.deckel-hinweis{color:var(--ink-leise);text-align:center;max-width:34ch;font-size:.82rem}.zettel-raster{background:var(--kante);border:1px solid var(--kante);grid-template-columns:1fr;gap:1px;margin-top:40px;display:grid}@media (min-width:760px){.zettel-raster{grid-template-columns:repeat(2,1fr)}}.zettel-feld{background:var(--board);flex-direction:column;gap:9px;padding:26px clamp(20px,3vw,30px);display:flex}.zettel-feld .alt{font-family:var(--schrift-zahl);letter-spacing:.06em;text-transform:uppercase;color:var(--messing);font-size:.76rem}.zettel-feld p{color:var(--ink-leise);font-size:.96rem}.flaechen{flex-direction:column;gap:clamp(48px,7vw,84px);margin-top:48px;display:flex}.flaeche{grid-template-columns:1fr;align-items:center;gap:clamp(28px,4vw,52px);display:grid}@media (min-width:900px){.flaeche{grid-template-columns:.85fr 1.15fr}.flaeche.gedreht>.flaeche-bild{order:-1}}.flaeche-text{flex-direction:column;gap:14px;display:flex}.flaeche-text ul{color:var(--ink-leise);margin:6px 0 0;padding-left:1.05em;font-size:.97rem}.flaeche-text li{margin-bottom:5px}.hero-raster>*,.flaeche>*{min-width:0}.geraet{color:#e8eefb;background:#0b1220;border:1px solid #1e2c47;border-radius:12px;max-width:100%;padding:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4;overflow-x:auto;box-shadow:0 18px 40px #00000047}.geraet[tabindex]:focus-visible{outline-offset:3px;outline:2.5px solid #0ea5e9}.geraet-kopf{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.geraet-kopf strong{font-size:16px;font-weight:700}.geraet-kopf .leise{color:#8fa0bd;font-size:11px}.geraet-karte{background:#101a2e;border:1px solid #1c2a44;border-radius:9px;padding:11px 13px}.geraet-raster{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.geraet-kachel{background:#101a2e;border:1px solid #1c2a44;border-radius:9px;flex-direction:column;gap:14px;padding:11px 12px;display:flex}.geraet-kachel b{font-weight:700}.geraet-kachel span{color:#a9b8d2;font-size:12px}.geraet-kachel.aktiv{border-color:#0ea5e9}.offen{color:#f5b544;font-weight:700}.gut{color:#34d399;font-weight:700}.geraet-zeilen{flex-direction:column;gap:6px;margin-top:10px;display:flex}.geraet-zeile{background:#101a2e;border-radius:7px;justify-content:space-between;gap:12px;padding:8px 11px;display:flex}.geraet-zeile em{color:#cfdcf1;font-style:normal}.geraet-tabelle{border-collapse:collapse;width:100%;margin-top:10px;font-size:12px}.geraet-tabelle th{text-align:left;color:#8fa0bd;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border-bottom:1px solid #1c2a44;padding:0 8px 7px;font-size:11px;font-weight:600}.geraet-tabelle td{font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:1px solid #16223a;padding:7px 8px}.geraet-tabelle td.r,.geraet-tabelle th.r{text-align:right}.geraet-reiter{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.geraet-reiter span{color:#a9b8d2;background:#101a2e;border:1px solid #1c2a44;border-radius:999px;padding:5px 10px;font-size:11px}.geraet-reiter span.an{color:#04121f;background:#0ea5e9;border-color:#0ea5e9;font-weight:700}.pillen{align-items:center;gap:5px;font-size:11px;display:inline-flex}.pille-punkt{border-radius:50%;width:7px;height:7px;display:inline-block}.funktionen{background:var(--kante);border:1px solid var(--kante);grid-template-columns:1fr;gap:1px;margin-top:44px;display:grid}@media (min-width:680px){.funktionen{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.funktionen{grid-template-columns:repeat(3,1fr)}}.funktion{background:var(--board);flex-direction:column;gap:8px;padding:24px clamp(18px,2.4vw,26px);display:flex}.funktion h3{color:var(--ink)}.funktion p{color:var(--ink-leise);font-size:.93rem}.funktion .sigel{border:1.5px solid var(--gruen);width:26px;height:26px;color:var(--gruen);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.funktion .sigel svg{display:block}.sicher{background:var(--board-hoch);border-top:1px solid var(--kante);border-bottom:1px solid var(--kante)}.sicher-raster{grid-template-columns:1fr;gap:clamp(28px,4vw,48px);margin-top:34px;display:grid}@media (min-width:860px){.sicher-raster{grid-template-columns:.9fr 1.1fr}}.sicher-liste{flex-direction:column;gap:0;display:flex}.sicher-punkt{border-top:1px solid var(--kante);grid-template-columns:auto 1fr;gap:14px;padding:15px 0;display:grid}.sicher-punkt:last-child{border-bottom:1px solid var(--kante)}.sicher-punkt .kuerzel{font-family:var(--schrift-zahl);letter-spacing:.04em;color:var(--gruen);white-space:nowrap;padding-top:4px;font-size:.72rem}.sicher-punkt b{font-family:var(--schrift-anschlag);text-transform:uppercase;letter-spacing:.03em;font-size:1rem;font-stretch:75%}.sicher-punkt p{color:var(--ink-leise);font-size:.93rem}.schritte{background:var(--kante);border:1px solid var(--kante);grid-template-columns:1fr;gap:1px;margin-top:44px;display:grid}@media (min-width:720px){.schritte{grid-template-columns:repeat(2,1fr)}}@media (min-width:1040px){.schritte{grid-template-columns:repeat(4,1fr)}}.schritt{background:var(--board);flex-direction:column;gap:10px;padding:26px clamp(18px,2.4vw,24px);display:flex}.schritt .striche{align-items:flex-end;gap:4px;height:26px;display:flex}.schritt .striche i{background:var(--gruen);border-radius:2px;width:2.5px;display:block}.schritt p{color:var(--ink-leise);font-size:.93rem}.schritt .dauer{font-family:var(--schrift-zahl);color:var(--messing);letter-spacing:.03em;margin-top:auto;padding-top:10px;font-size:.74rem}.preisblatt{border:2px solid var(--gruen);background:var(--board-hoch);border-radius:3px;grid-template-columns:1fr;margin-top:44px;display:grid}@media (min-width:880px){.preisblatt{grid-template-columns:.82fr 1.18fr}}.preis-schild{border-bottom:2px solid var(--gruen);flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(28px,3.4vw,40px);display:flex}@media (min-width:880px){.preis-schild{border-bottom:0;border-right:2px solid var(--gruen)}}.preis-schild .zeile{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.preis-schild .betrag{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums;color:var(--ink);font-size:clamp(3.4rem,7vw,4.6rem);font-weight:700;line-height:.9}.preis-schild .waehrung{font-family:var(--schrift-zahl);color:var(--ink);margin-right:10px;font-size:clamp(2rem,4vw,2.6rem);font-weight:700;line-height:.9}.preis-schild .einheit{font-family:var(--schrift-anschlag);text-transform:uppercase;letter-spacing:.1em;color:var(--gruen);font-size:.86rem;font-weight:700;font-stretch:75%}.preis-schild .steuer{font-family:var(--schrift-zahl);color:var(--ink-leise);font-size:.8rem}.preis-schild .knopf{margin-top:6px}.preis-inhalt{flex-direction:column;gap:16px;padding:clamp(28px,3.4vw,40px);display:flex}.preis-inhalt h3{color:var(--ink)}.preis-inhalt ul{grid-template-columns:1fr;gap:10px 26px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:620px){.preis-inhalt ul{grid-template-columns:repeat(2,1fr)}}.preis-inhalt li{color:var(--ink-leise);grid-template-columns:auto 1fr;gap:9px;font-size:.93rem;display:grid}.preis-inhalt li svg{color:var(--gruen);margin-top:5px}.preis-fuss{color:var(--ink-leise);max-width:var(--satz);margin-top:26px;font-size:.86rem}.faq{border-top:1px solid var(--kante);margin-top:40px}.faq details{border-bottom:1px solid var(--kante)}.faq summary{cursor:pointer;font-family:var(--schrift-anschlag);text-transform:uppercase;letter-spacing:.02em;padding:18px 34px 18px 0;font-size:1.05rem;font-weight:700;font-stretch:75%;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--schrift-zahl);color:var(--gruen);font-size:1.3rem;line-height:1;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-leise);max-width:var(--satz);padding:0 0 20px;font-size:.97rem}.schluss{background:var(--gruen);color:var(--board)}.schluss h2{color:inherit}.schluss p{color:inherit;opacity:.82;max-width:var(--satz)}.schluss-inhalt{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.schluss .knopf-voll{background:var(--board);border-color:var(--board);color:var(--gruen)}.schluss .knopf-voll:hover{background:var(--board-hoch);border-color:var(--board-hoch)}.schluss .marke{color:inherit}.fuss{border-top:1px solid var(--kante);color:var(--ink-leise);padding-block-start:46px;padding-block-end:52px;font-size:.87rem}.fuss-raster{grid-template-columns:1fr;align-items:start;gap:28px clamp(24px,4vw,56px);display:grid}@media (min-width:760px){.fuss-raster{grid-template-columns:1.4fr 1fr 1fr}}.fuss a{color:var(--ink-leise);text-decoration:none}.fuss a:hover{color:var(--gruen);text-decoration:underline}.fuss nav{flex-direction:column;gap:5px;display:flex}.fuss nav a{padding-block-start:5px;padding-block-end:5px}.fuss-anbieter{flex-direction:column;gap:7px;display:flex}.fuss-marke{font-family:var(--schrift-anschlag);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:1.45rem;font-weight:700;font-stretch:75%}.fuss-marke:hover{color:var(--gruen)}.fuss-recht{border-top:1px solid var(--kante);grid-column:1/-1;padding-top:22px;font-size:.8rem}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (max-width:640px){.marke{font-size:.78rem}.hero-fuss{font-size:.95rem}.deckel-hinweis{max-width:none;font-size:.95rem}.funktion p,.sicher-punkt p,.schritt p,.preis-inhalt li,.preis-fuss,.fuss,.fuss-recht{font-size:.95rem}.sicher-punkt .kuerzel,.schritt .dauer,.zettel-feld .alt{font-size:.82rem}}@media (max-width:400px){.geraet-raster{grid-template-columns:repeat(2,1fr)}.geraet{padding:12px}.tresen-fuss{gap:10px}}
