M7 abschliessen: Landingpage mit Kernabläufen, Demo-Screenshot und FAQ

Ergaenzt die beiden letzten offenen M7-Punkte und schaerft nebenbei die
Copy insgesamt:

- Neue Sektion 'So funktioniert's' mit dem im Plan vorgesehenen
  Drei-Schritte-Ablauf (Kaffee nehmen, Strich setzen, bei Bedarf
  bezahlen), bisher komplett gefehlt.
- Funktionsuebersicht von drei auf sechs Karten erweitert (Mitglieder/
  Rollen, Guthaben/Einzahlungen, PayPal, CSV-Import/-Export,
  Mandantenfaehigkeit, Hinweise/Info-Mails) statt der bisherigen,
  eher technischen Kurzbeschreibung.
- Demo-Screenshot: bereinigter Screenshot der Gesamtuebersicht mit
  Testdaten (keine echten Kundendaten) aus docs/m0/screenshots/ als
  assets/images/demo-kaffeeliste.png eingebunden.
- FAQ-Auszug: fuenf produktbezogene Fragen (Einrichtung, Mandanten-
  trennung, Rollen, Export/Loeschung, PayPal) direkt auf der
  Landingpage. Bewusst nicht die bestehende faq.php excerpted, da die
  komplett AOK-spezifisch ist (Kaffeemaschinen-Bedienung, interner
  Ansprechpartner) und fuer Interessenten nicht generisch verstaendlich
  waere.
- Neue CSS-Klassen fuer Schritte/Demo-Rahmen/FAQ-Grid/Abschluss-CTA in
  assets/css/public.css, konsistent mit dem bestehenden Grundton
  (gruener Akzent, schlichte Kartenoptik, keine Marketing-Verspieltheit).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

docs/saas-umstrukturierungsplan.md

@@ -307,7 +307,7 @@ Nicht tun:
 | M4 | Datenmigration | Gestartet: Ledger-Tabelle, Legacy-Backfill, Paritätscheck, Ledger-Service und Preview sind umgesetzt |
 | M5 | App-Kern | Weit fortgeschritten: Kernseiten lesen und schreiben tenant-sicher gegen das Ledger, inklusive Hinweise und rollenbasiertem Zugang; offen ist ein eigener Zahlungs-Screen |
 | M6 | Betriebsflows | Abgeschlossen: Import, Export, Mail und Jahresabschluss sind auditierbar |
-| M7 | Landingpage | Public-Seite und Auth-Seiten sind im gemeinsamen Stil nutzbar; spätere Ausbaustufen folgen |
+| M7 | Landingpage | Abgeschlossen: Public-Seite mit Kernabläufen, Funktionsübersicht, Demo-Screenshot und FAQ-Auszug; Auth-Seiten im gemeinsamen Stil |
 | M8 | Härtung | Abgeschlossen: Security-Headers, Rate-Limits, Audit-Log, Mandanten-Isolation/Rollenmatrix getestet, Datenexport, Löschung/Anonymisierung, Backup/Monitoring dokumentiert (CSP als bewusst offener Punkt) |
 | M9 | Cutover | Produktivumstellung ist vorbereitet und Legacy ist read-only |
 
@@ -615,19 +615,31 @@ Schritte:
 
 - Public-Layout mit bestehender Typografie und grünem Akzent bauen. Erster
   Stand als `landing.php` und `assets/css/public.css` erledigt.
-- Landingpage-Inhalte erstellen. Erster Stand erledigt.
-- Demo-Screenshot oder Demo-Ansicht einbinden.
+- Landingpage-Inhalte erstellen: erledigt und überarbeitet. Klarere
+  Nutzenbeschreibung, expliziter Drei-Schritte-Ablauf (Kaffee nehmen →
+  Strich setzen → bei Bedarf bezahlen) und erweiterte Funktionsübersicht
+  (Mitglieder/Rollen, Guthaben/Einzahlungen, PayPal, CSV-Import/-Export,
+  Mandantenfähigkeit, Hinweise/Info-Mails).
+- Demo-Screenshot oder Demo-Ansicht einbinden: erledigt. Bereinigter
+  Screenshot der Gesamtübersicht (Testdaten, keine echten Kundendaten)
+  aus `docs/m0/screenshots/` als `assets/images/demo-kaffeeliste.png`.
 - CTA zu Registrierung und Login. Erledigt.
 - Login, Registrierung und Passwort-Reset in den Public-Stil integrieren.
   Erledigt.
 - App-Sidebar von Public-Links trennen. Erledigt.
-- FAQ-Auszug strukturieren.
+- FAQ-Auszug strukturieren: erledigt. Fünf produktbezogene Fragen
+  (Einrichtung, Mandantentrennung, Rollen, Export/Löschung, PayPal) direkt
+  auf der Landingpage, mit Verweis auf die vollständige FAQ. Die
+  bestehende `faq.php` bleibt bewusst unverändert AOK-spezifisch
+  (Kaffeemaschine, Ansprechpartner) und wurde nicht 1:1 auf die
+  Landingpage übernommen.
 - Keine App-Sidebar im Public-Bereich.
 
 Ergebnis:
 
 - Interessenten verstehen das Produkt und können sich registrieren.
 - Bestehende App bleibt optisch eigenständig und arbeitsorientiert.
+- Stand: abgeschlossen.
 
 Abhängigkeiten: