/* ===================================================================
   DESIGN-EINSTELLUNGEN – Höhlerverein Gera (neues Design, Vorschau)

   Hier stehen alle Farben und Größen an einer Stelle. Ändern Sie nur
   die Werte hinter dem Doppelpunkt, z. B. eine Farbe #dcb64a.
   Der Rest der Gestaltung (neu.css) richtet sich automatisch danach.
   =================================================================== */

/* ---------- Schrift und Maße ---------- */
:root {
	--schrift-groesse: 1.25rem;    /* Grundschrift: 1.25rem = 20 Pixel; größer z. B. 1.375rem */
	--zeilenabstand: 1.65;
	--seitenbreite: 74rem;         /* maximale Breite des Inhalts */
	--kopfbild: url("../images-hoehler/g-bild-1.jpg");  /* Foto im Bogen auf der Startseite */
	--kopfbild-abdunklung: 22%;    /* Foto im Bogen etwas zurücknehmen: 0% = volle Helligkeit */
	--grundriss-deckkraft: 0.28;   /* Höhler-Grundriss hinter dem Bogen: 0 = unsichtbar, 0.4 = deutlich */
	--kopffoto: url("kopf-treppe.jpg");  /* Foto im Kopf aller Seiten (Sandsteintreppe aus dem alten Design) */
	--kopffoto-helligkeit: 0.7;    /* Helligkeit des Kopffotos: 1 = original, 0.5 = gedämpft */
}

/* ---------- Farben ---------- */
:root {
	--farbe-kopf: #17140f;         /* Kellerschwarz: Kopf, Menü, Fußzeile */
	--farbe-kopf-text: #f1ece0;    /* Text im Kopf */
	--farbe-gold: #dcb64a;         /* Laternengold: Akzente auf dunklem Grund */
	--farbe-messing: #7d5f17;      /* dunkles Messing: Akzente auf hellem Grund */
	--farbe-grund: #f5f4f0;        /* Kalkputz: Hintergrund der Inhalte */
	--farbe-flaeche: #ffffff;      /* Kästen und Karten */
	--farbe-text: #221f1a;         /* Tinte: Fließtext */
	--farbe-leise: #5f584d;        /* gedämpfter Text, Linien */
	--farbe-linie: #d9d4c8;
	--akzent-im-kopf: #dcb64a;     /* Akzentschrift im Kopf (Gold) */
	--knopf-grund: #dcb64a;        /* Hauptknopf */
	--knopf-text: #17140f;
}