Kontur auf allen drei Headline-Zeilen

Sticker-Kontur wie die Wortmarke jetzt auch auf Blau und Coral, skaliert mit der
Schriftgröße (.1em). Blau/Coral dadurch wieder in den helleren Markenwerten.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Andrej StevanovskiandClaude Opus 5.5 committed 2026-09-24 22:05:09 +02:00
1 parent 6bd5c12d3e
commit f1ca321d7c
6 files changed
+13 -11

No files matched your search

+8 -6
View File
@@ -295,17 +295,19 @@ a:hover{color:var(--sky-600)}
/* Beide Heros stehen seit 2026-09-24 auf getöntem Grund (sky-100 / sun-200). Dort
fielen die Buntwerte auf ~3.0-3.1 — knapp an der Schwelle. Deshalb die dunklere
Stufe derselben Familie: auf sky-100 4.35 / 4.04 / 3.87, auf sun-200 4.43 / 4.11 / 3.93. */
.hero .hl .c-sky{color:var(--sky-600)}
.hero .hl .c-sky{color:var(--sky-500)}
/* Gelb: dunkles Gelb, das auf hellem Grund lesbar bleibt, ist zwangsläufig Braun
(sun-600/700 wurden vom Kunden am 2026-09-24 als "braun statt gelb" zurückgewiesen).
Deshalb helles Markengelb mit dunkler Kontur — wie die Buchstaben im Logo. Lesbar
macht die Kontur: ink-700 gegen den Grund misst ≥11. paint-order legt sie unter die
Füllung, damit die Buchstaben nicht dünner werden. */
.hero .hl .c-sun, .yellow-type{
color:var(--sun-400);
-webkit-text-stroke:6px var(--ink-700); paint-order:stroke fill;
}
.hero .hl .c-coral{color:var(--coral-600)}
.hero .hl .c-sun, .yellow-type{color:var(--sun-400)}
/* Kontur auf allen drei Zeilen (Kundenwunsch 2026-09-24) — einheitlicher Sticker-Look
wie die Wortmarke. Da die Kontur den Kontrast trägt, stehen Blau und Coral wieder
in ihren helleren Markenwerten sky-500 / coral-500 statt der dunklen 600er. */
/* 0.1em statt fester 6px: auf dem Handy (34px) liefen die Buchstaben sonst zu. */
.hero .hl span{-webkit-text-stroke:.1em var(--ink-700); paint-order:stroke fill}
.hero .hl .c-coral{color:var(--coral-500)}
.hero .trust b + span{color:var(--ink-700)}
.hero__sub{font:var(--t-body); color:var(--ink-700); max-width:34ch}