Theme-Variablen, Copy-Anker und Sektions-Flags fuer Anreicherung 2.0

This commit is contained in:
2026-07-29 08:45:21 +00:00
parent b9477f0ad8
commit 1ad3825a40
2 changed files with 168 additions and 110 deletions

View File

@@ -173,3 +173,29 @@ template/
Die Farbe des Designs (Akzentfarbe) lässt sich oben im `<script>`-Datenblock bzw. über
`--accent` steuern (Voreinstellung Blau `#2FA4F0`).
---
## Farbwelt (ab Anreicherung 2.0)
Alle markentragenden Farben stehen als CSS-Variablen im Block zwischen
`/* WK-THEME-START */` und `/* WK-THEME-END */` ganz oben im `<style>`.
Wer das Template von Hand einfärben will, ändert nur diesen Block — der Rest
der Seite folgt automatisch (Sektionen, dekorative Bänder, Buttons, Overlays
und der `hue-rotate`-Winkel der Hintergrundfotos).
Die Anreicherungs-Routine ersetzt genau diesen Block pro Betrieb mit einer aus
dem Logo abgeleiteten, kontrastgeprüften Palette und legt sie zusätzlich als
`.webklar-theme.json` im Repo ab.
## Texte pro Betrieb (`data-wk-copy`)
Elemente mit `data-wk-copy="…"` (Hero-Subline, Leistungskarten, Über-uns,
Philosophie, Kontakt-Intro) sind die Stellen, die pro Betrieb neu geschrieben
werden. Der Inhalt darf komplett ersetzt werden; die Struktur bleibt.
## Leere Bereiche (`data-wk-section`)
`data-wk-section="referenzen"` und `data-wk-section="inhaber-foto"` werden
ausgeblendet (`hidden`), wenn dafür keine echten Bilder vorliegen — statt ein
leeres Gerüst zu zeigen.