/* Gemeinsames Rechner-Werkzeug (werkzeuge/rechner.*); Rahmen, Skala und Ergebnis aus selbsttest.css */
.cds-w-rechner { border: 2px solid var(--cds-akzent); border-radius: 16px; padding: 22px; margin: 0 0 1.75rem; background: #fff; }
.cds-re-felder { display: grid; gap: 14px 18px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); margin: .6rem 0 0; }
.cds-re-feld label, .cds-re-feld legend { display: block; font-weight: 650; font-size: 15px; margin: 0 0 .35rem; padding: 0; }
.cds-re-feld fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.cds-re-einheit { font-weight: 400; color: var(--cds-tinte-2); }
.cds-re-feld input[type=number], .cds-re-feld input[type=time], .cds-re-feld select { width: 100%; font: inherit; font-size: 17px; padding: 10px 12px; border: 1px solid var(--cds-linie-2); border-radius: 10px; background: #fff; }
.cds-re-feld input:focus-visible, .cds-re-feld select:focus-visible { outline: 3px solid var(--cds-akzent); outline-offset: 1px; border-color: var(--cds-marke); }
.cds-re-auswahl { display: flex; gap: 8px; flex-wrap: wrap; }
.cds-re-auswahl label { display: flex; gap: 8px; align-items: center; border: 1px solid var(--cds-linie); border-radius: 10px; padding: 9px 12px; font-weight: 500; margin: 0; cursor: pointer; }
.cds-re-auswahl label:has(input:checked) { border-color: var(--cds-marke); background: var(--cds-marke-tint); }
.cds-re-auswahl input { accent-color: var(--cds-marke); margin: 0; }
.cds-re-knoepfe { margin: 1rem 0 0; }
.cds-re-fehler { color: #B42318; font-weight: 600; margin: .6rem 0 0; }
.cds-re-zeiten { list-style: none; padding: 0; margin: .4rem 0 .6rem; display: grid; gap: 6px; }
.cds-re-zeiten li { background: var(--cds-marke-tint); border-radius: 10px; padding: 10px 14px; }
.cds-re-zeiten strong { font-size: 1.15em; margin-right: .4rem; }
.cds-re-zeiten span { color: var(--cds-tinte-2); }