fix(blog): optimize component share logic, typography, and modal layouts

apps/web/docs/AUDIENCE.md

@@ -0,0 +1,33 @@
+# Zielgruppe
+
+## Primäre Zielgruppe: Der deutsche Mittelstand
+
+Unsere Blog-Inhalte richten sich an Entscheider in kleinen und mittelständischen Unternehmen – nicht an Entwickler.
+
+### Wer liest das?
+
+- **Geschäftsführer** von Handwerksbetrieben, Kanzleien, Arztpraxen
+- **Marketing-Verantwortliche** in mittelständischen Unternehmen (10–250 Mitarbeiter)
+- **Online-Shop-Betreiber** mit 20k–500k€ Jahresumsatz
+- **Selbstständige** und Freiberufler mit eigener Website
+
+### Was sie NICHT sind
+
+- Keine Entwickler (kein Code-Jargon)
+- Keine Enterprise-Konzerne (kein "Amazon-Scale", keine "Millionen User")
+- Keine Marketing-Agenturen (kein Buzzword-Bingo)
+
+### Wie wir schreiben
+
+- **Know-how transportieren** ohne zu dozieren
+- **Technische Fakten verständlich machen** — ELI5 aber nicht herablassend
+- **Realistische Beispiele**: "Tischlerei Müller mit 30 Seitenbesuchern am Tag", nicht "globaler Marktführer mit 10M MAU"
+- **Probleme benennen** die sie kennen: langsame Website, schlechtes Google-Ranking, verlorene Anfragen
+- **Lösungen zeigen** die greifbar sind: konkrete Vorher/Nachher-Vergleiche, echte Zahlen
+
+### Tonalität gegenüber dem Leser
+
+- Auf Augenhöhe, nie von oben herab
+- Wie ein kompetenter Bekannter der einem beim Thema Website hilft
+- Ehrlich über Probleme, ohne Panik zu machen
+- Kein Verkaufsdruck, keine künstliche Dringlichkeit