:root{--text:#1c2127;--leise:#5f6874;--linie:#e4e7eb;--grund:#fff;--flaeche:#f7f8f9;--akzent:#0f766e;--schlecht:#a3412b}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--grund);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.seite{max-width:1040px;margin:0 auto;padding:56px 24px 96px}.schmal{max-width:640px;padding-top:14vh}.marke{letter-spacing:.04em;color:var(--akzent);font-weight:600;text-decoration:none}h1{letter-spacing:-.01em;margin:.4em 0 .5em;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.15}h2{margin:0 0 .4em;font-size:1.15rem;font-weight:600}section{margin-top:64px}.lead{color:var(--leise);max-width:62ch;font-size:1.1rem}.klein{color:var(--leise);max-width:70ch;font-size:.875rem}.knopf{background:var(--akzent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-weight:500;text-decoration:none;display:inline-block}.knopf:hover{filter:brightness(1.08)}.knopf.zweit{background:var(--grund);color:var(--akzent);border:1px solid var(--akzent)}.text{color:var(--leise);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 0 10px;font-size:.85rem;text-decoration:underline}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}.formular{flex-wrap:wrap;align-items:flex-end;gap:16px;margin:20px 0;display:flex}label{color:var(--leise);flex-direction:column;gap:4px;font-size:.85rem;display:flex}input,select{font:inherit;color:var(--text);background:var(--grund);border:1px solid var(--linie);border-radius:8px;min-width:150px;padding:8px 10px}.entwurf{background:var(--flaeche);border-radius:12px;gap:14px;max-width:640px;padding:16px 20px;display:grid}.entwurf ul{margin:0;padding-left:18px}.fehler{color:var(--schlecht)}.chips{flex-wrap:wrap;gap:10px;margin:12px 0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--linie);border-radius:999px;align-items:center;padding:4px 6px 4px 14px;display:flex}.chips li.an{border-color:var(--akzent);background:#f0f8f7}.chips li>button:first-child{font:inherit;cursor:pointer;color:var(--text);background:0 0;border:0}.aenderungen{color:var(--leise);padding-left:18px;font-size:.9rem}.vergleich{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:16px 0 8px}.vergleich th,.vergleich td{border-bottom:1px solid var(--linie);text-align:right;padding:9px 10px;font-weight:400}.vergleich thead th{color:var(--leise);font-size:.85rem}.vergleich th:first-child{text-align:left}.vergleich tbody th{color:var(--text)}.vergleich td:nth-child(3){color:var(--akzent);font-weight:500}.vergleich .gut{color:var(--akzent)}.vergleich .schlecht{color:var(--schlecht)}.raster-2{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:32px 40px;margin-top:20px;display:grid}.diagramm{margin:0}.diagramm figcaption{margin-bottom:6px;font-weight:500}.diagramm svg{width:100%;height:auto;display:block}.diagramm .raster{stroke:var(--linie)}.diagramm .achse{stroke:#b9bfc7}.diagramm .tick{fill:var(--leise);font-size:11px}.legende{color:var(--leise);gap:18px;margin:4px 0 0;font-size:.85rem;display:flex}.legende i{border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}@media (max-width:560px){.seite{padding:32px 16px 64px}.raster-2{grid-template-columns:1fr}.vergleich{font-size:.8rem}}.assistent{max-width:720px}.schritte{color:var(--leise);flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:0;font-size:.85rem;list-style:none;display:flex}.schritte li{border:1px solid var(--linie);border-radius:999px;padding:4px 10px}.schritte li.aktiv{border-color:var(--akzent);color:var(--akzent);font-weight:600}.schritte li.fertig{background:var(--flaeche)}.assistent .feld{color:var(--leise);flex-direction:column;gap:4px;margin:0 0 18px;font-size:.9rem;display:flex}.assistent input,.assistent textarea{width:100%;font:inherit;color:var(--text);border:1px solid var(--linie);border-radius:8px;padding:9px 11px}.assistent textarea{resize:vertical;min-height:84px}.assistent .aktion{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.ablage{border:1.5px dashed var(--linie);text-align:center;background:var(--flaeche);border-radius:12px;padding:32px 20px}.ablage.ueber{border-color:var(--akzent);background:#f0f8f7}.ablage p{margin:.2em 0}.dateiliste{margin:16px 0 0;padding:0;font-size:.9rem;list-style:none}.dateiliste li{border-bottom:1px solid var(--linie);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.dateiliste .nein{color:var(--schlecht)}.kosten{color:var(--leise);margin-top:40px;font-size:.8rem}.fehler{color:var(--schlecht);background:#fbf1ee;border-radius:8px;padding:10px 14px}.befund{gap:28px;display:grid}.aussage{border-top:1px solid var(--linie);padding-top:14px}.aussage p{margin:.2em 0}.gross{letter-spacing:-.01em;font-size:1.6rem;font-weight:600}.herkunft{margin-top:6px}.balken{background:var(--linie);border-radius:4px;height:8px;margin:8px 0 12px;overflow:hidden}.balken span{background:var(--akzent);height:100%;display:block}