Decor-Muster Safari-fest und größer

Die CSS-Masken-Fassung war in Safari unsichtbar. Jetzt vorgefärbte SVG-Kacheln
(assets/decor/*.svg) als normales Hintergrundbild. Kachel 420 -> 600px, Handy 440px.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

DESIGN.md

@@ -238,11 +238,17 @@ Kundenwunsch 2026-09-24: die farbigen Flächen wirkten leer. Referenz ist die
 Handoff-Komponente **`Decor` — „flat decorative layer" (`variant`, `opacity`)**; sie steht
 in der Komponentenliste des Handoffs, wurde dort aber nie ausgeführt.
 
-`assets/decor-toys.svg` ist eine nahtlose 420px-Kachel mit elf flachen
-Spielzeug-Silhouetten (Teddy, Ente, Auto, Ball, Bauklotz, Rassel, Stern, Ballon,
-Stapelturm, Herz, Segelboot), selbst gezeichnet, 4 KB. Sie wird als CSS-Maske benutzt, die
-Farbe kommt pro Fläche aus `--decor`: immer der Ton der Fläche, eine Stufe dunkler — ein
-Schatten, kein zweites Motiv. Auf dem Handy 320px-Kachel.
+`assets/decor/source.svg` ist eine nahtlose Kachel mit elf flachen Spielzeug-Silhouetten
+(Teddy, Ente, Auto, Ball, Bauklotz, Rassel, Stern, Ballon, Stapelturm, Herz, Segelboot),
+selbst gezeichnet. Daraus sind sieben vorgefärbte Varianten erzeugt (`warm`, `cool`,
+`rose`, `sky`, `sun`, `hero-shop`, `hero-verein`), eingebunden als normales
+Hintergrundbild: immer der Ton der Fläche, eine Stufe dunkler — ein Schatten, kein zweites
+Motiv. Kachel 600px, auf dem Handy 440px (auf Kundenwunsch größer, gleich kräftig).
+
+**Nicht als CSS-Maske.** Die erste Fassung färbte eine einzige SVG per `mask` ein und war
+in Safari (Mac) komplett unsichtbar. Vorgefärbte Dateien sind etwas redundanter, laufen
+aber in jedem Browser. Den Hero-Übergang zur Fotokante macht nur noch eine reine
+Verlaufsmaske.
 
 Liegt auf: Heros (Desktop nur über der Farbfläche, zur Fotokante ausgeblendet), allen
 getönten und gesättigten Feldern, den Bändern und dem Footer. Weiße Sektionen bleiben leer,