/* 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;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:600;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}
.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:1.55;color:var(--text2)}
.w3d-rechner__quelle{margin:10px 0 0;font-size:var(--klein);line-height:1.5;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}
}