/* Marke Website-Wache (Venture13, I12) – Variablen nach DESIGN.md (Kontraste dort gemessen). */
:root {
  --marke: #1f4e5f;
  --marke-dunkel: #163a47;
  --marke-hell: #e6eff1;
  --akzent: #e8a317;
  --flaeche: #eef3f4;
  --radius: 12px;
}
/* Seitenspezifisch: Prüfformular und Ampel-Ergebnisliste des Gratis-Checks (keine Entsprechung im Kit). */
.pruefform .zeile { display: flex; gap: .5rem; flex-wrap: wrap; }
.pruefform input { flex: 1 1 15rem; width: auto; }
#ergebnis:not(:empty) { margin-top: 1.5rem; }
.meldung { padding: .8rem 1rem; background: var(--flaeche); border-radius: var(--radius-klein); }
.befund h2 { font-size: 1.25rem; word-break: break-all; }
.punkt { display: flex; gap: .8rem; padding: .8rem 1rem; margin-bottom: .5rem; border-left: 4px solid var(--linie); background: var(--flaeche); border-radius: 0 var(--radius-klein) var(--radius-klein) 0; }
.punkt p { margin: .2rem 0 0; }
.punkt .symbol { font-weight: 700; width: 1.4rem; text-align: center; flex: none; }
.punkt.gut { border-color: var(--erfolg); } .punkt.gut .symbol { color: var(--erfolg); }
.punkt.achtung { border-color: var(--warnung); } .punkt.achtung .symbol { color: var(--warnung); }
.punkt.schlecht { border-color: var(--fehler); } .punkt.schlecht .symbol { color: var(--fehler); }
/* Kopf bei 390 px: Wortmarke und Knopf nicht umbrechen. */
.logo, .kopf .btn { white-space: nowrap; }
@media (max-width: 420px) { .kopf .btn { padding-inline: .9rem; font-size: .92rem; } }
/* Textseiten (Ratgeber, Rechtstexte): Codebeispiele und Abstand unter dem Kopf. */
.text { max-width: var(--lesebreite); padding-block: 2.5rem 3rem; }
.text pre { background: var(--flaeche); padding: .8rem 1rem; overflow-x: auto; border-radius: var(--radius-klein); font-size: .85rem; }
/* Ergebnis: Start und Ziel der Prüfung */
.befund .weg { color: var(--text-leise); font-size: .95rem; word-break: break-all; }
/* Textseiten: lange Wörter in Überschriften (z. B. „Datenschutzerklärung“) bei 390 px nicht abschneiden. */
.text h1 { font-size: clamp(1.8rem, 1.2rem + 2.4vw, 2.8rem); hyphens: auto; overflow-wrap: break-word; }