Ladenfoto in der Geschichte, Lieder im Player

- 'Wie alles angefangen hat' zeigt das echte Schaufenster statt des Pexels-Bilds
- Player spielen lied-laden.mp3 (Startseite) und lied-verein.mp3 (Verein):
  Play/Pause, Fortschrittsregler per Tastatur, kein Autoplay, nichts gespeichert

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

DESIGN.md

@@ -214,7 +214,6 @@ kommerzielle Nutzung frei, keine Namensnennung nötig, Selbsthosting erlaubt. Si
 |---|---|---|
 | `assets/hero-start.jpg` | 10831693 | bunte Holzfahrzeuge auf Holz |
 | `assets/hero-verein.jpg` | 34148341 | Kindersachen auf der Kleiderstange |
-| `assets/laden-story.jpg` | 6591155 | Hände legen ein Oberteil zusammen |
 
 **Bewusst keine Kinderfotos.** Pexels gibt für erkennbare Personen **kein Model Release**;
 für eine deutsche Gewerbeseite wäre das ein unnötiges Risiko. Deshalb Sachmotive und, beim
@@ -276,6 +275,19 @@ Seitenaufruf, nicht mehr nach dem Klick auf die Karte.
 
 Header: beide Zeichen (Laden und Hilfe Verein) nebeneinander auf allen Seiten.
 
+## Ladenfoto und Lieder (2026-09-26)
+
+Das Story-Bild ist jetzt das echte Schaufenster (Kundenfoto, `assets/laden-front.jpg`,
+3:2 mit Schild, Ballonbogen und Eingang) statt des Pexels-Motivs; `.story__img` dafür von
+4:3 auf 3:2. Bildnachweis im Impressum angepasst.
+
+Die Player spielen echte Lieder: `assets/audio/lied-laden.mp3` (2:12, Startseite) und
+`lied-verein.mp3` (3:21, Vereinsseite) — ein Lied pro Seite, wie vorgegeben. Kein
+Autoplay. Fortschritt ist ein echter `<input type="range">`, per Tastatur bedienbar.
+**Abweichung vom Handoff:** keine gemerkte Abspielposition in `localStorage` — das wäre
+Speicherung auf dem Endgerät (§ 25 TDDDG) und widerspräche dem Versprechen der
+Datenschutzerklärung, das die Seite bannerfrei hält.
+
 ## Motion
 
 Nur Zustandsfeedback, wie im Handoff: 120ms Farbe, 200ms Lift, 340ms alles Größere,