/* ruegen — eigenes Aussehen dieser Domain.
   Landschaft: coast. Struktur #175fa1 (Kontrast auf Weiss 6.59:1), Signal #9e6724 (4.75:1).
   Erzeugt 2026-08-21 — Werte gerechnet, nicht kopiert: kein zweiter Auftritt
   im Netz traegt dieselbe Palette. */

html[data-ms-theme], :root {
  --mr-red:#175fa1; --mr-red-dark:#114878; --mr-red-soft:#dee9f2;
  --mr-2:#9e6724; --mr-2-dark:#794e1b; --mr-2-soft:#f4ebe1;
  --green:var(--mr-red); --green-d:var(--mr-red-dark); --green-soft:var(--mr-red-soft);
  --orange:var(--mr-2); --orange-d:var(--mr-2-dark); --orange-soft:var(--mr-2-soft);
  --paper:#f9fafb; --paper-2:#f0f2f4; --card:#fcfcfd;
  --ink:#14171a; --ink-soft:#353b40; --muted:#6d767e;
  --line:#dfe3e7; --line-2:#cdd4db;
  --night:#14171a; --night-2:#353b40;
}

/* Kopfzeile nimmt den Grundton des Papiers auf. */
.site-head{background:rgba(249,250,251,.93)}

/* Der Strich unter dem Seitentitel ist das Wiedererkennungszeichen. */
.page-hero h1::after{background:var(--mr-2)}

/* Ueber dem Hero-Foto steht die Signalfarbe auf Bild statt auf Papier —
   deshalb hier aufgehellt und mit Schatten unterlegt, sonst verschwimmt sie. */
.hero-title span,.hero-plate i{color:#e9ae67;text-shadow:0 2px 16px rgba(0,0,0,.55)}
.hero-rule{background:#e9ae67}