/* Entwurf-Check sayfaları (seite.css tokenlarıyla). Yalnız açık tema. */
.lead{font-size:18px;color:var(--soft);max-width:44em}
.klein{font-size:14px}
.pform{display:grid;gap:16px}
.f{display:grid;gap:6px;min-width:0}
fieldset.f{border:0;padding:0;margin:0}
.f label,.f legend,details>summary{font-weight:700;font-size:15px}
details>summary{cursor:pointer}
details[open]>summary{margin-bottom:8px}
details.f{display:block}
details.f>*+*{margin-top:6px}
.pform input:not([type=radio]):not([type=checkbox]),.pform select,.pform textarea,.zahl input[type=email]{font:inherit;font-size:16px;color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;max-width:100%}
.pform textarea{resize:vertical}
.pform input[type=file]{padding:8px}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.zwei{grid-template-columns:1fr}}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts label{position:relative;font-weight:400;font-size:15px;border:1.5px solid var(--line);padding:7px 13px;border-radius:999px;cursor:pointer;background:var(--bg)}
.opts input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;margin:0}
.opts label:has(input:checked){border-color:var(--panel);background:var(--panel);color:#fff}
.opts label:has(input:focus-visible){outline:3px solid var(--marker);outline-offset:2px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.btn.line{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.fehler{background:#fdebeb;color:#9f1c20;border-radius:10px;padding:10px 14px}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
@media (max-width:560px){.kpis{grid-template-columns:1fr}}
.kpis div{background:var(--tint);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:15px}
.kpis .gut,.kpis .schlecht{color:var(--ink);font-weight:400}
.kpis b{display:block;font-family:var(--f-head);font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}
.kpis .schlecht b,.summe.schlecht{color:var(--pen)}
.kpis .gut b,.summe.gut{color:var(--mint-ink)}
.befunde{list-style:none;padding:0;margin:8px 0;display:grid;gap:10px}
.befunde li{border:1px solid var(--line);border-left:4px solid var(--soft);border-radius:10px;padding:10px 14px;background:var(--bg)}
.befunde li.b-hoch{border-left-color:var(--pen)}
.befunde li.b-mittel{border-left-color:var(--marker)}
.befunde .sch{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-right:8px}
.befunde .b-hoch .sch{color:var(--pen)}
.befunde .ber{font-size:14px;color:var(--soft)}
.befunde p{margin:4px 0 0}
.frage{font-style:italic;color:var(--panel)}
.frage::before{content:"? ";font-style:normal;font-weight:700}
.tw{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}
th{color:var(--soft);font-size:13px}
td.t{font-variant-numeric:tabular-nums;white-space:nowrap}
tr.reserve td{color:var(--soft)}
.summe{font-weight:700;margin:8px 0}
.gliederung{list-style:none;padding:0;columns:2;column-gap:28px}
@media (max-width:560px){.gliederung{columns:1}}
.gliederung li{break-inside:avoid;margin-bottom:4px}
.gliederung .nein{color:var(--pen);font-weight:700}
.gliederung .opt{color:var(--soft)}
.stellen{font-size:14px;padding-left:18px}
.stellen code{background:var(--marker);padding:0 4px;border-radius:3px}
.haken{padding-left:20px}
.preis{font-family:var(--f-head);font-weight:800;font-size:26px;margin:8px 0}
.preis small{font-family:var(--f-body);font-weight:400;font-size:14px;color:var(--soft)}
.zahl{display:grid;gap:12px;border:2px solid var(--panel)}
.zahl h2,.zu h2,.voll h2{margin-top:0}
.zusammen{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.zusammen h3{margin:0 0 4px}
.ok{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.ok input{margin-top:3px;width:18px;height:18px;flex:none}
.bald{background:var(--marker);color:var(--ink);border-radius:10px;padding:10px 14px}
.laeuft{border:2px solid var(--panel)}
.dl{display:flex;gap:10px;flex-wrap:wrap}
.st-fehlt{color:var(--pen);font-weight:700}
.st-abgedeckt{color:var(--mint-ink)}