/* =========================================================================== Template „Klassik" – das bisherige Erscheinungsbild. Waldgrün, Amber, Cremeweiß. Werte aus dem früheren :root-Block von assets/css/styles.css übernommen. Fünf Werte weichen bewusst ab: sie lagen unter 4,5:1 und waren damit für kleinen Text nicht lesbar genug. Die betroffenen Stellen sind der Buchen-Button, der Amber-Kicker, die Bildunterschriften und die Auszeichnung über der Hero-Überschrift. Alles andere ist unverändert. TOKEN-VERTRAG v1: Jedes Template MUSS alle hier aufgeführten Variablen setzen. Fehlt eine, greift der Rückfallwert in styles.css – und das ist immer ein Klassik-Wert, das Ergebnis wäre also gemischt. =========================================================================== */ :root { /* Marke */ --marke: #317c54; --marke-text: #2b5c42; --marke-stark: #1a3d2b; --marke-sanft: #ddeee4; --marke-tief: #0d2318; --marke-auf-dunkel: #9ecfb3; --marke-auf-marke: #e8f5ee; /* war #a8d5b8 – auf dem Markengruen nur 3,1:1 */ --grund-marke: #eef6f1; /* Halbtransparente Markenflächen – als RGB-Tripel, damit rgba() sie nutzen kann */ --marke-dunkel-rgb: 26, 61, 43; --marke-mittel-rgb: 30, 70, 50; --schleier-rgb: 20, 50, 35; /* Akzent (Buchen, Preise) */ --akzent: #9e611f; /* war #b8722a – weisser Text darauf nur 3,8:1 */ --akzent-stark: #7e4a16; /* Hover, passend zum dunkleren Akzent */ --akzent-text: #9e611f; /* jetzt identisch mit --akzent, beide 5,0:1 */ --akzent-sanft: #fdf0e0; /* Flächen */ --flaeche: #ffffff; --grund-warm: #f9f6f0; --grund-kalt: #f1f5f9; /* Text */ --text: #1a2e22; --text-mittel: #3b5c48; --text-leise: #5f7a6a; /* war #6e8878 – auf Weiss nur 3,9:1 */ --text-invers: #ffffff; /* Linien, Schatten, Sonstiges */ --linie: rgba(26,61,43,0.12); --tooltip-grund: rgba(17, 24, 20, .92); --status-ok: #1a7a40; /* semantisch, in allen Templates gleich */ --bewertung-stern: #f59e0b; --schatten-s: 0 2px 10px rgba(26,61,43,0.08); --schatten-m: 0 6px 24px rgba(26,61,43,0.11); --schatten-l: 0 16px 48px rgba(26,61,43,0.14); /* Radien */ --r-xs: 6px; --r-s: 8px; --r-m: 10px; --r-l: 12px; --r-xl: 14px; --r-2xl:22px; --r-3xl:32px; /* Schrift */ --font-display: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --font-text: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; /* Saisonschicht. Sommer ist die Marke selbst — Waldgruen IST die Sommerfarbe, ein zweites Gruen darueber waere wirkungslos. Nur der Winter kuehlt ab. */ --saison: #317c54; --saison-text: #2b5c42; --saison-sanft: #eef6f1; --saison-rand: #ddeee4; --saison-tief: #0d2318; } /* Winterschicht. Das Attribut sitzt am (fewo_theme_body_attr()), deshalb kein :root-Selektor — sonst greift die Regel nicht. Die Marke bleibt waldgruen; kuehler wird nur der Sektionsgrund, die Auszeichnung, die Chips und die Piktogramme. */ [data-season="winter"] { --saison: #3d6b8a; --saison-text: #2f5478; --saison-sanft: #eef3f7; --saison-rand: #cfdde8; --saison-tief: #16232f; }