Handy-Ansicht überarbeitet

- Header einzeilig und sticky, aktiver Punkt als Akzentkante statt Pille
- Hero: Headline zuerst, Foto danach als gerahmtes Bild
- Headline so groß wie die Spalte erlaubt (45px statt 34px bei 375), Kontur dünner
- Abstände und Bilder gestrafft: Startseite 4936 -> 4260px

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

DESIGN.md

@@ -272,6 +272,22 @@ versehentlich live geht, plus ein `.prose__warn`-Kasten oben auf jeder Seite.
 
 ## Mobil und Touch
 
+**Überarbeitung 2026-09-24** (Kundenrückmeldung: Einstieg schwach, Header klobig, zu lang,
+Headline zu klein). Referenz unverändert das Handoff-DS, geändert sind nur Verhältnisse:
+
+- **Header** wieder einzeilig und sticky: Zeichen links (Name bleibt für Screenreader im
+  Link), vier Punkte rechts, aktiv als 3px-Akzentkante statt Pille. Ziele weiter ≥ 44px,
+  passt bis 320px.
+- **Hero** stapelt Text zuerst, Foto danach als gekipptes, gerahmtes Bild wie
+  `.story__img`. Die Headline beginnt bei 212px statt ~560px.
+- **Headline** so groß, wie das längste Wort in die Spalte passt: `min(48px, Spalte / 7.4)`,
+  Verein `/ 8.1` wegen „zusammenhalten!". 45px statt 34px bei 375. Kontur .075em.
+- **Rhythmus** gestrafft: Abstände 64 → 40px, Porträt max. 260px, Story-Bild 3:2.
+  Startseite bei 375px 4936 → 4260px hoch.
+
+Die Angaben unten zum zweizeiligen, nicht-stickigen Header sind damit überholt.
+
+
 Geprüft bei 320 · 375 · 390 · 640 · 768 · 1024 · 1440 · 1920 px, auf allen fünf Seiten,
 jeweils auf horizontalen Overflow, Zielgrößen, Schriftgrößen und Randabstände. Alles
 sauber. Gefunden und behoben wurde dabei: