:root{color-scheme:light;--grund:#f4f7f6;--karte:#fff;--flaeche:#eef2f1;--flaeche-2:#e4eae8;--rand:#e2e6eb;--rand-stark:#cdd4dc;--text:#12161c;--text-leise:#545f6c;--akzent:#12694d;--akzent-stark:#0d5540;--akzent-hell:#e7f3ee;--akzent2:#2b6cb0;--gut:#12694d;--okay:#7d5b12;--schlecht:#9c3527;--regler-bahn:#aab5c2;--regler-rand:#6f7b8a;--schatten:0 1px 2px #1018280a, 0 8px 24px -12px #1018281f;--schatten-hoch:0 2px 4px #1018280d, 0 16px 32px -12px #1018282e;--radius:14px;--radius-s:9px;--breite:1280px;--breite-text:720px;--rand-aussen:22px}@media (prefers-color-scheme:dark){:root:not([data-theme=hell]){color-scheme:dark;--grund:#0c0f13;--karte:#151a20;--flaeche:#1b2129;--flaeche-2:#232b34;--rand:#303945;--rand-stark:#47525f;--text:#eff2f6;--text-leise:#a8b3c1;--akzent:#55cfa3;--akzent-stark:#7fdcb9;--akzent-hell:#14322a;--akzent2:#6aa8e8;--gut:#55cfa3;--okay:#e0b45c;--schlecht:#f0937f;--regler-bahn:#55606e;--regler-rand:#8a95a3;--schatten:0 1px 2px #0006, 0 8px 24px -12px #0009;--schatten-hoch:0 2px 4px #00000080, 0 16px 32px -12px #000000b3}}:root[data-theme=dunkel]{color-scheme:dark;--grund:#0c0f13;--karte:#151a20;--flaeche:#1b2129;--flaeche-2:#232b34;--rand:#303945;--rand-stark:#47525f;--text:#eff2f6;--text-leise:#a8b3c1;--akzent:#55cfa3;--akzent-stark:#7fdcb9;--akzent-hell:#14322a;--akzent2:#6aa8e8;--gut:#55cfa3;--okay:#e0b45c;--schlecht:#f0937f;--regler-bahn:#55606e;--regler-rand:#8a95a3;--schatten:0 1px 2px #0006, 0 8px 24px -12px #0009;--schatten-hoch:0 2px 4px #00000080, 0 16px 32px -12px #000000b3}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{color:var(--text);background-color:var(--grund);background-image:radial-gradient(46% 38% at 88% 0%, color-mix(in srgb, var(--akzent) 11%, transparent), transparent 70%), radial-gradient(42% 36% at 4% 26%, color-mix(in srgb, var(--akzent2) 9%, transparent), transparent 72%);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;background-repeat:no-repeat;background-attachment:fixed;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:17px;line-height:1.65}@media (width<=700px){body{background-image:none}}.huelle{max-width:var(--breite);padding:0 var(--rand-aussen);margin:0 auto}@media (width<=400px){:root{--rand-aussen:15px}}@media (width>=1600px){:root{--breite:1440px;--rand-aussen:34px}}.kopf{border-bottom:1px solid var(--rand);background:color-mix(in srgb, var(--grund) 85%, transparent);backdrop-filter:blur(8px);z-index:10;padding:15px 0;position:sticky;top:0}.kopf .huelle{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.marke{color:var(--text);letter-spacing:-.025em;align-items:center;gap:10px;font-size:1.2rem;font-weight:750;text-decoration:none;display:inline-flex}.marke-zeichen{display:flex}.design-schalter{border:1px solid var(--rand-stark);background:var(--karte);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-self:center;align-items:center;gap:7px;margin-left:auto;padding:7px 13px;font-size:.82rem;font-weight:560;display:inline-flex}.design-schalter:hover{border-color:var(--akzent);color:var(--akzent)}.design-schalter:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.design-symbol{display:flex}.design-symbol svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round}.design-symbol svg path[d^=M20]{fill:currentColor;stroke:none}@media (width<=560px){.design-text{display:none}.design-schalter{padding:7px 9px}}@media (pointer:coarse){.design-schalter{justify-content:center;min-width:44px;min-height:44px}}@media print{.design-schalter{display:none}}.marke-flaeche{fill:var(--akzent)}.marke-glyph{fill:var(--grund)}.marke:hover .marke-flaeche{fill:var(--akzent-stark)}.marke-slogan{color:var(--text-leise);font-size:.88rem}@media (width<=560px){.marke-slogan{display:none}}.fuss{border-top:1px solid var(--rand);color:var(--text-leise);margin-top:88px;padding:30px 0 52px;font-size:.88rem}.fuss a{color:var(--text-leise)}.fuss nav{flex-wrap:wrap;gap:20px;margin-bottom:14px;display:flex}.fuss p{max-width:var(--breite-text)}h1{letter-spacing:-.038em;margin:0 0 18px;font-size:clamp(2.1rem,6.5vw,3.4rem);font-weight:800;line-height:1.08}h2{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(1.35rem,3vw,1.6rem);font-weight:700;line-height:1.25}h3{margin:28px 0 8px;font-size:1.08rem}p{margin:0 0 16px}a{color:var(--akzent);text-underline-offset:2px;text-decoration-thickness:1px}main section:not(.hero){margin-bottom:68px}main section:not(.hero)>p,main section:not(.hero)>h2,.rechner-seite>h1,.rechner-seite>.einleitung{max-width:var(--breite-text)}.hero{margin-bottom:62px}.einleitung{color:var(--text-leise);max-width:var(--breite-text);margin-bottom:34px;font-size:1.1rem}.hero{isolation:isolate;text-align:center;color:#eaf5f0;background:linear-gradient(168deg,#0a2c22 0%,#0d3b2c 38%,#113f4d 100%);padding:104px 0 62px;position:relative;overflow:hidden}.szene{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(78% 62% at 50% 46%,#0518139e,#05181357 62%,#0000 100%),linear-gradient(#0518136b,#05181329 45%,#05181366);position:absolute;inset:0}.szene>span{display:block;position:absolute}.szene-himmel{background:radial-gradient(60% 70% at 78% 8%,#ffd67857,#0000 68%),radial-gradient(55% 65% at 12% 96%,#3abe964d,#0000 70%),radial-gradient(50% 60%,#2b82b438,#0000 72%);animation:18s ease-in-out infinite alternate himmelAtmen;inset:0}@keyframes himmelAtmen{0%{opacity:.75;transform:scale(1)}to{opacity:1;transform:scale(1.09)}}.szene-sonne{filter:blur(2px);background:radial-gradient(circle,#ffe296eb 0%,#ffc65c80 38%,#0000 68%);border-radius:50%;width:300px;height:300px;animation:7s ease-in-out infinite alternate sonnePulsieren;top:-80px;right:-40px}@keyframes sonnePulsieren{0%{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.12)}}.szene-strahlen{background:conic-gradient(#0000 0deg 12deg,#ffe2a024 12deg 20deg,#0000 20deg 44deg,#ffe2a01a 44deg 50deg,#0000 50deg 92deg,#ffe2a021 92deg 99deg,#0000 99deg 360deg);border-radius:50%;width:620px;height:620px;animation:68s linear infinite strahlenDrehen;top:-260px;right:-260px}@keyframes strahlenDrehen{to{transform:rotate(360deg)}}.szene-band{filter:blur(28px);opacity:.5;border-radius:50%;width:160%;height:128px;left:-30%}.szene-band-1{background:linear-gradient(90deg,#0000,#5adcb08c,#0000);animation:26s ease-in-out infinite alternate bandZiehen;top:22%}.szene-band-2{background:linear-gradient(90deg,#0000,#7ac4f073,#0000);animation:34s ease-in-out infinite alternate-reverse bandZiehen;top:52%}.szene-band-3{background:linear-gradient(90deg,#0000,#ffd68259,#0000);animation:44s ease-in-out infinite alternate bandZiehen;top:76%}@keyframes bandZiehen{0%{transform:translate(-14%)skewY(-2deg)}to{transform:translate(14%)skewY(2deg)}}.szene-gitter{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:46px 46px;inset:0;mask-image:radial-gradient(75% 75% at 50% 40%,#000 30%,#0000 100%)}.hero h1{color:#f2faf6;text-shadow:0 2px 24px #0000004d}.hero-marke{letter-spacing:.02em;color:#d8f5e8;backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;margin:0 0 24px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-block}.hero-akzent{background:linear-gradient(100deg,#7ce8bd,#ffd98a);color:#0000;background-clip:text}.hero-text{color:#e8f6f0db;max-width:570px;margin:0 auto 34px;font-size:1.15rem}.suche{background:var(--karte);border:1.5px solid var(--rand-stark);max-width:620px;box-shadow:var(--schatten);border-radius:999px;align-items:center;margin:0 auto;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.suche:focus-within{border-color:var(--akzent);box-shadow:var(--schatten-hoch), 0 0 0 4px var(--akzent-hell)}.hero .suche{background:#fffffff7;border-color:#ffffff80;box-shadow:0 18px 44px -18px #0009}.hero .suche:focus-within{border-color:#7ce8bd;box-shadow:0 18px 44px -18px #0009,0 0 0 4px #7ce8bd4d}.hero .suche input{color:#12161c}.hero .suche input::placeholder{color:#5a6673}.hero .suche-icon{stroke:#5a6673}.hero .suche-leeren{color:#5a6673;background:#e4eae8}.suche-icon{fill:none;width:20px;height:20px;stroke:var(--text-leise);stroke-width:2px;stroke-linecap:round;flex:none;margin-left:18px}.suche input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;border-radius:999px;flex:1;padding:15px 12px}.suche input:focus{outline:none}.suche input::placeholder{color:var(--text-leise)}.suche input::-webkit-search-cancel-button{display:none}.suche-leeren{background:var(--flaeche-2);color:var(--text-leise);cursor:pointer;border:0;border-radius:50%;flex:none;width:28px;height:28px;margin-right:12px;font-size:1.1rem;line-height:1}.suche-leeren:hover{color:var(--text)}.vertrauen{color:#e8f6f0d1;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:26px 0 0;padding:0;font-size:.87rem;list-style:none;display:flex}.vertrauen li{align-items:center;gap:7px;display:flex}.vertrauen li:before{content:"";background:#7ce8bd;border-radius:50%;flex:none;width:6px;height:6px}@media (width<=560px){.hero{padding:54px 0 40px}.hero-marke{margin-bottom:18px}.hero-text{margin-bottom:26px;font-size:1.02rem}.vertrauen{gap:6px 16px;margin-top:20px;font-size:.8rem}.szene-sonne{width:210px;height:210px;top:-60px;right:-55px}.szene-gitter{background-size:34px 34px}}.katalog{margin-top:56px}.filter{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.pille{border:1px solid var(--rand);background:var(--flaeche);color:var(--text-leise);font:inherit;cursor:pointer;border-radius:999px;padding:7px 15px;font-size:.88rem;font-weight:550;transition:background .12s,color .12s,border-color .12s}.pille:hover{border-color:var(--rand-stark);color:var(--text)}.pille.ist-aktiv{background:var(--text);border-color:var(--text);color:var(--grund)}.treffer{min-height:1.4em;color:var(--text-leise);margin:0 0 14px;font-size:.87rem}.karten{grid-template-columns:repeat(auto-fill,minmax(min(265px,100%),1fr));gap:16px;display:grid}.karte{border:1px solid var(--rand);border-radius:var(--radius);background:var(--karte);color:var(--text);flex-direction:column;gap:4px;padding:20px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}a.karte:hover{border-color:var(--akzent);box-shadow:var(--schatten-hoch);transform:translateY(-2px)}a.karte:hover .karte-pfeil{opacity:1;transform:translate(0)}.karte-emoji{margin-bottom:10px;font-size:1.75rem;line-height:1}.karte-kopf{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.karte-name{letter-spacing:-.015em;font-size:1.03rem;font-weight:680}.karte-text{color:var(--text-leise);flex:1;margin:0;font-size:.91rem}.karte-kategorie{letter-spacing:.03em;text-transform:uppercase;color:var(--text-leise);margin-top:12px;font-size:.76rem;font-weight:600}.karte-pfeil{color:var(--akzent);opacity:0;transition:opacity .15s,transform .15s;position:absolute;top:20px;right:20px;transform:translate(-4px)}.karte.ist-geplant{background:var(--flaeche);border-style:dashed}.karte.ist-geplant .karte-emoji{opacity:.5}.marke-bald{letter-spacing:.02em;text-transform:uppercase;color:var(--text-leise);background:var(--flaeche-2);border:1px solid var(--rand);border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:650}.leer{border:1px dashed var(--rand-stark);border-radius:var(--radius);text-align:center;color:var(--text-leise);margin:0;padding:30px 22px;font-size:.93rem}.themen{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:12px;margin-top:22px;display:grid}.thema{border:1px solid var(--rand);border-radius:var(--radius);background:var(--karte);color:var(--text);align-items:center;gap:15px;padding:16px 18px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.thema:hover{border-color:var(--akzent);box-shadow:var(--schatten)}.thema-emoji{flex:none;font-size:1.5rem}.thema-inhalt{flex-direction:column;gap:1px;min-width:0;display:flex}.thema-name{font-size:.98rem;font-weight:650}.thema-kurz{color:var(--text-leise);font-size:.85rem}.thema-anzahl{background:var(--akzent-hell);min-width:30px;height:30px;color:var(--akzent);border-radius:50%;flex:none;place-items:center;margin-left:auto;font-size:.85rem;font-weight:700;display:grid}.brotkrumen{color:var(--text-leise);align-items:center;gap:9px;margin-bottom:18px;font-size:.86rem;display:flex}.brotkrumen a{color:var(--text-leise)}.titel-emoji{margin-right:8px}.kategorie-links{flex-wrap:wrap;gap:8px;display:flex}a.pille{text-decoration:none;display:inline-block}.versprechen{grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:11px;margin:0;padding:0;list-style:none;display:grid}.versprechen li{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-s);color:var(--text-leise);padding:15px 18px 15px 46px;font-size:.93rem;position:relative}.versprechen li:before{content:"✓";color:var(--akzent);font-weight:700;position:absolute;top:15px;left:17px}.versprechen strong{color:var(--text);margin-bottom:2px;font-weight:640;display:block}.schritte{counter-reset:schritt;grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.schritte li{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);color:var(--text-leise);flex-direction:column;gap:5px;padding:20px;font-size:.93rem;display:flex}.schritte strong{color:var(--text);font-size:1rem;font-weight:660}.schritt-nr{background:var(--akzent-hell);width:28px;height:28px;color:var(--akzent);border-radius:50%;place-items:center;margin-bottom:6px;font-size:.85rem;font-weight:700;display:grid}.rechner{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);padding:26px}@media (width>=900px){.rechner{grid-template-columns:minmax(360px,38%) minmax(0,1fr);align-items:start;gap:30px;padding:30px;display:grid}.rechner-aktionen{grid-column:1}.rechner-ergebnis{z-index:1;position:sticky;top:88px}.ergebnis{margin-top:0}}@media (width>=1280px){.rechner{grid-template-columns:minmax(390px,34%) minmax(0,1fr);gap:38px}}.feld{margin-bottom:20px}.feld:last-child{margin-bottom:0}.feld label{margin-bottom:7px;font-size:.95rem;font-weight:620;display:block}.feld-eingabe{align-items:center;gap:10px;display:flex}.feld-eingabe.hat-regler{gap:12px}.feld-eingabe.hat-regler .feld-zahl{text-align:right;flex:0 0 clamp(84px,26%,122px);padding-left:8px;padding-right:8px}.feld-regler{appearance:none;cursor:pointer;background:0 0;border:0;flex:auto;min-width:0;height:26px;margin:0;padding:0}.feld-regler::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--akzent) var(--fuellung,0%), var(--regler-bahn) var(--fuellung,0%));border:1px solid var(--regler-rand);border-radius:999px;height:8px}.feld-regler::-moz-range-track{background:var(--regler-bahn);border:1px solid var(--regler-rand);border-radius:999px;height:8px}.feld-regler::-moz-range-progress{background:var(--akzent);border-radius:999px;height:8px}.feld-regler::-webkit-slider-thumb{appearance:none;background:var(--akzent);border:3px solid var(--karte);width:22px;height:22px;box-shadow:0 0 0 1px var(--rand-stark), var(--schatten);border-radius:50%;margin-top:-8px}.feld-regler::-moz-range-thumb{background:var(--akzent);border:3px solid var(--karte);width:22px;height:22px;box-shadow:0 0 0 1px var(--rand-stark), var(--schatten);border-radius:50%}.feld-regler:focus-visible{outline:2px solid var(--akzent);outline-offset:3px}.feld-regler:hover::-webkit-slider-thumb{background:var(--akzent-stark)}.feld-regler:hover::-moz-range-thumb{background:var(--akzent-stark)}@media (pointer:coarse){.feld-regler{height:34px}.feld-regler::-webkit-slider-runnable-track{height:10px}.feld-regler::-moz-range-track{height:10px}.feld-regler::-moz-range-progress{height:10px}.feld-regler::-webkit-slider-thumb{width:28px;height:28px;margin-top:-10px}.feld-regler::-moz-range-thumb{width:28px;height:28px}}@media print{.feld-regler{display:none}.feld-eingabe.hat-regler .feld-zahl{text-align:left;flex:1}}.feld input[type=number],.feld select{min-width:0;color:var(--text);background:var(--karte);border:1px solid var(--rand-stark);border-radius:var(--radius-s);flex:1;padding:11px 13px;font-family:inherit;font-size:1rem}.feld input:focus-visible,.feld select:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}.einheit{color:var(--text-leise);white-space:nowrap;font-size:.9rem}.hinweis{color:var(--text-leise);margin:7px 0 0;font-size:.85rem}.feld-mehr{border:1px dashed var(--rand-stark);border-radius:var(--radius);background:var(--karte);max-width:none;margin-top:22px;padding:0}.feld-mehr>summary{flex-wrap:wrap;align-items:baseline;gap:10px;padding:14px 17px;list-style-position:inside;display:flex}.mehr-titel{font-size:.95rem;font-weight:660}.mehr-anzahl{color:var(--text-leise);font-size:.83rem}.mehr-inhalt{border-top:1px solid var(--rand);padding:4px 17px 18px}.mehr-einleitung{color:var(--text-leise);margin:14px 0 18px;font-size:.86rem}.feld-mehr .feld:last-child{margin-bottom:0}.genauigkeit{border:1px solid var(--rand);border-left:4px solid var(--okay);border-radius:var(--radius);background:var(--karte);color:var(--text-leise);margin-top:22px;padding:16px 18px;font-size:.88rem}.genauigkeit strong{color:var(--text);margin-bottom:4px;display:block}.genauigkeit p{margin:0}.genauigkeit p+p{margin-top:8px}.ergebnis{margin-top:30px}.kacheln{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px;display:grid}.kachel{background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius);min-width:0;padding:17px;overflow:hidden}.kachel.hervor{border-color:color-mix(in srgb, var(--akzent) 45%, transparent);background:var(--akzent-hell)}.kachel-label{color:var(--text-leise);margin-bottom:5px;font-size:.82rem}.kachel-wert{letter-spacing:-.035em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;font-size:1.75rem;font-weight:750;line-height:1.1}.kachel-wert.ist-lang{letter-spacing:-.025em;font-size:1.35rem}.kachel-wert.ist-sehr-lang{letter-spacing:-.015em;font-size:1.05rem}.kachel-einheit{color:var(--text-leise);margin-left:4px;font-size:.9rem;font-weight:500}@keyframes frisch{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--akzent) 55%, transparent)}to{box-shadow:0 0 0 9px #0000}}.kachel.ist-frisch{animation:.65s ease-out frisch}.tipp{border:1px solid color-mix(in srgb, var(--akzent2) 35%, transparent);border-left:4px solid var(--akzent2);border-radius:var(--radius);background:color-mix(in srgb, var(--akzent2) 7%, var(--karte));flex-wrap:wrap;align-items:center;gap:18px;margin-top:16px;padding:17px 19px;display:flex}.tipp-inhalt{flex:260px}.tipp-inhalt strong{margin-bottom:3px;font-size:.98rem;font-weight:660;display:block}.tipp-inhalt p{color:var(--text-leise);margin:0;font-size:.9rem}.tipp-knopf{background:var(--akzent2);color:#fff;white-space:nowrap;border-radius:999px;flex:none;padding:10px 19px;font-size:.9rem;font-weight:620;text-decoration:none;display:inline-block}.tipp-knopf:hover{filter:brightness(1.08)}.tipp-werbung{flex-direction:column;flex:none;align-items:center;gap:5px;display:flex}.tipp-werbelabel{color:var(--text-leise);font-size:.74rem}.diagramme{gap:14px;margin-top:22px;display:grid}.dia{background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius);padding:19px 20px}.dia-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px;display:flex}.dia-kopf h4{letter-spacing:-.015em;margin:0;font-size:.98rem;font-weight:680}.dia-gesamt{color:var(--text-leise);font-variant-numeric:tabular-nums;font-size:.85rem}.dia-balken{background:var(--flaeche-2);border-radius:8px;height:30px;display:flex;overflow:hidden}.dia-teil{background:repeating-linear-gradient(-45deg, var(--rand-stark) 0 6px, var(--flaeche-2) 6px 12px);transition:width .35s}.dia-teil.ist-betont{background:linear-gradient(180deg, var(--akzent), var(--akzent-stark))}.dia-legende{gap:7px;margin:13px 0 0;padding:0;font-size:.88rem;list-style:none;display:grid}.dia-legende li{align-items:center;gap:9px;display:flex}.dia-punkt{background:var(--rand-stark);border-radius:3px;flex:none;width:11px;height:11px}.dia-punkt.ist-betont{background:var(--akzent)}.dia-name{color:var(--text-leise)}.dia-zahl{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-weight:640}.dia-prozent{text-align:right;min-width:52px;color:var(--text-leise);font-variant-numeric:tabular-nums;white-space:nowrap}.vergleich{gap:11px;display:grid}.verg-zeile{grid-template-columns:minmax(120px,.9fr) minmax(0,2fr) auto;align-items:center;gap:12px;font-size:.88rem;display:grid}.verg-name{color:var(--text-leise)}.verg-spur{background:var(--flaeche-2);border-radius:6px;height:20px;overflow:hidden}.verg-balken{background:repeating-linear-gradient(-45deg, var(--rand-stark) 0 6px, var(--flaeche-2) 6px 12px);border-radius:6px;height:100%;transition:width .35s;display:block}.verg-zeile.ist-betont .verg-name{color:var(--text);font-weight:620}.verg-zeile.ist-betont .verg-balken{background:linear-gradient(180deg, var(--akzent), var(--akzent-stark))}.verg-wert{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:640}@media (width<=520px){.verg-zeile{grid-template-columns:1fr auto}.verg-spur{order:3;grid-column:1/-1}}.dia-strahl-huelle{padding-top:26px;position:relative}.dia-strahl{background:var(--flaeche-2);border-radius:8px;height:38px;display:flex;overflow:hidden}.dia-zone{white-space:nowrap;color:var(--text-leise);background:var(--flaeche-2);border-right:1px solid var(--rand);justify-content:center;align-items:center;padding:0 8px;font-size:.78rem;font-weight:600;transition:width .35s;display:flex;overflow:hidden}.dia-zone:last-child{border-right:0}.dia-zone.ist-betont{background:linear-gradient(180deg, var(--akzent), var(--akzent-stark));color:var(--grund)}.dia-zone span{text-overflow:ellipsis;overflow:hidden}.dia-marke{border-left:2px dashed var(--text);width:0;transition:left .35s;position:absolute;top:0;bottom:0}.dia-marke-text{white-space:nowrap;background:var(--text);color:var(--grund);border-radius:999px;padding:2px 8px;font-size:.76rem;font-weight:650;position:absolute;top:0;left:50%;transform:translate(-50%)}.dia-skala{color:var(--text-leise);justify-content:space-between;margin-top:7px;font-size:.78rem;display:flex}.dia-hinweis{color:var(--text-leise);margin:12px 0 0;font-size:.85rem}.bewertung{border-radius:var(--radius);border-left:4px solid var(--text-leise);background:var(--karte);margin:16px 0 0;padding:15px 17px;font-size:.95rem}.bewertung.gut{border-left-color:var(--gut)}.bewertung.okay{border-left-color:var(--okay)}.bewertung.schlecht{border-left-color:var(--schlecht)}.rechner-aktionen{border-top:1px solid var(--rand);z-index:2;background:var(--flaeche);flex-wrap:wrap;align-items:center;gap:9px;margin-top:26px;padding-top:20px;display:flex;position:relative}.rechner-aktionen button{font:inherit;color:var(--text);background:var(--karte);border:1px solid var(--rand-stark);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:580;transition:border-color .12s,color .12s}.rechner-aktionen button:hover{border-color:var(--akzent);color:var(--akzent)}.aktion-rueckmeldung{color:var(--akzent);font-size:.85rem;font-weight:550}.hebel{background:var(--karte);border:1px solid var(--rand);border-radius:var(--radius);margin-top:26px;padding:20px}.hebel h3{margin:0 0 5px;font-size:1.05rem;font-weight:700}.hebel-einleitung{color:var(--text-leise);margin:0 0 16px;font-size:.88rem}.hebel-liste{counter-reset:none;gap:9px;margin:0;padding:0;list-style:none;display:grid}.hebel-liste li{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-s);align-items:flex-start;gap:13px;padding:13px 15px;display:flex}.hebel-liste li.hebel-top{background:var(--akzent-hell);border-color:color-mix(in srgb, var(--akzent) 40%, transparent)}.hebel-wirkung{letter-spacing:-.03em;min-width:62px;color:var(--akzent);font-variant-numeric:tabular-nums;flex:none;font-size:1.05rem;font-weight:750}.hebel-inhalt{flex-direction:column;gap:2px;display:flex}.hebel-inhalt strong{font-size:.96rem;font-weight:640}.hebel-detail{color:var(--text-leise);font-size:.85rem}details.rechenweg{border:1px solid var(--rand);border-bottom:1px solid var(--rand);border-radius:var(--radius);background:var(--karte);max-width:none;margin-top:22px;padding:0}details.rechenweg>summary{padding:14px 18px;font-size:.93rem;font-weight:620;list-style-position:inside}.weg-huelle{border-top:1px solid var(--rand);padding:4px 18px 16px;overflow-x:auto}.weg-tabelle{border-collapse:collapse;width:100%;font-size:.87rem}.weg-tabelle tr{border-bottom:1px solid var(--rand)}.weg-tabelle tr:last-child{border-bottom:0}.weg-tabelle th,.weg-tabelle td{text-align:left;vertical-align:top;padding:10px 12px 10px 0}.weg-tabelle th{white-space:nowrap;width:1%;font-weight:600}.weg-formel{color:var(--text-leise);font-variant-numeric:tabular-nums}.weg-ergebnis{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:680;text-align:right!important}.produkt{border:1px solid var(--rand);border-radius:var(--radius);max-width:820px;color:var(--text);margin-bottom:12px;padding:17px;text-decoration:none;display:block}a.produkt:hover{border-color:var(--akzent);box-shadow:var(--schatten)}.produkt-titel{margin-bottom:4px;font-weight:640}.produkt-text{color:var(--text-leise);font-size:.9rem}.produktgruppe{margin-bottom:34px}.produktgruppe .produkt{margin-bottom:0}.produktgruppe-liste{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:12px;display:grid}.produktgruppe h3{letter-spacing:-.015em;margin:0 0 6px;font-size:1.05rem;font-weight:680}.gruppe-text{color:var(--text-leise);margin:0 0 14px;font-size:.92rem}.kauf-knoepfe{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.kauf-knopf{border:1px solid var(--akzent);background:var(--akzent);color:var(--grund);border-radius:999px;padding:9px 17px;font-size:.9rem;font-weight:620;text-decoration:none;display:inline-block}.kauf-knopf:hover{background:var(--akzent-stark);border-color:var(--akzent-stark)}.kauf-knopf:not(:first-child){color:var(--akzent);background:0 0}.kauf-knopf:not(:first-child):hover{background:var(--akzent-hell)}.schnell-knopf{z-index:40;border:1px solid var(--rand-stark);background:var(--karte);color:var(--text);font:inherit;box-shadow:var(--schatten);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 15px;font-size:.86rem;font-weight:560;display:inline-flex;position:fixed;bottom:18px;right:18px}.schnell-knopf:hover{border-color:var(--akzent);color:var(--akzent)}.schnell-knopf svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round}.schnell-fenster{z-index:41;border:1px solid var(--rand-stark);border-radius:var(--radius);background:var(--karte);width:min(320px,100vw - 24px);box-shadow:var(--schatten-hoch);position:fixed;bottom:64px;right:18px;overflow:hidden}.schnell-fenster.wird-gezogen{user-select:none}.schnell-kopf{background:var(--flaeche);border-bottom:1px solid var(--rand);cursor:grab;touch-action:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 8px 9px 14px;display:flex}.schnell-kopf:active{cursor:grabbing}.schnell-titel{font-size:.84rem;font-weight:620}.schnell-zu{color:var(--text-leise);cursor:pointer;background:0 0;border:0;padding:0 6px;font-size:1.3rem;line-height:1}.schnell-zu:hover{color:var(--text)}.schnell-reiter{border-bottom:1px solid var(--rand);flex-wrap:wrap;gap:2px;padding:7px 8px 0;display:flex}.schnell-reiter button{font:inherit;border-radius:var(--radius-s) var(--radius-s) 0 0;color:var(--text-leise);cursor:pointer;background:0 0;border:0;padding:5px 9px;font-size:.76rem}.schnell-reiter button[aria-selected=true]{background:var(--akzent-hell);color:var(--akzent);font-weight:620}.schnell-inhalt{padding:12px 14px 14px}.schnell-blatt{gap:9px;display:grid}.schnell-blatt label{color:var(--text-leise);gap:3px;font-size:.8rem;display:grid}.schnell-blatt input{font:inherit;border:1px solid var(--rand-stark);border-radius:var(--radius-s);background:var(--grund);color:var(--text);width:100%;padding:7px 9px;font-size:.92rem}.schnell-frage{color:var(--text-leise);margin:0;font-size:.82rem}.schnell-drei{grid-template-columns:1fr 1fr 1fr;gap:7px;display:grid}.schnell-ergebnis{border-top:1px solid var(--rand);grid-template-columns:1fr auto;gap:3px 10px;margin:2px 0 0;padding-top:9px;font-size:.85rem;display:grid}.schnell-ergebnis:empty{display:none}.schnell-ergebnis dt{color:var(--text-leise)}.schnell-ergebnis dd{text-align:right;font-variant-numeric:tabular-nums;margin:0;font-weight:620}.schnell-anzeige{border:1px solid var(--rand);border-radius:var(--radius-s);background:var(--grund);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding:11px 13px;font-size:1.35rem;font-weight:620;display:block;overflow-x:auto}.schnell-tasten{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.schnell-tasten button{font:inherit;border:1px solid var(--rand);border-radius:var(--radius-s);background:var(--grund);color:var(--text);cursor:pointer;padding:10px 0;font-size:.98rem;font-weight:560}.schnell-tasten button:hover{border-color:var(--akzent)}.schnell-tasten .ist-hell{background:var(--flaeche-2);color:var(--text-leise)}.schnell-tasten .ist-rechenart{background:var(--flaeche);color:var(--akzent);font-weight:660}.schnell-tasten .ist-gleich{background:var(--akzent);border-color:var(--akzent);color:var(--grund)}.schnell-tasten .ist-breit{grid-column:span 2}.schnell-hinweis{color:var(--text-leise);margin:2px 0 0;font-size:.74rem}@media (width<=520px){.schnell-knopf{bottom:12px;right:12px}.schnell-fenster{width:auto;bottom:58px;left:12px;right:12px}}.empfehlungen:not(:empty){border-top:1px solid var(--rand);margin-top:26px;padding-top:22px}.empfehlungen h3{margin:0 0 6px}.empfehlung-einleitung{color:var(--text-leise);margin:0 0 16px;font-size:.9rem}.empfehlung-liste{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px;display:grid}.empfehlung{border:1px solid var(--rand);border-radius:var(--radius);background:var(--karte);flex-direction:column;gap:9px;padding:16px 18px;display:flex}.empfehlung.ist-beispiel{background:var(--flaeche);border-style:dashed}.empfehlung-kopf{justify-content:space-between;align-items:center;gap:8px;display:flex}.empfehlung-marke{text-transform:uppercase;letter-spacing:.04em;color:var(--text-leise);border:1px solid var(--rand-stark);border-radius:999px;flex:none;padding:2px 8px;font-size:.68rem}.empfehlung-text{color:var(--text-leise);margin:0;font-size:.88rem}.empfehlung-merkmale{color:var(--text-leise);gap:3px;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.empfehlung-kauf{flex-direction:column;align-items:flex-start;gap:5px;margin-top:auto;display:flex}.empfehlung-leer{color:var(--text-leise);border:1px dashed var(--rand-stark);border-radius:var(--radius);padding:15px 17px;font-size:.88rem}.verwandt-liste{max-width:var(--breite-text);grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:12px;display:grid}.verwandt{border:1px solid var(--rand);border-radius:var(--radius);background:var(--karte);color:inherit;align-items:center;gap:14px;padding:15px 17px;text-decoration:none;display:flex}.verwandt:hover{border-color:var(--akzent);background:var(--akzent-hell)}.verwandt-emoji{flex:none;font-size:1.6rem}.verwandt-text{display:block}.verwandt-text strong{color:var(--akzent);font-weight:640;display:block}.verwandt-text span{color:var(--text-leise);margin-top:2px;font-size:.87rem;display:block}.vorschlag{border:1px solid var(--rand);border-radius:var(--radius);background:var(--akzent-hell);max-width:var(--breite-text);margin-top:34px;padding:24px 26px}.vorschlag h2{margin-top:0;margin-bottom:8px}.vorschlag-text{color:var(--text-leise);margin:0 0 18px}.vorschlag-knopf{background:var(--akzent);color:var(--grund);border-radius:999px;padding:11px 22px;font-size:.94rem;font-weight:620;text-decoration:none;display:inline-block}.vorschlag-knopf:hover{background:var(--akzent-stark)}.vorschlag-hinweis{color:var(--text-leise);margin:14px 0 0;font-size:.84rem}.anforderungen{grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.anforderungen li{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-s);padding:13px 16px 13px 44px;font-size:.94rem;position:relative}.anforderungen li:before{content:"✓";color:var(--akzent);font-weight:700;position:absolute;top:13px;left:15px}.werbehinweis{color:var(--text-leise);background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius-s);max-width:820px;margin-bottom:16px;padding:11px 13px;font-size:.84rem}.platzhalter{border:1px dashed var(--rand-stark);border-radius:var(--radius);color:var(--text-leise);max-width:820px;padding:22px;font-size:.92rem}details{border-bottom:1px solid var(--rand);max-width:var(--breite-text);padding:15px 0}summary{cursor:pointer;font-size:.98rem;font-weight:620}summary::marker{color:var(--akzent)}details p{color:var(--text-leise);margin:10px 0 0}@media print{:root{--grund:#fff;--flaeche:#fff;--flaeche-2:#fff;--text:#000;--text-leise:#444;--rand:#bbb;--rand-stark:#999;--akzent:#000;--akzent-hell:#fff;--schatten:none;--schatten-hoch:none}body{background:#fff;font-size:11pt}.huelle{max-width:none;padding:0}.kopf,.fuss nav,.rechner-aktionen,.hero,.katalog,.ablauf,.werbehinweis,.produktgruppe,.platzhalter,.vorschlag,.schnell,.karte-pfeil{display:none!important}.rechner{background:0 0;border:0;max-width:none;padding:0}.feld input[type=number],.feld select{appearance:none;background:0 0;border:0;border-bottom:1px solid #999;border-radius:0;padding:2px 0}.hinweis{display:none}.kachel,.bewertung,.hebel,.dia,details.rechenweg,.anforderungen li{break-inside:avoid;box-shadow:none}.dia-teil,.dia-zone,.dia-punkt,.dia-balken,.dia-strahl,.dia-marke-text{print-color-adjust:exact}.dia-teil.ist-betont,.dia-zone.ist-betont{color:#fff!important;background:#333!important}.dia-teil:not(.ist-betont){background:#ddd!important}.dia-punkt.ist-betont{background:#333!important}a{color:#000;text-decoration:none}h1{font-size:20pt}h2{margin-top:18pt;font-size:13pt}main>section{margin-bottom:18pt}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}a.karte:hover{transform:none}}