/* =================================================================
   PRAXIS CAFM — Zentrale Typografie
   Wird auf allen Seiten als LETZTES Stylesheet geladen.
   Werte hier ändern → gilt für die gesamte Website.
   (1rem = 16 px)
   ================================================================= */
:root {
  /* Grundschrift & Abstufungen */
  --fs-2xs:  0.8125rem;  /* 13 px – Labels, Kennungen */
  --fs-xs:   0.75rem;    /* 12 px */
  --fs-sm:   0.875rem;   /* 14 px – kleine Texte, Buttons, Navigation */
  --fs-base: 1.125rem;   /* 18 px – Grundschrift (body) */
  --fs-md:   1.125rem;   /* 18 px – Einleitungstexte (.lead) */
  --fs-lg:   1.375rem;   /* 22 px – h3 */

  /* Überschriften */
  --fs-h1: clamp(2.4rem, 5.6vw + .25rem, 4.25rem);  /* 38–68 px */
  --fs-h2: clamp(1.75rem, 3vw + .5rem, 2.5rem);     /* 28–40 px */
  --fs-h3: var(--fs-lg);                            /* 22 px */

  /* Karten */
  --fs-card-title: 1.5rem;    /* 24 px – Kartenüberschriften */
  --fs-card-text:  1.125rem;  /* 18 px – Kartentexte, Aufzählungen */

  /* Formulare */
  --fs-input: 1rem;       /* 16 px – Eingabefelder, Auswahlfelder */
  --fs-label: 0.9375rem;  /* 15 px – Feldbezeichnungen */

  /* Schriftfarben */
  --text:         #1E2330;   /* Überschriften, starker Text */
  --muted-strong: #363B47;   /* Fließtext */
  --muted:        #5E6474;   /* Nebentexte */
}

body { font-size: var(--fs-base); }
h1   { font-size: var(--fs-h1); }
h2   { font-size: var(--fs-h2); }
h3   { font-size: var(--fs-h3); }
.lead { font-size: var(--fs-md); }

/* Formulare: Auswahlfeld ohne Auswahl wie Platzhalter darstellen */
select:has(option[value=""]:checked) { color: #A4A9B6; }
select option { color: var(--text); }

/* Fußzeile: Link-Hover */
.foot a:hover { color: var(--accent) !important; }

/* Newsletter: leere Statusmeldung nimmt keinen Platz ein */
.nl__msg:empty { display: none; }