/* W3 Strang D: Rechner-Bausteine (Kosten pro Stunde, Was bleibt netto?). Farben nur über die Variablen von basis.css
   (MediPersonal ohne Rot: --akzent ist dort Blau). Keine Inline-Stile. */
.w3d-rechner__raster{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--luecke);align-items:start}
.w3d-rechner__eingaben{display:grid;align-content:start;gap:14px;padding:24px;border:1px solid var(--linie);border-radius:var(--radius);background:var(--grau2)}
.w3d-rechner__eingaben .feld{margin:0}
.w3d-rechner__eingaben label{display:block;margin-bottom:6px;font-size:var(--klein);font-weight:500;color:var(--tinte)}
.w3d-rechner__eingaben select,.w3d-rechner__eingaben input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--linie2);border-radius:var(--radius-feld);background:#fff;font:inherit;font-size:var(--fliess);color:var(--tinte)}
.w3d-rechner__eingaben select:focus,.w3d-rechner__eingaben input:focus{outline:2px solid var(--akzent);outline-offset:1px}
.w3d-rechner__eingaben .feld__hilfe{margin:6px 0 0;font-size:var(--klein);color:var(--text3)}
.w3d-rechner__ergebnis{padding:24px;border:1px solid var(--linie);border-radius:var(--radius);background:#fff;box-shadow:var(--schatten)}
.w3d-rechner__ergebnis dl{margin:0}
.w3d-rechner__zeile{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--linie);font-size:var(--fliess)}
.w3d-rechner__zeile dt{color:var(--text2)}
.w3d-rechner__zeile dd{margin:0;font-variant-numeric:tabular-nums;color:var(--tinte);white-space:nowrap}
.w3d-rechner__zeile dd::before{content:"CHF ";color:var(--text3);font-size:var(--klein)}
.w3d-rechner__zeile--stark dt,.w3d-rechner__zeile--stark dd{font-weight:700;color:var(--tinte)}
.w3d-rechner__zeile:last-child{border-bottom:0;padding-top:14px}
.w3d-rechner__zeile:last-child dd{font-size:var(--h2);line-height:1.1;line-height:round(nearest,1.1em,1px)}
.w3d-rechner__woche{margin:8px 0 0;font-size:var(--fliess);color:var(--text2)}
.w3d-rechner__woche strong{color:var(--tinte);font-variant-numeric:tabular-nums}
.w3d-rechner__warnung{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;padding:10px 14px;border-radius:var(--radius-feld);background:var(--akzent-zart);color:var(--akzent-text);font-size:var(--klein)}
.w3d-rechner__warnung[hidden]{display:none}
.w3d-rechner__hinweis{margin:14px 0 0;font-size:var(--klein);line-height:22px;color:var(--text2)}
.w3d-rechner__quelle{margin:10px 0 0;font-size:var(--klein);line-height:20px;color:var(--text3)}
.w3d-rechner__quelle a{color:var(--text2)}
.w3d-rechner__knopf{margin:18px 0 0}
@media (max-width:860px){
  .w3d-rechner__raster{grid-template-columns:1fr}
  .w3d-rechner__eingaben,.w3d-rechner__ergebnis{padding:18px}
}
/* Korrektur Tor D-1 (T12, Massstab 3.8): Zeilen in ganzen Pixeln (vorher 1,55 und 1,5 der Schriftgrösse, 23,25 bzw. 19,5 px); das Eingabefeld
   streckt seine Zeilen nicht mehr auf die Höhe des Ergebnisses (Felder 113,89 px). Diese Datei lädt nach dem Hauptstil. */
@media (max-width:700px){ .w3d-rechner__hinweis{line-height:20px} }