feat(marketing): add real application screenshots

docs/ABLAUFPRUEFUNG.md

@@ -2,7 +2,7 @@
 
 Stand: 9. Oktober 2026 · geprüfter Code: `4702bf5abb0037ab9e0913dbef01ffbe21bbb96d` (`origin/main` zum Prüfzeitpunkt).
 
-Fortschreibung: F01 (Familieneinladungen), F02 (Abwesenheitsverwaltung) und die Entfernung des künstlichen Gruppenfilters aus F12 wurden anschließend auf `codex/family-absence-flows` bearbeitet. Den neuen Ablauf und die Deployment-Schritte beschreibt [Familien und Abwesenheiten](FAMILIEN_UND_ABWESENHEITEN.md). F03, F04 und F05 (Verfügbarkeit bei manueller Zuweisung sowie Erstveröffentlichung) sind inzwischen ebenfalls umgesetzt; den aktuellen Stand und die Prüfungen dokumentiert die Ergänzung vom 12.10.2026 in [Funktionsübersicht](FUNKTIONSUEBERSICHT.md). F06 (Agenda-Details und Mitbringen), F09 (Arbeitszeitkontext und Ein-Tages-Anträge), F10 (personenbezogene Ämter-Schaltflächen) und F11 (Passwort-Wiederherstellung/-Änderung) sind ebenfalls umgesetzt; F08 enthält nun kontoabhängiges Ausblenden des Einrichtungshinweises. Die weiteren Teile von F08 und F11 bleiben durch diese Ergänzung unberührt. Die folgenden Befunde dokumentieren weiterhin den ursprünglichen Prüfstand.
+Fortschreibung: F01 (Familieneinladungen), F02 (Abwesenheitsverwaltung) und die Entfernung des künstlichen Gruppenfilters aus F12 wurden anschließend auf `codex/family-absence-flows` bearbeitet. Den neuen Ablauf und die Deployment-Schritte beschreibt [Familien und Abwesenheiten](FAMILIEN_UND_ABWESENHEITEN.md). F03, F04 und F05 (Verfügbarkeit bei manueller Zuweisung sowie Erstveröffentlichung) sind inzwischen ebenfalls umgesetzt; den aktuellen Stand und die Prüfungen dokumentiert die Ergänzung vom 12.10.2026 in [Funktionsübersicht](FUNKTIONSUEBERSICHT.md). F06 (Agenda-Details und Mitbringen), F09 (Arbeitszeitkontext und Ein-Tages-Anträge), F10 (personenbezogene Ämter-Schaltflächen) und F11 (Passwort-Wiederherstellung/-Änderung) sind ebenfalls umgesetzt; F08 enthält nun kontoabhängiges Ausblenden des Einrichtungshinweises. Die weiteren Teile von F08 und F11 bleiben durch diese Ergänzung unberührt. F07 (Mitteilungskorrektur, Verwaltung älterer Beiträge und getrennte Versandwiederholung) ist mit der Ergänzung vom 13.10.2026 ebenfalls umgesetzt. Die folgenden Befunde dokumentieren weiterhin den ursprünglichen Prüfstand.
 
 ## Umfang und Methode
 

docs/FUNKTIONSUEBERSICHT.md

@@ -1,5 +1,41 @@
 # Kita-Planer – Funktionsübersicht und aktueller Stand
 
