:root{--grund:#fff;--grund-gedaempft:#f5f6f8;--linie:#dcdfe4;--text:#17191c;--text-gedaempft:#5b6069;--akzent:#1f5aa6;--akzent-text:#fff;--warnung-grund:#fff6e5;--warnung-linie:#e0a33c;--warnung-text:#6b4708;--hinweis-grund:#eef3fb;--hinweis-linie:#1f5aa6;--breite:62rem;--radius:6px}@media (prefers-color-scheme:dark){:root{--grund:#14161a;--grund-gedaempft:#1c1f25;--linie:#31363f;--text:#e8eaed;--text-gedaempft:#a3a9b4;--akzent:#7fb0ee;--akzent-text:#14161a;--warnung-grund:#33270e;--warnung-linie:#b8862c;--warnung-text:#f0d9a8;--hinweis-grund:#182231;--hinweis-linie:#7fb0ee}}*,:before,:after{box-sizing:border-box}body{background:var(--grund);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6}.huelle{max-width:var(--breite);margin:0 auto;padding:0 1.25rem}header.kopf,footer.fuss{border-bottom:1px solid var(--linie)}footer.fuss{border-bottom:0;border-top:1px solid var(--linie);color:var(--text-gedaempft);margin-top:3rem;padding:1.5rem 0 3rem;font-size:.9rem}header.kopf{padding:1rem 0}header.kopf a.marke{color:var(--text);font-weight:700;text-decoration:none}main{padding:2rem 0 1rem}h1{margin:0 0 .5rem;font-size:1.9rem;line-height:1.25}h2{margin:2.25rem 0 .75rem;font-size:1.3rem}h3{margin:1.5rem 0 .5rem;font-size:1.05rem}a{color:var(--akzent)}.brotkrumen{color:var(--text-gedaempft);margin-bottom:1rem;font-size:.875rem}.brotkrumen a{color:inherit}.vorspann{color:var(--text-gedaempft);margin-top:0;font-size:1.05rem}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}caption{text-align:left;color:var(--text-gedaempft);padding-bottom:.5rem;font-size:.875rem}th,td{border-bottom:1px solid var(--linie);text-align:right;padding:.55rem .6rem}th:first-child,td:first-child{text-align:left}thead th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-gedaempft);font-size:.8rem}tbody tr:hover{background:var(--grund-gedaempft)}.tabellenrahmen{overflow-x:auto}.kacheln{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.kachel{border:1px solid var(--linie);border-radius:var(--radius);padding:1rem}.kachel h2,.kachel h3{margin:0 0 .35rem;font-size:1.05rem}.kachel p{color:var(--text-gedaempft);margin:0;font-size:.9rem}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin:1.5rem 0;display:grid}.kennzahl{border:1px solid var(--linie);border-radius:var(--radius);padding:.9rem 1rem}.kennzahl dt{color:var(--text-gedaempft);margin:0 0 .25rem;font-size:.8rem}.kennzahl dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem}.banner{background:var(--warnung-grund);border:1px solid var(--warnung-linie);color:var(--warnung-text);border-radius:var(--radius);margin:1.25rem 0;padding:.9rem 1rem}.banner p{margin:0 0 .4rem}.banner ul{margin:.25rem 0 0;padding-left:1.2rem}.banner strong{font-weight:700}.quelle{color:var(--text-gedaempft);font-size:.875rem}.quelle dt{margin-top:.5rem;font-weight:600}.quelle dd{margin:0}.hinweis{background:var(--hinweis-grund);border-left:3px solid var(--hinweis-linie);border-radius:var(--radius);margin:1.25rem 0;padding:.9rem 1rem}.hinweis p{margin:0}.rechner{border:1px solid var(--rand,#d6d9de);background:var(--flaeche,#fbfbfc);border-radius:8px;margin:2.5rem 0;padding:1.25rem 1.25rem 1.5rem}.rechner h2{margin-top:0}#rechner-formular{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem 1.25rem;display:grid}#rechner-formular[hidden]{display:none}.rechner .feld{flex-direction:column;gap:.25rem;display:flex}.rechner label{font-weight:600}.rechner input,.rechner select{font:inherit;border:1px solid var(--rand,#d6d9de);background:#fff;border-radius:4px;padding:.45rem .5rem}.rechner small{color:var(--gedaempft,#5a6069);font-size:.85em;line-height:1.4}.rechner .abzug{border:1px solid var(--rand,#d6d9de);border-radius:4px;margin:.5rem 0 0;padding:.5rem .75rem .75rem}.rechner .abzug legend{padding:0 .25rem;font-weight:600}.rechner .abzug label{margin:.35rem 0;font-weight:400;display:block}.rechner .abzug .warnung{margin-top:.5rem;display:block}.ergebnis{border-top:1px solid var(--rand,#d6d9de);margin-top:1.5rem}.ergebnis .zeile{border-bottom:1px solid var(--rand-leicht,#eceef1);font-variant-numeric:tabular-nums;justify-content:space-between;gap:1rem;padding:.35rem 0;display:flex}.ergebnis .zeile.brutto,.ergebnis .zeile.netto{font-size:1.05em;font-weight:700}.ergebnis .zeile.netto{border-bottom:none;border-top:2px solid var(--rand,#d6d9de);padding-top:.6rem}.ergebnis .zeile.zv span:first-child{font-weight:600}.rechner-hinweis,.rechner-fehlt{color:var(--gedaempft,#5a6069);margin-top:1rem;font-size:.92em}.rechner-fehlt{font-style:italic}.newsletter{border:1px solid var(--linie);border-radius:var(--radius);background:var(--grund-gedaempft);margin:3rem 0 1rem;padding:1.25rem 1.25rem 1.5rem}.newsletter h2{margin-top:0}.newsletter-formular{flex-direction:column;gap:1rem;max-width:34rem;margin-top:1.25rem;display:flex}.newsletter .feld{flex-direction:column;gap:.35rem;display:flex}.newsletter label{font-weight:600}.newsletter input[type=email]{font:inherit;color:var(--text);border:1px solid var(--linie);background:var(--grund);border-radius:4px;padding:.5rem .6rem}.newsletter label.optin{grid-template-columns:auto 1fr;align-items:start;gap:.6rem;font-weight:400;display:grid}.newsletter label.optin input{margin-top:.3rem}.newsletter small{color:var(--text-gedaempft);font-size:.85em;line-height:1.4}.newsletter button{font:inherit;color:var(--akzent-text);background:var(--akzent);border:1px solid var(--akzent);cursor:pointer;border-radius:4px;align-self:start;padding:.55rem 1.1rem;font-weight:600}.newsletter button:hover{filter:brightness(1.1)}.newsletter .honigtopf{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.newsletter-uebermittlung{color:var(--text-gedaempft);margin-bottom:0;font-size:.85em}.fuss-rechtliches{flex-wrap:wrap;gap:.5rem;display:flex}.fuss-rechtliches span{color:var(--linie)}.rechtstext{max-width:46rem}.rechtstext h2{margin-top:2.5rem}.rechtstext h3,.rechtstext h4{margin-top:1.75rem}.rechtstext h4{font-size:1rem}.newsletter-vorbehalt{border:1px solid var(--warnung-linie);background:var(--warnung-grund);color:var(--warnung-text);border-radius:4px;margin:0 0 1rem;padding:.6rem .8rem;font-size:.9em}
