/* „Modern“ – hell, ruhig, viel Weißraum */
:root{
  --schrift:system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;
  --seite:#f3f4f6;--kopf:#fff;--flaeche:#fff;--karte:#fff;--bildgrund:#f7f7f8;--feld:#fff;
  --text:#1f2328;--leise:#646b75;--ueberschrift:#111;--link:#0b5cad;--preis:#111;
  --rand:#dfe2e6;--rand-flaeche:#e6e8eb;--rand-fuss:#2c3440;
  --akzent:#0b5cad;--akzent-text:#fff;--logo:#111;
  --nav-text:#1f2328;--nav-hover:#eef2f7;
  --fuss:#1c232d;--fuss-text:#d6dbe1;--fuss-kopf:#fff;
  --gruen:#1a7f37;--gelb:#9a6700;--rot:#b42318;
  --radius:10px;
}
.kopf{border-bottom:1px solid var(--rand);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.logo-wort{letter-spacing:-.5px}
.logo-wort::first-letter{color:var(--akzent)}
.baureihen a{border-radius:999px;margin:6px 0}
.baureihen a.aktiv{background:var(--akzent)}
.inhalt{border:0;box-shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06);padding:28px}
.kachel{box-shadow:0 1px 2px rgba(16,24,40,.04)}
.kachel:hover{box-shadow:0 4px 14px rgba(16,24,40,.08)}
.herkunft{border-left-width:1px;background:#f7f9fc}
.hinweis-strasse{border-left-color:#c7ccd3}