/* Pflichtfeldcheck – nur Variablen (K4a). Farben aus BRAND.md, Kontrastwerte in DESIGN.md. */
:root {
  --marke: #1f5c9e;          /* auf Weiß 6,81:1, Weiß darauf 6,81:1 */
  --marke-dunkel: #164466;   /* auf Weiß 10,23:1 */
  --marke-hell: #eaf1f9;     /* --marke darauf 5,98:1 */
  --akzent: #a4461b;         /* nur Fokusrahmen und Balken, kein Fließtext */
  --flaeche: #f5f6f8;
  --text: #16181d;
  --radius: 12px;
}
.vorschau .klein { margin-top: .6rem; } /* Bildunterschrift unter der Produktvorschau */
/* check.html: Datei-Feld im ersten Bildschirm, Ergebnis-Tabelle und Auswahlkästchen (Klassen setzt das Skript des Checks) */
[hidden] { display: none !important; }
.check-datei { max-width: 40rem; margin-block: 1.25rem; }
.wahl { display: flex; gap: .6rem; align-items: flex-start; } .wahl input { width: 1.25rem; min-height: 1.25rem; margin-top: .25rem; flex: none; } .wahl label { font-weight: 400; margin: 0; }
td.zahl, th.zahl { text-align: right; font-variant-numeric: tabular-nums; } .leer0 { color: #2d6a3e; font-weight: 650; }
.balken { display: inline-block; height: 10px; background: var(--akzent); vertical-align: middle; } .fehler { color: var(--akzent); font-weight: 650; }
td.zahl { white-space: nowrap; }
@media (max-width: 40rem) { #zuordnung table thead { display: none; } #zuordnungTabelle tr, #zuordnungTabelle td { display: block; } #zuordnungTabelle td:first-child { border-bottom: 0; padding-bottom: .2rem; font-weight: 600; } } /* mobil: Zuordnung untereinander, Auswahl in voller Breite */
/* 22.10.2026: Beispieldaten-Knopf, Datenvorschau, Status „Spalte fehlt“, Herstellergruppen */
.check-oder { margin: .75rem 0 0; } .bsp { display: block; margin-top: .3rem; overflow-wrap: anywhere; }
.vorschau-tabelle td, .vorschau-tabelle th { white-space: nowrap; font-size: .9rem; } .vorschau-wahl select { width: 100%; }
td.status-spalte { color: var(--akzent); font-weight: 650; } #herstellerTabelle ul { margin: 0; padding-left: 1.1rem; } #herstellerTabelle li { margin-bottom: .3rem; }
#ergebnisSpalten:empty { display: none; }
#export-anleitung code, #herstellerTabelle td, .vorschau-tabelle td { overflow-wrap: anywhere; } #export-anleitung code { word-break: break-all; } #export-anleitung details { min-width: 0; }

/* Auftrag Master 23.10.2026: keine Worttrennung mitten in Überschriften */
h1, h2, h3 { hyphens: manual; text-wrap: balance; }