/* Swiss Salary Calculator: page-specific extras (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:break-word;hyphens:auto;width:40%;min-width:8em}
#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}
select.eingabe{width:100%}
.hilfe{display:block}
.noscript-hinweis:empty{display:none}
.tabelle thead th{text-align:left;padding:var(--a2) var(--a3);background:var(--flaeche-2)}
.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)}

/* Anker-Spruenge: sticky Kopf ist ca. 105 px hoch (Befund A1, Geraetetest #2989) */
html{scroll-padding-top:120px}
.tabelle td.zahl,.tabelle th.zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tabelle td:first-child{width:auto}
#weg td:first-child{width:50%}
@media print{#zf-feld,#zeile-feld{display:none!important}.druckkopf{display:block!important}}
.druckkopf{display:none}
/* #4558 (Mobiltest B17): Rechenweg mobil als Karten (vorher Spalten Jahr/Monat rechts abgeschnitten); Druck nur Ergebnis */
.druckfuss{display:none}
@media screen and (max-width:700px){
  #ergebnis .tabelle{border:0;background:transparent;overflow:visible}
  #ergebnis .tabelle table,#ergebnis .tabelle tbody{display:block}
  #ergebnis .tabelle thead{position:absolute;left:-9999px}
  #ergebnis .tabelle tr{display:block;margin:0 0 var(--a3);padding:8px 14px;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-m)}
  #ergebnis .tabelle tr.summe{background:var(--flaeche-2)}
  #ergebnis .tabelle th[scope=row]{display:block;padding:2px 0 0;border:0;font-size:1rem;color:var(--ink)}
  #ergebnis .tabelle td{display:block;padding:2px 0 6px;border:0;font-size:1rem;background:transparent!important;color:var(--text-2)}
  #ergebnis .tabelle td.zahl{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--linie);color:var(--ink);white-space:normal}
  #ergebnis .tabelle td.zahl::before{content:attr(data-label);color:var(--text-2);font-weight:400;text-align:left}
  #ergebnis .tabelle td.zahl+td.zahl{border-top:0;padding-top:0}
}
@media print{
  .ki-hero,main.seite>:not(#ergebnis){display:none!important}
  .druckfuss{display:block!important;margin-top:12pt;font-size:10pt}
  #ergebnis .tabelle{overflow:visible!important;border:1px solid #999}
  #ergebnis .tabelle table{width:100%!important;min-width:0!important;table-layout:auto;font-size:11pt}
  #ergebnis .tabelle th,#ergebnis .tabelle td{padding:4px 6px;overflow-wrap:anywhere}
  #ergebnis .tabelle thead th{position:static}
  #ergebnis .tabelle tr{break-inside:avoid}
  #ergebnis .kpis{break-inside:avoid}
}