/* Spesen-Rechner (B11): nur, was es 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(200px,1fr));gap:0 var(--a5)}
.zeile .feld{min-width:0}
.hinweisbox{margin:0 0 var(--a4)}
.rz{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:var(--a3) var(--a4) var(--a2);margin:0 0 var(--a3);border:1px solid var(--linie);border-radius:var(--r-m);background:var(--flaeche-2)}
.rz .feld{min-width:0;margin-bottom:var(--a3)}
.rz-fuss{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--a2) var(--a4);margin-bottom:var(--a2)}
.rz-betrag{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;min-height:1.2em}
.rz .btn{min-height:44px}
@media (min-width:760px){
  .rz{grid-template-columns:170px minmax(0,1fr) 150px;gap:0 var(--a4)}
  .rz-pauschalen{grid-template-columns:minmax(0,1fr) 170px 190px}
  .rz-fuss{grid-column:1/-1}
}
.liste-knopf{margin:0 0 var(--a5)}
#fehler,#warnungen{font-size:1rem}
#fehler ul,#warnungen ul{margin:0;padding-left:1.2em}
.tabelle tr.summe td{font-weight:700;background:var(--flaeche-2)}
.tabelle td.zahl,.tabelle th:last-child{text-align:right;font-variant-numeric:tabular-nums}
.tabelle td.zahl,.tabelle td.dat,.tabelle th.zahl,.tabelle th.dat{overflow-wrap:normal;white-space:nowrap}
.tabelle th:not(.zahl):not(.dat){overflow-wrap:normal}
.tabelle td.txt{overflow-wrap:anywhere}
.tabelle{overflow-x:auto}
.tabelle th.zahl,.tabelle th:last-child{text-align:right}
#ergebnis h3{margin-top:var(--a6)}
#ergebnis .kpis{margin:var(--a4) 0}
#abrechnung{border:1px solid var(--linie);border-radius:var(--r-l);padding:var(--a5);margin:var(--a6) 0;background:#fff}
#abrechnung h2{margin-top:0}
.doc-total{font-size:var(--fs-l);margin:var(--a4) 0}
.unterschriften{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--a8);margin-top:var(--a12)}
.unterschriften div{border-top:1px solid var(--ink);padding-top:var(--a1);font-size:var(--fs-s);color:var(--text-3)}
.seite .card h3{margin-top:0}
.seite .faq{margin-bottom:var(--a6)}
.seite .meldung{margin:var(--a4) 0}
@media (max-width:700px){
  .gruppe{padding:var(--a3) var(--a4) var(--a1)}
  .kpi b{font-size:1.2rem}
  #abrechnung{padding:var(--a3)}
  .tabelle table{min-width:420px}
  .tabelle th,.tabelle td{padding:8px 8px}
}
@media print{
  .tabelle table{min-width:0}
  .kopf,.fuss,.skip,.ki-hero,.noprint{display:none!important}
  main.seite>*:not(#ergebnis){display:none!important}
  #ergebnis>*:not(#abrechnung){display:none!important}
  #abrechnung{border:0;padding:0;margin:0}
  .tabelle{border:1px solid #999}
  .tabelle tr.summe td{background:#eee}
  .unterschriften{margin-top:48px;break-inside:avoid;page-break-inside:avoid}
  .tabelle tr{break-inside:avoid;page-break-inside:avoid}
  .tabelle thead{display:table-header-group}
  #abrechnung h3{break-after:avoid;page-break-after:avoid}
  .doc-total{break-inside:avoid;break-after:avoid}
}
[hidden]{display:none!important}
#weitere-rechner + p + ul li a{display:inline-flex;align-items:center;min-height:var(--tipp)}
html{scroll-padding-top:120px}
.ki-hero h1{overflow-wrap:break-word;hyphens:auto}
.doc-kopf,#abrechnung h2,#abrechnung .small{overflow-wrap:anywhere}
/* #9078 Handy: Formular im ersten Bildschirm, Schrift >=16px, Tippflaechen >=44px */
@media (max-width:700px){
  .ki-hero .in{padding:var(--a3) var(--a4) var(--a3)}
  .ki-hero h1{font-size:1.35rem;margin:0}
  .ki-hero p{display:none}
  main.seite{display:flex;flex-direction:column}
  main.seite>form{order:-1}
  main.seite>.hinweisbox{order:0;margin-top:var(--a4)}
  .lezo-vorschau-box .klein,.lezo-vorschau-box p,.lezo-vorschau-box summary{font-size:1rem}
  .seite label,.seite .hilfe,.seite .opt,.seite .small,.seite legend,.seite .meldung,.seite .meldung *{font-size:1rem}
  .seite .meldung a,.fuss a,main a{display:inline-flex;align-items:center;min-height:44px}
  .seite p a,.seite li a,.fuss a{min-height:44px;display:inline-flex;align-items:center}
}