/* Restegramm – Markenfarben für das West-Labs-Design-Kit (K4a). Nur Variablen; Kontrastwerte in DESIGN.md.
   Quelle: web/marke.css → wird von web/build.js nach site/assets/marke.css kopiert. */
:root {
  --marke: #0f4c45;        /* Petrol: auf Weiß 9,81:1 */
  --marke-dunkel: #0b3a35; /* Hover: Weiß darauf 12,57:1 */
  --marke-hell: #e3f1ec;   /* Flächen, Badges: --marke darauf 8,44:1 */
  --akzent: #e2583e;       /* Tomate aus dem Logo: nur Fokusrahmen und Hervorhebung, nie Text */
  --flaeche: #f4f6f3;      /* --text-leise darauf 6,97:1 */
  --radius: 12px;
}

/* Seitenspezifisch (wenige Zeilen): Zahlenfelder im Online-Auswerter schmal und in einer Zeile,
   Rechtstexte und Ratgeber in Lesebreite, Abstand für Unterseiten ohne Startbereich. */
input[type=number] { width: 100%; max-width: 10rem; }
input[type=file] { min-height: 0; padding: .4rem; }
.seite { padding-block: clamp(2rem, 5vw, 3.5rem) var(--abstand); }
.seite h2 { margin-top: 2.2rem; }
.seite h1, .seite h2 { hyphens: auto; overflow-wrap: break-word; } /* lange Wörter (AGB) bei 390 px */
@media print { .noprint { display: none; } }
/* Online-Auswerter: Zahlenfelder als kleines Raster */
.felder { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr)); max-width: 44rem; }
/* Online-Auswerter: Auswahlfelder (Kategorien, Betriebstage) und Datumsfelder */
fieldset.wahl { border: 0; padding: 0; margin: 0 0 1rem; }
.wahl legend { font-weight: 650; margin-bottom: .4rem; }
.wahl label { display: inline-flex; align-items: center; gap: .45rem; margin: 0 1.1rem .25rem 0; min-height: 44px; }
.wahl input[type=checkbox] { width: 1.25rem; height: 1.25rem; min-height: 0; padding: 0; accent-color: var(--marke); }
input[type=date] { max-width: 12rem; }