/* Lektionenpreis-Rechner: nur, was es auf dieser Seite zusätzlich braucht (Basis: ../lezo/lezo-ui.css, ki-seite.css) */
.gruppe{margin:0 0 var(--a6);padding:var(--a4) var(--a5) var(--a2);border:1px solid var(--linie);border-radius:var(--r-l);background:var(--flaeche);min-width:0}
.gruppe legend{padding:0 var(--a2);font-weight:700;color:var(--ink);font-size:var(--fs-l)}
.zeile{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 var(--a5)}
.zeile .feld{min-width:0}
[hidden]{display:none!important}
select.eingabe{width:100%}
.hilfe{display:block}
.seite textarea{width:100%;font-family:inherit}
.seite textarea.brief{min-height:11rem}
.seite .meldung{margin:var(--a4) 0}
.seite .faq{margin-bottom:var(--a6)}
.seite .card h3{margin-top:0}
#ergebnis h3{margin-top:var(--a6)}
#ergebnis .kpis{margin:var(--a4) 0}
.noscript-hinweis:empty{display:none}
.wahl{display:flex;flex-wrap:wrap;gap:var(--a2) var(--a5);margin:0 0 var(--a4);border:0;padding:0;min-width:0}
.wahl label{display:flex;align-items:flex-start;gap:var(--a2);min-height:44px;padding:var(--a2) 0;cursor:pointer}
.wahl input{width:20px;height:20px;margin-top:2px;flex:none}
.wahl legend{font-weight:600;padding:0;margin-bottom:var(--a2)}
.pos{border:1px solid var(--linie);border-radius:var(--r-m);padding:var(--a3) var(--a4) var(--a1);margin:0 0 var(--a3);background:var(--flaeche-2)}
.pos-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--a3);margin-bottom:var(--a2)}
.pos-kopf .btn{min-height:44px}
.pos-nr{color:var(--ink)}
.check{display:flex;align-items:flex-start;gap:var(--a2);min-height:44px;padding:var(--a2) 0;cursor:pointer}
.check input{width:20px;height:20px;margin-top:2px;flex:none}
.seite .poslist{list-style:none;margin:var(--a4) 0;padding:0;display:grid;gap:var(--a3)}
.seite .poslist li{margin:0;display:flex;flex-direction:column;gap:2px;padding:var(--a3) var(--a4);border:1px solid var(--linie);border-radius:var(--r-m);background:var(--flaeche);overflow-wrap:anywhere}
.poslist .pn{font-weight:600;color:var(--ink)}
.poslist .pw{font-variant-numeric:tabular-nums}
.poslist .pd{font-size:var(--fs-s);color:var(--text-3)}
.formel{font-variant-numeric:tabular-nums;padding:var(--a3) var(--a4);background:var(--flaeche-2);border-radius:var(--r-m);overflow-wrap:anywhere}
@media (max-width:700px){
  .gruppe{padding:var(--a3) var(--a4) var(--a1)}
  .kpi b{font-size:1.2rem}
}
@media print{
  .gruppe{border:0;padding:0}
  .noprint,.btn,.faq{display:none!important}
}

/* Anker-Spruenge: sticky Kopf ist ca. 105 px hoch (Befund A1, Geraetetest #2989) */
html{scroll-padding-top:120px}

/* Margen-Rechner: Umrechnungstabelle */
.tabelle-wrap{overflow-x:auto;margin:var(--a4) 0}
.umrech{border-collapse:collapse;width:100%;min-width:280px;font-variant-numeric:tabular-nums}
.umrech th,.umrech td{border:1px solid var(--linie);padding:8px 12px;text-align:right}
.umrech th:first-child,.umrech td:first-child{text-align:left}
.umrech thead th{background:var(--flaeche-2);color:var(--ink)}
.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
#hinweise .meldung{margin:var(--a3) 0}

.seite ul.formel{list-style:none;margin:var(--a3) 0;padding:var(--a3) var(--a4);display:grid;gap:var(--a2)}
.seite ul.formel li{margin:0}