/* Rentique Weiß — eigene Ergänzungen zum Design-System. Alles, was das Design-System nicht mitbringt, steht HIER — niemals in /ds/, damit ein Update des Design-Systems ein reiner Ordnertausch bleibt. Nur Token verwenden, keine festen Farben oder Abstände. */ /* ═══════════════════════════════════════════════════════════════════════════ KORREKTUR am gelieferten Design-System — ds/tokens/typography.css Dort fehlen in sechs clamp()-Ausdrücken die Leerzeichen um das Pluszeichen: --fs-h1: clamp(2.25rem,1.5rem+3vw,3.5rem) <- ungültig In CSS müssen + und - innerhalb von calc()/clamp() von Leerzeichen umgeben sein. Ohne sie ist der ganze Ausdruck ungültig, die Eigenschaft fällt beim Berechnen aus — und JEDE Überschrift der Seite erbt die Fließtextgröße. Gemessen vor der Korrektur: h1 17 px, h2 15 px, h3 16 px. Die Werte sind unverändert übernommen, nur die Schreibweise ist berichtigt. Korrigiert wird HIER und nicht in ds/, damit ein Update des Design-Systems ein reiner Ordnertausch bleibt. Sobald die Korrektur dort ankommt, kann dieser Block ersatzlos weg. ═══════════════════════════════════════════════════════════════════════════ */ :root{ --fs-hero:clamp(2.75rem, 1.35rem + 5.6vw, 5.5rem); --fs-h1:clamp(2.25rem, 1.5rem + 3vw, 3.5rem); --fs-h2:clamp(1.75rem, 1.3rem + 1.9vw, 2.625rem); --fs-h3:clamp(1.25rem, 1.1rem + 0.7vw, 1.5rem); --fs-lead:clamp(1.0625rem, 1rem + 0.45vw, 1.25rem); --fs-stamp:clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem); } /* ═══════════════════════════════════════════════════════════════════════════ ZWEITE KORREKTUR am Design-System — ds/components/media/media.css Dort steht ein Kindselektor: .rw-imgframe > img { object-fit: cover; … } Ausgeliefert wird aber , damit WebP und JPEG nebeneinander angeboten werden können. Das