/* ============================================================ katzen-ernaehrung.com — Sonnenplatz auf Beitraegen, Seiten und Kategorien. Ergaenzt ke-hookfree.css, ersetzt sie nicht. Stand 20.08.2026. Richtung: katzen-ernaehrung/DESIGN.md ============================================================ */ /* ---------- Schrift: Apfel Grotezk, Collletttivo, OFL-1.1 ---------- Dateien lokal unter uploads/ks-2026/fonts/, Lizenztext daneben. Kein Google, kein Schrift-CDN. */ @font-face{font-family:"Platz";src:url("/wp-content/uploads/ks-2026/fonts/ApfelGrotezk-Regular.woff2") format("woff2");font-weight:400;font-display:swap} @font-face{font-family:"Platz";src:url("/wp-content/uploads/ks-2026/fonts/ApfelGrotezk-Mittel.woff2") format("woff2");font-weight:500;font-display:swap} @font-face{font-family:"Platz";src:url("/wp-content/uploads/ks-2026/fonts/ApfelGrotezk-Fett.woff2") format("woff2");font-weight:700;font-display:swap} @font-face{font-family:"Platz";src:url("/wp-content/uploads/ks-2026/fonts/ApfelGrotezk-Satt.woff2") format("woff2");font-weight:800;font-display:swap} /* ---------- Die Tokens umdefinieren ---------- Fast alle Farbwerte im Bestand stehen als var(--ke-token, #fallback). Ein neues :root faerbt deshalb die ganze Site um, ohne dass eine der rund 90 Einzelregeln angefasst werden muss. */ :root{ --ke-primary: #ad4415; /* Zinnober, war Teal — 5,7:1 auf Weiss */ --ke-primary-dark: #8f3810; --ke-primary-light: #f7e6da; /* war im Bestand GAR NICHT definiert */ --ke-accent: #3e6b4a; /* Laub, war Koralle */ --ke-gold: #e0a127; /* Honig, war Gold */ --ke-navy: #241c14; /* Umbra, war Navy */ --ke-cream: #fbf4ea; /* Papier, war Creme */ --ke-purple: #8a5a2b; /* Nussbraun, war Violett */ --ke-font: "Platz", ui-sans-serif, system-ui, -apple-system, sans-serif; --ks-tinte: #241c14; --ks-tinte-leise: #5c4b3a; --ks-linie: #e3d5c0; --ks-mass: 34rem; /* Lesespalte, in Apfel Grotezk rund 70 Zeichen */ } body{ font-family: var(--ke-font) } /* Browser-Flaechen gehoeren zum Entwurf, nicht dem Browser */ ::selection{ background:#e9a227; color:#241c14 } :focus-visible{ outline:3px solid #ad4415; outline-offset:3px } html{ scrollbar-color:#c8b49a #fbf4ea } /* ============================================================ BEITRAG ============================================================ */ .single-post .site-content, .archive.category .site-content, body:not(.home) .site-content{ background:var(--ke-cream) } /* ⛔⛔ NIE `.page:not(.home)` schreiben. GeneratePress setzt die Klasse `page` NICHT nur auf den , sondern auch auf das

. Das

traegt kein `home`, also greift die Regel auf der Startseite mit — und mit Spezifitaet (0,3,1) schlaegt sie dort jede eigene Knopfregel (0,2,0). Am 20.08.2026 hat genau das den Text im Hero-Knopf unsichtbar gemacht: Zinnober auf Zinnober. Richtig ist `body:not(.home)`. */ /* Der Kopf war ein Navy-Verlauf mit zwei farbigen Lichthoefen. Beides sind Muster, die impeccable als Verraeter fuehrt. Jetzt eine ruhige Umbra-Flaeche mit einer Honiglinie als Abschluss. */ .single-post .entry-header{ background:var(--ks-tinte); border-radius:20px 20px 0 0; padding:3rem 3rem 2.5rem; border-bottom:5px solid #e9a227; } .single-post .entry-header::before{ display:none } .single-post .entry-title{ font-weight:800; letter-spacing:-.03em; line-height:1.1; font-size:clamp(1.9rem,4vw,2.75rem); } /* ⛔⛔ .entry-meta STEHT ZWEIMAL im Beitrag, auf entgegengesetztem Grund:

= Zeile unter der Ueberschrift, auf dunklem Umbra