/* Swiss VAT calculator (LeZo): page-specific styles only (base: ../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(240px,1fr));gap:0 var(--a5)}
.zeile .feld{min-width:0}
.eingabe[disabled]{background:var(--flaeche-2);color:var(--text-3)}
.tabelle tr.summe td{font-weight:700;background:var(--flaeche-2)}
.tabelle td:first-child{overflow-wrap:anywhere}
#ergebnis h3{margin-top:var(--a6)}
#ergebnis .kpis{margin:var(--a4) 0}
.seite .card h3{margin-top:0}
.seite .faq{margin-bottom:var(--a6)}
.seite .meldung{margin:var(--a6) 0}
.seite textarea{width:100%;font-family:inherit}
@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}
  .tabelle{border:1px solid #999}
  .tabelle tr.summe td{background:#eee}
}
[hidden]{display:none!important}
.tabelle td.zahl{white-space:nowrap;text-align:right}
.feld .check{display:flex;align-items:center;gap:var(--a2);min-height:44px}
#weitere-rechner + p + ul li a{display:inline-flex;align-items:center;min-height:var(--tipp)}
/* U51b: Textlinks im Fliesstext auf Handy/Touch mind. 44 px hoch (Zeilenabstand bleibt durch negativen Rand) */
@media (max-width:820px),(pointer:coarse){
  .seite a:not(.btn){display:inline-block;padding:12px 2px;margin:-12px 0;min-height:44px;box-sizing:border-box;line-height:1.3}
}

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

@media (max-width:640px){
  .ki-hero .in{padding:var(--a3) var(--a4) var(--a3)}
  .ki-hero h1{font-size:1.25rem;line-height:1.25;margin:0 0 var(--a1)}
  .ki-hero p{font-size:var(--fs-m,1rem);line-height:1.35}
  .nur-desktop{display:none}
  .gruppe legend{font-size:1rem}
}
/* U106: Knoepfe mind. 16 px, Fokus bei Tastaturbedienung immer sichtbar */
.knopfreihe .btn{font-size:1rem}
#form input:focus-visible,#form select:focus-visible,.seite textarea:focus-visible,.seite .btn:focus-visible,.seite summary:focus-visible{outline:3px solid #5b3df5;outline-offset:2px}