Decor-Muster: Spielzeug-Silhouetten auf den farbigen Flächen

Umsetzung der Handoff-Komponente Decor (flat decorative layer). Selbst gezeichnete
SVG-Kachel als CSS-Maske, Farbe pro Fläche eine Stufe dunkler als der Grund.

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

DESIGN.md

@@ -232,6 +232,25 @@ im rechten Drittel liegen. Alle 2000×1100, progressives JPEG, Qualität 76.
 Das Vereinslogo im Hero liegt auf einer weißen Karte — auf dem gemusterten Stoff war die
 feine Schrift darin sonst nicht lesbar.
 
+## Decor-Muster
+
+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.
+
+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,
+damit der Rhythmus Weiß ↔ Farbe erhalten bleibt.
+
+Kontrast gegen die **dunklere** Musterfarbe gemessen, nicht gegen den Grund: `--ink-700`
+7.41–9.71, Weiß auf dem Blau-Band 4.65.
+
 ## Motion
 
 Nur Zustandsfeedback, wie im Handoff: 120ms Farbe, 200ms Lift, 340ms alles Größere,