1 · Schriftfamilien
Titel / Display
Italiana
Fallback: Bodoni Moda
--font-heading
nur 1 Schnitt (400)
2 · Type-Scale (wie im Hero / den Sektionen)
Eyebrow
Inter 500 · 5px · UPPERCASE · muted
Persönliche Beratung
Display-Titel
Italiana · 48–86px · 5px · UPPERCASE
Section-Titel (H2)
Italiana · 30–46px · text-stroke .6px für Kontrast
Subtitle
Inter 400 · 1px · gemischt (lesbar!)
Fließtext
Inter 400 · line-height 1.9 · muted
CTA / Button
Inter 500 · 2.5px · UPPERCASE
3 · Farben
4 · Regeln

Kein Italic – Titel stehen aufrecht (Italiana hat keinen echten Kursivschnitt).
Kein negatives Letter-Spacing – Titel dürfen nicht gequetscht wirken (0 bis leicht positiv).
Mehr „Gewicht“ bei Italiana über text-stroke (0.5–0.9px), da nur ein Schnitt vorhanden.
Subtitles/kleine Texte immer in Inter und gemischt geschrieben – Versalien nur für Eyebrows/Buttons (mit Sperrung).
Menü nutzt ausschließlich Inter (--font-body) und bleibt auf allen Seiten identisch – von den Titel-Änderungen unberührt.
Fließtext immer im gedämpften Grau --text-muted (nicht schwarz), Inter 400, line-height 1.9.
Bilder immer mittig verankertobject-position: center bzw. background-position: center, damit beim Zuschnitt/Responsive nichts nach links „wandert“.
Site-/Hero-Titel: nur der Titel in Italiana (Display, Versalien) – der Subtitle immer wie der Home-Eyebrow „Kompromisslose Qualität“: Inter, UPPERCASE, weit gesperrt (4–5px), gedämpft.
Produktkarten-Namen & Box-Titel: Kontrast über text-stroke (0.5–0.9px), da Italiana nur einen Schnitt hat.
„Wunschbett nicht dabei?“-CTA: volle Breite als eine Kachel (grid-column: 1 / -1), Titel mit Kontur.
Universelle Komponenten (Anrufen-Modal, Footer-Logos) sowie alle Leitfaden-Overrides zentral in assets/site.css + assets/site.js – gelten damit automatisch auf allen Unterseiten.

5 · Stat- / USP-Boxen (Vorteile)
Große Zahl
Italiana · opacity: 0.38
(nicht 0.12 – sonst unsichtbar)

Box-Titel
Italiana · UPPERCASE
text-stroke: 0.9px für Kontrast
25
Jahre COCOON-Garantie
100+
Betten lagernd
Anfertigung nach Maß