+## Ergänzung vom 13.10.2026: Landingpage und SEO
+
+- Die öffentliche Landingpage beschreibt jetzt sechs Bereiche, einschließlich Personal/Arbeitszeit mit eigener Detailseite `/features/personal-arbeitszeit`. Rollenvergabe, Wiederherstellung des Kontozugangs, Kalender-Rückmeldungen, Mitbringkorrekturen, zukünftige Abwesenheitsänderungen, Notdienst-Erinnerungen/Veröffentlichung und Mitteilungskorrekturen samt Versandübersicht sind in den passenden Texten ergänzt. Die Darstellung behält das vorhandene Design bei und ist auf Desktop sowie bei 390 und 360 Pixeln geprüft; der mobile Logo-Umbruch wurde behoben.
+- Veraltete Aussagen zu „1-Klick-Alarmierung“, Raumbuchungen und Lesebestätigungen wurden durch die tatsächlich vorhandenen Abläufe ersetzt. Der persönliche Ungelesen-Status wird nicht als Nachweis einer tatsächlichen Kenntnisnahme oder als Admin-Auswertung beworben.
+- `src/lib/marketing/seo.ts` bündelt öffentliche Domain, Titel, Beschreibungen, Canonicals und Vorschaudaten. Öffentliche Seiten besitzen eigene absolute Canonicals und `og:url`; Titel wiederholen den Markennamen nicht. Open Graph und Twitter verwenden passende Beschreibungen und das vorhandene, tatsächlich 1200 × 630 Pixel große Bild. Sein Alternativtext beschreibt die sichtbaren Spielklötze.
+- Die Startseite liefert JSON-LD für WebSite, WebPage und SoftwareApplication; Feature-Seiten ergänzen BreadcrumbList und ihre eigene WebPage. Die Daten stammen aus den vorhandenen Produktbeschreibungen, enthalten keine erfundenen Bewertungen, Preise oder Anbieterangaben und werden gegen eingeschleuste HTML-Script-Enden abgesichert. Die Scripts verwenden den vorhandenen CSP-Nonce. Dies ist keine Zusage besonderer Google-Suchergebnisdarstellungen.
+- Die Sitemap enthält ausschließlich neun öffentliche Canonical-Seiten: Startseite, sechs Feature-Seiten, Impressum und Datenschutz. Das Änderungsdatum folgt der tatsächlichen Änderung der Marketinginhalte (`marketingLastModified`) und wechselt nicht mehr bei jedem Build. Für rechtliche Seiten wird kein unbekanntes Änderungsdatum erfunden. Bei weiteren Änderungen der Produkttexte ist dieses Datum gezielt fortzuschreiben.
+- Indexierung ist im Root-Layout standardmäßig ausgeschaltet; nur die öffentlichen Seiten schalten sie ausdrücklich ein. Private Seiten behalten `noindex, nofollow` und `private, no-store` auch als HTTP-Header. Login, Registrierung und Wiederherstellungs-Anforderungsformular bleiben für Crawler erreichbar, damit sie die `noindex`-Markierung lesen können. Interne und Tokenrouten bleiben zusätzlich in robots.txt ausgeschlossen. robots.txt ist keine Zugriffskontrolle und eine blockierte URL allein garantiert keine Entfernung aus einem Suchindex.
+
+Prüfung: `npm run test:seo` (11 Tests gegen tatsächliche Metadaten-/Sitemap-/JSON-LD-Funktionen) sowie `TEST_SEO_ORIGIN=http://127.0.0.1:PORT npm run test:seo:http` (24 Tests gegen den lokal gestarteten Standalone-Produktionsbuild). Die HTTP-Prüfung umfasst alle neun öffentlichen HTML-Seiten, Social-Crawler-Metadaten direkt im Head, strukturierte Daten und CSP-Nonce, Sitemap, robots.txt, tatsächliche PNG-Bildmaße, private Seiten/Weiterleitungen und unbekannte Feature-URLs mit 404/noindex. Insgesamt 35 Tests erfolgreich, keine übersprungenen Tests. Build und TypeScript erfolgreich; ESLint ohne Fehler, mit fünf bereits bestehenden Warnungen.
+
+Die bestehende Produktions-Landingpage, robots.txt und Sitemap wurden zusätzlich lesend abgeglichen. Die neuen Änderungen wurden lokal geprüft und sind noch nicht veröffentlicht. Für diese SEO-Ergänzung gibt es keine weitere Datenbankmigration; der Branch baut auf der vorherigen Mitteilungs-Etappe mit deren eigener Migration auf. Es wurden keine produktiven Daten verändert, Anfragen versendet oder Analytics-Ereignisse ausgelöst.
+
+Offen: Impressum und Datenschutzhinweise enthalten im bestehenden Seiteninhalt weiterhin Platzhalter für Anbieter, Anschrift, Kontakt, verantwortliche Stelle und Dienstleister. Diese Angaben müssen von der verantwortlichen Person geliefert werden; die Metadaten-Ergänzung ersetzt sie nicht. Search-Console-Zugriff, tatsächlicher Google-Indexierungsstand und reale Nutzungs-/Performance-Messwerte waren nicht Teil der verfügbaren Prüfung.
+
+Grundlagen: [Google zu Canonical-URLs](https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls), [Sitemap-Änderungsdatum](https://developers.google.com/search/docs/crawling-indexing/sitemaps/build-sitemap) und [noindex](https://developers.google.com/search/docs/crawling-indexing/block-indexing); außerdem die mit Next.js 16.4 gelieferten Metadaten- und JSON-LD-Guides.
+
+
+## Ergänzung vom 13.10.2026: Mitteilungen korrigieren und Versand verwalten
+
+- Unter `/dashboard/admin/news` können Kita-Admins alle eigenen Beiträge nach Titel/Text durchsuchen und in Seiten mit zwölf Meldungen durchblättern. „Bearbeiten & Versand“ öffnet die Korrektur und den Versandstatus. Eltern- und Koordinationskonten erhalten keinen Verwaltungszugriff.
+- Titel und Markdown-Text sind bearbeitbar. Empfängergruppe, ursprünglicher Autor und geschützte Anhänge bleiben erhalten. Gleichzeitige bzw. veraltete Korrekturen überschreiben keinen neueren Stand; Akteur, Kita, aktive Sitzung und Adminrolle werden beim Speichern erneut geprüft.
+- Eine tatsächliche Textänderung erhält einen sichtbaren Aktualisierungszeitpunkt, setzt bisherige Lesemarkierungen zurück und rückt den Beitrag im Elternfeed nach vorne. Unverändertes Speichern erhält Lesestatus und Beitragsfassung. Ein noch geöffnetes altes Dialogfenster kann eine neuere Fassung nicht als gelesen markieren.
+- Die aktuelle Fassung kann beim Speichern ausdrücklich auch per E-Mail vorgemerkt werden. Einmalige Aufträge je Beitrag/Fassung/Konto entstehen innerhalb derselben Datenbanktransaktion. Ohne ausdrückliche Auswahl erzeugt eine Korrektur keine neue Mailrunde. Ungesendete Aufträge älterer Fassungen werden übersprungen; historische erfolgreiche Sendungen bleiben in der Versandübersicht nachvollziehbar.
+- Jede Person hat einen eigenen Status: ausstehend, gesendet, fehlgeschlagen oder übersprungen. „Gesendet“ bedeutet die Annahme durch den Maildienst, keine Lesebestätigung oder garantierte Postfachzustellung. Bestehende Beiträge erhalten keinen erfundenen historischen Versandstatus. Aktive, verifizierte Konten mit Zustimmung und passender Empfängergruppe werden vorbereitet; vor jedem Versand werden diese Voraussetzungen erneut geprüft. Haushaltskonten behalten ihre Eltern-Mailzugehörigkeit bei Admin-/Koordinationsrechten; Fachkräfte mit Adminrechten erhalten über ihr verknüpftes Personalprofil weiterhin Teammeldungen. Systemadmins gehören nicht zu diesen Empfängergruppen.
+- Erste Versuche laufen nach der Antwort über Next.js `after`. Die gespeicherten Aufträge überleben Neustarts und werden zusätzlich vom bestehenden geschützten Hintergrundjob `/api/jobs/notdienstalarme` verarbeitet: zwölf fällige Aufträge je Lauf, bis zu vier parallel, wiederholte Fehler mit wachsendem Abstand bis sechs Stunden. Reservierungen laufen nach fünf Minuten ab, Wiederholungen behalten denselben Idempotenzschlüssel. Erfolgreiche Sendungen werden nicht erneut vorgemerkt. Der Maildienst begrenzt die zeitliche Gültigkeit seiner Idempotenzschlüssel; eine absolute Zustellgarantie über beliebig lange Abbrüche gibt es nicht.
+- „Fehlgeschlagene erneut versuchen“ zieht ausschließlich fehlgeschlagene Aufträge der eigenen Kita und aktuellen Beitragsfassung vor. Während eines laufenden Versands wird eine Korrektur kurzzeitig zurückgewiesen, damit unterschiedliche Texte nicht unter derselben Fassung versendet werden. Verwaltung und Versandversuche haben eigene Anfragelimits.
+- Aufträge mit Anhängen werden erst nach vollständiger Speicherung freigegeben. Dateischreibfehler nehmen Beitrag und Aufträge gemeinsam zurück. Nach einem Abbruch zwischen fertig geschriebenen Dateien und Freigabe prüft der Hintergrundlauf nach fünf Minuten die gespeicherten Dateigrößen und gibt nur vollständige Anhänge frei. Fehlende oder teilweise geschriebene Dateien bleiben gesperrt und benötigen eine Prüfung durch die Hosting-Administration.
+
+Vor dem produktiven Start die Migration `20261012010000_announcement_delivery` über den bestehenden Maintenance-/Deployment-Ablauf anwenden (`npm run db:migrate:deploy`) und die Runtime-Berechtigungen wie gewohnt erneuern (`npm run db:provision-runtime`). Sie ergänzt Beitragsfassung, Änderungszeitpunkt, Freigabe und Versandaufträge; bestehende Beiträge behalten ihre bisherige Reihenfolge. Zwei zusammengesetzte Fremdschlüssel sichern die Beziehungen zur selben Kita zusätzlich in PostgreSQL. Keine neue Umgebungsvariable: bestehende Mailkonfiguration und App-Adresse werden verwendet. Automatische Wiederholungen benötigen den bereits vorhandenen Worker mit `NOTDIENST_JOB_SECRET` (mindestens 32 Zeichen); der gewöhnliche `npm run start` startet diesen Worker nicht. Fehlende Jobkonfiguration wird in der Versandansicht angezeigt.
+
+Prüfbefehl: `TEST_DATABASE_URL=postgresql://USER:PASSWORD@127.0.0.1:PORT/kita_announcements_test npm run test:announcements` nach Anwendung der Migrationen auf dieser separaten lokalen Datenbank. 31 neue PostgreSQL-Integrationstests erfolgreich, darunter drei konkurrierende Worker mit 24 Empfängern. Dazu 84 bestehende Sicherheits-, Notdienst-, Mailtransport- und Elternablaufprüfungen (115 insgesamt, keine übersprungen). Die Tests ersetzen Request-/UI-Grenzen, Mailtransport und bei Dateiabbruchtests die Dateisystemgrenze; Anwendungscode und PostgreSQL-Transaktionen werden tatsächlich ausgeführt. Produktionsbuild und TypeScript erfolgreich; ESLint ohne Fehler mit fünf bestehenden Warnungen.
+
+Browser-Abnahme mit synthetischen Konten auf Desktop und bei 390 Pixeln: Suche und zweite Verwaltungsseite, ältere Meldung direkt korrigieren, isolierte Wiederholung einer fehlgeschlagenen Sendung, Korrektur ohne neue Mail, ausdrücklicher Versand der aktuellen Fassung sowie frühere Versandstände. Eltern sehen ältere Korrekturen wieder vorne und ungelesen; Öffnen speichert die aktuelle Lesemarkierung. Keine horizontale Überbreite. Der echte geschützte Hintergrundjob hat eine fällige synthetische Sendung verarbeitet. Es wurden keine produktiven Daten verändert und keine echten E-Mails verschickt.
+
+
 ## Ergänzung vom 12.10.2026: Kontozugang und weniger wiederholte Eingaben
 
 - Die Ämter-Schaltflächen nennen die betroffene Person („Ämter: Vorname“) und tragen einen vollständigen zugänglichen Namen. Der Einrichtungshinweis wird je Konto in diesem Browser ausgeblendet. Das alte gemeinsame Ausblenden gilt nicht mehr für alle Konten; fehlender Browser-Speicher verhindert die Nutzung nicht.

docs/NOTDIENSTALARM.md

@@ -35,7 +35,7 @@ Aktive Alarme sperren manuelle Umzuordnung und Diensttausche. Für einen Ersatz
 
 Benötigt werden die vorhandene Resend-Konfiguration (`RESEND_API_KEY`, `EMAIL_FROM`), die korrekte öffentliche App-Adresse (`NEXT_PUBLIC_SITE_URL`, alternativ `AUTH_URL`/`NEXTAUTH_URL`) und neu `NOTDIENST_JOB_SECRET` mit mindestens 32 Zeichen. Ein zufälliges Secret kann beispielsweise mit `openssl rand -hex 32` erzeugt und in der Hosting-Konfiguration gespeichert werden. Das Secret gehört nicht in Git oder ins Browser-Frontend.
 
-Der bestehende Docker-Produktionsstart startet `scripts/notdienst-alarm-worker.mjs`. Dieser ruft nach fünf Sekunden und danach ungefähr jede Minute lokal `POST /api/jobs/notdienstalarme` auf. Fristmeldungen entstehen dadurch auch ohne geöffneten Browser, normalerweise innerhalb einer Minute nach Fristende, zuzüglich Laufzeit und möglicher Ausfälle. Bei fehlendem Secret startet der allgemeine Produktionsstart ohne Fristjob und die Verwaltungsseite zeigt einen Hinweis; die Coolify-Vorlage verlangt das Secret. Ein zu kurzes gesetztes Secret stoppt den Produktionsstart.
+Der bestehende Docker-Produktionsstart startet `scripts/notdienst-alarm-worker.mjs`. Derselbe geschützte Job verarbeitet zusätzlich die gespeicherten Mitteilungs-Mails und deren Wiederholungen. Der Worker ruft nach fünf Sekunden und danach ungefähr jede Minute lokal `POST /api/jobs/notdienstalarme` auf. Fristmeldungen entstehen dadurch auch ohne geöffneten Browser, normalerweise innerhalb einer Minute nach Fristende, zuzüglich Laufzeit und möglicher Ausfälle. Bei fehlendem Secret startet der allgemeine Produktionsstart ohne Fristjob und die Verwaltungsseite zeigt einen Hinweis; die Coolify-Vorlage verlangt das Secret. Ein zu kurzes gesetztes Secret stoppt den Produktionsstart.
 
 Bei einem anderen Hosting-Verfahren muss der Worker als eigener dauerhaft überwachter Prozess gestartet werden oder ein externer Scheduler die Route mindestens einmal pro Minute per POST und `Authorization: Bearer <NOTDIENST_JOB_SECRET>` aufrufen. Nur `npm run start` startet den Worker nicht. Der Scheduler/Host muss auch nach Neustarts laufen; ein gesetztes Secret allein belegt keine laufende Fristprüfung.
 

docs/product-screenshots.md

@@ -0,0 +1,18 @@
+# Produkt-Screenshots
+
+Die Bilder in `public/landing/screenshots/` sind echte Browseraufnahmen der WebApp mit ausschließlich fiktiven Beispieldaten. Sie wurden am 13. Oktober 2026 aufgenommen. Keine Produktionsdaten, echten Kontaktadressen oder Zugangsdaten sind enthalten.
+
+Die Metadaten und Bildbeschreibungen stehen in `src/lib/marketing/screenshots.ts`. Landingpage und Featureseiten verwenden dieselben Dateien. Die Vorschau reserviert den Bildbereich, lädt Bilder bedarfsgerecht über Next Image und bietet eine tastaturbedienbare Vollansicht mit Fensteranpassung, Originalgröße und Scrollbereich.
+
+## Aufnahmen erneuern
+
+1. Eine **leere**, ausschließlich lokale PostgreSQL-Datenbank namens `kita_screenshots_test` erstellen. Andere Datenbanknamen oder Hosts werden vom Fixture-Skript abgewiesen; bestehende Daten werden niemals gelöscht.
+2. `DATABASE_URL` nur für diese Sitzung auf diese Datenbank setzen und `npm run db:migrate:deploy` ausführen.
+3. Mit derselben URL `npx tsx scripts/seed-screenshots.ts` ausführen. Das Skript legt Kita Sonnenwinkel, sechs fiktive Familien und eine Fachkraft an. Die Zugangsdaten werden nur lokal ausgegeben. Alle E-Mail-Adressen verwenden die nicht zustellbare Domain `example.invalid`.
+4. Die App mit einer eigenen lokalen Auth-URL und einem Test-Secret starten. E-Mail-Versand und Analytics deaktivieren (`RESEND_API_KEY`, `NEXT_PUBLIC_UMAMI_SCRIPT_URL` und `NEXT_PUBLIC_UMAMI_WEBSITE_ID` leer; öffentliche Variablen schon beim Build leer setzen). Keine Jobs starten.
+5. Über die normale Anmeldung und Navigation die Ansichten aufnehmen. Der Fixture-Stand verwendet Oktober/November 2026. Bei späteren Aufnahmen die Termine, Auswahl und Arbeitswoche passend aktualisieren.
+6. Browseraufnahmen als JPEG speichern. Die Elternansichten wurden bei 1600 × 1000, die Arbeitszeitansicht bei 1600 × 1280 aufgenommen. Der Browser kann beim Ausschließen der Scrollbar leicht abweichende tatsächliche Bildmaße liefern; die Metadaten immer aus den **gespeicherten Dateien** lesen und aktualisieren.
+7. Notdienst, Kalender, Adressbuch und eigene Abwesenheiten zeigen die Elternansicht. Bei Mitteilungen die erste aktualisierte Meldung öffnen. Für Arbeitszeit mit dem Teamkonto anmelden und zur erfassten Woche vom 5. bis 11. Oktober wechseln.
+8. Bilder und Vergrößerung auf Desktop und Mobilgerät prüfen, dann Beispieldatenbank und lokalen Server entfernen.
+
+Die Screenshot-Files sind zusammen unter 500 KiB groß. Das alte Bild `notdienst-calendar-linen.png` wird nicht mehr von der Landingpage verwendet.

package.json

@@ -29,6 +29,9 @@
     "test:notdienst:integration": "node --test tests/notdienst-planning.integration.test.cjs",
     "test:calendar:integration": "node --test tests/calendar-actions.integration.test.cjs",
     "test:notdienst:notifications": "node --test tests/notdienst-notifications.integration.test.cjs",
+    "test:announcements": "node --test tests/announcements.integration.test.cjs",
+    "test:seo:http": "node --test tests/marketing-seo-http.cjs",
+    "test:seo": "node --test tests/marketing-seo.test.cjs",
     "test:mail": "node --test tests/mail-transport.test.cjs",
     "test:account": "node --test tests/password-management.integration.test.cjs",
     "test:roles": "node --test tests/kita-roles.integration.test.cjs tests/notdienst-assignment-view.test.cjs",

prisma/migrations/20261012010000_announcement_delivery/migration.sql

@@ -0,0 +1,23 @@
+BEGIN;
+ALTER TABLE "announcements" ADD COLUMN "revision" INTEGER NOT NULL DEFAULT 1,
+ ADD COLUMN "editedAt" TIMESTAMP(3), ADD COLUMN "updatedAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, ADD COLUMN "emailReady" BOOLEAN NOT NULL DEFAULT true;
+UPDATE "announcements" SET "updatedAt" = "createdAt";
+CREATE INDEX "announcements_kitaId_updatedAt_idx" ON "announcements"("kitaId", "updatedAt");
+CREATE TABLE "announcement_emails" (
+ "id" TEXT NOT NULL, "kitaId" TEXT NOT NULL, "announcementId" TEXT NOT NULL, "userId" TEXT NOT NULL,
+ "revision" INTEGER NOT NULL, "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+ "nextAttemptAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP, "attempts" INTEGER NOT NULL DEFAULT 0,
+ "leaseUntil" TIMESTAMP(3), "claimToken" TEXT, "sentAt" TIMESTAMP(3), "skippedAt" TIMESTAMP(3),
+ "failed" BOOLEAN NOT NULL DEFAULT false, "lastError" TEXT,
+ CONSTRAINT "announcement_emails_pkey" PRIMARY KEY ("id"),
+ CONSTRAINT "announcement_emails_revision_check" CHECK ("revision" > 0)
+);
+CREATE UNIQUE INDEX "announcement_emails_announcementId_revision_userId_key" ON "announcement_emails"("announcementId", "revision", "userId");
+CREATE INDEX "announcement_emails_kitaId_announcementId_revision_idx" ON "announcement_emails"("kitaId", "announcementId", "revision");
+CREATE INDEX "announcement_emails_sentAt_skippedAt_nextAttemptAt_idx" ON "announcement_emails"("sentAt", "skippedAt", "nextAttemptAt");
+ALTER TABLE "announcement_emails" ADD CONSTRAINT "announcement_emails_kitaId_fkey" FOREIGN KEY ("kitaId") REFERENCES "kitas"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+ALTER TABLE "announcement_emails" ADD CONSTRAINT "announcement_emails_announcementId_fkey" FOREIGN KEY ("announcementId") REFERENCES "announcements"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+ALTER TABLE "announcement_emails" ADD CONSTRAINT "announcement_emails_userId_fkey" FOREIGN KEY ("userId") REFERENCES "users"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+ALTER TABLE "announcement_emails" ADD CONSTRAINT "announcement_emails_announcementId_tenant_fkey" FOREIGN KEY ("announcementId", "kitaId") REFERENCES "announcements"("id", "kitaId") ON DELETE NO ACTION ON UPDATE NO ACTION;
+ALTER TABLE "announcement_emails" ADD CONSTRAINT "announcement_emails_userId_tenant_fkey" FOREIGN KEY ("userId", "kitaId") REFERENCES "users"("id", "kitaId") ON DELETE NO ACTION ON UPDATE NO ACTION;
+COMMIT;

prisma/schema.prisma

@@ -155,6 +155,7 @@ model Kita {
   dutyAssignments         DutyAssignment[]
   absences                Absence[]
   announcements           Announcement[]
+  announcementEmails      AnnouncementEmail[]
   invitations             Invitation[]
   termine                 Termin[]
   mitbringselItems        MitbringselItem[]
@@ -280,6 +281,7 @@ model User {
   alarmNotifications NotdienstAlarmNotification[]
   alarmEmails        NotdienstAlarmEmail[]
   notdienstEmails   NotdienstEmail[]
+  announcementEmails AnnouncementEmail[]
 
   @@index([kitaId])
   @@index([familyId])
@@ -697,6 +699,10 @@ model Announcement {
   title    String
   content  String
   audience AnnouncementAudience @default(ALLE)
+  revision Int @default(1)
+  editedAt DateTime?
+  updatedAt DateTime @default(now())
+  emailReady Boolean @default(true)
 
   authorId String
   author   User   @relation("AnnouncementAuthor", fields: [authorId], references: [id], onDelete: Cascade)
@@ -705,13 +711,40 @@ model Announcement {
 
   attachments Attachment[]
   reads       AnnouncementRead[]
+  emails      AnnouncementEmail[]
 
   @@index([kitaId, createdAt])
+  @@index([kitaId, updatedAt])
   @@index([authorId])
   @@unique([id, kitaId])
   @@map("announcements")
 }
 
+model AnnouncementEmail {
+  id String @id @default(cuid())
+  kitaId String
+  kita Kita @relation(fields: [kitaId], references: [id], onDelete: Cascade)
+  announcementId String
+  announcement Announcement @relation(fields: [announcementId], references: [id], onDelete: Cascade)
+  userId String
+  user User @relation(fields: [userId], references: [id], onDelete: Cascade)
+  revision Int
+  createdAt DateTime @default(now())
+  nextAttemptAt DateTime @default(now())
+  attempts Int @default(0)
+  leaseUntil DateTime?
+  claimToken String?
+  sentAt DateTime?
+  skippedAt DateTime?
+  failed Boolean @default(false)
+  lastError String?
+
+  @@unique([announcementId, revision, userId])
+  @@index([kitaId, announcementId, revision])
+  @@index([sentAt, skippedAt, nextAttemptAt])
+  @@map("announcement_emails")
+}
+
 model Attachment {
   id             String       @id @default(cuid())
   announcementId String

scripts/check-tenant-integrity.sql

@@ -66,4 +66,8 @@ UNION ALL
 SELECT 'notdienst_emails.userId' AS relation, count(*) AS invalid_rows FROM "notdienst_emails" c JOIN "users" p ON c."userId" = p.id WHERE c."kitaId" IS DISTINCT FROM p."kitaId"
 UNION ALL
 SELECT 'notdienst_emails.planId' AS relation, count(*) AS invalid_rows FROM "notdienst_emails" c JOIN "notdienst_plans" p ON c."planId" = p.id WHERE c."kitaId" IS DISTINCT FROM p."kitaId"
+UNION ALL
+SELECT 'announcement_emails.userId' AS relation, count(*) AS invalid_rows FROM "announcement_emails" c JOIN "users" p ON c."userId" = p.id WHERE c."kitaId" IS DISTINCT FROM p."kitaId"
+UNION ALL
+SELECT 'announcement_emails.announcementId' AS relation, count(*) AS invalid_rows FROM "announcement_emails" c JOIN "announcements" p ON c."announcementId" = p.id WHERE c."kitaId" IS DISTINCT FROM p."kitaId"
 ) violations WHERE invalid_rows > 0;

scripts/seed-screenshots.ts

@@ -0,0 +1,92 @@
+/** Synthetic fixture for public product screenshots. Never run against real data. */
+import { PrismaClient, UserRole, TerminType, type User, type Child } from "@prisma/client";
+import { hash } from "bcryptjs";
+
+const url = new URL(process.env.DATABASE_URL ?? "postgresql://invalid");
+if (!['localhost', '127.0.0.1'].includes(url.hostname) ||
+    url.pathname !== '/kita_screenshots_test') {
+  throw new Error('Screenshot fixtures require the isolated local kita_screenshots_test database.');
+}
+const prisma = new PrismaClient();
+const date = (value: string) => new Date(`${value}T00:00:00Z`);
+
+async function main() {
+  if (await prisma.kita.count() || await prisma.user.count()) {
+    throw new Error('Database must be empty; existing data will never be reset.');
+  }
+  const passwordHash = await hash('demo-screenshots-only', 10);
+  await prisma.$transaction(async (tx) => {
+    const kita = await tx.kita.create({ data: { name: 'Kita Sonnenwinkel', slug: 'sonnenwinkel-demo' } });
+    const kitaId = kita.id;
+    const common = { kitaId, passwordHash, emailVerifiedAt: date('2026-09-01'),
+      privacyPolicyAcceptedAt: date('2026-09-01'), privacyPolicyVersion: '2026-05-01' };
+    const admin = await tx.user.create({ data: { ...common, email: 'admin@example.invalid', firstName: 'Mara', lastName: 'Winter', role: UserRole.ADMIN } });
+    const households = [
+      ['Berger', 'Lena', 'Jonas', 'Emma', 'Leo'],
+      ['Hoffmann', 'Anna', 'Tim', 'Mila'],
+      ['Schneider', 'Clara', 'Ben', 'Paul'],
+      ['Neumann', 'Nora', 'Felix', 'Lotta'],
+      ['Weber', 'Sarah', 'David', 'Finn'],
+      ['Koch', 'Julia', 'Max', 'Ella'],
+    ];
+    const parents: User[] = [];
+    const children: Child[] = [];
+    for (const [lastName, firstName, partner, ...childNames] of households) {
+      const family = await tx.family.create({ data: { kitaId, name: `Familie ${lastName}` } });
+      for (const name of [firstName, partner]) {
+        parents.push(await tx.user.create({ data: { ...common, familyId: family.id, firstName: name, lastName,
+          email: `${name.toLowerCase()}@example.invalid`, role: UserRole.ELTERN,
+          directoryOptInAt: date('2026-09-01'), city: 'Musterstadt' } }));
+      }
+      for (const name of childNames) {
+        children.push(await tx.child.create({ data: { kitaId, familyId: family.id, firstName: name, lastName } }));
+      }
+    }
+    await tx.notdienstAvailability.createMany({ data: [2, 4, 6, 10, 12, 17, 20, 25].map(day => ({
+      kitaId, childId: children[0].id, userId: parents[0].id,
+      date: date(`2026-11-${String(day).padStart(2, '0')}`),
+    })) });
+    await tx.absence.createMany({ data: [
+      { kitaId, childId: children[0].id, startDate: date('2026-10-12'), endDate: date('2026-10-14'), reason: 'ILLNESS' },
+      { kitaId, childId: children[1].id, startDate: date('2026-10-26'), endDate: date('2026-10-30'), reason: 'VACATION', note: 'Familienurlaub in den Herbstferien' },
+    ] });
+    const events: [string, TerminType, string, string, boolean][] = [
+      ['Elterncafé', 'ELTERNCAFE', '2026-10-08T13:00:00Z', '2026-10-08T14:30:00Z', false],
+      ['Ausflug in den Stadtwald', 'SONSTIGES', '2026-10-15T07:00:00Z', '2026-10-15T11:00:00Z', false],
+      ['Elternabend', 'ELTERNABEND', '2026-10-20T16:00:00Z', '2026-10-20T18:00:00Z', false],
+      ['Herbstfest im Garten', 'KITA_FEST', '2026-10-23T13:00:00Z', '2026-10-23T16:00:00Z', false],
+      ['Teamtag · Kita geschlossen', 'TEAMTAG', '2026-10-30T00:00:00Z', '2026-10-30T23:59:00Z', true],
+      ['Elterncafé', 'ELTERNCAFE', '2026-11-05T14:00:00Z', '2026-11-05T15:30:00Z', false],
+      ['Laternenfest', 'KITA_FEST', '2026-11-11T15:00:00Z', '2026-11-11T17:00:00Z', false],
+      ['Gartenaktion', 'MITMACH_TAG', '2026-11-14T09:00:00Z', '2026-11-14T12:00:00Z', false],
+      ['Teamtag · Kita geschlossen', 'TEAMTAG', '2026-11-23T00:00:00Z', '2026-11-23T23:59:00Z', true],
+    ];
+    for (const [title, type, start, end, allDay] of events) {
+      const event = await tx.termin.create({ data: { kitaId, title, type, status: 'CONFIRMED', startDate: new Date(start), endDate: new Date(end), allDay,
+        description: title.includes('Herbstfest') ? 'Wir feiern gemeinsam mit allen Familien. Für Snacks und Getränke gibt es eine Mitbringliste.' : 'Gemeinsam planen wir unseren Kita-Alltag.',
+        createdById: admin.id, approvedById: admin.id, approvedAt: date('2026-10-01'),
+        requiresRsvp: type === 'KITA_FEST', rsvpMode: 'FAMILY', mitbringselListEnabled: type === 'KITA_FEST' } });
+      if (type === 'KITA_FEST') {
+        await tx.familyEventParticipation.create({ data: { kitaId, eventId: event.id, familyId: parents[0].familyId!, status: 'ATTENDING', adultCount: 2 } });
+        await tx.mitbringselItem.createMany({ data: parents.slice(0, 3).map((parent, index) => ({ kitaId, terminId: event.id, userId: parent.id, content: ['Apfelkuchen', 'Gemüsesticks', 'Eine Kanne Tee'][index] })) });
+      }
+    }
+    for (const [title, content, created, updated] of [
+      ['Herbstfest: Wir freuen uns auf euch!', 'Am **Freitag, 23. Oktober**, feiern wir ab 15 Uhr im Kita-Garten.\n\nBitte tragt euch im Kalender für die Teilnahme und in die Mitbringliste ein. Gemeinsam sorgen wir für ein buntes Buffet.\n\n**Aktualisierung:** Bei Regen feiern wir im Gruppenraum.', '2026-10-09', '2026-10-13'],
+      ['Elternabend am 20. Oktober', 'Wir treffen uns um **18 Uhr** im großen Gruppenraum.\n\nAuf der Agenda stehen der Kita-Alltag, die nächsten Ausflüge und eure Fragen. Wir freuen uns auf den Austausch!', '2026-10-08', '2026-10-08'],
+      ['Gemeinsam unseren Garten vorbereiten', 'Am 14. November machen wir unseren Garten winterfest. Kleine und große Helfer sind willkommen!\n\nHandschuhe und gute Laune reichen. Alle Details findet ihr im Kalender.', '2026-10-06', '2026-10-06'],
+    ]) {
+      await tx.announcement.create({ data: { kitaId, authorId: admin.id, title, content, audience: 'ALLE',
+        createdAt: date(created), updatedAt: date(updated), revision: created === updated ? 1 : 2, editedAt: created === updated ? null : date(updated) } });
+    }
+    const staff = await tx.user.create({ data: { ...common, email: 'team@example.invalid', firstName: 'Sophie', lastName: 'Lind', role: UserRole.ERZIEHER } });
+    const educator = await tx.educator.create({ data: { kitaId, firstName: staff.firstName, lastName: staff.lastName } });
+    const profile = await tx.staffProfile.create({ data: { kitaId, educatorId: educator.id, userId: staff.id,
+      employmentStart: date('2026-01-01'), trackingStart: date('2026-10-01'), openingMinutes: 120,
+      workPatterns: { create: { effectiveFrom: date('2026-01-01'), dailyMinutes: [420,420,420,420,420,0,0] } },
+      leaveAccounts: { create: { year: 2026, entitlementUnits: 60, carryUnits: 0 } } } });
+    await tx.staffTimeEntry.createMany({ data: [5,6,7,8,9].map(day => ({ profileId: profile.id, date: date(`2026-10-${String(day).padStart(2,'0')}`), startMinute: 480, endMinute: 930, breakMinutes: 30 })) });
+  }, { timeout: 30000 });
+  console.log('Synthetic screenshot data ready. Logins: lena@example.invalid / team@example.invalid. Password: demo-screenshots-only.');
+}
+main().finally(() => prisma.$disconnect());

src/actions/announcements.ts

@@ -2,22 +2,50 @@
 
 import { randomUUID } from "crypto";
 import { mkdir, rm, writeFile } from "fs/promises";
-import { attachmentDirectory, attachmentPath, MAX_ATTACHMENT_SIZE, detectAttachmentType, attachmentExtensionMatches } from "@/lib/attachments";
+import {
+  attachmentDirectory,
+  attachmentPath,
+  MAX_ATTACHMENT_SIZE,
+  detectAttachmentType,
+  attachmentExtensionMatches,
+} from "@/lib/attachments";
 import { serializableTransaction } from "@/lib/transaction";
 import { rateLimit } from "@/lib/rate-limit";
-import { createElement } from "react";
+import { after } from "next/server";
 import { revalidatePath } from "next/cache";
-import { AnnouncementAudience, UserRole, type Prisma } from "@prisma/client";
+import { UserRole } from "@prisma/client";
 import { z } from "zod";
 
-import { NewsEmail } from "@/emails/NewsEmail";
 import { requireKitaSession, requireRole } from "@/lib/auth-utils";
-import { getAppEmailConfigError, sendAppEmail } from "@/lib/mail";
 import { prisma } from "@/lib/prisma";
+import { visibleAnnouncementAudiences } from "@/lib/announcement-access";
+
 import {
-  announcementRecipientWhere,
-  visibleAnnouncementAudiences,
-} from "@/lib/announcement-access";
+  assertAnnouncementAdmin,
+  assertAnnouncementEditable,
+  deliverDueAnnouncementEmails,
+  lockAnnouncement,
+  queueAnnouncementEmails,
+} from "@/lib/announcement-delivery";
+import { publicActionError, UserFacingError } from "@/lib/action-error";
+
+function revalidateAnnouncements() {
+  revalidatePath("/dashboard");
+  revalidatePath("/dashboard/admin/news");
+  revalidatePath("/dashboard/mitteilungen");
+}
+function startAnnouncementDelivery(kitaId: string, announcementId: string) {
+  after(async () => {
+    try {
+      await deliverDueAnnouncementEmails({ kitaId, announcementId });
+    } catch {
+      console.error(
+        "Mitteilungsversand wird im nächsten Hintergrundlauf erneut versucht.",
+      );
+    }
+    revalidateAnnouncements();
+  });
+}
 
 const audienceSchema = z.enum(["ELTERN", "ERZIEHER", "ALLE"]);
 
@@ -32,17 +60,6 @@ function getSafeFileName(name: string) {
   return name.replace(/[^\w.\- äöüÄÖÜß]/g, "_").slice(0, 160);
 }
 
-async function getRecipients(kitaId: string, audience: z.infer<typeof audienceSchema>) {
-  const where: Prisma.UserWhereInput = { kitaId, emailVerifiedAt: { not: null }, ...announcementRecipientWhere(audience as AnnouncementAudience) };
-
-  const users = await prisma.user.findMany({
-    where: { ...where, disabledAt: null, privacyPolicyAcceptedAt: { not: null } },
-    select: { email: true },
-  });
-
-  return Array.from(new Set(users.map((user) => user.email)));
-}
-
 export async function createAnnouncement(formData: FormData) {
   const session = await requireRole([UserRole.ADMIN]);
   const kitaId = session.user.kitaId;
@@ -66,47 +83,89 @@ export async function createAnnouncement(formData: FormData) {
     .getAll("attachments")
     .filter((value): value is File => value instanceof File && value.size > 0);
 
-  if (attachmentFiles.length > 5 || attachmentFiles.some(file => file.size > MAX_ATTACHMENT_SIZE) ||
-      attachmentFiles.reduce((total, file) => total + file.size, 0) > 25 * 1024 * 1024) {
-    return { error: "Maximal 5 Anhänge, je 10 MB und insgesamt 25 MB sind erlaubt." };
+  if (
+    attachmentFiles.length > 5 ||
+    attachmentFiles.some((file) => file.size > MAX_ATTACHMENT_SIZE) ||
+    attachmentFiles.reduce((total, file) => total + file.size, 0) >
+      25 * 1024 * 1024
+  ) {
+    return {
+      error: "Maximal 5 Anhänge, je 10 MB und insgesamt 25 MB sind erlaubt.",
+    };
   }
-  if (!(await rateLimit(`announcements:${kitaId}:${session.user.id}`, 20, 3600)).allowed) {
-    return { error: "Zu viele Ankündigungen. Bitte versuche es später erneut." };
+  if (
+    !(await rateLimit(`announcements:${kitaId}:${session.user.id}`, 20, 3600))
+      .allowed
+  ) {
+    return {
+      error: "Zu viele Ankündigungen. Bitte versuche es später erneut.",
+    };
   }
-  const attachmentInputs: { id: string; bytes: Buffer; fileName: string; fileType: string; fileUrl: string }[] = [];
+  const attachmentInputs: {
+    id: string;
+    bytes: Buffer;
+    fileName: string;
+    fileType: string;
+    fileUrl: string;
+  }[] = [];
   for (const file of attachmentFiles) {
     const bytes = Buffer.from(await file.arrayBuffer());
     const fileType = detectAttachmentType(bytes);
-    if (!fileType || !attachmentExtensionMatches(file.name, fileType) || (file.type && file.type !== fileType)) {
-      return { error: "Nur PDF-, JPG- und PNG-Dateien mit passenden Dateiinhalten sind erlaubt." };
+    if (
+      !fileType ||
+      !attachmentExtensionMatches(file.name, fileType) ||
+      (file.type && file.type !== fileType)
+    ) {
+      return {
+        error:
+          "Nur PDF-, JPG- und PNG-Dateien mit passenden Dateiinhalten sind erlaubt.",
+      };
     }
     const id = randomUUID();
-    attachmentInputs.push({ id, bytes, fileName: getSafeFileName(file.name), fileType,
-      fileUrl: `/api/announcements/attachments/${id}` });
+    attachmentInputs.push({
+      id,
+      bytes,
+      fileName: getSafeFileName(file.name),
+      fileType,
+      fileUrl: `/api/announcements/attachments/${id}`,
+    });
   }
 
-  const announcement = await serializableTransaction(async tx => {
+  const announcement = await serializableTransaction(async (tx) => {
     if (attachmentInputs.length) {
       const pending = await tx.attachment.count({ where: { sizeBytes: null } });
       if (pending) return null;
       const [tenantUsage, globalUsage] = await Promise.all([
-        tx.attachment.aggregate({ where: { announcement: { kitaId } }, _sum: { sizeBytes: true } }),
+        tx.attachment.aggregate({
+          where: { announcement: { kitaId } },
+          _sum: { sizeBytes: true },
+        }),
         tx.attachment.aggregate({ _sum: { sizeBytes: true } }),
       ]);
-      const bytes = attachmentInputs.reduce((total, item) => total + item.bytes.length, 0);
+      const bytes = attachmentInputs.reduce(
+        (total, item) => total + item.bytes.length,
+        0,
+      );
       const quota = (value: string | undefined, fallback: number) => {
-        const parsed = Number(value); return Number.isSafeInteger(parsed) && parsed > 0 ? parsed : fallback;
+        const parsed = Number(value);
+        return Number.isSafeInteger(parsed) && parsed > 0 ? parsed : fallback;
       };
-      if ((tenantUsage._sum.sizeBytes ?? 0) + bytes > quota(process.env.UPLOAD_TENANT_QUOTA_BYTES, 256 * 1024 ** 2) ||
-          (globalUsage._sum.sizeBytes ?? 0) + bytes > quota(process.env.UPLOAD_GLOBAL_QUOTA_BYTES, 10 * 1024 ** 3)) return null;
+      if (
+        (tenantUsage._sum.sizeBytes ?? 0) + bytes >
+          quota(process.env.UPLOAD_TENANT_QUOTA_BYTES, 256 * 1024 ** 2) ||
+        (globalUsage._sum.sizeBytes ?? 0) + bytes >
+          quota(process.env.UPLOAD_GLOBAL_QUOTA_BYTES, 10 * 1024 ** 3)
+      )
+        return null;
     }
-    return tx.announcement.create({
+    const row = await tx.announcement.create({
       data: {
         kitaId,
         title: parsed.data.title,
         content: parsed.data.content,
         audience: parsed.data.audience,
         authorId: session.user.id,
+        emailReady: attachmentInputs.length === 0,
         attachments: {
           create: attachmentInputs.map((attachment) => ({
             id: attachment.id,
@@ -121,10 +180,19 @@ export async function createAnnouncement(formData: FormData) {
         id: true,
         title: true,
         content: true,
+        kitaId: true,
+        audience: true,
+        revision: true,
       },
     });
+    if (parsed.data.sendEmail) await queueAnnouncementEmails(tx, row);
+    return row;
   });
-  if (!announcement) return { error: "Anhänge können momentan nicht gespeichert werden. Bitte wende dich an die Administration." };
+  if (!announcement)
+    return {
+      error:
+        "Anhänge können momentan nicht gespeichert werden. Bitte wende dich an die Administration.",
+    };
 
   if (attachmentInputs.length > 0) {
     const uploadDir = attachmentDirectory();
@@ -132,11 +200,10 @@ export async function createAnnouncement(formData: FormData) {
       await mkdir(uploadDir, { recursive: true });
       await Promise.all(
         attachmentInputs.map(async (attachment) => {
-          await writeFile(
-            attachmentPath(attachment.id),
-            attachment.bytes,
-            { flag: "wx", mode: 0o600 },
-          );
+          await writeFile(attachmentPath(attachment.id), attachment.bytes, {
+            flag: "wx",
+            mode: 0o600,
+          });
         }),
       );
     } catch (error) {
@@ -154,79 +221,211 @@ export async function createAnnouncement(formData: FormData) {
     }
   }
 
-  let emailError: string | null = null;
-  if (parsed.data.sendEmail) {
-    const configError = getAppEmailConfigError();
-    if (configError) {
-      emailError = configError;
-    } else {
-      const recipients = await getRecipients(kitaId, parsed.data.audience);
-      if (recipients.length > 0) {
-        const result = await sendAppEmail({
-          to: recipients,
-          subject: `Neue Kita-Ankündigung: ${announcement.title}`,
-          react: createElement(NewsEmail, {
-            title: announcement.title,
-            content: announcement.content,
-            dashboardUrl: `${process.env.NEXTAUTH_URL ?? process.env.AUTH_URL ?? "http://localhost:3000"}/dashboard`,
-          }),
-        });
+  if (attachmentInputs.length)
+    await prisma.announcement.update({
+      where: { id: announcement.id, kitaId },
+      data: { emailReady: true },
+    });
+  if (parsed.data.sendEmail) startAnnouncementDelivery(kitaId, announcement.id);
+  revalidateAnnouncements();
+  return { success: true, warning: undefined };
+}
 
-        if (!result.success) {
-          emailError = result.error;
-        }
-      }
-    }
-  }
+const editSchema = z.object({
+  id: z.string().min(1).max(64),
+  revision: z.coerce.number().int().positive(),
+  title: announcementSchema.shape.title,
+  content: announcementSchema.shape.content,
+  sendEmail: z.boolean(),
+});
 
-  revalidatePath("/dashboard");
-  revalidatePath("/dashboard/admin/news");
-  revalidatePath("/dashboard/mitteilungen");
-
-  if (emailError) {
+export async function updateAnnouncement(formData: FormData) {
+  const session = await requireRole([UserRole.ADMIN]);
+  const input = editSchema.safeParse({
+    id: formData.get("id"),
+    revision: formData.get("revision"),
+    title: formData.get("title"),
+    content: formData.get("content"),
+    sendEmail: formData.get("sendEmail") === "on",
+  });
+  if (!input.success)
     return {
-      success: true,
-      warning: `Ankündigung gespeichert, E-Mail-Versand fehlgeschlagen: ${emailError}`,
+      error:
+        "Bitte Titel (3–160 Zeichen) und Inhalt (3–20.000 Zeichen) prüfen.",
+    };
+  const actor = {
+    id: session.user.id,
+    kitaId: session.user.kitaId!,
+    sessionVersion: session.user.sessionVersion,
+  };
+  if (
+    !(
+      await rateLimit(`announcement-edit:${actor.kitaId}:${actor.id}`, 30, 3600)
+    ).allowed
+  )
+    return { error: "Zu viele Änderungen. Bitte versuche es später erneut." };
+  try {
+    const result = await serializableTransaction(async (tx) => {
+      await assertAnnouncementAdmin(tx, actor);
+      const previous = await assertAnnouncementEditable(
+        tx,
+        actor.kitaId,
+        input.data.id,
+        input.data.revision,
+      );
+      const changed =
+        previous.title !== input.data.title ||
+        previous.content !== input.data.content;
+      const row = changed
+        ? await tx.announcement.update({
+            where: { id: previous.id, kitaId: actor.kitaId },
+            data: {
+              title: input.data.title,
+              content: input.data.content,
+              editedAt: new Date(),
+              updatedAt: new Date(),
+              revision: { increment: 1 },
+            },
+          })
+        : previous;
+      if (changed) {
+        await tx.announcementRead.deleteMany({
+          where: { kitaId: actor.kitaId, announcementId: row.id },
+        });
+        await tx.announcementEmail.updateMany({
+          where: {
+            kitaId: actor.kitaId,
+            announcementId: row.id,
+            sentAt: null,
+            skippedAt: null,
+          },
+          data: {
+            skippedAt: new Date(),
+            failed: false,
+            lastError: "Durch eine neuere Beitragsversion ersetzt.",
+            claimToken: null,
+            leaseUntil: null,
+          },
+        });
+      }
+      const queued = input.data.sendEmail
+        ? await queueAnnouncementEmails(tx, row)
+        : 0;
+      return { changed, queued };
+    });
+    if (result.queued) startAnnouncementDelivery(actor.kitaId, input.data.id);
+    revalidateAnnouncements();
+    return { success: true, ...result };
+  } catch (error) {
+    return {
+      error: publicActionError(
+        error,
+        "Mitteilung konnte nicht gespeichert werden. Bitte versuche es erneut.",
+      ),
     };
   }
-
-  return { success: true };
 }
 
-export async function markAnnouncementRead(announcementId: string) {
+export async function retryAnnouncementEmails(id: string, revision: number) {
+  const session = await requireRole([UserRole.ADMIN]);
+  if (
+    !z.string().min(1).max(64).safeParse(id).success ||
+    !Number.isSafeInteger(revision) ||
+    revision < 1
+  )
+    return { error: "Ungültiger Beitrag." };
+  const actor = {
+    id: session.user.id,
+    kitaId: session.user.kitaId!,
+    sessionVersion: session.user.sessionVersion,
+  };
+  if (
+    !(
+      await rateLimit(
+        `announcement-retry:${actor.kitaId}:${actor.id}`,
+        20,
+        3600,
+      )
+    ).allowed
+  )
+    return {
+      error: "Zu viele Versandversuche. Bitte versuche es später erneut.",
+    };
+  try {
+    const queued = await serializableTransaction(async (tx) => {
+      await assertAnnouncementAdmin(tx, actor);
+      await assertAnnouncementEditable(tx, actor.kitaId, id, revision);
+      return (
+        await tx.announcementEmail.updateMany({
+          where: {
+            kitaId: actor.kitaId,
+            announcementId: id,
+            revision,
+            sentAt: null,
+            skippedAt: null,
+            failed: true,
+          },
+          data: { nextAttemptAt: new Date(), failed: false },
+        })
+      ).count;
+    });
+    if (queued) startAnnouncementDelivery(actor.kitaId, id);
+    revalidateAnnouncements();
+    return { success: true, queued };
+  } catch (error) {
+    return {
+      error: publicActionError(
+        error,
+        "Versand konnte nicht erneut gestartet werden.",
+      ),
+    };
+  }
+}
+
+export async function markAnnouncementRead(
+  announcementId: string,
+  revision = 1,
+) {
   const session = await requireKitaSession();
 
-  const announcement = await prisma.announcement.findFirst({
-    where: {
-      id: announcementId,
-      kitaId: session.user.kitaId,
-      audience: { in: visibleAnnouncementAudiences(session.user) },
-    },
-    select: { id: true },
-  });
-
-  if (!announcement) {
-    return { error: "Ankündigung wurde nicht gefunden." };
+  if (!Number.isSafeInteger(revision) || revision < 1)
+    return { error: "Ungültige Beitragsversion." };
+  try {
+    await serializableTransaction(async (tx) => {
+      await lockAnnouncement(tx, session.user.kitaId, announcementId);
+      const announcement = await tx.announcement.findFirst({
+        where: {
+          id: announcementId,
+          revision,
+          kitaId: session.user.kitaId,
+          audience: { in: visibleAnnouncementAudiences(session.user) },
+        },
+        select: { id: true },
+      });
+      if (!announcement)
+        throw new UserFacingError(
+          "Der Beitrag wurde geändert oder ist nicht verfügbar. Bitte lade die Seite neu.",
+        );
+      await tx.announcementRead.upsert({
+        where: {
+          userId_announcementId: { userId: session.user.id, announcementId },
+        },
+        create: {
+          kitaId: session.user.kitaId,
+          userId: session.user.id,
+          announcementId,
+        },
+        update: { readAt: new Date() },
+      });
+    });
+  } catch (error) {
+    return {
+      error: publicActionError(
+        error,
+        "Lesestatus konnte nicht gespeichert werden.",
+      ),
+    };
   }
-
-  await prisma.announcementRead.upsert({
-    where: {
-      userId_announcementId: {
-        userId: session.user.id,
-        announcementId: announcement.id,
-      },
-    },
-    create: {
-      kitaId: session.user.kitaId,
-      userId: session.user.id,
-      announcementId: announcement.id,
-    },
-    update: {
-      readAt: new Date(),
-    },
-  });
-
-  revalidatePath("/dashboard");
-  revalidatePath("/dashboard/mitteilungen");
+  revalidateAnnouncements();
   return { success: true };
 }

src/app/api/jobs/notdienstalarme/route.ts

@@ -3,6 +3,8 @@ import { authorizeAlarmJob, runAlarmJob } from "@/lib/alarms/job";
 
 import { runNotdienstNotificationJob } from "@/lib/notdienst-notifications";
 
+import { deliverDueAnnouncementEmails } from "@/lib/announcement-delivery";
+
 export const runtime = "nodejs";
 export const dynamic = "force-dynamic";
 export async function POST(request: Request) {
@@ -18,12 +20,26 @@ export async function POST(request: Request) {
       { status },
     );
   try {
-    const [alarm, planning] = await Promise.allSettled([runAlarmJob(), runNotdienstNotificationJob()]);
-    if (alarm.status === "rejected" || planning.status === "rejected") throw new Error("Ein Hintergrundlauf ist fehlgeschlagen.");
-    const result = { ...alarm.value, planning: planning.value };
+    const [alarm, planning, announcements] = await Promise.allSettled([
+      runAlarmJob(),
+      runNotdienstNotificationJob(),
+      deliverDueAnnouncementEmails(),
+    ]);
+    if (
+      alarm.status === "rejected" ||
+      planning.status === "rejected" ||
+      announcements.status === "rejected"
+    )
+      throw new Error("Ein Hintergrundlauf ist fehlgeschlagen.");
+    const result = {
+      ...alarm.value,
+      planning: planning.value,
+      announcements: announcements.value,
+    };
     revalidatePath("/dashboard");
     revalidatePath("/dashboard/notdienst/alarm");
     revalidatePath("/dashboard/notdienst/plan");
+    revalidatePath("/dashboard/admin/news");
     return Response.json(result);
   } catch {
     return Response.json(

src/app/dashboard/admin/news/[id]/page.tsx

@@ -0,0 +1,319 @@
+import Link from "next/link";
+import { notFound } from "next/navigation";
+import { format } from "date-fns";
+import { ArrowLeft, FileText, Mail } from "lucide-react";
+import { requireRole } from "@/lib/auth-utils";
+import { prisma } from "@/lib/prisma";
+import { announcementAudienceLabels } from "@/lib/announcement-access";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { EditNewsForm, RetryNewsEmails } from "../edit-news-form";
+
+export const metadata = { title: "Mitteilung bearbeiten · Kita-Planer" };
+export default async function EditNewsPage({
+  params,
+  searchParams,
+}: {
+  params: Promise<{ id: string }>;
+  searchParams: Promise<{ page?: string }>;
+}) {
+  const session = await requireRole(["ADMIN"]);
+  const { id } = await params;
+  const announcement = await prisma.announcement.findFirst({
+    where: { id, kitaId: session.user.kitaId! },
+    include: {
+      attachments: { select: { id: true, fileName: true, fileUrl: true } },
+    },
+  });
+  if (!announcement) notFound();
+  const rawPage = Number((await searchParams).page ?? 1);
+  const page =
+    Number.isSafeInteger(rawPage) && rawPage > 0
+      ? Math.min(rawPage, 100000)
+      : 1;
+  const where = {
+    kitaId: session.user.kitaId!,
+    announcementId: id,
+    revision: announcement.revision,
+  };
+  const [statuses, emails, older] = await Promise.all([
+    prisma.announcementEmail.findMany({
+      where,
+      select: { sentAt: true, skippedAt: true, failed: true },
+    }),
+    prisma.announcementEmail.findMany({
+      where,
+      orderBy: [{ createdAt: "asc" }, { id: "asc" }],
+      take: 51,
+      skip: (page - 1) * 50,
+      select: {
+        id: true,
+        sentAt: true,
+        skippedAt: true,
+        failed: true,
+        attempts: true,
+        leaseUntil: true,
+        lastError: true,
+        user: { select: { firstName: true, lastName: true, email: true } },
+      },
+    }),
+    prisma.announcementEmail.findMany({
+      where: {
+        kitaId: session.user.kitaId!,
+        announcementId: id,
+        revision: { lt: announcement.revision },
+      },
+      select: { revision: true, sentAt: true, skippedAt: true, failed: true },
+    }),
+  ]);
+  const history = new Map<
+    number,
+    { sent: number; skipped: number; failed: number }
+  >();
+  for (const job of older) {
+    const summary = history.get(job.revision) ?? {
+      sent: 0,
+      skipped: 0,
+      failed: 0,
+    };
+    if (job.sentAt) summary.sent++;
+    else if (job.skippedAt) summary.skipped++;
+    else if (job.failed) summary.failed++;
+    history.set(job.revision, summary);
+  }
+  const backgroundConfigured =
+    (process.env.NOTDIENST_JOB_SECRET?.length ?? 0) >= 32;
+  const sent = statuses.filter((job) => job.sentAt).length;
+  const skipped = statuses.filter((job) => job.skippedAt).length;
+  const failed = statuses.filter(
+    (job) => !job.sentAt && !job.skippedAt && job.failed,
+  ).length;
+  const pending = statuses.length - sent - skipped - failed;
+  return (
+    <div className="mx-auto max-w-[1280px] px-11 py-9 pb-16 max-[760px]:px-5">
+      <Button asChild variant="ghost" size="sm" className="mb-5">
+        <Link href="/dashboard/admin/news#beitraege">
+          <ArrowLeft className="h-4 w-4" />
+          Alle Beiträge
+        </Link>
+      </Button>
+      <header className="mb-7">
+        <p className="text-[11px] font-semibold uppercase tracking-[0.18em] text-[var(--accent-deep)]">
+          SCHWARZES BRETT · BEITRAG
+        </p>
+        <h1 className="mt-2 text-[36px] tracking-[-0.025em]">
+          Mitteilung{" "}
+          <em className="font-normal text-[var(--accent-deep)]">bearbeiten</em>
+        </h1>
+        <p className="mt-2 text-sm text-[var(--ink-soft)]">
+          Veröffentlicht am {format(announcement.createdAt, "dd.MM.yyyy HH:mm")}
+          {announcement.editedAt &&
+            ` · Aktualisiert am ${format(announcement.editedAt, "dd.MM.yyyy HH:mm")}`}
+        </p>
+      </header>
+      <div className="grid items-start gap-6 xl:grid-cols-[minmax(0,1fr)_minmax(0,0.8fr)]">
+        <Card>
+          <CardHeader>
+            <CardTitle>Inhalt korrigieren</CardTitle>
+            <CardDescription>
+              Empfängergruppe und bestehende Anhänge bleiben bei einer Korrektur
+              erhalten.
+            </CardDescription>
+            <Badge variant="outline" className="mt-2 w-fit">
+              {announcementAudienceLabels[announcement.audience]}
+            </Badge>
+          </CardHeader>
+          <CardContent>
+            <EditNewsForm
+              key={announcement.revision}
+              announcement={{
+                id,
+                revision: announcement.revision,
+                title: announcement.title,
+                content: announcement.content,
+              }}
+            />
+            {announcement.attachments.length > 0 && (
+              <div className="mt-6 border-t border-[var(--hairline)] pt-4">
+                <h2 className="mb-2 text-sm font-medium">Anhänge</h2>
+                <div className="grid gap-2">
+                  {announcement.attachments.map((a) => (
+                    <a
+                      key={a.id}
+                      href={a.fileUrl}
+                      target="_blank"
+                      rel="noreferrer"
+                      className="flex items-center gap-2 break-all text-sm text-[var(--accent-deep)] underline"
+                    >
+                      <FileText className="h-4 w-4 shrink-0" />
+                      {a.fileName}
+                    </a>
+                  ))}
+                </div>
+              </div>
+            )}
+          </CardContent>
+        </Card>
+        <Card id="versand">
+          <CardHeader>
+            <CardTitle className="flex items-center gap-2">
+              <Mail className="h-4 w-4" />
+              E-Mail-Versand
+            </CardTitle>
+            <CardDescription>
+              Status der aktuellen Fassung. „Gesendet“ bedeutet, dass der
+              Maildienst die Nachricht angenommen hat.
+            </CardDescription>
+          </CardHeader>
+          <CardContent className="grid gap-4">
+            <div className="flex flex-wrap gap-2">
+              <Badge variant="success">{sent} gesendet</Badge>
+              <Badge variant="secondary">{pending} ausstehend</Badge>
+              <Badge variant="outline">{failed} fehlgeschlagen</Badge>
+              {skipped > 0 && (
+                <Badge variant="outline">{skipped} übersprungen</Badge>
+              )}
+            </div>
+            {!backgroundConfigured && (
+              <p className="rounded-lg border border-[var(--hairline)] bg-[var(--surface-2)] p-3 text-sm leading-6">
+                Automatische Wiederholungen sind noch nicht eingerichtet. Bitte
+                wende dich an die Hosting-Administration; fehlgeschlagene
+                E-Mails kannst du hier selbst erneut versuchen.
+              </p>
+            )}
+            {!announcement.emailReady && (
+              <p className="text-sm text-[var(--ink-soft)]">
+                Die Anhänge werden noch vorbereitet. Der Versand beginnt erst,
+                wenn alle Dateien gespeichert sind.
+              </p>
+            )}
+            <p className="text-xs leading-5 text-[var(--ink-soft)]">
+              Bei eingerichteter Automatik werden fehlgeschlagene Sendungen
+              erneut versucht. Deaktivierte Konten und Personen, die nicht mehr
+              zur Empfängergruppe gehören, werden übersprungen.
+            </p>
+            {failed > 0 && (
+              <div className="[&_button]:h-auto [&_button]:whitespace-normal">
+                <RetryNewsEmails
+                  id={id}
+                  revision={announcement.revision}
+                  failed={failed}
+                />
+              </div>
+            )}
+            <Button
+              asChild
+              variant="ghost"
+              size="sm"
+              className="justify-self-start"
+            >
+              <Link href={`/dashboard/admin/news/${id}?page=${page}#versand`}>
+                Status aktualisieren
+              </Link>
+            </Button>
+            {statuses.length === 0 && (
+              <p className="rounded-lg bg-[var(--surface-2)] p-4 text-sm leading-6 text-[var(--ink-soft)]">
+                Für diese Fassung sind keine E-Mails vorgemerkt. Bei Beiträgen
+                aus der Zeit vor Einführung dieser Übersicht liegt kein
+                damaliger Versandstatus vor. Über das Formular kannst du die
+                aktuelle Fassung einmalig versenden.
+              </p>
+            )}
+            <div className="grid gap-2">
+              {emails.slice(0, 50).map((job) => (
+                <div
+                  key={job.id}
+                  className="min-w-0 rounded-lg border border-[var(--hairline)] bg-[var(--surface-2)] p-3"
+                >
+                  <div className="flex flex-wrap items-start justify-between gap-2">
+                    <p className="text-sm font-medium">
+                      {job.user.firstName} {job.user.lastName}
+                    </p>
+                    <Badge variant={job.sentAt ? "success" : "outline"}>
+                      {job.sentAt
+                        ? "Gesendet"
+                        : job.skippedAt
+                          ? "Übersprungen"
+                          : job.failed
+                            ? "Fehlgeschlagen"
+                            : job.leaseUntil && job.leaseUntil > new Date()
+                              ? "Wird versendet"
+                              : "Ausstehend"}
+                    </Badge>
+                  </div>
+                  <p className="mt-1 break-all text-xs text-[var(--ink-muted)]">
+                    {job.user.email}
+                  </p>
+                  {job.sentAt && (
+                    <p className="mt-1 text-xs text-[var(--ink-muted)]">
+                      {format(job.sentAt, "dd.MM.yyyy HH:mm")}
+                    </p>
+                  )}
+                  {job.lastError && (
+                    <p className="mt-2 text-xs leading-5 text-[var(--ink-soft)]">
+                      {job.lastError}
+                    </p>
+                  )}
+                </div>
+              ))}
+            </div>
+            {history.size > 0 && (
+              <details className="rounded-lg border border-[var(--hairline)] p-3">
+                <summary className="cursor-pointer text-sm font-medium">
+                  Versand früherer Fassungen
+                </summary>
+                <div className="mt-3 grid gap-2">
+                  {[...history]
+                    .sort(([a], [b]) => b - a)
+                    .map(([revision, summary]) => (
+                      <p
+                        key={revision}
+                        className="text-xs leading-5 text-[var(--ink-soft)]"
+                      >
+                        Fassung {revision}: {summary.sent} gesendet ·{" "}
+                        {summary.skipped} übersprungen · {summary.failed}{" "}
+                        fehlgeschlagen
+                      </p>
+                    ))}
+                </div>
+                <p className="mt-3 text-xs leading-5 text-[var(--ink-muted)]">
+                  Ungesendete E-Mails älterer Fassungen wurden durch die
+                  Korrektur ersetzt.
+                </p>
+              </details>
+            )}
+            {(page > 1 || emails.length > 50) && (
+              <nav
+                aria-label="Empfänger durchblättern"
+                className="flex flex-wrap justify-between gap-3"
+              >
+                <div>
+                  {page > 1 && (
+                    <Button asChild variant="outline" size="sm">
+                      <Link href={`?page=${page - 1}#versand`}>Zurück</Link>
+                    </Button>
+                  )}
+                </div>
+                <span className="text-sm">Seite {page}</span>
+                <div>
+                  {emails.length > 50 && (
+                    <Button asChild variant="outline" size="sm">
+                      <Link href={`?page=${page + 1}#versand`}>Weitere</Link>
+                    </Button>
+                  )}
+                </div>
+              </nav>
+            )}
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  );
+}

src/app/dashboard/admin/news/edit-news-form.tsx

@@ -0,0 +1,174 @@
+"use client";
+
+import { useState, useTransition } from "react";
+import { useRouter } from "next/navigation";
+import { toast } from "sonner";
+import { Loader2, RotateCw, Save } from "lucide-react";
+import {
+  updateAnnouncement,
+  retryAnnouncementEmails,
+} from "@/actions/announcements";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { Label } from "@/components/ui/label";
+import { Checkbox } from "@/components/ui/checkbox";
+import { MarkdownContent } from "@/components/markdown-content";
+
+export function EditNewsForm({
+  announcement,
+}: {
+  announcement: {
+    id: string;
+    revision: number;
+    title: string;
+    content: string;
+  };
+}) {
+  const router = useRouter();
+  const [pending, startTransition] = useTransition();
+  const [content, setContent] = useState(announcement.content);
+  const [sendEmail, setSendEmail] = useState(false);
+  function submit(formData: FormData) {
+    formData.set("id", announcement.id);
+    formData.set("revision", String(announcement.revision));
+    formData.set("sendEmail", sendEmail ? "on" : "off");
+    startTransition(async () => {
+      try {
+        const result = await updateAnnouncement(formData);
+        if (!("success" in result)) {
+          toast.error(result.error);
+          return;
+        }
+        toast.success(
+          result.queued
+            ? `Mitteilung gespeichert. ${result.queued} E-Mails sind zum Versand vorgemerkt.`
+            : result.changed
+              ? "Mitteilung aktualisiert."
+              : "Keine Änderungen vorhanden.",
+        );
+        setSendEmail(false);
+        router.refresh();
+      } catch {
+        toast.error(
+          "Mitteilung konnte nicht gespeichert werden. Bitte versuche es erneut.",
+        );
+      }
+    });
+  }
+  return (
+    <form action={submit} className="grid gap-5">
+      <div className="grid gap-2">
+        <Label htmlFor="edit-title">Titel</Label>
+        <Input
+          id="edit-title"
+          name="title"
+          defaultValue={announcement.title}
+          minLength={3}
+          maxLength={160}
+          required
+          disabled={pending}
+        />
+      </div>
+      <div className="grid gap-2">
+        <Label htmlFor="edit-content">Text</Label>
+        <Textarea
+          id="edit-content"
+          name="content"
+          rows={10}
+          value={content}
+          onChange={(event) => setContent(event.target.value)}
+          minLength={3}
+          maxLength={20_000}
+          required
+          disabled={pending}
+        />
+        <p className="text-xs text-[var(--ink-muted)]">
+          Markdown ist aktiv. HTML wird nicht interpretiert.
+        </p>
+      </div>
+      <details className="rounded-lg border border-[var(--hairline)] bg-[var(--surface-2)] p-4">
+        <summary className="cursor-pointer text-sm font-medium">
+          Vorschau ansehen
+        </summary>
+        <div className="mt-4 text-sm">
+          <MarkdownContent content={content} />
+        </div>
+      </details>
+      <div className="rounded-lg border border-[var(--hairline)] bg-[var(--surface-2)] p-4">
+        <div className="flex items-start gap-2">
+          <Checkbox
+            id="correction-email"
+            checked={sendEmail}
+            disabled={pending}
+            onCheckedChange={(checked) => setSendEmail(checked === true)}
+          />
+          <Label
+            htmlFor="correction-email"
+            className="cursor-pointer leading-5"
+          >
+            Aktuelle Fassung auch per E-Mail senden
+          </Label>
+        </div>
+        <p className="mt-2 text-xs leading-5 text-[var(--ink-soft)]">
+          Bei einer Textänderung erscheint der Beitrag für alle wieder als
+          ungelesen. Jede Fassung wird je Person höchstens einmal zum Versand
+          vorgemerkt.
+        </p>
+      </div>
+      <Button type="submit" disabled={pending} className="justify-self-end">
+        {pending ? (
+          <Loader2 className="h-4 w-4 animate-spin" />
+        ) : (
+          <Save className="h-4 w-4" />
+        )}
+        Änderungen speichern
+      </Button>
+    </form>
+  );
+}
+
+export function RetryNewsEmails({
+  id,
+  revision,
+  failed,
+}: {
+  id: string;
+  revision: number;
+  failed: number;
+}) {
+  const [pending, startTransition] = useTransition();
+  const router = useRouter();
+  return (
+    <Button
+      variant="outline"
+      disabled={pending || failed === 0}
+      onClick={() =>
+        startTransition(async () => {
+          try {
+            const result = await retryAnnouncementEmails(id, revision);
+            if (!("success" in result)) {
+              toast.error(result.error);
+              return;
+            }
+            toast.success(
+              result.queued
+                ? `${result.queued} fehlgeschlagene E-Mails werden erneut versucht.`
+                : "Keine fehlgeschlagenen Sendungen vorhanden.",
+            );
+            router.refresh();
+          } catch {
+            toast.error("Versand konnte nicht gestartet werden.");
+          }
+        })
+      }
+    >
+      {pending ? (
+        <Loader2 className="h-4 w-4 animate-spin" />
+      ) : (
+        <RotateCw className="h-4 w-4" />
+      )}
+      Fehlgeschlagene erneut versuchen
+    </Button>
+  );
+}

src/app/dashboard/admin/news/news-form.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useState, useTransition } from "react";
+import { useRef, useState, useTransition } from "react";
 import { Loader2, Send, UploadCloud } from "lucide-react";
 import { toast } from "sonner";
 
@@ -20,6 +20,7 @@ import { Textarea } from "@/components/ui/textarea";
 import { MarkdownContent } from "@/components/markdown-content";
 
 export function NewsForm() {
+  const formRef = useRef<HTMLFormElement>(null);
   const [isPending, startTransition] = useTransition();
   const [sendEmail, setSendEmail] = useState(false);
   const [content, setContent] = useState("");
@@ -30,27 +31,43 @@ export function NewsForm() {
         formData.set("sendEmail", "on");
       }
 
-      const result = await createAnnouncement(formData);
-      if (result.error) {
-        toast.error(result.error);
-        return;
-      }
+      try {
+        const result = await createAnnouncement(formData);
+        if (result.error) {
+          toast.error(result.error);
+          return;
+        }
 
-      if (result.warning) {
-        toast.warning(result.warning);
-      } else {
-        toast.success("Ankündigung veröffentlicht.");
+        if (result.warning) {
+          toast.warning(result.warning);
+        } else {
+          toast.success(
+            sendEmail
+              ? "Ankündigung veröffentlicht. E-Mails sind zum Versand vorgemerkt."
+              : "Ankündigung veröffentlicht.",
+          );
+        }
+        formRef.current?.reset();
+        setContent("");
+        setSendEmail(false);
+      } catch {
+        toast.error(
+          "Ankündigung konnte nicht veröffentlicht werden. Bitte versuche es erneut.",
+        );
       }
     });
   }
 
   return (
-    <form action={handleSubmit} className="grid gap-5">
+    <form ref={formRef} action={handleSubmit} className="grid gap-5">
       <div className="grid gap-2">
         <Label htmlFor="news-title">Titel</Label>
         <Input
           id="news-title"
           name="title"
+          minLength={3}
+          maxLength={160}
+          disabled={isPending}
           placeholder="Sommerfest: Aufbau und Mitbringliste"
           required
         />
@@ -62,6 +79,9 @@ export function NewsForm() {
           id="news-content"
           name="content"
           rows={10}
+          minLength={3}
+          maxLength={20_000}
+          disabled={isPending}
           value={content}
           onChange={(event) => setContent(event.target.value)}
           placeholder={

src/app/dashboard/admin/news/page.tsx

@@ -1,3 +1,7 @@
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
 import { format } from "date-fns";
 import { de } from "date-fns/locale";
 import { FileText, Megaphone, Send } from "lucide-react";
@@ -18,7 +22,11 @@ import { NewsForm } from "./news-form";
 
 export const metadata = { title: "Schwarzes Brett · Kita-Planer" };
 
-export default async function AdminNewsPage() {
+export default async function AdminNewsPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ q?: string; page?: string }>;
+}) {
   const session = await requireRole([UserRole.ADMIN]);
   const kitaId = session.user.kitaId;
 
@@ -26,29 +34,46 @@ export default async function AdminNewsPage() {
     throw new Error("Kein Mandant zugeordnet.");
   }
 
-  const announcements = await prisma.announcement.findMany({
-    where: { kitaId },
-    select: {
-      id: true,
-      title: true,
-      audience: true,
-      createdAt: true,
-      attachments: {
-        select: {
-          id: true,
-          fileName: true,
-        },
+  const params = await searchParams;
+  const q = typeof params.q === "string" ? params.q.trim().slice(0, 160) : "";
+  const parsedPage = Number(params.page ?? 1);
+  const page =
+    Number.isSafeInteger(parsedPage) && parsedPage > 0
+      ? Math.min(parsedPage, 100000)
+      : 1;
+  const pageSize = 12;
+  const where = {
+    kitaId,
+    ...(q
+      ? {
+          OR: [
+            { title: { contains: q, mode: "insensitive" as const } },
+            { content: { contains: q, mode: "insensitive" as const } },
+          ],
+        }
+      : {}),
+  };
+  const [announcements, total] = await Promise.all([
+    prisma.announcement.findMany({
+      where,
+      select: {
+        id: true,
+        title: true,
+        audience: true,
+        createdAt: true,
+        editedAt: true,
+        revision: true,
+        _count: { select: { attachments: true } },
+        author: { select: { firstName: true, lastName: true } },
       },
-      author: {
-        select: {
-          firstName: true,
-          lastName: true,
-        },
-      },
-    },
-    orderBy: { createdAt: "desc" },
-    take: 8,
-  });
+      orderBy: [{ createdAt: "desc" }, { id: "desc" }],
+      skip: (page - 1) * pageSize,
+      take: pageSize,
+    }),
+    prisma.announcement.count({ where }),
+  ]);
+  const href = (p: number) =>
+    `/dashboard/admin/news?${new URLSearchParams({ ...(q ? { q } : {}), page: String(p) })}#beitraege`;
 
   return (
     <div className="mx-auto max-w-[1280px] px-11 py-9 pb-16 max-[760px]:px-5">
@@ -60,7 +85,7 @@ export default async function AdminNewsPage() {
           <h1 className="mt-2 text-[36px] font-normal leading-tight tracking-[-0.025em] text-[var(--ink)]">
             Meldungen{" "}
             <em className="font-normal italic text-[var(--accent-deep)]">
-              veröffentlichen
+              verwalten
             </em>
           </h1>
           <p className="mt-2 max-w-2xl text-[15px] leading-6 text-[var(--ink-soft)]">
@@ -71,42 +96,77 @@ export default async function AdminNewsPage() {
         </div>
         <span className="inline-flex h-9 items-center gap-2 rounded-full border border-[var(--hairline)] bg-[var(--surface)] px-4 text-[13px] font-semibold text-[var(--ink-soft)] tabular-nums">
           <Megaphone className="h-4 w-4 text-[var(--accent-deep)] [stroke-width:1.7]" />
-          {announcements.length} zuletzt
+          {total} {total === 1 ? "Beitrag" : "Beiträge"}
         </span>
       </header>
 
-      <div className="grid gap-6 xl:grid-cols-[minmax(0,1fr)_380px]">
-        <Card>
+      <div className="grid gap-6">
+        <details
+          open={!q && page === 1}
+          className="rounded-xl border border-[var(--hairline)] bg-[var(--surface)] p-5"
+        >
+          <summary className="cursor-pointer text-lg font-semibold">
+            Neue Ankündigung veröffentlichen
+          </summary>
+          <Card className="mt-4 border-0 shadow-none">
+            <CardHeader>
+              <CardTitle className="flex items-center gap-2">
+                <Send className="h-4 w-4 text-[var(--accent-deep)] [stroke-width:1.7]" />
+                Neue Ankündigung
+              </CardTitle>
+              <CardDescription>
+                Markdown wird sicher gerendert; PDF, JPG und PNG können als
+                geschützte Anhänge hinzugefügt werden.
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <NewsForm />
+            </CardContent>
+          </Card>
+        </details>
+
+        <Card id="beitraege" className="h-fit">
           <CardHeader>
-            <CardTitle className="flex items-center gap-2">
-              <Send className="h-4 w-4 text-[var(--accent-deep)] [stroke-width:1.7]" />
-              Neue Ankündigung
+            <CardTitle className="text-base">
+              Veröffentlichte Beiträge
             </CardTitle>
             <CardDescription>
-              Markdown wird sicher gerendert; PDF, JPG und PNG können als
-              geschützte Anhänge hinzugefügt werden.
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <NewsForm />
-          </CardContent>
-        </Card>
-
-        <Card className="h-fit">
-          <CardHeader>
-            <CardTitle className="text-base">Zuletzt veröffentlicht</CardTitle>
-            <CardDescription>
-              Die neuesten Meldungen auf dem Schwarzen Brett.
+              Korrigiere auch ältere Beiträge und prüfe den E-Mail-Versand.
             </CardDescription>
           </CardHeader>
           <CardContent className="grid gap-3">
+            <form
+              className="mb-4 flex flex-wrap items-end gap-3"
+              action="/dashboard/admin/news#beitraege"
+            >
+              <div className="grid flex-1 gap-2">
+                <Label htmlFor="news-search">Beiträge durchsuchen</Label>
+                <Input
+                  id="news-search"
+                  name="q"
+                  defaultValue={q}
+                  maxLength={160}
+                  placeholder="Titel oder Text"
+                />
+              </div>
+              <Button type="submit" variant="outline">
+                Suchen
+              </Button>
+              {q && (
+                <Button asChild variant="ghost">
+                  <Link href="/dashboard/admin/news#beitraege">
+                    Alle Beiträge
+                  </Link>
+                </Button>
+              )}
+            </form>
             {announcements.length === 0 ? (
               <div className="flex max-h-[280px] min-h-[220px] flex-col items-center justify-center rounded-lg border border-dashed border-[var(--hairline)] bg-[var(--surface-2)] p-6 text-center">
                 <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-2xl bg-[var(--accent-soft)] text-[var(--accent-deep)]">
                   <Megaphone className="h-6 w-6 [stroke-width:1.7]" />
                 </div>
                 <p className="text-sm font-medium text-[var(--ink)]">
-                  Noch keine Ankündigungen
+                  Keine Beiträge gefunden
                 </p>
                 <p className="mt-1 text-sm text-[var(--ink-soft)]">
                   Veröffentlichte Meldungen erscheinen hier.
@@ -119,13 +179,13 @@ export default async function AdminNewsPage() {
                   className="rounded-lg border border-[var(--hairline)] bg-[var(--surface-2)] p-3"
                 >
                   <div className="mb-2 flex items-start justify-between gap-2">
-                    <p className="font-medium leading-snug text-[var(--ink)]">
+                    <p className="min-w-0 break-words font-medium leading-snug text-[var(--ink)]">
                       {announcement.title}
                     </p>
-                    {announcement.attachments.length > 0 && (
+                    {announcement._count.attachments > 0 && (
                       <Badge variant="secondary" className="shrink-0">
                         <FileText className="h-3 w-3 [stroke-width:1.7]" />
-                        {announcement.attachments.length}
+                        {announcement._count.attachments}
                       </Badge>
                     )}
                   </div>
@@ -139,9 +199,42 @@ export default async function AdminNewsPage() {
                     · {announcement.author.firstName}{" "}
                     {announcement.author.lastName}
                   </p>
+                  {announcement.editedAt && (
+                    <p className="mt-1 text-xs text-[var(--accent-deep)]">
+                      Aktualisiert am{" "}
+                      {format(announcement.editedAt, "dd.MM.yyyy HH:mm")}
+                    </p>
+                  )}
+                  <Button asChild variant="outline" size="sm" className="mt-3">
+                    <Link href={`/dashboard/admin/news/${announcement.id}`}>
+                      Bearbeiten &amp; Versand
+                    </Link>
+                  </Button>
                 </div>
               ))
             )}
+            <nav
+              aria-label="Beiträge durchblättern"
+              className="mt-4 flex flex-wrap items-center justify-between gap-3 border-t border-[var(--hairline)] pt-4"
+            >
+              <div>
+                {page > 1 && (
+                  <Button asChild variant="outline" size="sm">
+                    <Link href={href(page - 1)}>Neuere Beiträge</Link>
+                  </Button>
+                )}
+              </div>
+              <span className="text-sm text-[var(--ink-soft)]">
+                Seite {page} · {total} {total === 1 ? "Beitrag" : "Beiträge"}
+              </span>
+              <div>
+                {page * pageSize < total && (
+                  <Button asChild variant="outline" size="sm">
+                    <Link href={href(page + 1)}>Ältere Beiträge</Link>
+                  </Button>
+                )}
+              </div>
+            </nav>
           </CardContent>
         </Card>
       </div>

src/app/dashboard/news-ticker.tsx

@@ -26,6 +26,8 @@ import { MarkdownContent } from "@/components/markdown-content";
 
 export type NewsTickerItemDto = {
   id: string;
+  revision: number;
+  editedAt: string | null;
   title: string;
   content: string;
   excerpt: string;
@@ -53,16 +55,16 @@ export function NewsTicker({
 
   function openAnnouncement(item: NewsTickerItemDto) {
     setSelected(item);
-    if (!item.isUnread || readIds.has(item.id)) return;
+    if (!item.isUnread || readIds.has(`${item.id}:${item.revision}`)) return;
 
     startTransition(async () => {
       try {
-        const result = await markAnnouncementRead(item.id);
+        const result = await markAnnouncementRead(item.id, item.revision);
         if (result.error) {
           toast.error(result.error);
           return;
         }
-        setReadIds((current) => new Set(current).add(item.id));
+        setReadIds((current) => new Set(current).add(`${item.id}:${item.revision}`));
       } catch {
         toast.error("Lesestatus konnte nicht gespeichert werden.");
       }
@@ -101,7 +103,7 @@ export function NewsTicker({
             </p>
           ) : null}
           {items.map((item) => {
-            const isUnread = item.isUnread && !readIds.has(item.id);
+            const isUnread = item.isUnread && !readIds.has(`${item.id}:${item.revision}`);
             return (
               <button
                 key={item.id}
@@ -116,6 +118,7 @@ export function NewsTicker({
                   </div>
                   {isUnread && <Badge variant="success">NEU</Badge>}
                 </div>
+                {item.editedAt && <p className="mb-2 text-xs font-medium text-[var(--accent-deep)]">Aktualisiert am {item.editedAt}</p>}
                 <h3 className="line-clamp-2 font-semibold leading-snug text-[var(--ink)]">
                   {item.title}
                 </h3>
@@ -146,6 +149,7 @@ export function NewsTicker({
                 <DialogTitle className="text-2xl">{selected.title}</DialogTitle>
                 <DialogDescription>
                   {selected.createdAt} · {selected.authorName}
+                  {selected.editedAt && <span className="block">Aktualisiert am {selected.editedAt}</span>}
                 </DialogDescription>
               </DialogHeader>
 

src/app/datenschutz/page.tsx

@@ -1,4 +1,4 @@
-import type { Metadata } from "next";
+import { publicPageMetadata } from "@/lib/marketing/seo";
 import Link from "next/link";
 import {
   ArrowLeft,
@@ -11,10 +11,11 @@ import {
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 
-export const metadata: Metadata = {
-  title: "Datenschutz | Kita-Planer",
-  description: "Datenschutzhinweise und Platzhalter für Kita-Planer.",
-};
+export const metadata = publicPageMetadata(
+  "/datenschutz",
+  "Datenschutz",
+  "Datenschutzhinweise zu Konten, Kontaktfreigaben und der Nutzung von Kita-Planer.",
+);
 
 const overviewItems = [
   {
@@ -77,9 +78,7 @@ export default function DatenschutzPage() {
                   <div className="mb-4 flex h-10 w-10 items-center justify-center rounded-lg bg-emerald-50 text-emerald-700 ring-1 ring-emerald-100">
                     <Icon className="h-5 w-5" />
                   </div>
-                  <h2 className="font-semibold tracking-tight">
-                    {item.title}
-                  </h2>
+                  <h2 className="font-semibold tracking-tight">{item.title}</h2>
                   <p className="mt-2 text-sm leading-6 text-slate-600">
                     {item.text}
                   </p>
@@ -154,9 +153,9 @@ export default function DatenschutzPage() {
             <p className="mt-3 leading-7 text-slate-700">
               Zugriff auf Daten erhalten nur berechtigte Nutzerinnen und Nutzer
               innerhalb der jeweiligen Kita beziehungsweise des jeweiligen
-              Elternvereins. Für Hosting, E-Mail-Versand oder technische
-              Dienste können Auftragsverarbeiter eingesetzt werden:
-              [Hosting-Anbieter], [E-Mail-Anbieter], [weitere Dienstleister].
+              Elternvereins. Für Hosting, E-Mail-Versand oder technische Dienste
+              können Auftragsverarbeiter eingesetzt werden: [Hosting-Anbieter],
+              [E-Mail-Anbieter], [weitere Dienstleister].
             </p>
           </div>
 
@@ -180,9 +179,9 @@ export default function DatenschutzPage() {
             <p className="mt-3 leading-7 text-slate-700">
               Kita-Planer verwendet technisch notwendige Cookies oder
               vergleichbare Technologien, um Login-Sitzungen sicher
-              bereitzustellen. Für die öffentliche Website kann zusätzlich
-              Umami Analytics eingesetzt werden, um Seitenaufrufe anonymisiert
-              und ohne Cookies auszuwerten.
+              bereitzustellen. Für die öffentliche Website kann zusätzlich Umami
+              Analytics eingesetzt werden, um Seitenaufrufe anonymisiert und
+              ohne Cookies auszuwerten.
             </p>
           </div>
 
@@ -220,9 +219,9 @@ export default function DatenschutzPage() {
             </h2>
             <p className="mt-3 leading-7 text-slate-700">
               Betroffene Personen können sich bei einer
-              Datenschutzaufsichtsbehörde beschweren. Zuständig ist
-              insbesondere die Aufsichtsbehörde am Sitz der verantwortlichen
-              Stelle: [zuständige Datenschutzaufsichtsbehörde].
+              Datenschutzaufsichtsbehörde beschweren. Zuständig ist insbesondere
+              die Aufsichtsbehörde am Sitz der verantwortlichen Stelle:
+              [zuständige Datenschutzaufsichtsbehörde].
             </p>
           </div>
 

src/app/features/[slug]/page.tsx

@@ -1,3 +1,7 @@
+import { ScreenshotPreview } from "@/components/marketing/product-screenshots";
+import { getProductScreenshot } from "@/lib/marketing/screenshots";
+import { StructuredData } from "@/components/marketing/structured-data";
+import { featureStructuredData, publicPageMetadata } from "@/lib/marketing/seo";
 import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
@@ -48,30 +52,11 @@ export async function generateMetadata({
     };
   }
 
-  return {
-    title: feature.seoTitle,
-    description: feature.seoDescription,
-    openGraph: {
-      title: feature.seoTitle,
-      description: feature.seoDescription,
-      type: "website",
-      locale: "de_DE",
-      images: [
-        {
-          url: "/og-image.png",
-          width: 1200,
-          height: 630,
-          alt: "Ein Kind spielt mit bunten Holzklötzen.",
-        },
-      ],
-    },
-    twitter: {
-      card: "summary_large_image",
-      title: feature.seoTitle,
-      description: feature.seoDescription,
-      images: ["/og-image.png"],
-    },
-  };
+  return publicPageMetadata(
+    `/features/${feature.slug}`,
+    feature.seoTitle,
+    feature.seoDescription,
+  );
 }
 
 export default async function FeaturePage({ params }: FeaturePageProps) {
@@ -83,25 +68,34 @@ export default async function FeaturePage({ params }: FeaturePageProps) {
   }
 
   const Icon = feature.icon;
+  const screenshot = getProductScreenshot(slug);
 
   return (
     <div className="min-h-screen bg-[#f8faf8] text-slate-950">
+      <StructuredData data={featureStructuredData(feature)} />
       <header className="border-b border-slate-200 bg-white/95">
         <div className="mx-auto flex h-20 w-full max-w-7xl items-center justify-between px-5 sm:px-6">
-          <Link href="/" className="flex items-center gap-3 text-slate-950">
-            <span className="flex h-9 w-9 items-center justify-center rounded-lg bg-slate-950 text-white">
+          <Link
+            href="/"
+            className="flex shrink-0 items-center gap-2 text-slate-950 sm:gap-3"
+          >
+            <span className="flex h-8 w-8 items-center justify-center rounded-lg bg-slate-950 text-white sm:h-9 sm:w-9">
               <ShieldCheck className="h-5 w-5" />
             </span>
-            <span className="text-base font-semibold tracking-tight">
+            <span className="whitespace-nowrap text-sm font-semibold tracking-tight sm:text-base">
               Kita-Planer
             </span>
           </Link>
 
-          <nav className="flex items-center gap-2">
-            <Button asChild variant="ghost">
+          <nav className="flex items-center gap-1 sm:gap-2">
+            <Button
+              asChild
+              variant="ghost"
+              className="px-3 text-xs sm:px-4 sm:text-sm"
+            >
               <Link href="/login">Login</Link>
             </Button>
-            <Button asChild>
+            <Button asChild className="px-3 text-xs sm:px-4 sm:text-sm">
               <Link href="/#kontakt">Demo anfragen</Link>
             </Button>
           </nav>
@@ -178,10 +172,17 @@ export default async function FeaturePage({ params }: FeaturePageProps) {
           </div>
         </section>
 
+        {screenshot && (
+          <section aria-label={`${feature.shortTitle} in der App`} className="mx-auto w-full max-w-7xl px-5 pt-16 sm:px-6">
+            <h2 className="mb-6 text-2xl font-semibold tracking-tight">Ein Blick in die Anwendung</h2>
+            <ScreenshotPreview screenshot={screenshot} />
+          </section>
+        )}
+
         <section className="mx-auto grid w-full max-w-7xl gap-6 px-5 py-20 sm:px-6 lg:grid-cols-2">
           <Card className="border-slate-200 bg-white">
             <CardHeader>
-              <CardTitle className="text-2xl tracking-tight">
+              <CardTitle as="h2" className="text-2xl tracking-tight">
                 {feature.problemTitle}
               </CardTitle>
               <CardDescription className="text-base leading-7 text-slate-600">
@@ -192,7 +193,7 @@ export default async function FeaturePage({ params }: FeaturePageProps) {
 
           <Card className="border-slate-200 bg-white">
             <CardHeader>
-              <CardTitle className="text-2xl tracking-tight">
+              <CardTitle as="h2" className="text-2xl tracking-tight">
                 {feature.solutionTitle}
               </CardTitle>
               <CardDescription className="text-base leading-7 text-slate-600">
@@ -220,7 +221,7 @@ export default async function FeaturePage({ params }: FeaturePageProps) {
                     <div className="mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-emerald-50 text-emerald-700 ring-1 ring-emerald-100">
                       <CheckCircle2 className="h-5 w-5" />
                     </div>
-                    <CardTitle className="text-xl tracking-tight">
+                    <CardTitle as="h3" className="text-xl tracking-tight">
                       {benefit.title}
                     </CardTitle>
                     <CardDescription className="text-sm leading-6 text-slate-600">
@@ -273,7 +274,7 @@ export default async function FeaturePage({ params }: FeaturePageProps) {
                   <div className="mb-3 flex h-10 w-10 items-center justify-center rounded-lg bg-slate-100 text-slate-700">
                     <HelpCircle className="h-5 w-5" />
                   </div>
-                  <CardTitle className="text-lg leading-snug">
+                  <CardTitle as="h3" className="text-lg leading-snug">
                     {faq.question}
                   </CardTitle>
                   <CardDescription className="text-sm leading-6 text-slate-600">

src/app/impressum/page.tsx

@@ -1,14 +1,15 @@
-import type { Metadata } from "next";
+import { publicPageMetadata } from "@/lib/marketing/seo";
 import Link from "next/link";
 import { ArrowLeft, Building2, Mail, MapPin, ShieldCheck } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
 import { Card, CardContent } from "@/components/ui/card";
 
-export const metadata: Metadata = {
-  title: "Impressum | Kita-Planer",
-  description: "Impressum und Anbieterkennzeichnung von Kita-Planer.",
-};
+export const metadata = publicPageMetadata(
+  "/impressum",
+  "Impressum",
+  "Impressum und Anbieterkennzeichnung von Kita-Planer.",
+);
 
 const contactItems = [
   {
@@ -117,8 +118,8 @@ export default function ImpressumPage() {
               Umsatzsteuer-ID
             </h2>
             <p className="mt-3 leading-7 text-slate-700">
-              Umsatzsteuer-Identifikationsnummer gemäß § 27a
-              Umsatzsteuergesetz: -
+              Umsatzsteuer-Identifikationsnummer gemäß § 27a Umsatzsteuergesetz:
+              -
             </p>
           </div>
 
@@ -126,9 +127,7 @@ export default function ImpressumPage() {
             <h2 className="text-xl font-semibold tracking-tight">
               Verantwortlich für den Inhalt
             </h2>
-            <p className="mt-3 leading-7 text-slate-700">
-              Torben Indorf
-            </p>
+            <p className="mt-3 leading-7 text-slate-700">Torben Indorf</p>
           </div>
 
           <div>

src/app/layout.tsx

@@ -1,6 +1,12 @@
 import { getSession } from "@/lib/auth-utils";
 import { headers } from "next/headers";
 import type { Metadata } from "next";
+import {
+  getPublicSiteOrigin,
+  marketingDescription,
+  marketingTitle,
+  socialImage,
+} from "@/lib/marketing/seo";
 import { Manrope } from "next/font/google";
 import "./globals.css";
 import { Toaster } from "@/components/ui/sonner";
@@ -13,36 +19,24 @@ const manrope = Manrope({
 });
 
 export const metadata: Metadata = {
-  metadataBase: new URL(
-    process.env.NEXT_PUBLIC_SITE_URL ?? "https://mein-kitaplaner.de",
-  ),
-  title: {
-    default: "Der digitale Kita-Planer für Elternvereine",
-    template: "%s | Kita-Planer",
-  },
-  description:
-    "Kita-Planer bündelt Dienste, Termine, Notdienste, Abwesenheiten und sichere Kommunikation für Elternvereine an einem Ort.",
+  metadataBase: new URL(getPublicSiteOrigin()),
+  title: { default: marketingTitle, template: "%s | Kita-Planer" },
+  description: marketingDescription,
+  // Public marketing pages opt in explicitly; account and internal pages stay out.
+  robots: { index: false, follow: false },
   openGraph: {
-    title: "Der digitale Kita-Planer für Elternvereine",
-    description:
-      "Organisiert Dienste, teilt Neuigkeiten und behaltet Termine gemeinsam im Blick.",
+    title: marketingTitle,
+    description: marketingDescription,
     type: "website",
     locale: "de_DE",
-    images: [
-      {
-        url: "/og-image.png",
-        width: 1200,
-        height: 630,
-        alt: "Ein Kind spielt mit bunten Holzklötzen.",
-      },
-    ],
+    siteName: "Kita-Planer",
+    images: [socialImage],
   },
   twitter: {
     card: "summary_large_image",
-    title: "Der digitale Kita-Planer für Elternvereine",
-    description:
-      "Organisiert Dienste, teilt Neuigkeiten und behaltet Termine gemeinsam im Blick.",
-    images: ["/og-image.png"],
+    title: marketingTitle,
+    description: marketingDescription,
+    images: [{ url: socialImage.url, alt: socialImage.alt }],
   },
 };
 
@@ -51,13 +45,13 @@ export default async function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  const [requestHeaders, session] = await Promise.all([headers(), getSession()]);
+  const [requestHeaders, session] = await Promise.all([
+    headers(),
+    getSession(),
+  ]);
   const nonce = requestHeaders.get("x-nonce") ?? undefined;
   return (
-    <html
-      lang="de"
-      className={`${manrope.variable} h-full antialiased`}
-    >
+    <html lang="de" className={`${manrope.variable} h-full antialiased`}>
       <body className="min-h-full flex flex-col">
         {children}
         <UmamiAnalytics nonce={nonce} enabled={!session?.user?.id} />

src/app/page.tsx

@@ -1,12 +1,9 @@
-import type { Metadata } from "next";
 import Image from "next/image";
 import Link from "next/link";
 import {
   ArrowRight,
-  Bell,
   CheckCircle2,
   ClipboardList,
-  Clock,
   DatabaseZap,
   FileStack,
   Fingerprint,
@@ -16,7 +13,6 @@ import {
   MessageSquareText,
   MessagesSquare,
   PhoneCall,
-  Search,
   Route,
   ShieldCheck,
   Table2,
@@ -35,38 +31,22 @@ import {
   CardTitle,
 } from "@/components/ui/card";
 import { marketingFeatures } from "@/lib/marketing/features";
+import { StructuredData } from "@/components/marketing/structured-data";
+import {
+  landingStructuredData,
+  marketingDescription,
+  marketingTitle,
+  publicPageMetadata,
+} from "@/lib/marketing/seo";
+import { ProductScreenshots, ScreenshotPreview } from "@/components/marketing/product-screenshots";
+import { getProductScreenshot } from "@/lib/marketing/screenshots";
 import { ContactForm } from "./contact-form";
 
-export const metadata: Metadata = {
-  title: "Kita-Planer für Elterninitiativen und Kita-Vereine",
-  description:
-    "Die einfache Plattform für Elterninitiativen, freie Kitas und Kita-Vereine: organisiert Dienste, Termine, Krankmeldungen und offizielle Kommunikation an einem Ort.",
-  alternates: {
-    canonical: "/",
-  },
-  openGraph: {
-    title: "Kita-Planer für Elterninitiativen und Kita-Vereine",
-    description:
-      "Weniger Chat-Chaos, weniger Excel-Listen, mehr Ruhe im ehrenamtlichen Kita-Alltag.",
-    type: "website",
-    locale: "de_DE",
-    images: [
-      {
-        url: "/og-image.png",
-        width: 1200,
-        height: 630,
-        alt: "Ein Kind spielt mit bunten Holzklötzen.",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Kita-Planer für Elterninitiativen und Kita-Vereine",
-    description:
-      "Organisiert Dienste, Termine, Krankmeldungen und offizielle Kommunikation an einem Ort.",
-    images: ["/og-image.png"],
-  },
-};
+export const metadata = publicPageMetadata(
+  "/",
+  marketingTitle,
+  marketingDescription,
+);
 
 const heroImage =
   "https://images.unsplash.com/photo-1503454537195-1dcabb73ffb9?auto=format&fit=crop&w=2400&q=86";
@@ -74,13 +54,13 @@ const heroImage =
 const privacyPoints = [
   {
     icon: DatabaseZap,
-    title: "Strikt isolierte Mandanten",
-    text: "Jede Kita arbeitet technisch streng getrennt pro Kita. Rollen und Datenabfragen bleiben konsequent tenant-isoliert.",
+    title: "Getrennte Daten je Kita",
+    text: "Die Daten eurer Kita sind von anderen Einrichtungen getrennt. Zugriff erhalten nur die berechtigten Konten eurer Kita.",
   },
   {
     icon: Fingerprint,
     title: "Kontaktfreigabe per Opt-in",
-    text: "Adressbuchdaten erscheinen nur nach aktivem Opt-In pro Elternteil. Nicht freigegebene Kontaktdaten verlassen den Server nicht.",
+    text: "Jeder Elternteil entscheidet über die Freigabe der eigenen Kontaktdaten. Im internen Adressbuch erscheinen nur freigegebene Angaben.",
   },
   {
     icon: Trash2,
@@ -90,23 +70,23 @@ const privacyPoints = [
   {
     icon: LockKeyhole,
     title: "Geschützte Anhänge",
-    text: "Dokumente vom Schwarzen Brett liegen nicht öffentlich und werden nur nach Session- und Kita-Prüfung ausgeliefert.",
+    text: "Anhänge sind nur nach Anmeldung und für die gewählte Empfängergruppe eurer Kita abrufbar.",
   },
   {
     icon: UserCog,
     title: "Rollenrechte pro Kita",
-    text: "Vorstand, Koordination, Eltern und Team sehen nur die Bereiche, die zu ihrer Aufgabe und Kita-Zugehörigkeit passen.",
+    text: "Kita-Admins vergeben Rechte für Verwaltung, Notdienst-Koordination, Eltern und Team. Ämter wie Vorstand sind von Zugriffsrechten getrennt.",
   },
   {
     icon: FileStack,
-    title: "Klare Datenpfade",
-    text: "Löschungen sind bewusst vorgesehen; Fragen zu Export und Übergabe werden im Setup sauber geklärt.",
+    title: "Kontozugang selbst verwalten",
+    text: "Aktivierte Konten können ihr Passwort im Profil ändern oder einen zeitlich begrenzten Wiederherstellungslink anfordern.",
   },
 ];
 
 const proofPoints = [
   "Für Elterninitiativen, freie Kitas und Kita-Vereine",
-  "Dienste, Kalender, Abwesenheiten und offizielle Infos in einem System",
+  "Dienste, Kalender, Arbeitszeit und offizielle Infos in einem System",
   "Gebaut für Vorstände, Eltern, Koordination und Team",
 ];
 
@@ -114,13 +94,13 @@ const replacedTools = [
   {
     icon: MessagesSquare,
     title: "WhatsApp für offizielle Infos",
-    text: "Ankündigungen, Anhänge und Lesestatus gehören in einen verbindlichen Kanal, nicht zwischen spontane Rückfragen.",
+    text: "Ankündigungen mit Anhängen, sichtbaren Korrekturen und optionalen E-Mails bleiben auch später auffindbar.",
     accent: "bg-emerald-50 text-emerald-700 ring-emerald-100",
   },
   {
     icon: Table2,
     title: "Excel-Listen für Dienste",
-    text: "Verfügbarkeiten, Mindesttage und Dienstpläne werden strukturierter als in Tabellen mit Version 17-final-final.",
+    text: "Verfügbarkeiten, Erinnerungen und veröffentlichte Dienstpläne bleiben nachvollziehbar. Bei Bedarf lässt sich die Einteilung manuell anpassen.",
     accent: "bg-lime-50 text-lime-700 ring-lime-100",
   },
   {
@@ -147,17 +127,22 @@ const audienceRoles = [
   {
     icon: UserCog,
     title: "Vorstand & Admin",
-    text: "Kita, Familien, Termine, Einladungen und Rechte verwalten, ohne dass alles an einer privaten Ablage hängt.",
+    text: "Familien einladen, Zugriffsrechte vergeben, Mitteilungen korrigieren und Versandfehler gezielt erneut versuchen.",
   },
   {
     icon: UsersRound,
     title: "Eltern",
-    text: "Termine sehen, Kinder krankmelden, Verfügbarkeiten eintragen und freigegebene Kontakte finden.",
+    text: "Verfügbarkeiten eintragen, zu Terminen zusagen, Mitbringbeiträge verwalten und zukünftige Abwesenheiten korrigieren.",
   },
   {
     icon: HeartHandshake,
-    title: "ErzieherInnen & Koordination",
-    text: "Tagesüberblick, Abwesenheiten, Dienste und relevante Informationen an einem Ort sehen.",
+    title: "Kita-Team",
+    text: "Arbeitszeit erfassen, Wochen einreichen und Urlaub oder Freizeitausgleich beantragen. Abwesenheiten und Teammitteilungen bleiben im Blick.",
+  },
+  {
+    icon: HeartHandshake,
+    title: "Notdienst-Koordination",
+    text: "Verfügbarkeiten prüfen, Monatspläne veröffentlichen und bei Ausfällen mit Rückmeldungen aus den Haushalten weiterplanen.",
   },
 ];
 
@@ -190,28 +175,32 @@ const onboardingSteps = [
 export default function LandingPage() {
   return (
     <div className="min-h-screen bg-[#f8faf8] text-slate-950">
+      <StructuredData data={landingStructuredData(marketingFeatures)} />
       <header className="absolute left-0 right-0 top-0 z-20">
         <div className="mx-auto flex min-h-20 w-full max-w-7xl items-center justify-between gap-3 px-5 py-4 sm:px-6">
-          <Link href="/" className="flex items-center gap-3 text-white">
-            <span className="flex h-9 w-9 items-center justify-center rounded-lg bg-white/12 ring-1 ring-white/30">
+          <Link
+            href="/"
+            className="flex shrink-0 items-center gap-2 text-white sm:gap-3"
+          >
+            <span className="flex h-8 w-8 items-center justify-center rounded-lg bg-white/12 ring-1 ring-white/30 sm:h-9 sm:w-9">
               <ShieldCheck className="h-5 w-5" />
             </span>
-            <span className="text-base font-semibold tracking-tight">
+            <span className="whitespace-nowrap text-sm font-semibold tracking-tight sm:text-base">
               Kita-Planer
             </span>
           </Link>
 
-          <nav className="flex flex-wrap items-center justify-end gap-2">
+          <nav className="flex flex-wrap items-center justify-end gap-1 sm:gap-2">
             <Button
               asChild
               variant="ghost"
-              className="text-white hover:bg-white/10 hover:text-white"
+              className="px-3 text-xs text-white hover:bg-white/10 hover:text-white sm:px-4 sm:text-sm"
             >
               <Link href="/login">Login</Link>
             </Button>
             <Button
               asChild
-              className="bg-white text-slate-950 shadow-sm hover:bg-white/90"
+              className="bg-white px-3 text-xs text-slate-950 shadow-sm hover:bg-white/90 sm:px-4 sm:text-sm"
             >
               <Link href="/#kontakt">Demo anfragen</Link>
             </Button>
@@ -245,8 +234,8 @@ export default function LandingPage() {
               </h1>
               <p className="mt-6 max-w-2xl text-lg leading-8 text-white/82 sm:text-xl">
                 Für Elterninitiativen, freie Kitas und Kita-Vereine, die
-                Dienste, Termine, Krankmeldungen und offizielle Kommunikation
-                ehrenamtlich organisieren.
+                Dienste, Termine, Abwesenheiten, Arbeitszeit und offizielle
+                Kommunikation gemeinsam organisieren.
               </p>
 
               <div className="mt-9 flex flex-col gap-3 sm:flex-row">
@@ -294,13 +283,14 @@ export default function LandingPage() {
               </h2>
             </div>
             <p className="max-w-2xl text-sm leading-6 text-slate-600 lg:justify-self-end">
-              Der Notdienst-Planer sammelt Verfügbarkeiten, zeigt offene
-              Familien und macht aus losen Antworten einen veröffentlichbaren
-              Monatsplan.
+              Entdeckt die sechs Bereiche direkt in der App: vom Notdienst
+              über Kalender und Mitteilungen bis zur Arbeitszeit. Die Ansichten
+              zeigen Beispieldaten und lassen sich für einen genaueren Blick
+              vergrößern.
             </p>
           </div>
 
-          <ProductBrowserMock />
+          <ProductScreenshots />
         </section>
 
         <section className="mx-auto w-full max-w-7xl px-5 py-20 sm:px-6 lg:py-24">
@@ -386,11 +376,14 @@ export default function LandingPage() {
           </div>
         </section>
 
-        <section className="mx-auto w-full max-w-7xl px-5 py-24 sm:px-6">
+        <section
+          id="funktionen"
+          className="mx-auto w-full max-w-7xl px-5 py-24 sm:px-6"
+        >
           <div className="mb-12 flex flex-col gap-5 lg:flex-row lg:items-end lg:justify-between">
             <div className="max-w-3xl">
               <p className="mb-3 text-sm font-semibold uppercase tracking-wide text-emerald-700">
-                Die 5 Säulen
+                Die {marketingFeatures.length} Bereiche
               </p>
               <h2 className="text-balance text-3xl font-semibold leading-tight sm:text-4xl">
                 Plant Dienste, teilt Neuigkeiten und behaltet Termine gemeinsam
@@ -405,15 +398,12 @@ export default function LandingPage() {
           </div>
 
           <div className="grid gap-5 md:grid-cols-2 xl:grid-cols-6">
-            {marketingFeatures.map((feature, index) => {
+            {marketingFeatures.map((feature) => {
               const Icon = feature.icon;
-              const isWide = index > 2;
               return (
                 <Card
                   key={feature.title}
-                  className={`group border-slate-200 bg-white/90 shadow-sm transition duration-200 hover:-translate-y-1 hover:border-slate-300 hover:shadow-lg ${
-                    isWide ? "xl:col-span-3" : "xl:col-span-2"
-                  }`}
+                  className="group border-slate-200 bg-white/90 shadow-sm transition duration-200 hover:-translate-y-1 hover:border-slate-300 hover:shadow-lg xl:col-span-2"
                 >
                   <CardHeader className="space-y-5">
                     <div className="flex items-start justify-between gap-4">
@@ -440,7 +430,10 @@ export default function LandingPage() {
                         variant="link"
                         className="mt-4 h-auto p-0 text-slate-950"
                       >
-                        <Link href={`/features/${feature.slug}`}>
+                        <Link
+                          href={`/features/${feature.slug}`}
+                          aria-label={`Mehr über ${feature.shortTitle} erfahren`}
+                        >
                           Mehr erfahren
                           <ArrowRight className="h-4 w-4" />
                         </Link>
@@ -448,7 +441,7 @@ export default function LandingPage() {
                     </div>
                   </CardHeader>
                   <CardContent className="pt-0">
-                    <FeaturePreview slug={feature.slug} />
+                    <ScreenshotPreview screenshot={getProductScreenshot(feature.slug)!} compact />
                   </CardContent>
                 </Card>
               );
@@ -508,9 +501,9 @@ export default function LandingPage() {
               </h2>
               <p className="mt-5 max-w-xl text-base leading-7 text-slate-300">
                 Kita-Vereine verwalten besonders sensible Daten. Deshalb ist
-                Kita-Planer so gebaut, dass Sichtbarkeit, Rollenrechte,
-                Löschung und Mandantentrennung nicht vom guten Willen einzelner
-                Chats abhängen.
+                Kita-Planer so gebaut, dass Sichtbarkeit, Rollenrechte, Löschung
+                und Mandantentrennung nicht vom guten Willen einzelner Chats
+                abhängen.
               </p>
             </div>
 
@@ -634,133 +627,3 @@ export default function LandingPage() {
     </div>
   );
 }
-
-function ProductBrowserMock() {
-  return (
-    <div className="overflow-hidden rounded-2xl border border-emerald-100 bg-white shadow-[0_24px_70px_rgba(15,23,42,0.12)]">
-      <div className="flex items-center justify-between border-b border-slate-200 bg-[#fbf8ef] px-4 py-3">
-        <div className="flex items-center gap-2">
-          <span className="h-3 w-3 rounded-full bg-red-300" />
-          <span className="h-3 w-3 rounded-full bg-amber-300" />
-          <span className="h-3 w-3 rounded-full bg-emerald-300" />
-        </div>
-        <div className="rounded-full border border-slate-200 bg-white px-4 py-1 text-xs font-medium text-slate-500">
-          app.kita-planer.de/dashboard/notdienst
-        </div>
-        <div className="w-16" />
-      </div>
-
-      <div className="bg-[#fbf8ef] p-2 sm:p-4">
-        <Image
-          src="/landing/notdienst-calendar-linen.png"
-          alt="Notdienst-Kalender im Kita-Planer mit ausgewählten Tagen im Juni 2026"
-          width={2262}
-          height={1640}
-          sizes="(min-width: 1280px) 1184px, calc(100vw - 40px)"
-          className="h-auto w-full rounded-xl border border-slate-200 bg-[#fbf8ef]"
-        />
-      </div>
-    </div>
-  );
-}
-
-function FeaturePreview({ slug }: { slug: string }) {
-  if (slug === "notdienst-planer") {
-    return (
-      <div className="rounded-xl border border-red-100 bg-[#fbf8ef] p-3">
-        <div className="mb-3 flex items-center justify-between text-xs">
-          <span className="font-semibold text-slate-700">Juni</span>
-          <span className="rounded-full bg-red-50 px-2 py-1 text-red-700">
-            12/16
-          </span>
-        </div>
-        <div className="grid grid-cols-5 gap-1.5">
-          {["", "bg-red-100", "", "bg-red-100", "", "bg-red-100", "", "", "bg-red-100", ""].map(
-            (cell, index) => (
-              <span
-                key={index}
-                className={`h-7 rounded-md border border-red-100 bg-white ${cell}`}
-              />
-            ),
-          )}
-        </div>
-      </div>
-    );
-  }
-
-  if (slug === "kita-kalender") {
-    return (
-      <div className="rounded-xl border border-sky-100 bg-[#fbf8ef] p-3">
-        {[
-          ["10", "Schließtag", "bg-red-400"],
-          ["18", "Elternabend", "bg-indigo-400"],
-          ["29", "Sommerfest", "bg-emerald-500"],
-        ].map(([date, title, color]) => (
-          <div
-            key={title}
-            className="mb-2 last:mb-0 flex items-center gap-3 rounded-lg bg-white px-3 py-2 text-xs"
-          >
-            <span className="font-semibold tabular-nums text-slate-950">
-              {date}
-            </span>
-            <span className={`h-5 w-1 rounded-full ${color}`} />
-            <span className="text-slate-600">{title}</span>
-          </div>
-        ))}
-      </div>
-    );
-  }
-
-  if (slug === "eltern-adressbuch") {
-    return (
-      <div className="rounded-xl border border-emerald-100 bg-[#fbf8ef] p-3">
-        <div className="mb-3 flex items-center gap-2 rounded-lg border border-slate-200 bg-white px-3 py-2 text-xs text-slate-400">
-          <Search className="h-3.5 w-3.5" />
-          Familie suchen
-        </div>
-        {["Meier", "Mustermann"].map((name) => (
-          <div key={name} className="mb-2 last:mb-0 flex items-center gap-2">
-            <span className="h-7 w-7 rounded-lg bg-emerald-50" />
-            <span className="h-2 flex-1 rounded-full bg-slate-200" />
-            <span className="h-2 w-10 rounded-full bg-emerald-100" />
-          </div>
-        ))}
-      </div>
-    );
-  }
-
-  if (slug === "krankmeldung") {
-    return (
-      <div className="rounded-xl border border-amber-100 bg-[#fbf8ef] p-3">
-        <div className="mb-3 flex items-center gap-2 text-xs font-semibold text-slate-700">
-          <Clock className="h-4 w-4 text-amber-700" />
-          Heute fehlen 2 Kinder
-        </div>
-        {["Kai · krank", "Mia · Arzttermin"].map((item) => (
-          <div
-            key={item}
-            className="mb-2 last:mb-0 rounded-lg bg-white px-3 py-2 text-xs text-slate-600"
-          >
-            {item}
-          </div>
-        ))}
-      </div>
-    );
-  }
-
-  return (
-    <div className="rounded-xl border border-indigo-100 bg-[#fbf8ef] p-3">
-      <div className="mb-3 flex items-center gap-2 text-xs font-semibold text-slate-700">
-        <Bell className="h-4 w-4 text-indigo-700" />
-        Neue Mitteilung
-      </div>
-      <div className="space-y-2">
-        <span className="block h-2.5 w-4/5 rounded-full bg-slate-200" />
-        <span className="block h-2.5 w-3/5 rounded-full bg-slate-200" />
-        <span className="inline-flex rounded-full bg-indigo-50 px-2 py-1 text-xs text-indigo-700">
-          PDF angehängt
-        </span>
-      </div>
-    </div>
-  );
-}

src/app/robots.ts

@@ -1,28 +1,26 @@
 import type { MetadataRoute } from "next";
 
-function getSiteUrl() {
-  return process.env.NEXT_PUBLIC_SITE_URL ?? "https://mein-kitaplaner.de";
-}
+import { getPublicSiteOrigin, publicUrl } from "@/lib/marketing/seo";
 
 export default function robots(): MetadataRoute.Robots {
-  const siteUrl = getSiteUrl();
+  const siteUrl = getPublicSiteOrigin();
 
   return {
     rules: {
       userAgent: "*",
       allow: ["/", "/features/", "/impressum", "/datenschutz"],
+      // Login/registration/recovery forms stay crawlable so bots can read noindex.
       disallow: [
         "/api/",
-        "/dashboard/",
+        "/dashboard",
+        "/admin",
         "/invite/",
         "/alert/",
-        "/login",
-        "/register",
-        "/onboarding/",
-        "/forbidden",
+        "/onboarding",
+        "/neues-passwort/",
       ],
     },
-    sitemap: `${siteUrl}/sitemap.xml`,
+    sitemap: publicUrl("/sitemap.xml"),
     host: siteUrl,
   };
 }

src/app/sitemap.ts

@@ -2,36 +2,25 @@ import type { MetadataRoute } from "next";
 
 import { marketingFeatures } from "@/lib/marketing/features";
 
-function getSiteUrl() {
-  return process.env.NEXT_PUBLIC_SITE_URL ?? "https://mein-kitaplaner.de";
-}
+import { marketingLastModified, publicUrl } from "@/lib/marketing/seo";
 
 export default function sitemap(): MetadataRoute.Sitemap {
-  const siteUrl = getSiteUrl();
-  const lastModified = new Date();
-
   return [
     {
-      url: siteUrl,
-      lastModified,
-      changeFrequency: "weekly",
+      url: publicUrl(),
+      lastModified: marketingLastModified,
+      changeFrequency: "monthly",
       priority: 1,
     },
+    { url: publicUrl("/impressum"), changeFrequency: "yearly", priority: 0.2 },
     {
-      url: `${siteUrl}/impressum`,
-      lastModified,
-      changeFrequency: "yearly",
-      priority: 0.2,
-    },
-    {
-      url: `${siteUrl}/datenschutz`,
-      lastModified,
+      url: publicUrl("/datenschutz"),
       changeFrequency: "yearly",
       priority: 0.2,
     },
     ...marketingFeatures.map((feature) => ({
-      url: `${siteUrl}/features/${feature.slug}`,
-      lastModified,
+      url: publicUrl(`/features/${feature.slug}`),
+      lastModified: marketingLastModified,
       changeFrequency: "monthly" as const,
       priority: 0.8,
     })),

src/components/marketing/product-screenshots.tsx

@@ -0,0 +1,125 @@
+"use client";
+
+import { useState } from "react";
+import Image from "next/image";
+import { Maximize2 } from "lucide-react";
+
+import {
+  Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger,
+} from "@/components/ui/dialog";
+import { productScreenshots, type ProductScreenshot } from "@/lib/marketing/screenshots";
+import { cn } from "@/lib/utils";
+
+export function ScreenshotPreview({
+  screenshot,
+  compact = false,
+}: {
+  screenshot: ProductScreenshot;
+  compact?: boolean;
+}) {
+  const [fullSize, setFullSize] = useState(false);
+
+  return (
+    <Dialog onOpenChange={() => setFullSize(false)}>
+      <figure>
+        <DialogTrigger asChild>
+          <button
+            type="button"
+            aria-label={`${screenshot.label}: Screenshot vergrößern`}
+            className="group block w-full overflow-hidden rounded-xl border border-slate-200 bg-[#f8f5ec] text-left shadow-sm transition-shadow hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-700 focus-visible:ring-offset-4"
+          >
+            <span className="relative block aspect-[8/5]">
+              <Image
+                src={screenshot.src}
+                alt={screenshot.alt}
+                fill
+                sizes={compact
+                  ? "(min-width: 1024px) 380px, (min-width: 640px) 50vw, calc(100vw - 64px)"
+                  : "(min-width: 1280px) 1232px, calc(100vw - 48px)"}
+                className="object-contain"
+              />
+            </span>
+            <span className="flex items-center justify-between gap-3 border-t border-slate-200 bg-white px-4 py-3 text-xs text-slate-600">
+              <span>{compact ? "Ansicht mit Beispieldaten" : screenshot.role}</span>
+              <span className="flex shrink-0 items-center gap-1.5 font-medium text-emerald-800">
+                <Maximize2 className="h-3.5 w-3.5" aria-hidden="true" />
+                Vergrößern
+              </span>
+            </span>
+          </button>
+        </DialogTrigger>
+        {!compact && (
+          <figcaption className="mt-4 flex flex-col gap-1 text-sm leading-6 text-slate-600 sm:flex-row sm:justify-between sm:gap-6">
+            <span>{screenshot.caption}</span>
+            <span className="shrink-0 text-xs text-slate-500">Echte App-Ansicht mit Beispieldaten</span>
+          </figcaption>
+        )}
+      </figure>
+      <DialogContent className="w-[calc(100vw-24px)] max-w-[1660px] max-h-[calc(100dvh-24px)] grid-rows-[auto_minmax(0,1fr)] gap-3 rounded-xl p-4 sm:p-6">
+        <DialogHeader className="pr-6 text-left">
+          <DialogTitle>{screenshot.label} · {screenshot.role}</DialogTitle>
+          <DialogDescription>
+            {fullSize
+              ? "Beispieldaten. Das Bild lässt sich horizontal und vertikal scrollen."
+              : "Echte App-Ansicht mit Beispieldaten. Für lesbare Details die Originalgröße auswählen."}
+          </DialogDescription>
+          <button
+            type="button"
+            onClick={() => setFullSize((value) => !value)}
+            className="mt-2 self-start rounded-lg border border-slate-200 px-3 py-2 text-xs font-medium text-emerald-800 hover:bg-emerald-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-700"
+          >
+            {fullSize ? "An Fenster anpassen" : "Originalgröße anzeigen"}
+          </button>
+        </DialogHeader>
+        <div
+          tabIndex={0}
+          role="region"
+          aria-label={`Vergrößerter Screenshot: ${screenshot.label}`}
+          className="min-h-0 max-h-[72dvh] overflow-auto rounded-lg border border-slate-200 bg-[#f8f5ec] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-700"
+        >
+          <Image
+            src={screenshot.src}
+            alt={screenshot.alt}
+            width={screenshot.width}
+            height={screenshot.height}
+            sizes={`${screenshot.width}px`}
+            className={cn("block h-auto", fullSize ? "max-w-none" : "w-full")}
+            style={fullSize ? { width: screenshot.width } : undefined}
+          />
+        </div>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+export function ProductScreenshots() {
+  const [selectedSlug, setSelectedSlug] = useState(productScreenshots[0].slug);
+  const selected = productScreenshots.find((screenshot) => screenshot.slug === selectedSlug)!;
+
+  return (
+    <div id="app-ansichten" className="scroll-mt-24">
+      <div role="group" aria-label="App-Ansicht auswählen" className="mb-5 flex flex-wrap gap-2">
+        {productScreenshots.map((screenshot) => (
+          <button
+            key={screenshot.slug}
+            type="button"
+            aria-pressed={selectedSlug === screenshot.slug}
+            aria-controls="app-screenshot"
+            onClick={() => setSelectedSlug(screenshot.slug)}
+            className={cn(
+              "rounded-full border px-4 py-2.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-700 focus-visible:ring-offset-2",
+              selectedSlug === screenshot.slug
+                ? "border-slate-950 bg-slate-950 text-white"
+                : "border-slate-200 bg-white text-slate-600 hover:border-emerald-700 hover:text-emerald-800",
+            )}
+          >
+            {screenshot.label}
+          </button>
+        ))}
+      </div>
+      <div id="app-screenshot">
+        <ScreenshotPreview key={selected.slug} screenshot={selected} />
+      </div>
+    </div>
+  );
+}

src/components/marketing/structured-data.tsx

@@ -0,0 +1,13 @@
+import { headers } from "next/headers";
+import { serializeStructuredData } from "@/lib/marketing/seo";
+
+export async function StructuredData({ data }: { data: unknown }) {
+  const nonce = (await headers()).get("x-nonce") ?? undefined;
+  return (
+    <script
+      type="application/ld+json"
+      nonce={nonce}
+      dangerouslySetInnerHTML={{ __html: serializeStructuredData(data) }}
+    />
+  );
+}

src/emails/NewsEmail.tsx

@@ -17,20 +17,21 @@ type NewsEmailProps = {
   title: string;
   content: string;
   dashboardUrl: string;
+  updated?: boolean;
 };
 
-export function NewsEmail({ title, content, dashboardUrl }: NewsEmailProps) {
+export function NewsEmail({ title, content, dashboardUrl, updated = false }: NewsEmailProps) {
   const excerpt =
     content.length > 420 ? `${content.slice(0, 420).trim()}...` : content;
 
   return (
     <Html lang="de">
       <Head />
-      <Preview>Neue Kita-Ankündigung: {title}</Preview>
+      <Preview>{updated ? "Aktualisierte" : "Neue"} Kita-Ankündigung: {title}</Preview>
       <Body style={styles.body}>
         <Container style={styles.container}>
           <Section style={styles.header}>
-            <Text style={styles.kicker}>Schwarzes Brett</Text>
+            <Text style={styles.kicker}>{updated ? "Schwarzes Brett · Aktualisiert" : "Schwarzes Brett"}</Text>
             <Heading style={styles.heading}>{title}</Heading>
           </Section>
 

src/lib/announcement-access.ts

@@ -1,4 +1,4 @@
-import { AnnouncementAudience, UserRole } from "@prisma/client";
+import { AnnouncementAudience, UserRole, type Prisma } from "@prisma/client";
 
 // Admins need access to all publications for management. Other roles only
 // receive their audience; a parent with a coordination role is still a parent.
@@ -19,15 +19,23 @@ export function visibleAnnouncementAudiences(user: {
   return audiences;
 }
 
-export function announcementRecipientWhere(audience: AnnouncementAudience) {
+export function announcementRecipientWhere(
+  audience: AnnouncementAudience,
+): Prisma.UserWhereInput {
   const parents = {
-    role: { not: UserRole.ERZIEHER },
+    role: { in: [UserRole.ELTERN, UserRole.KOORDINATOR, UserRole.ADMIN] },
     OR: [{ familyId: { not: null } }, { role: UserRole.ELTERN }],
   };
+  // A promoted staff account keeps its team membership through the profile.
+  const staff = {
+    OR: [
+      { role: UserRole.ERZIEHER },
+      { role: UserRole.ADMIN, staffProfile: { isNot: null } },
+    ],
+  };
   if (audience === AnnouncementAudience.ELTERN) return parents;
-  if (audience === AnnouncementAudience.ERZIEHER)
-    return { role: UserRole.ERZIEHER };
-  return { OR: [parents, { role: UserRole.ERZIEHER }] };
+  if (audience === AnnouncementAudience.ERZIEHER) return staff;
+  return { OR: [parents, staff] };
 }
 
 export const announcementAudienceLabels: Record<AnnouncementAudience, string> =

src/lib/announcement-delivery.ts

@@ -0,0 +1,286 @@
+import "server-only";
+import { stat } from "node:fs/promises";
+import { attachmentPath } from "@/lib/attachments";
+import { randomUUID } from "node:crypto";
+import { createElement } from "react";
+import type { Announcement, Prisma } from "@prisma/client";
+import { NewsEmail } from "@/emails/NewsEmail";
+import { announcementRecipientWhere } from "@/lib/announcement-access";
+import { prisma } from "@/lib/prisma";
+import { sendAppEmail } from "@/lib/mail";
+import { UserFacingError } from "@/lib/action-error";
+
+export async function lockAnnouncement(
+  tx: Prisma.TransactionClient,
+  kitaId: string,
+  id: string,
+) {
+  await tx.$queryRaw`SELECT id FROM announcements WHERE id = ${id} AND "kitaId" = ${kitaId} FOR UPDATE`;
+}
+
+export async function queueAnnouncementEmails(
+  tx: Prisma.TransactionClient,
+  announcement: Pick<Announcement, "id" | "kitaId" | "audience" | "revision">,
+  now = new Date(),
+) {
+  const users = await tx.user.findMany({
+    where: {
+      kitaId: announcement.kitaId,
+      disabledAt: null,
+      emailVerifiedAt: { not: null },
+      privacyPolicyAcceptedAt: { not: null },
+      AND: [
+        announcementRecipientWhere(announcement.audience),
+        { OR: [{ lockedUntil: null }, { lockedUntil: { lte: now } }] },
+      ],
+    },
+    select: { id: true },
+  });
+  if (!users.length) return 0;
+  return (
+    await tx.announcementEmail.createMany({
+      data: users.map((user) => ({
+        id: randomUUID(),
+        kitaId: announcement.kitaId,
+        announcementId: announcement.id,
+        revision: announcement.revision,
+        userId: user.id,
+        nextAttemptAt: now,
+      })),
+      skipDuplicates: true,
+    })
+  ).count;
+}
+
+type Scope = { kitaId?: string; announcementId?: string; revision?: number };
+export async function deliverDueAnnouncementEmails(
+  scope: Scope = {},
+  send = sendAppEmail,
+  now = new Date(),
+) {
+  // Recover a crash between completed file writes and the final readiness update.
+  // Partial or missing files never release a message for sending.
+  let preparationCursor: string | undefined;
+  for (;;) {
+    const unfinished = await prisma.announcement.findMany({
+      where: {
+        kitaId: scope.kitaId,
+        id: scope.announcementId,
+        revision: scope.revision,
+        emailReady: false,
+        createdAt: { lte: new Date(now.getTime() - 5 * 60_000) },
+        ...(preparationCursor
+          ? { AND: { id: { gt: preparationCursor } } }
+          : {}),
+      },
+      select: {
+        id: true,
+        attachments: { select: { id: true, sizeBytes: true } },
+      },
+      orderBy: { id: "asc" },
+      take: 12,
+    });
+    for (const row of unfinished) {
+      const complete = await Promise.all(
+        row.attachments.map(async (file) => {
+          try {
+            return (
+              file.sizeBytes !== null &&
+              (await stat(attachmentPath(file.id))).size === file.sizeBytes
+            );
+          } catch {
+            return false;
+          }
+        }),
+      );
+      if (complete.every(Boolean))
+        await prisma.announcement.updateMany({
+          where: { id: row.id, kitaId: scope.kitaId, emailReady: false },
+          data: { emailReady: true },
+        });
+    }
+    if (unfinished.length < 12) break;
+    preparationCursor = unfinished[unfinished.length - 1].id;
+  }
+  const jobs = await prisma.announcementEmail.findMany({
+    where: {
+      ...scope,
+      sentAt: null,
+      skippedAt: null,
+      nextAttemptAt: { lte: now },
+      announcement: { emailReady: true },
+      OR: [{ leaseUntil: null }, { leaseUntil: { lte: now } }],
+    },
+    select: { id: true, kitaId: true, announcementId: true },
+    orderBy: [{ nextAttemptAt: "asc" }, { createdAt: "asc" }, { id: "asc" }],
+    take: 12,
+  });
+  const result = { sent: 0, failed: 0, skipped: 0 };
+  const deliver = async (candidate: (typeof jobs)[number]) => {
+    const claimToken = randomUUID();
+    // Edits and claims share the publication lock. An active send blocks editing
+    // until it finishes, so a retried version always has the same message body.
+    // ReadCommitted plus the row lock and atomic claim is sufficient here;
+    // recipient updates must not cause serialization conflicts for other jobs.
+    const claimed = await prisma.$transaction(
+      async (tx) => {
+        await lockAnnouncement(tx, candidate.kitaId, candidate.announcementId);
+        return tx.announcementEmail.updateMany({
+          where: {
+            id: candidate.id,
+            sentAt: null,
+            skippedAt: null,
+            nextAttemptAt: { lte: now },
+            announcement: { emailReady: true },
+            OR: [{ leaseUntil: null }, { leaseUntil: { lte: now } }],
+          },
+          data: {
+            claimToken,
+            leaseUntil: new Date(now.getTime() + 5 * 60_000),
+            attempts: { increment: 1 },
+          },
+        });
+      },
+      { isolationLevel: "ReadCommitted" },
+    );
+    if (!claimed.count) return;
+    const finish = (data: Prisma.AnnouncementEmailUpdateManyMutationInput) =>
+      prisma.announcementEmail.updateMany({
+        where: { id: candidate.id, claimToken },
+        data: { ...data, claimToken: null, leaseUntil: null },
+      });
+    try {
+      const job = await prisma.announcementEmail.findUniqueOrThrow({
+        where: { id: candidate.id },
+        include: { announcement: true, user: true },
+      });
+      const eligible = await prisma.user.count({
+        where: {
+          id: job.userId,
+          kitaId: job.kitaId,
+          disabledAt: null,
+          emailVerifiedAt: { not: null },
+          privacyPolicyAcceptedAt: { not: null },
+          AND: [
+            announcementRecipientWhere(job.announcement.audience),
+            { OR: [{ lockedUntil: null }, { lockedUntil: { lte: now } }] },
+          ],
+        },
+      });
+      if (
+        !eligible ||
+        job.announcement.revision !== job.revision ||
+        job.announcement.kitaId !== job.kitaId
+      ) {
+        await finish({
+          skippedAt: now,
+          failed: false,
+          lastError: "Empfänger oder Beitragsversion nicht mehr gültig.",
+        });
+        result.skipped++;
+        return;
+      }
+      const base =
+        process.env.NEXT_PUBLIC_SITE_URL ||
+        process.env.AUTH_URL ||
+        process.env.NEXTAUTH_URL;
+      if (!base) throw new Error("App-Adresse fehlt.");
+      const site = new URL(base);
+      if (
+        !["http:", "https:"].includes(site.protocol) ||
+        site.username ||
+        site.password
+      )
+        throw new Error("App-Adresse ungültig.");
+      const response = await send({
+        to: job.user.email,
+        idempotencyKey: `announcement-email/${job.id}`,
+        subject: `${job.revision > 1 ? "Aktualisierte" : "Neue"} Kita-Ankündigung: ${job.announcement.title}`,
+        react: createElement(NewsEmail, {
+          title: job.announcement.title,
+          content: job.announcement.content,
+          updated: job.revision > 1,
+          dashboardUrl: new URL(
+            "/dashboard/mitteilungen",
+            site.origin,
+          ).toString(),
+        }),
+      });
+      if (!response.success) throw new Error(response.error);
+      await finish({ sentAt: now, failed: false, lastError: null });
+      result.sent++;
+    } catch {
+      const job = await prisma.announcementEmail.findUnique({
+        where: { id: candidate.id },
+        select: { attempts: true },
+      });
+      const delay = Math.min(
+        6 * 60 * 60_000,
+        60_000 * 2 ** Math.min(job?.attempts ?? 1, 9),
+      );
+      await finish({
+        failed: true,
+        lastError:
+          "E-Mail-Versand fehlgeschlagen. Ein neuer Versuch folgt automatisch.",
+        nextAttemptAt: new Date(now.getTime() + delay),
+      });
+      result.failed++;
+    }
+  };
+  for (let i = 0; i < jobs.length; i += 4)
+    await Promise.all(jobs.slice(i, i + 4).map(deliver));
+  return result;
+}
+
+export type AnnouncementActor = {
+  id: string;
+  kitaId: string;
+  sessionVersion: number;
+};
+export async function assertAnnouncementAdmin(
+  tx: Prisma.TransactionClient,
+  actor: AnnouncementActor,
+) {
+  const active = await tx.user.findFirst({
+    where: {
+      id: actor.id,
+      kitaId: actor.kitaId,
+      sessionVersion: actor.sessionVersion,
+      role: "ADMIN",
+      disabledAt: null,
+      emailVerifiedAt: { not: null },
+      privacyPolicyAcceptedAt: { not: null },
+      OR: [{ lockedUntil: null }, { lockedUntil: { lte: new Date() } }],
+    },
+    select: { id: true },
+  });
+  if (!active)
+    throw new UserFacingError(
+      "Du darfst Mitteilungen nicht mehr verwalten. Bitte melde dich erneut an.",
+    );
+}
+
+export async function assertAnnouncementEditable(
+  tx: Prisma.TransactionClient,
+  kitaId: string,
+  id: string,
+  revision: number,
+) {
+  await lockAnnouncement(tx, kitaId, id);
+  const announcement = await tx.announcement.findFirst({
+    where: { id, kitaId, revision, emailReady: true },
+  });
+  if (!announcement)
+    throw new UserFacingError(
+      "Der Beitrag wurde inzwischen geändert oder ist nicht verfügbar. Bitte lade die Seite neu.",
+    );
+  if (
+    await tx.announcementEmail.count({
+      where: { kitaId, announcementId: id, leaseUntil: { gt: new Date() } },
+    })
+  )
+    throw new UserFacingError(
+      "Für diesen Beitrag läuft gerade der E-Mail-Versand. Bitte versuche es gleich erneut.",
+    );
+  return announcement;
+}

src/lib/announcements.ts

@@ -19,18 +19,22 @@ export async function getAnnouncements(
       title: true,
       content: true,
       createdAt: true,
+      revision: true,
+      editedAt: true,
       author: { select: { firstName: true, lastName: true } },
       reads: { where: { userId: session.user.id }, select: { id: true } },
       attachments: {
         select: { id: true, fileName: true, fileUrl: true, fileType: true },
       },
     },
-    orderBy: [{ createdAt: "desc" }, { id: "desc" }],
+    orderBy: [{ updatedAt: "desc" }, { id: "desc" }],
     take: options.take,
     skip: options.skip,
   });
   return rows.map((row) => ({
     id: row.id,
+    revision: row.revision,
+    editedAt: row.editedAt ? format(row.editedAt, "dd.MM.yyyy HH:mm", { locale: de }) : null,
     title: row.title,
     content: row.content,
     excerpt: row.content

src/lib/marketing/features.ts

@@ -1,6 +1,7 @@
 import type { LucideIcon } from "lucide-react";
 import {
   CalendarDays,
+  Clock3,
   Megaphone,
   ShieldAlert,
   Stethoscope,
@@ -43,7 +44,7 @@ export const marketingFeatures: MarketingFeature[] = [
     title: "Fairer Notdienst-Planer",
     shortTitle: "Notdienst-Planer",
     description:
-      "Automatische Generierung, gerechte Verteilung und 1-Klick-Alarmierung, wenn morgens Ersatz gebraucht wird.",
+      "Verfügbarkeiten sammeln, Familien erinnern, Monatspläne veröffentlichen und bei Ausfällen Rückmeldungen erhalten.",
     accent: "bg-red-50 text-red-700 ring-red-100",
     eyebrow: "Notdienst ohne Excel-Lotterie",
     heroTitle: "Faire Notdienstplanung für Elterninitiativen.",
@@ -57,11 +58,11 @@ export const marketingFeatures: MarketingFeature[] = [
       "In vielen Elterninitiativen hängt der Notdienst an Tabellen, Bauchgefühl und der Hoffnung, dass irgendwer im Chat rechtzeitig reagiert. Das ist für Vorstände anstrengend und für Eltern oft schwer nachvollziehbar.",
     solutionTitle: "Verfügbarkeiten einsammeln, Plan erzeugen, reagieren",
     solutionText:
-      "Kita-Planer bündelt die Verfügbarkeiten der Familien, berücksichtigt Mindesttage pro Kind und unterstützt Koordinatoren dabei, den Monatsplan zu erstellen und bei Ausfällen schneller Ersatz zu finden.",
+      "Kita-Planer berücksichtigt Verfügbarkeiten und Mindesttage pro Kind, unterstützt die manuelle Einteilung und veröffentlicht den Monatsplan mit E-Mail-Benachrichtigung. Bei Ausfällen können Haushalte über persönliche Links zu- oder absagen.",
     benefits: [
       {
         title: "Verfügbarkeiten pro Familie",
-        text: "Eltern geben digital an, an welchen Tagen sie unterstützen können. Der Vorstand arbeitet mit strukturierten Daten statt verstreuten Nachrichten.",
+        text: "Eltern hinterlegen mögliche Tage. Die Planung zählt Geschwister gemeinsam als Haushalt und zeigt, ob die erforderliche Auswahl vollständig ist.",
       },
       {
         title: "Nachvollziehbare Verteilung",
@@ -69,11 +70,19 @@ export const marketingFeatures: MarketingFeature[] = [
       },
       {
         title: "Planung für Koordinatoren",
-        text: "Koordinatoren sehen den Zielmonat, können Pläne erzeugen und bei Bedarf manuell nachsteuern.",
+        text: "Koordinatoren erzeugen Planvorschläge und passen sie an. Verfügbare Haushalte stehen bei manuellen Einteilungen zuerst; abweichende Einteilungen werden gekennzeichnet.",
       },
       {
         title: "Schneller reagieren",
-        text: "Wenn morgens Ersatz nötig ist, hilft eine strukturierte Übersicht deutlich mehr als ein hektischer Chat.",
+        text: "Persönliche Alarmlinks ermöglichen Zu- oder Absagen. Verantwortliche behalten offene, bestätigte und verspätete Rückmeldungen im Blick.",
+      },
+      {
+        title: "Erinnern und veröffentlichen",
+        text: "Fehlende Verfügbarkeiten können per E-Mail erinnert werden. Mit der Veröffentlichung erhalten die eingeteilten Haushaltskonten ihre Termine.",
+      },
+      {
+        title: "Dienste gemeinsam tauschen",
+        text: "Eltern können einen Tausch anfragen. Eine bestätigte Anfrage tauscht die beiden Dienste; offene Anfragen bleiben sichtbar.",
       },
     ],
     trustTitle: "Gemacht für sensible Kita-Abläufe",
@@ -103,7 +112,7 @@ export const marketingFeatures: MarketingFeature[] = [
     title: "Smarter Kalender",
     shortTitle: "Kita-Kalender",
     description:
-      "Feste, Termine, Raumbuchungen und digitale Mitbring-Listen in einem verbindlichen Kalender für alle Familien.",
+      "Feste, Termine, Rückmeldungen und Mitbringlisten mit gemeinsamen Details in Monats-, Wochen-, Tages- und Agendaansicht.",
     accent: "bg-sky-50 text-sky-700 ring-sky-100",
     eyebrow: "Termine, Dienste und Mitbringlisten",
     heroTitle: "Ein Kita-Kalender, den Eltern wirklich nutzen.",
@@ -111,7 +120,7 @@ export const marketingFeatures: MarketingFeature[] = [
       "Alle wichtigen Termine, Dienstzuordnungen und Mitbringlisten an einem Ort, damit niemand nach der richtigen Nachricht im Chat suchen muss.",
     seoTitle: "Kita-Kalender für Elternvereine",
     seoDescription:
-      "Ein gemeinsamer Kalender für Elterninitiativen: Termine, Anfragen, Dienste und Mitbringlisten übersichtlich organisieren.",
+      "Kita-Termine, Zusagen je Kind oder Haushalt und Mitbringlisten organisieren. Gemeinsame Details in Kalender und Agenda für Elterninitiativen.",
     problemTitle: "Termine verschwinden zu schnell",
     problemText:
       "Elternabende, Feste, Schließtage, Dienste und Mitbringlisten landen oft in unterschiedlichen Kanälen. Wer später nachschaut, findet nicht mehr sicher die aktuelle Information.",
@@ -121,19 +130,19 @@ export const marketingFeatures: MarketingFeature[] = [
     benefits: [
       {
         title: "Termine im Überblick",
-        text: "Feste, Schließtage, Elternabende und andere Ereignisse werden zentral sichtbar.",
+        text: "Monats-, Wochen-, Tages- und Agendaansicht zeigen die gleichen Termindetails. Über die Suche lassen sich passende Ereignisse finden.",
       },
       {
-        title: "Anfragen statt Nebenabsprachen",
-        text: "Eltern können Terminwünsche einreichen, die von Verantwortlichen geprüft werden.",
+        title: "Zusagen je Kind oder Haushalt",
+        text: "Je nach Termin antworten Eltern für einzelne Kinder oder ihren Haushalt. Gemeinsam betreuende Eltern sehen denselben Antwortstand.",
       },
       {
         title: "Mitbringlisten direkt am Termin",
-        text: "Was gebraucht wird, steht dort, wo Eltern es erwarten: am passenden Termin.",
+        text: "Familien tragen ihren Beitrag direkt am Termin ein und können eigene Mitbring-Einträge ändern oder zurücknehmen.",
       },
       {
-        title: "Dienste sichtbar machen",
-        text: "Geplante Dienste werden im Kontext der kommenden Termine und Aufgaben angezeigt.",
+        title: "Termine vorschlagen und prüfen",
+        text: "Eltern reichen Terminanfragen ein. Berechtigte Personen prüfen sie; Dienste bleiben ebenfalls im Kalender sichtbar.",
       },
     ],
     trustTitle: "Verbindlichkeit statt Chat-Suche",
@@ -148,7 +157,7 @@ export const marketingFeatures: MarketingFeature[] = [
       {
         question: "Sind Mitbringlisten enthalten?",
         answer:
-          "Ja. Termine können mit digitalen Mitbringlisten verbunden werden.",
+          "Ja. Eltern können Beiträge eintragen und eigene Einträge bearbeiten oder zurücknehmen. Die Liste ist auch über die Agenda erreichbar.",
       },
       {
         question: "Wer sieht welche Termine?",
@@ -163,7 +172,7 @@ export const marketingFeatures: MarketingFeature[] = [
     title: "Sicheres Adressbuch",
     shortTitle: "Eltern-Adressbuch",
     description:
-      "Haushaltsbasiert, DSGVO-konform gedacht und mit strengem Opt-In: Kontaktdaten werden nur sichtbar, wenn Eltern zustimmen.",
+      "Familien und Kinder gemeinsam finden. E-Mail, Telefon und Adresse eines Elternteils erscheinen nur nach dessen aktiver Freigabe.",
     accent: "bg-emerald-50 text-emerald-700 ring-emerald-100",
     eyebrow: "Kontakte nur mit Zustimmung",
     heroTitle: "Ein Eltern-Adressbuch mit klarer Freigabe.",
@@ -202,8 +211,7 @@ export const marketingFeatures: MarketingFeature[] = [
     faqs: [
       {
         question: "Sind alle Eltern automatisch sichtbar?",
-        answer:
-          "Nein. Kontaktdaten erscheinen nur nach aktiver Freigabe.",
+        answer: "Nein. Kontaktdaten erscheinen nur nach aktiver Freigabe.",
       },
       {
         question: "Kann eine Familie teilweise sichtbar sein?",
@@ -253,8 +261,8 @@ export const marketingFeatures: MarketingFeature[] = [
         text: "Zeiträume und Hinweise sind dokumentiert, statt in einzelnen Chatnachrichten zu verschwinden.",
       },
       {
-        title: "Passt zum Familienprofil",
-        text: "Abwesenheiten sind mit den Kindern und der jeweiligen Kita-Zugehörigkeit verbunden.",
+        title: "Künftige Meldungen korrigieren",
+        text: "Eltern können Meldungen für zukünftige Tage selbst bearbeiten oder zurücknehmen. Laufende Meldungen verwaltet die Kita.",
       },
     ],
     trustTitle: "Sensible Informationen geschützt behandeln",
@@ -262,9 +270,9 @@ export const marketingFeatures: MarketingFeature[] = [
       "Abwesenheiten sind personenbezogene Informationen. Kita-Planer behandelt sie innerhalb des geschützten Kita-Bereichs und nicht als öffentliche Nachricht.",
     faqs: [
       {
-        question: "Können Eltern mehrere Tage eintragen?",
+        question: "Können Eltern Meldungen später ändern?",
         answer:
-          "Ja. Abwesenheiten können für einen Zeitraum erfasst werden.",
+          "Ja, bei zukünftigen Tagen können Eltern eigene Meldungen bearbeiten oder zurücknehmen. Die Kita verwaltet laufende Meldungen.",
       },
       {
         question: "Sieht das Kita-Team die Meldungen sofort?",
@@ -284,38 +292,38 @@ export const marketingFeatures: MarketingFeature[] = [
     title: "Schwarzes Brett",
     shortTitle: "Schwarzes Brett",
     description:
-      "Offizielle Ankündigungen mit Dateianhängen, Lesebestätigung und optionalem E-Mail-Push statt verstreuter Chatposts.",
+      "Ankündigungen mit geschützten Anhängen korrigieren, ältere Beiträge finden und den optionalen E-Mail-Versand je Person nachvollziehen.",
     accent: "bg-indigo-50 text-indigo-700 ring-indigo-100",
     badge: "Neu",
     eyebrow: "Verbindliche Kita-Kommunikation",
     heroTitle: "Ein digitales Schwarzes Brett für offizielle Nachrichten.",
     heroDescription:
-      "Vorstände veröffentlichen Ankündigungen, hängen Dokumente an und erreichen Eltern über einen klaren Kanal statt über mehrere Chatgruppen.",
+      "Kita-Admins veröffentlichen Nachrichten für Eltern, Team oder beide Gruppen. Korrekturen erscheinen sichtbar aktualisiert und wieder ungelesen; ältere Beiträge bleiben auffindbar.",
     seoTitle: "Digitales Schwarzes Brett für Kitas",
     seoDescription:
-      "Offizielle Ankündigungen für Elternvereine: Nachrichten, Anhänge, Lesestatus und optionaler E-Mail-Push in einem geschützten System.",
+      "Kita-Mitteilungen mit Anhängen veröffentlichen und korrigieren. Ungelesene Beiträge erkennen, E-Mail-Status prüfen und Versandfehler erneut versuchen.",
     problemTitle: "Wichtige Infos gehen im Chat unter",
     problemText:
       "Zwischen Fotos, Rückfragen und spontanen Abstimmungen verlieren offizielle Ankündigungen schnell ihre Sichtbarkeit.",
     solutionTitle: "Ein Kanal für das, was verbindlich sein soll",
     solutionText:
-      "Kita-Planer trennt offizielle Nachrichten vom Chatrauschen. Ankündigungen können Anhänge enthalten und sind für die passende Kita geschützt abrufbar.",
+      "Nachrichten und Anhänge bleiben im geschützten Kita-Bereich. Admins können auch ältere Beiträge durchsuchen und korrigieren; der Versandstatus wird getrennt vom Inhalt verwaltet.",
     benefits: [
       {
         title: "Offizielle Ankündigungen",
-        text: "Vorstände und Admins veröffentlichen zentrale Nachrichten an Eltern oder Team.",
+        text: "Kita-Admins wählen Eltern, Team oder beide Gruppen. Diese Auswahl bestimmt auch, wer Beitrag und Anhänge in der App sehen darf.",
       },
       {
         title: "Geschützte Anhänge",
-        text: "PDF, JPG und PNG werden nicht öffentlich ausgeliefert, sondern nach Session und Kita geprüft.",
+        text: "PDF, JPG und PNG bleiben geschützt: bis zu fünf Dateien, je zehn MB und insgesamt 25 MB.",
       },
       {
-        title: "Lesestatus im Blick",
-        text: "Das System kann sichtbar machen, welche Ankündigungen für Nutzer noch ungelesen sind.",
+        title: "Korrekturen bleiben sichtbar",
+        text: "Geänderte Texte erhalten einen Aktualisierungszeitpunkt und erscheinen für Leser wieder ungelesen. Auch ältere Korrekturen rücken nach vorne.",
       },
       {
-        title: "Optional per E-Mail",
-        text: "Wichtige Meldungen können zusätzlich per E-Mail angestoßen werden.",
+        title: "Versand je Person prüfen",
+        text: "E-Mails sind optional. Erfolgreiche, ausstehende und fehlgeschlagene Sendungen werden getrennt angezeigt; Fehler können gezielt erneut versucht werden.",
       },
     ],
     trustTitle: "Nicht öffentlich, nicht im Chat verloren",
@@ -325,17 +333,77 @@ export const marketingFeatures: MarketingFeature[] = [
       {
         question: "Welche Dateitypen sind möglich?",
         answer:
-          "Aktuell sind PDF, JPG und PNG vorgesehen.",
+          "PDF, JPG und PNG sind möglich: bis zu fünf Anhänge, je zehn MB und insgesamt 25 MB.",
       },
       {
         question: "Sind Anhänge öffentlich erreichbar?",
         answer:
-          "Nein. Anhänge werden nur nach Session- und Kita-Prüfung ausgeliefert.",
+          "Nein. Anhänge sind nur nach Anmeldung und für die gewählte Empfängergruppe eurer Kita abrufbar.",
       },
       {
-        question: "Kann eine Ankündigung per E-Mail versendet werden?",
+        question: "Kann ich Fehler im Text oder beim Mailversand korrigieren?",
         answer:
-          "Ja. Für wichtige Meldungen ist optional ein E-Mail-Push vorgesehen.",
+          "Ja. Admins können Titel und Text bearbeiten und die aktuelle Fassung ausdrücklich per E-Mail senden. Fehlgeschlagene Sendungen lassen sich unabhängig davon erneut versuchen; bereits erfolgreiche E-Mails werden dabei ausgelassen.",
+      },
+    ],
+  },
+  {
+    slug: "personal-arbeitszeit",
+    icon: Clock3,
+    title: "Personal & Arbeitszeit",
+    shortTitle: "Personal und Arbeitszeit",
+    description:
+      "Arbeitszeit mit Pausen erfassen, Wochen zur Freigabe einreichen und Urlaub, Freizeitausgleich sowie das bestätigte Zeitkonto im Blick behalten.",
+    accent: "bg-teal-50 text-teal-700 ring-teal-100",
+    eyebrow: "Arbeitszeit, Urlaub und Zeitkonto",
+    heroTitle: "Mehr Überblick über die Arbeitszeit im Kita-Team.",
+    heroDescription:
+      "Fachkräfte erfassen ihre Arbeitsblöcke und stellen Anträge. Kita-Admins prüfen Wochen, genehmigen Urlaub und führen nachvollziehbare Zeitkonten.",
+    seoTitle: "Arbeitszeit und Urlaub für Kita-Teams",
+    seoDescription:
+      "Kita-Arbeitszeit mit Pausen erfassen, Wochen freigeben und Urlaub oder Freizeitausgleich beantragen. Zeitkonto und Resturlaub nachvollziehbar verwalten.",
+    problemTitle: "Arbeitszeit und Urlaub landen oft in mehreren Listen",
+    problemText:
+      "Einzelne Stundenlisten, Urlaubsanfragen und manuell berechnete Salden machen es schwer, einen gemeinsamen und bestätigten Stand zu behalten.",
+    solutionTitle: "Erfassung, Antrag und Freigabe gemeinsam organisieren",
+    solutionText:
+      "Arbeitsblöcke und Pausen gehören zur jeweiligen Woche. Anträge und Freigaben bleiben mit dem Personalprofil verknüpft; bestätigte Wochen und begründete Korrekturen führen zum Zeitkonto.",
+    benefits: [
+      {
+        title: "Mehrere Arbeitsblöcke je Tag",
+        text: "Fachkräfte erfassen Beginn, Ende und Pause. Weitere Blöcke lassen sich für denselben ausgewählten Tag direkt ergänzen.",
+      },
+      {
+        title: "Wochen prüfen und freigeben",
+        text: "Fachkräfte reichen die Woche ein. Admins können sie prüfen, freigeben oder zur Korrektur zurückgeben.",
+      },
+      {
+        title: "Urlaub und Freizeitausgleich",
+        text: "Ganze und einzelne halbe Urlaubstage sowie Freizeitausgleich können beantragt werden. Nur vorgesehene Arbeitstage verbrauchen Urlaub.",
+      },
+      {
+        title: "Bestätigtes Zeitkonto",
+        text: "Genehmigte Wochen, Anfangssaldo und wirksame manuelle Korrekturen bilden das bestätigte Konto. Offene Wochen bleiben als vorläufig erkennbar.",
+      },
+    ],
+    trustTitle: "Persönliche Zeiten mit klaren Zuständigkeiten",
+    trustText:
+      "Fachkräfte sehen ihr eigenes Profil und ihre Zeiten. Kita-Admins verwalten die Personalprofile ihrer Einrichtung; Zugriffsrechte und bestehende Profile bleiben miteinander verbunden.",
+    faqs: [
+      {
+        question: "Sind mehrere Arbeitsblöcke am selben Tag möglich?",
+        answer:
+          "Ja. Zum Beispiel lassen sich ein Vormittags- und ein Nachmittagsblock getrennt erfassen, jeweils mit passender Pause.",
+      },
+      {
+        question: "Kann ich einen halben Urlaubstag beantragen?",
+        answer:
+          "Ja. Ein halber Urlaubstag bezieht sich auf ein einzelnes Datum. Auch für Freizeitausgleich wird ein Tag ausgewählt.",
+      },
+      {
+        question: "Zählt eine offene Woche bereits zum bestätigten Zeitkonto?",
+        answer:
+          "Nein. Erst genehmigte Wochen zählen zusammen mit Anfangssaldo und wirksamen Korrekturen zum bestätigten Konto.",
       },
     ],
   },

src/lib/marketing/screenshots.ts

@@ -0,0 +1,54 @@
+export type ProductScreenshot = {
+  slug: string;
+  label: string;
+  role: string;
+  caption: string;
+  alt: string;
+  src: string;
+  width: number;
+  height: number;
+};
+
+/** Real app captures with synthetic data; see docs/product-screenshots.md. */
+export const productScreenshots: readonly ProductScreenshot[] = [
+  {
+    slug: "notdienst-planer", label: "Notdienst", role: "Elternansicht",
+    caption: "Verfügbare Tage markieren und Kita-Termine direkt bei der Auswahl sehen.",
+    alt: "Notdienst-Kalender für November 2026 mit acht ausgewählten Tagen und einem gesperrten Teamtag",
+    src: "/landing/screenshots/notdienst.jpg", width: 1600, height: 1000,
+  },
+  {
+    slug: "kita-kalender", label: "Kalender", role: "Elternansicht",
+    caption: "Elternabend, Herbstfest, Ausflüge und Schließtage im gemeinsamen Monatskalender.",
+    alt: "Monatskalender für Oktober 2026 mit Elterncafé, Wald-Ausflug, Elternabend, Herbstfest und Teamtag",
+    src: "/landing/screenshots/kalender.jpg", width: 1600, height: 1000,
+  },
+  {
+    slug: "eltern-adressbuch", label: "Adressbuch", role: "Elternansicht",
+    caption: "Haushalte, Kinder und ausdrücklich freigegebene Kontakte zusammen finden.",
+    alt: "Internes Adressbuch mit Familien, Kindern und per Opt-in freigegebenen E-Mail-Adressen",
+    src: "/landing/screenshots/adressbuch.jpg", width: 1585, height: 991,
+  },
+  {
+    slug: "krankmeldung", label: "Abwesenheiten", role: "Elternansicht",
+    caption: "Laufende Meldungen sehen und zukünftige Abwesenheiten bearbeiten oder zurücknehmen.",
+    alt: "Abwesenheitsübersicht mit einer laufenden Krankmeldung und einer zukünftigen Urlaubsmeldung samt Bearbeiten- und Zurücknehmen-Schaltflächen",
+    src: "/landing/screenshots/abwesenheiten.jpg", width: 1600, height: 1000,
+  },
+  {
+    slug: "schwarzes-brett", label: "Mitteilungen", role: "Elternansicht",
+    caption: "Offizielle Nachrichten lesen – mit formatiertem Inhalt und sichtbarem Aktualisierungshinweis.",
+    alt: "Geöffnete Herbstfest-Mitteilung mit formatiertem Text und Datum der Aktualisierung vor dem Schwarzen Brett",
+    src: "/landing/screenshots/mitteilungen.jpg", width: 1600, height: 1000,
+  },
+  {
+    slug: "personal-arbeitszeit", label: "Arbeitszeit", role: "Ansicht für Fachkräfte",
+    caption: "Erfasste Stunden, Wochensumme, bestätigtes Zeitkonto und verfügbaren Urlaub im Blick behalten.",
+    alt: "Arbeitszeitübersicht einer Fachkraft mit 35 erfassten Wochenstunden, Zeitkonto und Urlaubsstand",
+    src: "/landing/screenshots/personal.jpg", width: 1585, height: 1268,
+  },
+];
+
+export function getProductScreenshot(slug: string) {
+  return productScreenshots.find((screenshot) => screenshot.slug === slug);
+}

src/lib/marketing/seo.ts

@@ -0,0 +1,166 @@
+import type { Metadata } from "next";
+
+// Update when the public product copy changes, never on each request or build.
+export const marketingLastModified = "2026-10-13";
+export const marketingTitle =
+  "Kita-Planer für Elterninitiativen und Kita-Vereine";
+export const marketingDescription =
+  "Organisiert Notdienste, Termine, Abwesenheiten, Arbeitszeit und Kita-Mitteilungen mit klaren Rollen, geschützten Anhängen und optionalen E-Mails.";
+export const socialImage = {
+  url: "/og-image.png",
+  width: 1200,
+  height: 630,
+  alt: "Bunte Spielklötze mit Tiermotiven für den Kita-Alltag.",
+};
+
+export function getPublicSiteOrigin() {
+  const site = new URL(
+    process.env.NEXT_PUBLIC_SITE_URL?.trim() || "https://mein-kitaplaner.de",
+  );
+  if (
+    !["https:", "http:"].includes(site.protocol) ||
+    site.username ||
+    site.password
+  )
+    throw new Error(
+      "NEXT_PUBLIC_SITE_URL muss eine öffentliche HTTP(S)-Adresse ohne Zugangsdaten sein.",
+    );
+  return site.origin;
+}
+
+export function publicUrl(path = "/") {
+  if (!path.startsWith("/") || path.startsWith("//"))
+    throw new Error("Ungültiger öffentlicher Seitenpfad.");
+  const origin = getPublicSiteOrigin();
+  const url = new URL(path, origin);
+  if (url.origin !== origin)
+    throw new Error("Ungültiger öffentlicher Seitenpfad.");
+  return url.toString();
+}
+
+export function publicPageMetadata(
+  path: string,
+  title: string,
+  description: string,
+): Metadata {
+  return {
+    title: {
+      absolute: title.includes("Kita-Planer")
+        ? title
+        : `${title} | Kita-Planer`,
+    },
+    description,
+    alternates: { canonical: publicUrl(path) },
+    robots: {
+      index: true,
+      follow: true,
+      googleBot: { index: true, follow: true, "max-image-preview": "large" },
+    },
+    openGraph: {
+      title,
+      description,
+      url: publicUrl(path),
+      siteName: "Kita-Planer",
+      type: "website",
+      locale: "de_DE",
+      images: [socialImage],
+    },
+    twitter: {
+      card: "summary_large_image",
+      title,
+      description,
+      images: [{ url: socialImage.url, alt: socialImage.alt }],
+    },
+  };
+}
+
+export function websiteStructuredData() {
+  return {
+    "@type": "WebSite",
+    "@id": publicUrl("/#website"),
+    name: "Kita-Planer",
+    url: publicUrl(),
+    inLanguage: "de-DE",
+  };
+}
+
+export function landingStructuredData(
+  features: { title: string; description: string }[],
+) {
+  return {
+    "@context": "https://schema.org",
+    "@graph": [
+      websiteStructuredData(),
+      {
+        "@type": "WebPage",
+        "@id": publicUrl("/#webpage"),
+        url: publicUrl(),
+        name: marketingTitle,
+        description: marketingDescription,
+        inLanguage: "de-DE",
+        isPartOf: { "@id": publicUrl("/#website") },
+        about: { "@id": publicUrl("/#software") },
+      },
+      {
+        "@type": "SoftwareApplication",
+        "@id": publicUrl("/#software"),
+        name: "Kita-Planer",
+        url: publicUrl(),
+        description: marketingDescription,
+        applicationCategory: "BusinessApplication",
+        operatingSystem: "Webbrowser",
+        inLanguage: "de-DE",
+        featureList: features.map(
+          (feature) => `${feature.title}: ${feature.description}`,
+        ),
+      },
+    ],
+  };
+}
+
+export function featureStructuredData(feature: {
+  slug: string;
+  shortTitle: string;
+  seoTitle: string;
+  seoDescription: string;
+}) {
+  const path = `/features/${feature.slug}`;
+  return {
+    "@context": "https://schema.org",
+    "@graph": [
+      websiteStructuredData(),
+      {
+        "@type": "WebPage",
+        "@id": publicUrl(`${path}#webpage`),
+        url: publicUrl(path),
+        name: feature.seoTitle,
+        description: feature.seoDescription,
+        inLanguage: "de-DE",
+        isPartOf: { "@id": publicUrl("/#website") },
+        breadcrumb: { "@id": publicUrl(`${path}#breadcrumb`) },
+      },
+      {
+        "@type": "BreadcrumbList",
+        "@id": publicUrl(`${path}#breadcrumb`),
+        itemListElement: [
+          {
+            "@type": "ListItem",
+            position: 1,
+            name: "Kita-Planer",
+            item: publicUrl(),
+          },
+          {
+            "@type": "ListItem",
+            position: 2,
+            name: feature.shortTitle,
+            item: publicUrl(path),
+          },
+        ],
+      },
+    ],
+  };
+}
+
+export function serializeStructuredData(data: unknown) {
+  return JSON.stringify(data).replace(/</g, "\\u003c");
+}

src/proxy.ts

@@ -127,7 +127,10 @@ export async function proxy(request: NextRequest) {
   const response = await routeRequest(request, requestHeaders);
   response.headers.set("Content-Security-Policy", csp);
   response.headers.set("Referrer-Policy", "no-referrer");
-  if (request.nextUrl.pathname.startsWith("/alert/") || request.nextUrl.pathname.startsWith("/invite/") || request.nextUrl.pathname.startsWith("/register/verify/") || PROTECTED_PREFIX.some(p => request.nextUrl.pathname.startsWith(p))) {
+  const pathname = request.nextUrl.pathname;
+  const privatePage = ["/login", "/register", "/passwort-vergessen", "/forbidden"].includes(pathname) ||
+    ["/alert/", "/invite/", "/register/verify/", "/neues-passwort/", ...PROTECTED_PREFIX].some(prefix => pathname.startsWith(prefix));
+  if (privatePage) {
     response.headers.set("Cache-Control", "private, no-store");
     response.headers.set("X-Robots-Tag", "noindex, nofollow");
   }

tests/announcements.integration.test.cjs

@@ -0,0 +1,252 @@
+/* eslint-disable @typescript-eslint/no-require-imports -- Exercise real actions with isolated request and mail boundaries. */
+const { test, before, beforeEach, after } = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs'); const path = require('node:path'); const vm = require('node:vm');
+const ts = require('typescript'); const { randomUUID } = require('node:crypto');
+const { PrismaClient } = require('@prisma/client');
+const React = require('react'); const { renderToStaticMarkup } = require('react-dom/server');
+const { render } = require('@react-email/render');
+let prisma, current, f, service, actions, load;
+const tenants = [], emails = [], afters = [];
+let failedEmail = null;
+const sender = async input => { emails.push(input); return input.to === failedEmail ? { success: false, error: 'synthetic failure' } : { success: true }; };
+function loader(overrides = {}) {
+  const cache = new Map();
+  function load(file) {
+    file = path.resolve(file);
+    if (cache.has(file)) return cache.get(file).exports;
+    const mod = { exports: {} }; cache.set(file, mod);
+    const code = ts.transpileModule(fs.readFileSync(file, 'utf8'), {
+      compilerOptions: { target: ts.ScriptTarget.ES2022, module: ts.ModuleKind.CommonJS, jsx: ts.JsxEmit.ReactJSX, esModuleInterop: true },
+      fileName: file,
+    }).outputText;
+    const req = spec => {
+      if (Object.hasOwn(overrides, spec)) return overrides[spec];
+      if (spec === 'server-only') return {};
+      if (spec === '@/lib/prisma') return { prisma };
+      if (spec === 'next/headers') return { headers: async () => new Headers() };
+      if (spec === 'next/server') return { after: callback => afters.push(callback) };
+      if (spec === 'next/cache') return { revalidatePath() {} };
+      if (spec === 'next/navigation') return { redirect(url) { throw new Error(`REDIRECT:${url}`); }, notFound() { throw new Error('NOT_FOUND'); } };
+      if (spec.startsWith('@/') || spec.startsWith('.')) {
+        const target = spec.startsWith('@/') ? path.resolve('src', spec.slice(2)) : path.resolve(path.dirname(file), spec);
+        for (const suffix of ['.ts', '.tsx', '/index.ts']) if (fs.existsSync(target + suffix)) return load(target + suffix);
+      }
+      return require(spec);
+    };
+    vm.runInThisContext(`(function(require,module,exports){${code}\n})`, { filename: file })(req, mod, mod.exports);
+    return mod.exports;
+  }
+  return load;
+}
+
+const authBoundary = { requireKitaSession: async () => ({ user: current }), requireRole: async roles => { assert.ok(roles.includes(current.role)); return { user: current }; } };
+before(async () => {
+  const raw = process.env.TEST_DATABASE_URL;
+  if (!raw) throw new Error('TEST_DATABASE_URL muss auf die separate lokale kita_announcements_test zeigen.');
+  const url = new URL(raw); assert.ok(['127.0.0.1','localhost'].includes(url.hostname)); assert.equal(url.pathname, '/kita_announcements_test');
+  prisma = new PrismaClient({ datasourceUrl: raw }); process.env.AUTH_URL = 'http://127.0.0.1:3014';
+  load = loader({ '@/lib/auth-utils': authBoundary, '@/lib/mail': { sendAppEmail: sender } });
+  service = load('src/lib/announcement-delivery.ts'); actions = load('src/actions/announcements.ts');
+});
+after(async () => { if (prisma) { await prisma.kita.deleteMany({ where: { id: { in: tenants } } }); await prisma.$disconnect(); } });
+beforeEach(async () => {
+  emails.length = 0; afters.length = 0; failedEmail = null;
+  const kita = await prisma.kita.create({ data: { name: 'Mitteilungen Test', slug: randomUUID() } }); tenants.push(kita.id);
+  const family = await prisma.family.create({ data: { kitaId: kita.id, name: 'Testhaushalt' } });
+  f = { kita, family };
+  const admin = await person('ADMIN', null); const parent = await person('ELTERN', family.id);
+  f = { ...f, admin, parent }; current = admin;
+});
+async function person(role = 'ELTERN', familyId = f.family.id, extra = {}) {
+  return prisma.user.create({ data: { kitaId: f.kita.id, familyId, role, email: `${randomUUID()}@example.invalid`, firstName: 'Test', lastName: role,
+    passwordHash: 'test', emailVerifiedAt: new Date(), privacyPolicyAcceptedAt: new Date(), ...extra } });
+}
+function form(data) { const result = new FormData(); for (const [key, value] of Object.entries(data)) result.set(key, value); return result; }
+async function publication(sendEmail = true, audience = 'ELTERN') {
+  assert.equal((await actions.createAnnouncement(form({ title: 'Sommerfest Aufbau', content: 'Am Dienstag treffen wir uns.', audience, sendEmail: sendEmail ? 'on' : 'off' }))).success, true);
+  return prisma.announcement.findFirstOrThrow({ where: { kitaId: f.kita.id }, orderBy: { createdAt: 'desc' } });
+}
+const jobs = id => prisma.announcementEmail.findMany({ where: { kitaId: f.kita.id, announcementId: id }, orderBy: { createdAt: 'asc' } });
+const edit = (row, data = {}) => actions.updateAnnouncement(form({ id: row.id, revision: String(row.revision), title: row.title, content: 'Aktualisierung: Wir treffen uns am Mittwoch.', sendEmail: 'off', ...data }));
+const deliver = (now = new Date()) => service.deliverDueAnnouncementEmails({ kitaId: f.kita.id }, sender, now);
+async function flush() { while (afters.length) await afters.shift()(); }
+
+test('Veröffentlichung speichert Versandaufträge vor der Antwort; after sendet einzeln', async () => {
+  const row = await publication(); assert.equal(emails.length, 0); assert.equal((await jobs(row.id)).length, 1);
+  await flush(); assert.equal(emails.length, 1); assert.equal(emails[0].to, f.parent.email); assert.ok((await jobs(row.id))[0].sentAt);
+});
+test('Eine fehlgeschlagene Adresse blockiert andere Empfänger nicht', async () => {
+  const partner = await person('KOORDINATOR'); const row = await publication(); failedEmail = f.parent.email;
+  const result = await deliver(); assert.equal(result.sent, 1); assert.equal(result.failed, 1); assert.equal(emails.length, 2);
+  assert.ok((await jobs(row.id)).find(job => job.userId === partner.id).sentAt);
+});
+test('Wiederholung verwendet denselben Auftrag und lässt erfolgreiche Sendungen aus', async () => {
+  await person(); const row = await publication(); failedEmail = f.parent.email; await deliver(); const first = emails.find(mail => mail.to === f.parent.email);
+  failedEmail = null; assert.equal((await actions.retryAnnouncementEmails(row.id, 1)).queued, 1); await flush();
+  assert.equal(emails.length, 3); assert.equal(emails[2].idempotencyKey, first.idempotencyKey);
+  assert.equal((await actions.retryAnnouncementEmails(row.id, 1)).queued, 0); assert.equal((await jobs(row.id)).filter(job => job.sentAt).length, 2);
+});
+test('Automatische Wiederholung wartet bis zur gespeicherten Frist', async () => {
+  const row = await publication(); failedEmail = f.parent.email; const now = new Date(); await deliver(now);
+  const job = (await jobs(row.id))[0]; assert.ok(job.nextAttemptAt > now); failedEmail = null;
+  assert.equal((await deliver(now)).sent, 0); assert.equal((await deliver(job.nextAttemptAt)).sent, 1);
+});
+test('Parallele Worker versenden eine Veröffentlichung nur einmal', async () => {
+  await publication(); await Promise.all([deliver(), deliver()]); assert.equal(emails.length, 1);
+});
+test('Eine abgelaufene Reservierung wird nach einem Worker-Abbruch übernommen', async () => {
+  const row = await publication(); await prisma.announcementEmail.update({ where: { id: (await jobs(row.id))[0].id }, data: { claimToken: 'aborted', leaseUntil: new Date(0) } });
+  assert.equal((await deliver()).sent, 1);
+});
+test('Neue Fassung verwirft alte ungesendete Aufträge und setzt gelesen zurück', async () => {
+  const row = await publication(); current = f.parent; assert.equal((await actions.markAnnouncementRead(row.id, 1)).success, true); current = f.admin;
+  assert.equal((await edit(row)).changed, true); const updated = await prisma.announcement.findUniqueOrThrow({ where: { id: row.id } });
+  assert.equal(updated.revision, 2); assert.ok(updated.editedAt); assert.equal(updated.audience, row.audience); assert.equal(updated.authorId, row.authorId);
+  assert.equal(await prisma.announcementRead.count({ where: { announcementId: row.id } }), 0);
+  assert.ok((await jobs(row.id))[0].skippedAt); await flush(); assert.equal(emails.length, 0);
+});
+test('Eine alte geöffnete Fassung darf eine Korrektur nicht als gelesen markieren', async () => {
+  const row = await publication(false); await edit(row); current = f.parent;
+  assert.ok((await actions.markAnnouncementRead(row.id, 1)).error); assert.equal(await prisma.announcementRead.count({ where: { announcementId: row.id } }), 0);
+  assert.equal((await actions.markAnnouncementRead(row.id, 2)).success, true);
+});
+test('Paralleles Lesen und Korrigieren hinterlässt keinen Lesestatus für den alten Text', async () => {
+  const row = await publication(false);
+  const reader = loader({ '@/lib/auth-utils': { requireKitaSession: async () => ({ user: f.parent }) } })('src/actions/announcements.ts');
+  const results = await Promise.all([reader.markAnnouncementRead(row.id, 1), edit(row)]); assert.equal(results[1].success, true);
+  assert.equal(await prisma.announcementRead.count({ where: { announcementId: row.id } }), 0);
+});
+test('Veraltete und parallele Bearbeitungen überschreiben keine neuere Korrektur', async () => {
+  const row = await publication(false); const results = await Promise.all([edit(row), edit(row, { content: 'Eine andere Korrektur.' })]);
+  assert.equal(results.filter(result => result.success).length, 1); assert.equal(results.filter(result => result.error).length, 1);
+  assert.ok((await edit(row)).error); assert.equal((await prisma.announcement.findUniqueOrThrow({ where: { id: row.id } })).revision, 2);
+});
+test('Unveränderter Text erhält Version und Lesestatus; Versand bleibt einmalig', async () => {
+  const row = await publication(false); current = f.parent; await actions.markAnnouncementRead(row.id, 1); current = f.admin;
+  const input = { content: row.content, sendEmail: 'on' }; assert.equal((await edit(row, input)).queued, 1); assert.equal((await edit(row, input)).queued, 0);
+  assert.equal((await prisma.announcement.findUniqueOrThrow({ where: { id: row.id } })).revision, 1); assert.equal(await prisma.announcementRead.count({ where: { announcementId: row.id } }), 1);
+});
+test('Korrektur-Mail ist ausdrücklich optional und versendet nur die aktuelle Fassung', async () => {
+  const row = await publication(); await deliver(); assert.equal((await edit(row, { sendEmail: 'on' })).queued, 1); await flush();
+  assert.equal(emails.length, 2); assert.match(emails[1].subject, /^Aktualisierte/); assert.ok((await render(emails[1].react)).includes('Mittwoch'));
+  assert.notEqual(emails[0].idempotencyKey, emails[1].idempotencyKey);
+});
+test('Bereits laufender Versand verhindert Änderungen bis zum Abschluss', async () => {
+  const row = await publication(); let release; let entered; const started = new Promise(resolve => { entered = resolve; });
+  const blocked = async input => { entered(); await new Promise(resolve => { release = resolve; }); emails.push(input); return { success: true }; };
+  const sending = service.deliverDueAnnouncementEmails({ kitaId: f.kita.id }, blocked);
+  await started; assert.match((await edit(row)).error, /läuft gerade/); release(); await sending; assert.equal((await edit(row)).success, true);
+});
+test('Rollen- und Sessionänderung entzieht die Bearbeitungsberechtigung auch bei alter Session', async () => {
+  const row = await publication(false); await prisma.user.update({ where: { id: f.admin.id }, data: { role: 'KOORDINATOR' } }); assert.ok((await edit(row)).error);
+  await prisma.user.update({ where: { id: f.admin.id }, data: { role: 'ADMIN', sessionVersion: { increment: 1 } } }); assert.ok((await edit(row)).error);
+});
+test('Fremde Kita kann weder bearbeiten noch Versand wiederholen oder als gelesen markieren', async () => {
+  const row = await publication(); const other = await prisma.kita.create({ data: { name: 'Fremd', slug: randomUUID() } }); tenants.push(other.id);
+  current = { ...f.admin, kitaId: other.id }; assert.ok((await edit(row)).error); assert.ok((await actions.retryAnnouncementEmails(row.id, 1)).error); assert.ok((await actions.markAnnouncementRead(row.id, 1)).error);
+});
+test('Zusammengesetzte Fremdschlüssel verhindern fremde Nutzer und Beiträge', async () => {
+  const row = await publication(false); const other = await prisma.kita.create({ data: { name: 'Fremd', slug: randomUUID() } }); tenants.push(other.id);
+  const foreign = await prisma.user.create({ data: { kitaId: other.id, email: `${randomUUID()}@example.invalid`, firstName: 'Fremd', lastName: 'Test', passwordHash: 'test' } });
+  const base = { kitaId: f.kita.id, announcementId: row.id, userId: f.parent.id, revision: 1 };
+  await assert.rejects(prisma.announcementEmail.create({ data: { ...base, userId: foreign.id } }), error => error.code === 'P2003');
+  await assert.rejects(prisma.announcementEmail.create({ data: { ...base, kitaId: other.id, userId: foreign.id } }), error => error.code === 'P2003');
+});
+test('Empfängergruppe und aktive Konten bestimmen die vorbereiteten Aufträge', async () => {
+  await person('ERZIEHER', null); await person('ELTERN', f.family.id, { emailVerifiedAt: null }); await person('ELTERN', f.family.id, { disabledAt: new Date() });
+  await person('ELTERN', f.family.id, { privacyPolicyAcceptedAt: null }); await person('ELTERN', f.family.id, { lockedUntil: new Date(Date.now() + 3600000) });
+  const parent = await publication(); assert.equal((await jobs(parent.id)).length, 1);
+  const team = await publication(true, 'ERZIEHER'); assert.equal((await jobs(team.id)).length, 1);
+});
+test('Berechtigung wird vor Wiederholung erneut geprüft', async () => {
+  const row = await publication(); await prisma.user.update({ where: { id: f.parent.id }, data: { role: 'ERZIEHER' } });
+  assert.equal((await deliver()).skipped, 1); assert.equal(emails.length, 0); assert.ok((await jobs(row.id))[0].skippedAt);
+});
+test('Deaktivierung und widerrufener Consent stoppen vorbereitete Sendungen', async () => {
+  const second = await person(); await publication(); await prisma.user.update({ where: { id: f.parent.id }, data: { disabledAt: new Date() } });
+  await prisma.user.update({ where: { id: second.id }, data: { privacyPolicyAcceptedAt: null } }); assert.equal((await deliver()).skipped, 2); assert.equal(emails.length, 0);
+});
+test('Fehlende App-Adresse bleibt als Fehler wiederholbar gespeichert', async () => {
+  const row = await publication(); const saved = [process.env.AUTH_URL, process.env.NEXTAUTH_URL, process.env.NEXT_PUBLIC_SITE_URL];
+  try { delete process.env.AUTH_URL; delete process.env.NEXTAUTH_URL; delete process.env.NEXT_PUBLIC_SITE_URL; assert.equal((await deliver()).failed, 1); assert.ok((await jobs(row.id))[0].failed); assert.equal(emails.length, 0); }
+  finally { ['AUTH_URL','NEXTAUTH_URL','NEXT_PUBLIC_SITE_URL'].forEach((key, i) => { if (saved[i] === undefined) delete process.env[key]; else process.env[key] = saved[i]; }); }
+});
+test('Der begrenzte Batch wird in weiteren Läufen vollständig abgearbeitet', async () => {
+  for (let i = 0; i < 14; i++) await person(); await publication(); assert.equal((await deliver()).sent, 12); assert.equal((await deliver()).sent, 3); assert.equal(emails.length, 15);
+});
+test('Speicherfehler bei Versandaufträgen macht die Veröffentlichung vollständig rückgängig', async () => {
+  const local = loader({ '@/lib/auth-utils': authBoundary, '@/lib/announcement-delivery': { queueAnnouncementEmails: async () => { throw new Error('synthetic failure'); } } })('src/actions/announcements.ts');
+  await assert.rejects(local.createAnnouncement(form({ title: 'Kein Teilzustand', content: 'Kein Teilzustand erlaubt.', audience: 'ELTERN', sendEmail: 'on' })));
+  assert.equal(await prisma.announcement.count({ where: { kitaId: f.kita.id } }), 0);
+});
+test('Anhänge sperren Versand bis zum vollständigen Schreiben und bleiben bei Korrektur erhalten', async () => {
+  let release; const blocked = new Promise(resolve => { release = resolve; });
+  const local = loader({ '@/lib/auth-utils': authBoundary, 'fs/promises': { mkdir: async () => {}, writeFile: async () => blocked, rm: async () => {} } })('src/actions/announcements.ts');
+  const data = form({ title: 'Mit Anhang', content: 'Ein Dokument mit Details.', audience: 'ELTERN', sendEmail: 'on' }); data.append('attachments', new File(['%PDF-1.4\ntest\n%%EOF'], 'info.pdf', { type: 'application/pdf' }));
+  const creating = local.createAnnouncement(data); let row;
+  for (let attempt = 0; attempt < 100; attempt++) { row = await prisma.announcement.findFirst({ where: { kitaId: f.kita.id }, include: { attachments: true } }); if (row) break; await new Promise(resolve => setTimeout(resolve, 10)); }
+  assert.ok(row); assert.equal(row.emailReady, false); assert.equal((await deliver()).sent, 0);
+  release(); assert.equal((await creating).success, true); assert.equal((await edit(row)).success, true);
+  assert.equal(await prisma.attachment.count({ where: { announcementId: row.id } }), 1); assert.equal((await jobs(row.id))[0].skippedAt !== null, true);
+});
+test('Fehler beim Schreiben des Anhangs entfernt auch vorbereitete E-Mails', async () => {
+  const local = loader({ '@/lib/auth-utils': authBoundary, 'fs/promises': { mkdir: async () => {}, writeFile: async () => { throw new Error('synthetic disk failure'); }, rm: async () => {} } })('src/actions/announcements.ts');
+  const data = form({ title: 'Kaputter Anhang', content: 'Ein Dokument mit Details.', audience: 'ELTERN', sendEmail: 'on' }); data.append('attachments', new File(['%PDF-1.4\ntest\n%%EOF'], 'info.pdf', { type: 'application/pdf' }));
+  assert.ok((await local.createAnnouncement(data)).error); assert.equal(await prisma.announcement.count({ where: { kitaId: f.kita.id } }), 0); assert.equal(await prisma.announcementEmail.count({ where: { kitaId: f.kita.id } }), 0);
+});
+test('Verwaltungsübersicht bietet Suche und Pagination für ältere Beiträge', async () => {
+  await prisma.announcement.createMany({ data: Array.from({ length: 14 }, (_, i) => ({ kitaId: f.kita.id, authorId: f.admin.id, title: `Meldung ${i}`, content: `Beschreibung ${i}`, createdAt: new Date(Date.now() - i * 1000) })) });
+  const pages = loader({ '@/lib/auth-utils': authBoundary, 'next/link': { __esModule: true, default: ({ href, children, ...props }) => React.createElement('a', { href, ...props }, children) }, './news-form': { NewsForm: () => null } });
+  const page = pages('src/app/dashboard/admin/news/page.tsx').default;
+  const first = renderToStaticMarkup(await page({ searchParams: Promise.resolve({}) })); assert.ok(first.includes('Ältere Beiträge')); assert.equal((first.match(/Bearbeiten &amp; Versand/g) || []).length, 12);
+  const second = renderToStaticMarkup(await page({ searchParams: Promise.resolve({ page: '2' }) })); assert.equal((second.match(/Bearbeiten &amp; Versand/g) || []).length, 2); assert.ok(second.includes('Neuere Beiträge'));
+  const search = renderToStaticMarkup(await page({ searchParams: Promise.resolve({ q: 'Beschreibung 13' }) })); assert.ok(search.includes('Meldung 13')); assert.ok(!search.includes('Meldung 0')); assert.ok(search.includes('value="Beschreibung 13"'));
+});
+
+ test('Korrekturen älterer Beiträge erscheinen wieder vorne im ungelesenen Elternfeed', async () => {
+  const row = await publication(false); await prisma.announcement.update({ where: { id: row.id }, data: { createdAt: new Date('2020-01-01'), updatedAt: new Date('2020-01-01') } });
+  await prisma.announcement.create({ data: { kitaId: f.kita.id, authorId: f.admin.id, title: 'Neue Meldung', content: 'Neuere Meldung zum Kitaalltag.', audience: 'ELTERN' } });
+  await edit(row); current = f.parent;
+  const feed = await load('src/lib/announcements.ts').getAnnouncements({ user: f.parent }, { take: 3 });
+  assert.equal(feed[0].id, row.id); assert.equal(feed[0].revision, 2); assert.equal(feed[0].isUnread, true); assert.ok(feed[0].editedAt);
+ });
+
+test('Nach Abbruch vor Freigabe wird ein vollständig geschriebener Anhang wieder aufgenommen', async () => {
+  const row = await publication(); await prisma.announcement.update({ where: { id: row.id }, data: { emailReady: false, createdAt: new Date(Date.now() - 600000), attachments: { create: { fileName: 'info.pdf', fileUrl: '/unused', fileType: 'application/pdf', sizeBytes: 15 } } } });
+  const recovered = loader({ 'node:fs/promises': { stat: async () => ({ size: 15 }) } })('src/lib/announcement-delivery.ts');
+  assert.equal((await recovered.deliverDueAnnouncementEmails({ kitaId: f.kita.id }, sender)).sent, 1); assert.equal((await prisma.announcement.findUniqueOrThrow({ where: { id: row.id } })).emailReady, true);
+});
+test('Teilweise geschriebene und fehlende Anhänge geben den Versand nicht frei', async () => {
+  const row = await publication(); await prisma.announcement.update({ where: { id: row.id }, data: { emailReady: false, createdAt: new Date(Date.now() - 600000), attachments: { create: { fileName: 'info.pdf', fileUrl: '/unused', fileType: 'application/pdf', sizeBytes: 15 } } } });
+  const partial = loader({ 'node:fs/promises': { stat: async () => ({ size: 3 }) } })('src/lib/announcement-delivery.ts');
+  assert.equal((await partial.deliverDueAnnouncementEmails({ kitaId: f.kita.id }, sender)).sent, 0);
+  const missing = loader({ 'node:fs/promises': { stat: async () => { throw new Error('missing'); } } })('src/lib/announcement-delivery.ts');
+  assert.equal((await missing.deliverDueAnnouncementEmails({ kitaId: f.kita.id }, sender)).sent, 0); assert.equal(emails.length, 0);
+});
+
+test('Fehlende Anhänge anderer Beiträge verdrängen eine wiederherstellbare Veröffentlichung nicht', async () => {
+  const old = new Date(Date.now() - 600000);
+  for (let i = 0; i < 13; i++) await prisma.announcement.create({ data: { id: `${f.kita.id}-unfinished-${i}`, kitaId: f.kita.id, authorId: f.admin.id, title: 'Unfertig', content: 'Ein Anhang fehlt.', emailReady: false, createdAt: old, attachments: { create: { fileName: 'info.pdf', fileUrl: '/unused', fileType: 'application/pdf', sizeBytes: 15 } } } });
+  const row = await prisma.announcement.create({ data: { id: `${f.kita.id}-zz-complete`, kitaId: f.kita.id, authorId: f.admin.id, title: 'Fertig', content: 'Der Anhang ist vollständig.', audience: 'ELTERN', emailReady: false, createdAt: old, attachments: { create: { fileName: 'info.pdf', fileUrl: '/unused', fileType: 'application/pdf', sizeBytes: 15 } }, emails: { create: { kitaId: f.kita.id, userId: f.parent.id, revision: 1 } } }, include: { attachments: true } });
+  const recovered = loader({ 'node:fs/promises': { stat: async file => { if (file.endsWith(row.attachments[0].id)) return { size: 15 }; throw new Error('missing'); } } })('src/lib/announcement-delivery.ts');
+  assert.equal((await recovered.deliverDueAnnouncementEmails({ kitaId: f.kita.id }, sender)).sent, 1);
+});
+
+test('Adminrechte erhalten Haushalts- und Teammail-Zugehörigkeit; globale Admins sind keine Empfänger', async () => {
+  const staff = await person('ADMIN', null);
+  const educator = await prisma.educator.create({ data: { kitaId: f.kita.id, firstName: 'Test', lastName: 'Fachkraft' } });
+  await prisma.staffProfile.create({ data: { kitaId: f.kita.id, userId: staff.id, educatorId: educator.id, employmentStart: new Date('2020-01-01'), trackingStart: new Date('2020-01-01') } });
+  const parentAdmin = await person('ADMIN'); await person('SUPERADMIN');
+  const parentRow = await publication(true, 'ELTERN'); assert.deepEqual((await jobs(parentRow.id)).map(job => job.userId).sort(), [f.parent.id, parentAdmin.id].sort());
+  const staffRow = await publication(true, 'ERZIEHER'); assert.deepEqual((await jobs(staffRow.id)).map(job => job.userId), [staff.id]);
+  await deliver(); assert.ok(emails.some(mail => mail.to === staff.email));
+});
+
+test('Drei parallele Worker verarbeiten viele Empfänger ohne Konflikte oder doppelte Sendungen', async () => {
+  for (let i = 0; i < 23; i++) await person(); const row = await publication();
+  const slow = async input => { await new Promise(resolve => setTimeout(resolve, 10)); return sender(input); };
+  await Promise.all(Array.from({ length: 3 }, () => service.deliverDueAnnouncementEmails({ kitaId: f.kita.id }, slow)));
+  await deliver(); await deliver();
+  assert.equal(emails.length, 24); assert.equal(new Set(emails.map(mail => mail.to)).size, 24); assert.equal((await jobs(row.id)).filter(job => job.sentAt).length, 24);
+});

tests/marketing-seo-http.cjs

@@ -0,0 +1,57 @@
+/* eslint-disable @typescript-eslint/no-require-imports -- HTTP tests run directly in Node. */
+const { test } = require('node:test');
+const assert = require('node:assert/strict');
+const origin = process.env.TEST_SEO_ORIGIN;
+if (!origin || !['127.0.0.1', 'localhost'].includes(new URL(origin).hostname)) throw new Error('TEST_SEO_ORIGIN muss ausdrücklich auf den lokalen Produktionsbuild zeigen.');
+const site = new URL(process.env.TEST_SEO_SITE_URL || 'https://mein-kitaplaner.de').origin;
+const paths = ['/', '/features/notdienst-planer', '/features/kita-kalender', '/features/eltern-adressbuch', '/features/krankmeldung', '/features/schwarzes-brett', '/features/personal-arbeitszeit', '/impressum', '/datenschutz'];
+const request = (path, ua = 'Googlebot') => fetch(new URL(path, origin), { headers: { 'user-agent': ua }, redirect: 'manual', signal: AbortSignal.timeout(15000) });
+const attributes = text => Object.fromEntries([...text.matchAll(/([\w:-]+)="([^"]*)"/g)].map(match => [match[1], match[2]]));
+const elements = (html, tag) => [...html.matchAll(new RegExp(`<${tag}\\b[^>]*>`, 'g'))].map(match => attributes(match[0]));
+function meta(html, key) { const values = elements(html, 'meta').filter(row => row.name === key || row.property === key); assert.equal(values.length, 1, key); return values[0].content; }
+const structured = html => [...html.matchAll(/<script\b([^>]*)>([\s\S]*?)<\/script>/g)].filter(match => attributes(match[1]).type === 'application/ld+json').map(match => ({ attrs: attributes(match[1]), data: JSON.parse(match[2]) }));
+
+for (const path of paths) test(`SEO im ausgelieferten HTML: ${path}`, async () => {
+  const response = await request(path); assert.equal(response.status, 200); const html = await response.text();
+  assert.ok(html.includes('<html lang="de"')); assert.equal((html.match(/<h1\b/g) || []).length, 1);
+  const canonical = elements(html, 'link').filter(row => row.rel === 'canonical'); assert.equal(canonical.length, 1); assert.equal(new URL(canonical[0].href).href, new URL(path, site).href);
+  assert.equal((html.match(/<title>/g) || []).length, 1); const title = html.match(/<title>(.*?)<\/title>/)[1]; assert.equal((title.match(/Kita-Planer/g) || []).length, 1);
+  assert.ok(meta(html, 'description').length > 40); assert.ok(meta(html, 'description').length < 180);
+  assert.equal(meta(html, 'og:description'), meta(html, 'description')); assert.equal(meta(html, 'twitter:description'), meta(html, 'description'));
+  assert.equal(new URL(meta(html, 'og:url')).href, new URL(path, site).href);
+  assert.match(meta(html, 'robots'), /\bindex, follow\b/); assert.doesNotMatch(meta(html, 'robots'), /noindex/);
+  assert.equal(response.headers.get('x-robots-tag'), null); assert.equal(meta(html, 'og:image'), `${site}/og-image.png`);
+  if (path === '/' || path.startsWith('/features/')) {
+    const data = structured(html); assert.equal(data.length, 1); assert.equal(data[0].data['@context'], 'https://schema.org');
+    assert.ok(data[0].attrs.nonce); assert.ok(response.headers.get('content-security-policy').includes(`'nonce-${data[0].attrs.nonce}'`));
+    const graph = data[0].data['@graph']; assert.ok(graph.some(row => row['@type'] === (path === '/' ? 'SoftwareApplication' : 'BreadcrumbList')));
+  }
+});
+
+test('Social-Crawler erhält Canonical und Vorschaudaten direkt im HTML-Head', async () => {
+  const response = await request('/features/personal-arbeitszeit', 'facebookexternalhit/1.1'); assert.equal(response.status, 200);
+  const html = await response.text(); const head = html.match(/<head>([\s\S]*?)<\/head>/)[1];
+  assert.equal(meta(head, 'og:url'), `${site}/features/personal-arbeitszeit`); assert.equal(meta(head, 'twitter:card'), 'summary_large_image');
+  assert.ok(elements(head, 'link').some(row => row.rel === 'canonical'));
+});
+
+test('Ausgelieferte Sitemap enthält ausschließlich erreichbare kanonische öffentliche Seiten', async () => {
+  const response = await request('/sitemap.xml'); assert.equal(response.status, 200); const xml = await response.text();
+  const urls = [...xml.matchAll(/<loc>(.*?)<\/loc>/g)].map(match => new URL(match[1]).href).sort(); assert.deepEqual(urls, paths.map(path => new URL(path, site).href).sort());
+  assert.ok(xml.includes('<lastmod>2026-10-13</lastmod>')); assert.ok(!xml.includes('T00:'));
+});
+test('Robots verwenden dieselbe Domain und halten Loginformulare zum Lesen von noindex offen', async () => {
+  const response = await request('/robots.txt'); assert.equal(response.status, 200); const text = await response.text();
+  assert.ok(text.includes(`Sitemap: ${site}/sitemap.xml`)); assert.ok(text.includes('Disallow: /admin')); assert.ok(text.includes('Disallow: /neues-passwort/')); assert.ok(!text.includes('Disallow: /login'));
+});
+test('Social-Image ist tatsächlich ein PNG mit 1200 × 630 Pixeln', async () => {
+  const response = await request('/og-image.png'); assert.equal(response.status, 200); assert.match(response.headers.get('content-type'), /image\/png/);
+  const data = Buffer.from(await response.arrayBuffer()); assert.ok(data.subarray(0, 8).equals(Buffer.from([137,80,78,71,13,10,26,10]))); assert.equal(data.readUInt32BE(16), 1200); assert.equal(data.readUInt32BE(20), 630);
+});
+for (const path of ['/login', '/register', '/passwort-vergessen', '/neues-passwort/invalid', '/dashboard', '/admin', '/onboarding', '/alert/invalid', '/invite/invalid', '/forbidden']) test(`Private Route erhält noindex und no-store: ${path}`, async () => {
+  const response = await request(path); assert.ok(response.status < 500, `${path}: ${response.status}`); assert.match(response.headers.get('x-robots-tag'), /noindex, nofollow/); assert.match(response.headers.get('cache-control'), /private, no-store/);
+  if (response.status === 200) assert.match(meta(await response.text(), 'robots'), /noindex/);
+});
+test('Unbekannte Feature-Seiten antworten mit 404 und noindex', async () => {
+  const response = await request('/features/nicht-vorhanden'); assert.equal(response.status, 404); assert.ok(elements(await response.text(), 'meta').some(row => row.name === 'robots' && row.content.includes('noindex')));
+});

tests/marketing-seo.test.cjs

@@ -0,0 +1,120 @@
+/* eslint-disable @typescript-eslint/no-require-imports -- Load real TS modules with isolated framework boundaries. */
+const { test, afterEach } = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs'); const path = require('node:path'); const vm = require('node:vm');
+const ts = require('typescript');
+const { renderToStaticMarkup } = require('react-dom/server');
+function loader(overrides = {}) {
+  const cache = new Map();
+  function load(file) {
+    file = path.resolve(file);
+    if (cache.has(file)) return cache.get(file).exports;
+    const mod = { exports: {} }; cache.set(file, mod);
+    const code = ts.transpileModule(fs.readFileSync(file, 'utf8'), {
+      compilerOptions: { target: ts.ScriptTarget.ES2022, module: ts.ModuleKind.CommonJS, jsx: ts.JsxEmit.ReactJSX, esModuleInterop: true },
+      fileName: file,
+    }).outputText;
+    const req = spec => {
+      if (Object.hasOwn(overrides, spec)) return overrides[spec];
+      if (spec === 'server-only') return {};
+      if (spec === '@/lib/prisma') throw new Error('Public SEO modules must not query the database.');
+      if (spec === 'next/headers') return { headers: async () => new Headers({ 'x-nonce': 'synthetic-seo-test-nonce' }) };
+      if (spec === 'next/server') return { after() {} };
+      if (spec === 'next/cache') return { revalidatePath() {} };
+      if (spec === 'next/navigation') return { redirect(url) { throw new Error(`REDIRECT:${url}`); }, notFound() { throw new Error('NOT_FOUND'); } };
+      if (spec.startsWith('@/') || spec.startsWith('.')) {
+        const target = spec.startsWith('@/') ? path.resolve('src', spec.slice(2)) : path.resolve(path.dirname(file), spec);
+        for (const suffix of ['.ts', '.tsx', '/index.ts']) if (fs.existsSync(target + suffix)) return load(target + suffix);
+      }
+      return require(spec);
+    };
+    vm.runInThisContext(`(function(require,module,exports){${code}\n})`, { filename: file })(req, mod, mod.exports);
+    return mod.exports;
+  }
+  return load;
+}
+
+const savedOrigin = process.env.NEXT_PUBLIC_SITE_URL;
+afterEach(() => { if (savedOrigin === undefined) delete process.env.NEXT_PUBLIC_SITE_URL; else process.env.NEXT_PUBLIC_SITE_URL = savedOrigin; });
+const load = loader();
+const seo = load('src/lib/marketing/seo.ts');
+const { marketingFeatures } = load('src/lib/marketing/features.ts');
+const sitemap = load('src/app/sitemap.ts').default;
+const robots = load('src/app/robots.ts').default;
+const validSite = () => { process.env.NEXT_PUBLIC_SITE_URL = 'https://example.invalid/'; };
+
+test('Öffentliche URLs verwenden dieselbe normalisierte Adresse ohne doppelte Slashes', () => {
+  process.env.NEXT_PUBLIC_SITE_URL = ' https://example.invalid/setup?preview=true#fragment ';
+  assert.equal(seo.getPublicSiteOrigin(), 'https://example.invalid');
+  assert.equal(seo.publicUrl('/features/schwarzes-brett'), 'https://example.invalid/features/schwarzes-brett');
+  assert.equal(robots().sitemap, 'https://example.invalid/sitemap.xml');
+});
+test('Ohne konfigurierte Adresse wird die etablierte öffentliche Domain verwendet', () => {
+  delete process.env.NEXT_PUBLIC_SITE_URL; assert.equal(seo.publicUrl(), 'https://mein-kitaplaner.de/');
+});
+test('Ungültige Adressen, Zugangsdaten und fremde Seitenpfade werden zurückgewiesen', () => {
+  for (const value of ['javascript:alert(1)','ftp://example.invalid','https://user:secret@example.invalid','not-a-url']) {
+    process.env.NEXT_PUBLIC_SITE_URL = value; assert.throws(() => seo.getPublicSiteOrigin());
+  }
+  validSite(); for (const value of ['https://evil.invalid','//evil.invalid','/\\evil.invalid']) assert.throws(() => seo.publicUrl(value));
+});
+test('Öffentliche Metadaten haben eigene Canonicals, passende soziale URLs und Indexierung', async () => {
+  validSite(); const page = load('src/app/features/[slug]/page.tsx');
+  const titles = new Set(); const descriptions = new Set();
+  for (const feature of marketingFeatures) {
+    const metadata = await page.generateMetadata({ params: Promise.resolve({ slug: feature.slug }) });
+    assert.equal(metadata.alternates.canonical, seo.publicUrl(`/features/${feature.slug}`));
+    assert.equal(metadata.openGraph.url, metadata.alternates.canonical);
+    assert.equal(metadata.openGraph.description, metadata.description); assert.equal(metadata.twitter.description, metadata.description);
+    assert.equal(metadata.robots.index, true); assert.equal(metadata.robots.googleBot.index, true);
+    assert.equal(metadata.openGraph.images[0].width, 1200); assert.equal(metadata.openGraph.images[0].height, 630);
+    assert.ok(!metadata.openGraph.images[0].alt.includes('Kind spielt'));
+    assert.ok(!titles.has(metadata.title.absolute)); titles.add(metadata.title.absolute);
+    assert.ok(!descriptions.has(metadata.description)); descriptions.add(metadata.description);
+  }
+});
+test('Startseite und rechtliche Seiten wiederholen den Markennamen im Titel nicht', () => {
+  validSite(); const metadata = seo.publicPageMetadata('/', seo.marketingTitle, seo.marketingDescription);
+  assert.equal((metadata.title.absolute.match(/Kita-Planer/g) || []).length, 1);
+  for (const slug of ['impressum','datenschutz']) {
+    const value = load(`src/app/${slug}/page.tsx`).metadata;
+    assert.equal((value.title.absolute.match(/Kita-Planer/g) || []).length, 1);
+    assert.equal(value.alternates.canonical, seo.publicUrl(`/${slug}`)); assert.equal(value.robots.index, true);
+  }
+});
+test('Sitemap enthält genau die öffentlichen Seiten und den neuen Personalbereich', () => {
+  validSite(); const result = sitemap(); assert.equal(result.length, 9);
+  assert.equal(new Set(result.map(item => item.url)).size, result.length);
+  assert.deepEqual(result.map(item => item.url).sort(), ['/', '/impressum', '/datenschutz', ...marketingFeatures.map(feature => `/features/${feature.slug}`)].map(seo.publicUrl).sort());
+  assert.ok(result.some(item => item.url.endsWith('/features/personal-arbeitszeit')));
+  assert.ok(result.every(item => !/dashboard|login|register|passwort/.test(item.url)));
+});
+test('Änderungsdatum bleibt bei erneuter Generierung gleich; Rechtsseiten haben kein erfundenes Datum', () => {
+  validSite(); assert.deepEqual(sitemap(), sitemap());
+  for (const row of sitemap()) if (/impressum|datenschutz/.test(row.url)) assert.equal(row.lastModified, undefined); else assert.equal(row.lastModified, seo.marketingLastModified);
+});
+test('Robots blockieren interne und Tokenrouten; öffentliche Loginformulare erlauben noindex-Prüfung', () => {
+  validSite(); const result = robots(); assert.ok(result.rules.allow.includes('/features/'));
+  for (const value of ['/api/','/admin','/dashboard','/invite/','/alert/','/onboarding','/neues-passwort/']) assert.ok(result.rules.disallow.includes(value));
+  for (const value of ['/login','/register','/passwort-vergessen']) assert.ok(!result.rules.disallow.includes(value));
+});
+test('JSON-LD beschreibt vorhandene Funktionen ohne erfundene Bewertungen oder Preise', () => {
+  validSite(); const graph = seo.landingStructuredData(marketingFeatures); const software = graph['@graph'].find(row => row['@type'] === 'SoftwareApplication');
+  assert.equal(software.featureList.length, 6); assert.ok(software.featureList.some(text => text.startsWith('Personal & Arbeitszeit')));
+  assert.equal(software.offers, undefined); assert.equal(software.aggregateRating, undefined);
+  for (const feature of marketingFeatures) {
+    const data = seo.featureStructuredData(feature); const breadcrumb = data['@graph'].find(row => row['@type'] === 'BreadcrumbList');
+    assert.equal(breadcrumb.itemListElement[1].item, seo.publicUrl(`/features/${feature.slug}`));
+  }
+});
+test('Strukturierte Daten erhalten CSP-Nonce und lassen kein Script-Ende einschleusen', async () => {
+  const value = { title: '</script><script>alert(1)</script>' };
+  assert.ok(!seo.serializeStructuredData(value).includes('<')); assert.deepEqual(JSON.parse(seo.serializeStructuredData(value)), value);
+  const component = load('src/components/marketing/structured-data.tsx').StructuredData;
+  const html = renderToStaticMarkup(await component({ data: value }));
+  assert.ok(html.includes('nonce="synthetic-seo-test-nonce"')); assert.equal((html.match(/<script/g) || []).length, 1);
+});
+test('Landingtitel und veröffentlichte Funktionsbeschreibungen vermeiden veraltete Zusagen', () => {
+  assert.equal(marketingFeatures.length, 6); assert.equal(new Set(marketingFeatures.map(feature => feature.slug)).size, 6);
+  const text = JSON.stringify(marketingFeatures); assert.ok(!/1-Klick-Alarmierung|Raumbuchungen|Lesebestätigung/.test(text));
+});

tests/notdienst-notifications.integration.test.cjs

@@ -199,11 +199,11 @@ test('Noch nicht fällige Kitas verdrängen fällige Erinnerungen nicht aus dem
 });
 test('Geschützter Job startet ohne gültiges Secret keine Verarbeitung',async()=>{
  const authorization=loader()('src/lib/alarms/job.ts').authorizeAlarmJob;let called=0;
- const route=loader({'@/lib/alarms/job':{authorizeAlarmJob:authorization,runAlarmJob:async()=>{called++;return {};}},'@/lib/notdienst-notifications':{runNotdienstNotificationJob:async()=>{called++;return {};}}})('src/app/api/jobs/notdienstalarme/route.ts').POST;
+ const route=loader({'@/lib/alarms/job':{authorizeAlarmJob:authorization,runAlarmJob:async()=>{called++;return {};}},'@/lib/notdienst-notifications':{runNotdienstNotificationJob:async()=>{called++;return {};}},'@/lib/announcement-delivery':{deliverDueAnnouncementEmails:async()=>{called++;return {};}}})('src/app/api/jobs/notdienstalarme/route.ts').POST;
  const old=process.env.NOTDIENST_JOB_SECRET;
  try{delete process.env.NOTDIENST_JOB_SECRET;assert.equal((await route(new Request('http://127.0.0.1/api/jobs/notdienstalarme',{method:'POST'}))).status,503);
  process.env.NOTDIENST_JOB_SECRET='test-only-secret-32-characters-long';assert.equal((await route(new Request('http://127.0.0.1/api/jobs/notdienstalarme',{method:'POST',headers:{authorization:'Bearer wrong'}}))).status,401);assert.equal(called,0);
- const result=await route(new Request('http://127.0.0.1/api/jobs/notdienstalarme',{method:'POST',headers:{authorization:`Bearer ${process.env.NOTDIENST_JOB_SECRET}`}}));assert.equal(result.status,200);assert.equal(called,2);
+ const result=await route(new Request('http://127.0.0.1/api/jobs/notdienstalarme',{method:'POST',headers:{authorization:`Bearer ${process.env.NOTDIENST_JOB_SECRET}`}}));assert.equal(result.status,200);assert.equal(called,3);
  }finally{if(old===undefined)delete process.env.NOTDIENST_JOB_SECRET;else process.env.NOTDIENST_JOB_SECRET=old;}
 });
 

tests/parent-flows.integration.test.ts

@@ -69,9 +69,19 @@ test(
     const { updateTerminAdmin } = loadAfterMocks(
       "../src/app/dashboard/kalender/actions",
     ) as typeof import("../src/app/dashboard/kalender/actions");
-    const { createAnnouncement, markAnnouncementRead } = loadAfterMocks(
-      "../src/actions/announcements",
-    ) as typeof import("../src/actions/announcements");
+    // Next resolves this marker internally. The standalone Node harness has no
+    // Next bundler, so replace only the marker while loading the real service.
+    const nodeModule = loadAfterMocks("node:module");
+    const originalLoad = nodeModule._load;
+    let announcementActions: typeof import("../src/actions/announcements");
+    try {
+      nodeModule._load = function (this: unknown, specifier: string, ...args: unknown[]) {
+        if (specifier === "server-only") return {};
+        return originalLoad.call(this, specifier, ...args);
+      };
+      announcementActions = loadAfterMocks("../src/actions/announcements");
+    } finally { nodeModule._load = originalLoad; }
+    const { createAnnouncement, markAnnouncementRead } = announcementActions;
     const { GET: getAttachment } = loadAfterMocks(
       "../src/app/api/announcements/attachments/[id]/route",
     ) as typeof import("../src/app/api/announcements/attachments/[id]/route");

tests/security.test.cjs

@@ -384,7 +384,7 @@ test('upload quota holds under concurrent writes and accepted MIME comes from fi
 
 test('all supplemental database tenant constraints are present', async () => {
   const [row] = await prisma.$queryRaw`SELECT count(*)::int AS count FROM pg_constraint WHERE conname LIKE '%_tenant_fkey'`;
-  assert.equal(row.count,45);
+  assert.equal(row.count,47);
 });
 test('role guard authenticates once and keeps role validation on that session', async () => {
   let calls = 0;