SEO Quick Wins 1-5: Social-Vorschau, Title, FAQ-Schema, Sitemap

- Open-Graph-Tags + Vorschaubild (1200x630, Papier-Design) auf allen
  7 Sprachseiten, lokalisierte og:title/description je Sprache
- Title-Tag mit Suchwort vorn: 'Behördenbriefe einfach erklärt – per Foto'
- Meta-Description gestrafft (146 Zeichen, mit Handlungsaufruf)
- FAQPage-Schema (JSON-LD) mit 6 Fragen
- 2 neue FAQ-Einträge (Long-Tail: Jobcenter, Ausländerbehörde, Sprachen)
- canonical + hreflang x-default auf allen Seiten
- robots.txt, sitemap.xml, favicon.svg

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

marketing/email-diakonie-caritas.md

@@ -0,0 +1,112 @@
+# E-Mails Nr. 2 + 3: Diakonie Donnersbergkreis & Caritas Kaiserslautern
+
+Absender: behoerdenbriefhelfer@gmail.com
+Anhänge (wie bei der MBE-Mail): BehoerdenKlar-Datenschutz.pdf + die 2
+Screenshots aus marketing/screenshots/
+
+Versandwoche: KW 30 (bis Freitag, 24.07.2026)
+
+---
+
+## E-Mail Nr. 2 — Haus der Diakonie Donnersbergkreis
+
+**An:** slb.kibo@diakonie-pfalz.de
+
+**Betreff:** App aus dem Donnersbergkreis erklärt Behördenbriefe in einfacher Sprache — 10 Minuten Feedback aus Ihrer Praxis?
+
+Sehr geehrtes Team des Hauses der Diakonie,
+
+mein Name ist Justin Klein, ich komme aus Winnweiler und habe eine
+iPhone-App entwickelt, die Behördenbriefe verständlich macht:
+
+Brief fotografieren — die App erklärt in einfacher Sprache (A2), was das
+Amt will, zeigt Fristen und Termine mit Erinnerung und erstellt auf Wunsch
+einen Antwort-Entwurf.
+
+Ich denke dabei nicht nur an Menschen mit anderer Muttersprache (die App
+übersetzt in 9 Sprachen, unter anderem Arabisch, Türkisch und Ukrainisch),
+sondern an alle, die bei Ihnen Rat suchen: Menschen, denen Amtsdeutsch
+Angst macht, die Fristen übersehen oder Briefe erst einmal liegen lassen.
+
+Ich glaube, das könnte die Menschen entlasten, die zu Ihnen kommen — und
+vielleicht auch Ihre Beratungszeit: weniger Vorlesen, mehr Lösen.
+
+Bevor die App im App Store erscheint, möchte ich sie Menschen aus der
+Praxis zeigen und ehrliches Feedback einholen: Würde das Ihren Klientinnen
+und Klienten wirklich helfen? Was fehlt? **Dürfte ich dafür einmal für
+10–15 Minuten bei Ihnen in Kirchheimbolanden vorbeikommen?** Ich richte
+mich ganz nach Ihrer Zeit.
+
+Zum Datenschutz, weil das bei Behördenpost besonders zählt: Alle Briefe
+bleiben verschlüsselt auf dem Handy der Nutzer, es gibt kein Konto, kein
+Tracking und keine Werbung — eine Übersicht liegt als PDF bei. Die ersten
+Analysen sind kostenlos, Vielnutzer zahlen später ein kleines Abo
+(2,99 €/Monat).
+
+Webseite (auch auf Arabisch, Türkisch u. a.): https://behoerdenklar.pages.dev
+
+Mit freundlichen Grüßen
+Justin Klein
+Winnweiler · behoerdenbriefhelfer@gmail.com
+
+---
+
+## E-Mail Nr. 3 — Caritas-Zentrum Kaiserslautern (Migrationsberatung)
+
+**An:** Migration.Kaiserslautern@caritas-speyer.de
+
+**Betreff:** App aus der Region erklärt Behördenbriefe in einfacher Sprache — 10 Minuten Feedback aus Ihrer Beratungspraxis?
+
+Sehr geehrtes Team der Migrationsberatung,
+
+mein Name ist Justin Klein, ich komme aus Winnweiler und habe eine
+iPhone-App entwickelt, die Behördenbriefe verständlich macht:
+
+Brief fotografieren — die App erklärt in einfacher Sprache (A2), was das
+Amt will, zeigt Fristen und Termine mit Erinnerung und erstellt auf Wunsch
+einen Antwort-Entwurf. Die Erklärung lässt sich in 9 Sprachen übersetzen,
+unter anderem Arabisch, Türkisch, Ukrainisch und Farsi — die deutschen
+Fachbegriffe bleiben dabei sichtbar, damit Ihre Klientinnen und Klienten
+sie im Brief wiederfinden.
+
+Ich glaube, das könnte die Menschen entlasten, die zu Ihnen kommen — und
+vielleicht auch Ihre Beratungszeit: weniger Vorlesen, mehr Lösen.
+
+Bevor die App im App Store erscheint, möchte ich sie Menschen aus der
+Praxis zeigen und ehrliches Feedback einholen: Würde das Ihren Klientinnen
+und Klienten wirklich helfen? Was fehlt? **Dürfte ich dafür einmal für
+10–15 Minuten bei Ihnen in der Engelsgasse vorbeikommen?** Ich richte
+mich ganz nach Ihrer Zeit.
+
+Zum Datenschutz, weil das bei Behördenpost besonders zählt: Alle Briefe
+bleiben verschlüsselt auf dem Handy der Nutzer, es gibt kein Konto, kein
+Tracking und keine Werbung — eine Übersicht liegt als PDF bei. Die ersten
+Analysen sind kostenlos, Vielnutzer zahlen später ein kleines Abo
+(2,99 €/Monat).
+
+Webseite (auch auf Arabisch, Türkisch u. a.): https://behoerdenklar.pages.dev
+
+Mit freundlichen Grüßen
+Justin Klein
+Winnweiler · behoerdenbriefhelfer@gmail.com
+
+---
+
+## Kontaktdaten (recherchiert 22.07.2026)
+
+- **Caritas-Zentrum Kaiserslautern:** Engelsgasse 1, 67657 Kaiserslautern,
+  Tel. 0631 36120-222, Migration.Kaiserslautern@caritas-speyer.de
+  (Quelle: caritas.de-Adressverzeichnis)
+- **Haus der Diakonie Donnersbergkreis:** Kirchheimbolanden,
+  slb.kibo@diakonie-pfalz.de (SLB = Soziale Lebensberatung)
+
+## Nachfassen
+
+- Ohne Antwort nach 5–7 Tagen: freundlich anrufen und auf die Mail
+  verweisen (Caritas: 0631 36120-222).
+- Status-Übersicht:
+  | Stelle | Mail raus | Nachgefasst | Antwort |
+  |---|---|---|---|
+  | MBE Donnersberg (Kibo) | 17.07.2026 | geplant 23./24.07. | — |
+  | Diakonie Donnersbergkreis | — | — | — |
+  | Caritas Kaiserslautern | — | — | — |

marketing/ki-video-werbung.md

@@ -0,0 +1,147 @@
+# KI-Video für Werbung — Prompts & Anleitung
+
+## Wichtig vorweg: Wie KI-Video wirklich funktioniert
+
+1. **Ein Prompt = ein kurzer Clip** (meist 5–10 Sekunden). Ein fertiger
+   Werbespot besteht aus 3–4 Clips, die du hinterher aneinanderhängst.
+2. **KI kann keinen lesbaren Text.** Buchstaben werden zu Kauderwelsch.
+   Deshalb steht in allen Prompts unten: Text unscharf / nicht lesbar.
+3. **Die App selbst NICHT von der KI zeichnen lassen.** Das sieht falsch aus
+   und wäre auch unehrlich. Für die App-Szene nimmst du eine **echte
+   Bildschirmaufnahme** (iPhone: Bildschirmaufnahme in den Einstellungen
+   aktivieren, oder im Simulator aufnehmen).
+
+**Faustregel:** KI macht die *Gefühle* (Sorge → Erleichterung),
+Bildschirmaufnahme macht die *Fakten* (was die App kann).
+
+---
+
+## Teil 1: Die App-Beschreibung
+
+Diesen Block kannst du in jedes KI-Tool kopieren, wenn es Kontext braucht:
+
+> BehördenKlar is a German mobile app that helps people understand official
+> letters from government authorities. The user photographs a letter with
+> their phone; an AI explains what the letter means in simple, plain German
+> (A2 level), highlights deadlines with a traffic-light system, and can
+> translate the explanation into 9 languages including Arabic, Turkish,
+> Ukrainian and Farsi. It also drafts a reply and sets a reminder.
+> Target audience: migrants, elderly people, and anyone who feels anxious
+> when a letter from a German authority arrives.
+> Tone: calm, respectful, warm, trustworthy — never mocking the user,
+> never making bureaucracy look funny. The feeling we sell is RELIEF.
+
+**Deutsch (falls das Tool Deutsch kann):**
+
+> BehördenKlar ist eine App, die Behördenbriefe verständlich macht. Man
+> fotografiert den Brief, die App erklärt ihn in einfacher Sprache, zeigt
+> Fristen und übersetzt in 9 Sprachen. Zielgruppe: Menschen, die bei Post
+> vom Amt unsicher sind. Stimmung: ruhig, respektvoll, warm. Das Gefühl,
+> das wir verkaufen, ist Erleichterung.
+
+---
+
+## Teil 2: Die Video-Prompts (3 Szenen)
+
+Prompts sind auf **Englisch** — damit liefern fast alle Tools bessere
+Ergebnisse. Einfach kopieren und einzeln generieren lassen.
+
+### Szene 1 — Das Problem (ca. 5 Sek.)
+
+```
+Close-up of a worried woman in her thirties sitting at a small kitchen
+table in a modest apartment, holding an official government letter with
+dense printed text. Soft morning light from a window. She frowns slightly
+and rubs her forehead. Shallow depth of field, the text on the paper is
+blurred and unreadable. Documentary style, natural colors, 35mm film look,
+subtle handheld camera movement.
+```
+
+### Szene 2 — Die Lösung (ca. 5 Sek.)
+
+```
+Overhead shot of hands holding a smartphone above an official letter lying
+on a wooden table. The phone is framing the document to take a photo. Soft
+natural daylight, clean minimal composition. The phone screen is not
+visible to the camera. Documentary style, warm tones, shallow depth of
+field, slow gentle camera movement.
+```
+
+### Szene 3 — Die Erleichterung (ca. 5 Sek.)
+
+```
+Medium close-up of the same woman looking down at her smartphone. Her
+tense expression slowly softens into relief and a small calm smile. She
+nods gently, her shoulders relax. Warm morning light from a window behind
+her, blurred cozy kitchen background. Documentary style, natural skin
+tones, 35mm film look, very subtle camera push-in.
+```
+
+### Szene 4 — Die App (KEINE KI!)
+
+Echte Bildschirmaufnahme: Startbildschirm → „Brief scannen" → Ergebnis
+mit Ampel. 4–5 Sekunden reichen.
+
+---
+
+## Varianten (je nach Zielgruppe)
+
+Ersetze in Szene 1 und 3 die Person:
+
+- **Älterer Mann:** `a worried man in his seventies with grey hair`
+- **Junger Vater:** `a worried man in his thirties, a child's drawing on
+  the fridge behind him`
+- **Arabischsprachige Zielgruppe:** `a woman in her thirties wearing a
+  headscarf` — passend für Papas Gruppen
+
+Tipp: Mach zwei Versionen mit verschiedenen Personen. Menschen reagieren
+stärker, wenn sie sich selbst wiedererkennen.
+
+---
+
+## Teil 3: Zusammensetzen
+
+**Reihenfolge:** Szene 1 → 2 → 3 → 4 (App) → Schlussbild
+
+**Text-Einblendungen** (der Zuschauer hat oft den Ton aus!):
+
+| Zeit | Text |
+|------|------|
+| Szene 1 | „Post vom Amt. Und jetzt?" |
+| Szene 2 | „Einfach fotografieren." |
+| Szene 3 | „In einfachen Worten erklärt." |
+| Szene 4 | „Fristen im Blick. 9 Sprachen." |
+| Schluss | „BehördenKlar — Brief rein. Klartext raus." + Webseite |
+
+**Musik:** ruhig, warm, kein Techno. Bei Pixabay/YouTube Audio Library
+kostenlos: Suche nach „calm hopeful piano".
+
+**Schneiden (kostenlos):** CapCut (Handy + Mac), iMovie oder Canva.
+
+**Formate:** 9:16 (Hochkant) für Instagram/TikTok/WhatsApp-Status,
+1:1 für Facebook. Hochkant ist am wichtigsten.
+
+---
+
+## Teil 4: Womit generieren?
+
+Gängige Tools mit Gratis-Kontingent (Stand kann sich ändern — vorher die
+aktuellen Konditionen prüfen):
+
+- **Kling AI** — täglich Gratis-Credits, gute Menschen-Darstellung
+- **Hailuo / MiniMax** — ebenfalls Gratis-Credits
+- **Runway, Pika** — begrenzte Gratis-Versionen
+- **Sora / Veo** — nur mit kostenpflichtigem Abo
+
+**Realistische Erwartung:** Rechne mit 5–10 Versuchen pro Szene, bis eine
+gut aussieht. Das ist normal, nicht dein Fehler.
+
+---
+
+## Wichtig: Ehrlich bleiben
+
+- Keine erfundenen App-Bildschirme zeigen — nur echte Aufnahmen.
+- Keine erfundenen Bewertungen oder Nutzerzahlen einblenden.
+- Solange die App nicht im Store ist: **„Bald verfügbar"** einblenden und
+  auf die Warteliste verlinken. Sonst sind die Leute enttäuscht und
+  kommen nicht wieder.

webseite/ar.html

@@ -12,6 +12,20 @@
   <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
   <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
   <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <link rel="canonical" href="https://behoerdenklar.pages.dev/ar">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="ar_AR">
+  <meta property="og:url" content="https://behoerdenklar.pages.dev/ar">
+  <meta property="og:title" content="وصلتك رسالة من دائرة حكومية ألمانية؟">
+  <meta property="og:description" content="صوّر الرسالة — التطبيق يشرحها بالعربية وبلغة بسيطة ويحدد المواعيد المهمة. سجّل في قائمة الانتظار: 5 تحليلات مجانية.">
+  <meta property="og:image" content="https://behoerdenklar.pages.dev/vorschau.png">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
+  <meta property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
+  <meta name="twitter:card" content="summary_large_image">
   <style>
     :root {
       --papier: #faf7f0; --papier-dunkel: #f1ecdf; --tinte: #21211d;
@@ -128,6 +142,15 @@
       margin-top: 56px; padding-top: 14px; border-top: 2px solid var(--tinte);
       font-size: 14.5px; color: var(--grau);
     }
+
+    /* Warteliste-Formular (Brevo) */
+    .wl-form { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
+    .wl-input {
+      width: 100%; padding: 15px 16px; font-size: 17px; font-family: inherit;
+      border: 2px solid var(--tinte); background: #fff; color: var(--tinte);
+    }
+    .wl-input::placeholder { color: #9a958a; }
+    .wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
   </style>
 </head>
 <body>
@@ -209,9 +232,13 @@
           🎁 <strong>هديتك:</strong> حلّل <strong>٥ رسائل مجاناً</strong>
           بدلاً من ٣. تحصل على الرمز عبر البريد الإلكتروني.
         </p>
-        <a class="cta" href="mailto:behoerdenbriefhelfer@gmail.com?subject=Anmeldung%20Warteliste%20(Arabisch)&body=Hallo%2C%20bitte%20informiert%20mich%2C%20wenn%20Beh%C3%B6rdenKlar%20verf%C3%BCgbar%20ist.%20%2F%20Please%20notify%20me%20when%20Beh%C3%B6rdenKlar%20is%20available.">
+        <form class="wl-form" action="https://86550585.sibforms.com/serve/MUIFAAvOQCpFg148k-xD2Ze2PDVKKaFEIaLECCCMe9fGKd_uIurPljyn_IhTrkR0EkM_pQp_8VBzcHZ6N9sKDX5GBZi9elYKN6isXGPUUxcAgO37OKhTFZyMlJiC9ikRmPI8Q2tU2GvqP6esJ5ReGfv1htZV_OfXRIgW59P6pkeUsYKxqdXA7nWOaWxNTYz4MzzoGg7czJMJ2fxuEg==" method="POST">
-          📧 سجّل عبر البريد الإلكتروني
+          <input class="wl-input" type="email" name="EMAIL" placeholder="بريدك الإلكتروني" required autocomplete="email">
-        </a>
+          <input type="text" name="email_address_check" value="" style="position:absolute; left:-5000px;" tabindex="-1" autocomplete="off" aria-hidden="true">
+          <input type="hidden" name="locale" value="de">
+          <input type="hidden" name="html_type" value="simple">
+          <button class="cta wl-btn" type="submit">سجّل في قائمة الانتظار ←</button>
+        </form>
         <p class="klein">
           نحفظ عنوان بريدك الإلكتروني فقط لهذه الرسالة الواحدة. يمكنك إلغاء
           التسجيل في أي وقت. <a href="datenschutz.html">سياسة الخصوصية (بالألمانية)</a>.
@@ -226,6 +253,6 @@
     </footer>
   </div>
   <!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
-  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "218273478b5845c6bc821588d7d823db"}'></script>
+  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
 </body>
 </html>

webseite/datenschutz.html

@@ -175,6 +175,6 @@
     <a class="zurueck" href="index.html">← Zurück zur Startseite</a>
   </div>
   <!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
-  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "218273478b5845c6bc821588d7d823db"}'></script>
+  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
 </body>
 </html>

webseite/en.html

@@ -12,6 +12,20 @@
   <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
   <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
   <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <link rel="canonical" href="https://behoerdenklar.pages.dev/en">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="en_US">
+  <meta property="og:url" content="https://behoerdenklar.pages.dev/en">
+  <meta property="og:title" content="Got a letter from a German authority?">
+  <meta property="og:description" content="Take a photo – BehördenKlar explains official German letters in plain language, in 9 languages. Join the waiting list for 5 free analyses.">
+  <meta property="og:image" content="https://behoerdenklar.pages.dev/vorschau.png">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
+  <meta property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
+  <meta name="twitter:card" content="summary_large_image">
   <style>
     :root {
       --papier: #faf7f0; --papier-dunkel: #f1ecdf; --tinte: #21211d;
@@ -128,6 +142,15 @@
       margin-top: 56px; padding-top: 14px; border-top: 2px solid var(--tinte);
       font-size: 14.5px; color: var(--grau);
     }
+
+    /* Warteliste-Formular (Brevo) */
+    .wl-form { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
+    .wl-input {
+      width: 100%; padding: 15px 16px; font-size: 17px; font-family: inherit;
+      border: 2px solid var(--tinte); background: #fff; color: var(--tinte);
+    }
+    .wl-input::placeholder { color: #9a958a; }
+    .wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
   </style>
 </head>
 <body>
@@ -209,9 +232,13 @@
           🎁 <strong>Your gift:</strong> analyse <strong>5 letters for free</strong>
           instead of 3. You get the code by email.
         </p>
-        <a class="cta" href="mailto:behoerdenbriefhelfer@gmail.com?subject=Anmeldung%20Warteliste%20(English)&body=Hallo%2C%20bitte%20informiert%20mich%2C%20wenn%20Beh%C3%B6rdenKlar%20verf%C3%BCgbar%20ist.%20%2F%20Please%20notify%20me%20when%20Beh%C3%B6rdenKlar%20is%20available.">
+        <form class="wl-form" action="https://86550585.sibforms.com/serve/MUIFAAvOQCpFg148k-xD2Ze2PDVKKaFEIaLECCCMe9fGKd_uIurPljyn_IhTrkR0EkM_pQp_8VBzcHZ6N9sKDX5GBZi9elYKN6isXGPUUxcAgO37OKhTFZyMlJiC9ikRmPI8Q2tU2GvqP6esJ5ReGfv1htZV_OfXRIgW59P6pkeUsYKxqdXA7nWOaWxNTYz4MzzoGg7czJMJ2fxuEg==" method="POST">
-          📧 Sign up by email
+          <input class="wl-input" type="email" name="EMAIL" placeholder="Your email address" required autocomplete="email">
-        </a>
+          <input type="text" name="email_address_check" value="" style="position:absolute; left:-5000px;" tabindex="-1" autocomplete="off" aria-hidden="true">
+          <input type="hidden" name="locale" value="de">
+          <input type="hidden" name="html_type" value="simple">
+          <button class="cta wl-btn" type="submit">Join the waiting list →</button>
+        </form>
         <p class="klein">
           We only store your email address for this one message. You can
           unsubscribe at any time. <a href="datenschutz.html">Privacy policy (in German)</a>.
@@ -226,6 +253,6 @@
     </footer>
   </div>
   <!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
-  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "218273478b5845c6bc821588d7d823db"}'></script>
+  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
 </body>
 </html>

webseite/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="82" font-size="82">📬</text></svg>

webseite/impressum.html

@@ -43,6 +43,6 @@
     <a class="zurueck" href="index.html">← Zurück zur Startseite</a>
   </div>
   <!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
-  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "218273478b5845c6bc821588d7d823db"}'></script>
+  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
 </body>
 </html>

webseite/index.html

@@ -3,8 +3,8 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>BehördenKlar – Brief rein. Klartext raus.</title>
+  <title>Behördenbriefe einfach erklärt – per Foto | BehördenKlar</title>
-  <meta name="description" content="BehördenKlar übersetzt Behördenbriefe in einfache Sprache. Foto machen, verstehen, richtig reagieren. Bald für iPhone – Warteliste sichert 5 Gratis-Analysen.">
+  <meta name="description" content="Brief vom Amt? Foto machen – BehördenKlar erklärt ihn in einfacher Sprache, zeigt Fristen, übersetzt in 9 Sprachen. Warteliste: 5 Gratis-Analysen.">
   <link rel="alternate" hreflang="de" href="https://behoerdenklar.pages.dev/">
   <link rel="alternate" hreflang="tr" href="https://behoerdenklar.pages.dev/tr">
   <link rel="alternate" hreflang="ar" href="https://behoerdenklar.pages.dev/ar">
@@ -12,6 +12,20 @@
   <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
   <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
   <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <link rel="canonical" href="https://behoerdenklar.pages.dev/">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="de_DE">
+  <meta property="og:url" content="https://behoerdenklar.pages.dev/">
+  <meta property="og:title" content="Brief vom Amt? Endlich verstanden.">
+  <meta property="og:description" content="Foto machen – BehördenKlar erklärt Behördenbriefe in einfacher Sprache und 9 Sprachen. Warteliste sichert 5 Gratis-Analysen.">
+  <meta property="og:image" content="https://behoerdenklar.pages.dev/vorschau.png">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
+  <meta property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
+  <meta name="twitter:card" content="summary_large_image">
   <style>
     :root {
       --papier: #faf7f0;
@@ -229,7 +243,54 @@
     }
     footer { margin-top: 20px; font-size: 14.5px; color: var(--grau); }
     footer a { color: var(--grau); }
+
+    /* Warteliste-Formular (Brevo) */
+    .wl-form { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
+    .wl-input {
+      width: 100%; padding: 15px 16px; font-size: 17px; font-family: inherit;
+      border: 2px solid var(--tinte); background: #fff; color: var(--tinte);
+    }
+    .wl-input::placeholder { color: #9a958a; }
+    .wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
   </style>
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "FAQPage",
+    "mainEntity": [
+      {
+        "@type": "Question",
+        "name": "Was kostet die App?",
+        "acceptedAnswer": { "@type": "Answer", "text": "Die App ist gratis. Die ersten 3 Briefe sind auch gratis (mit Code: 5). Danach gibt es ein günstiges Abo. Sie testen zuerst — dann entscheiden Sie." }
+      },
+      {
+        "@type": "Question",
+        "name": "Welche Briefe kann die App erklären?",
+        "acceptedAnswer": { "@type": "Answer", "text": "Briefe vom Jobcenter, von der Ausländerbehörde, Rentenversicherung, Krankenkasse, Familienkasse (Kindergeld), vom Finanzamt oder der Bußgeldstelle — kurz: fast jeden offiziellen Brief und Bescheid." }
+      },
+      {
+        "@type": "Question",
+        "name": "In welche Sprachen übersetzt die App?",
+        "acceptedAnswer": { "@type": "Answer", "text": "Arabisch, Türkisch, Englisch, Ukrainisch, Russisch, Polnisch, Farsi, Rumänisch und Französisch. Die deutschen Amts-Wörter bleiben sichtbar, damit Sie sie im Brief wiederfinden." }
+      },
+      {
+        "@type": "Question",
+        "name": "Was passiert mit meinen Briefen?",
+        "acceptedAnswer": { "@type": "Answer", "text": "Ihre Briefe bleiben auf Ihrem Handy — sicher verschlüsselt. Für die Analyse wird das Foto einmal sicher an die KI geschickt. Nach spätestens 30 Tagen wird es dort gelöscht. Sie brauchen kein Konto." }
+      },
+      {
+        "@type": "Question",
+        "name": "Ersetzt die App einen Anwalt?",
+        "acceptedAnswer": { "@type": "Answer", "text": "Nein. Die App erklärt Briefe — sie ist keine Rechtsberatung. Bei wichtigen Entscheidungen (z. B. Widerspruch) hilft eine Beratungsstelle oder ein Anwalt." }
+      },
+      {
+        "@type": "Question",
+        "name": "Kommt die App auch für Android?",
+        "acceptedAnswer": { "@type": "Answer", "text": "Ja, Android ist geplant. Das iPhone kommt zuerst. Auf der Warteliste erfahren Sie es als Erste." }
+      }
+    ]
+  }
+  </script>
 </head>
 <body>
   <div class="wrap">
@@ -348,12 +409,15 @@
         </p>
         <p class="bonus-zeile">
           🎁 <strong>Ihr Dankeschön:</strong> Sie können <strong>5 Briefe
-          gratis</strong> erklären lassen — statt 3. Den Code bekommen Sie
+          gratis</strong> erklären lassen — statt 3. Den Code bekommen Sie per E-Mail, sobald die App fertig ist.
-          per E-Mail.
         </p>
-        <a class="cta" href="mailto:behoerdenbriefhelfer@gmail.com?subject=Anmeldung%20Warteliste&body=Hallo%2C%20bitte%20informiert%20mich%2C%20wenn%20Beh%C3%B6rdenKlar%20verf%C3%BCgbar%20ist.">
+        <form class="wl-form" action="https://86550585.sibforms.com/serve/MUIFAAvOQCpFg148k-xD2Ze2PDVKKaFEIaLECCCMe9fGKd_uIurPljyn_IhTrkR0EkM_pQp_8VBzcHZ6N9sKDX5GBZi9elYKN6isXGPUUxcAgO37OKhTFZyMlJiC9ikRmPI8Q2tU2GvqP6esJ5ReGfv1htZV_OfXRIgW59P6pkeUsYKxqdXA7nWOaWxNTYz4MzzoGg7czJMJ2fxuEg==" method="POST">
-          📧 Per E-Mail eintragen
+          <input class="wl-input" type="email" name="EMAIL" placeholder="Ihre E-Mail-Adresse" required autocomplete="email">
-        </a>
+          <input type="text" name="email_address_check" value="" style="position:absolute; left:-5000px;" tabindex="-1" autocomplete="off" aria-hidden="true">
+          <input type="hidden" name="locale" value="de">
+          <input type="hidden" name="html_type" value="simple">
+          <button class="cta wl-btn" type="submit">Auf die Warteliste eintragen →</button>
+        </form>
         <p class="klein">
           Wir speichern Ihre E-Mail-Adresse nur für diese eine Nachricht.
           Sie können sich jederzeit abmelden — <a href="datenschutz.html">Datenschutzerklärung</a>.
@@ -367,6 +431,14 @@
         <summary>Was kostet die App?</summary>
         <p>Die App ist gratis. Die ersten 3 Briefe sind auch gratis (mit Code: 5). Danach gibt es ein günstiges Abo. Sie testen zuerst — dann entscheiden Sie.</p>
       </details>
+      <details>
+        <summary>Welche Briefe kann die App erklären?</summary>
+        <p>Briefe vom Jobcenter, von der Ausländerbehörde, Rentenversicherung, Krankenkasse, Familienkasse (Kindergeld), vom Finanzamt oder der Bußgeldstelle — kurz: fast jeden offiziellen Brief und Bescheid.</p>
+      </details>
+      <details>
+        <summary>In welche Sprachen übersetzt die App?</summary>
+        <p>Arabisch, Türkisch, Englisch, Ukrainisch, Russisch, Polnisch, Farsi, Rumänisch und Französisch. Die deutschen Amts-Wörter bleiben sichtbar, damit Sie sie im Brief wiederfinden.</p>
+      </details>
       <details>
         <summary>Was passiert mit meinen Briefen?</summary>
         <p>Ihre Briefe bleiben auf Ihrem Handy — sicher verschlüsselt. Für die Analyse wird das Foto einmal sicher an die KI geschickt. Nach spätestens 30 Tagen wird es dort gelöscht. Sie brauchen kein Konto. Mehr dazu in der <a href="datenschutz.html">Datenschutzerklärung</a>.</p>
@@ -398,6 +470,6 @@
 
   </div>
   <!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
-  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "218273478b5845c6bc821588d7d823db"}'></script>
+  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
 </body>
 </html>

webseite/pl.html

@@ -12,6 +12,20 @@
   <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
   <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
   <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <link rel="canonical" href="https://behoerdenklar.pages.dev/pl">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="pl_PL">
+  <meta property="og:url" content="https://behoerdenklar.pages.dev/pl">
+  <meta property="og:title" content="List z niemieckiego urzędu?">
+  <meta property="og:description" content="Zrób zdjęcie – BehördenKlar wyjaśni list prostym językiem, po polsku. Zapisz się na listę: 5 bezpłatnych analiz.">
+  <meta property="og:image" content="https://behoerdenklar.pages.dev/vorschau.png">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
+  <meta property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
+  <meta name="twitter:card" content="summary_large_image">
   <style>
     :root {
       --papier: #faf7f0; --papier-dunkel: #f1ecdf; --tinte: #21211d;
@@ -128,6 +142,15 @@
       margin-top: 56px; padding-top: 14px; border-top: 2px solid var(--tinte);
       font-size: 14.5px; color: var(--grau);
     }
+
+    /* Warteliste-Formular (Brevo) */
+    .wl-form { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
+    .wl-input {
+      width: 100%; padding: 15px 16px; font-size: 17px; font-family: inherit;
+      border: 2px solid var(--tinte); background: #fff; color: var(--tinte);
+    }
+    .wl-input::placeholder { color: #9a958a; }
+    .wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
   </style>
 </head>
 <body>
@@ -211,9 +234,13 @@
           🎁 <strong>Twój prezent:</strong> analizuj <strong>5 listów za
           darmo</strong> zamiast 3. Kod dostaniesz e-mailem.
         </p>
-        <a class="cta" href="mailto:behoerdenbriefhelfer@gmail.com?subject=Anmeldung%20Warteliste%20(Polnisch)&body=Hallo%2C%20bitte%20informiert%20mich%2C%20wenn%20Beh%C3%B6rdenKlar%20verf%C3%BCgbar%20ist.%20%2F%20Please%20notify%20me%20when%20Beh%C3%B6rdenKlar%20is%20available.">
+        <form class="wl-form" action="https://86550585.sibforms.com/serve/MUIFAAvOQCpFg148k-xD2Ze2PDVKKaFEIaLECCCMe9fGKd_uIurPljyn_IhTrkR0EkM_pQp_8VBzcHZ6N9sKDX5GBZi9elYKN6isXGPUUxcAgO37OKhTFZyMlJiC9ikRmPI8Q2tU2GvqP6esJ5ReGfv1htZV_OfXRIgW59P6pkeUsYKxqdXA7nWOaWxNTYz4MzzoGg7czJMJ2fxuEg==" method="POST">
-          📧 Zapisz się e-mailem
+          <input class="wl-input" type="email" name="EMAIL" placeholder="Twój adres e-mail" required autocomplete="email">
-        </a>
+          <input type="text" name="email_address_check" value="" style="position:absolute; left:-5000px;" tabindex="-1" autocomplete="off" aria-hidden="true">
+          <input type="hidden" name="locale" value="de">
+          <input type="hidden" name="html_type" value="simple">
+          <button class="cta wl-btn" type="submit">Zapisz się na listę →</button>
+        </form>
         <p class="klein">
           Zapisujemy Twój adres tylko dla tej jednej wiadomości. Możesz
           wypisać się w każdej chwili. <a href="datenschutz.html">Polityka prywatności (po niemiecku)</a>.
@@ -228,6 +255,6 @@
     </footer>
   </div>
   <!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
-  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "218273478b5845c6bc821588d7d823db"}'></script>
+  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
 </body>
 </html>

webseite/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://behoerdenklar.pages.dev/sitemap.xml

webseite/ru.html

@@ -12,6 +12,20 @@
   <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
   <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
   <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <link rel="canonical" href="https://behoerdenklar.pages.dev/ru">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="ru_RU">
+  <meta property="og:url" content="https://behoerdenklar.pages.dev/ru">
+  <meta property="og:title" content="Письмо из немецкого ведомства?">
+  <meta property="og:description" content="Сфотографируйте письмо — BehördenKlar объяснит его простым языком, по-русски. Запишитесь в список: 5 бесплатных анализов.">
+  <meta property="og:image" content="https://behoerdenklar.pages.dev/vorschau.png">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
+  <meta property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
+  <meta name="twitter:card" content="summary_large_image">
   <style>
     :root {
       --papier: #faf7f0; --papier-dunkel: #f1ecdf; --tinte: #21211d;
@@ -128,6 +142,15 @@
       margin-top: 56px; padding-top: 14px; border-top: 2px solid var(--tinte);
       font-size: 14.5px; color: var(--grau);
     }
+
+    /* Warteliste-Formular (Brevo) */
+    .wl-form { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
+    .wl-input {
+      width: 100%; padding: 15px 16px; font-size: 17px; font-family: inherit;
+      border: 2px solid var(--tinte); background: #fff; color: var(--tinte);
+    }
+    .wl-input::placeholder { color: #9a958a; }
+    .wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
   </style>
 </head>
 <body>
@@ -210,9 +233,13 @@
           🎁 <strong>Ваш подарок:</strong> анализируйте <strong>5 писем
           бесплатно</strong> вместо 3. Код придёт по электронной почте.
         </p>
-        <a class="cta" href="mailto:behoerdenbriefhelfer@gmail.com?subject=Anmeldung%20Warteliste%20(Russisch)&body=Hallo%2C%20bitte%20informiert%20mich%2C%20wenn%20Beh%C3%B6rdenKlar%20verf%C3%BCgbar%20ist.%20%2F%20Please%20notify%20me%20when%20Beh%C3%B6rdenKlar%20is%20available.">
+        <form class="wl-form" action="https://86550585.sibforms.com/serve/MUIFAAvOQCpFg148k-xD2Ze2PDVKKaFEIaLECCCMe9fGKd_uIurPljyn_IhTrkR0EkM_pQp_8VBzcHZ6N9sKDX5GBZi9elYKN6isXGPUUxcAgO37OKhTFZyMlJiC9ikRmPI8Q2tU2GvqP6esJ5ReGfv1htZV_OfXRIgW59P6pkeUsYKxqdXA7nWOaWxNTYz4MzzoGg7czJMJ2fxuEg==" method="POST">
-          📧 Записаться по электронной почте
+          <input class="wl-input" type="email" name="EMAIL" placeholder="Ваш адрес эл. почты" required autocomplete="email">
-        </a>
+          <input type="text" name="email_address_check" value="" style="position:absolute; left:-5000px;" tabindex="-1" autocomplete="off" aria-hidden="true">
+          <input type="hidden" name="locale" value="de">
+          <input type="hidden" name="html_type" value="simple">
+          <button class="cta wl-btn" type="submit">Записаться в список →</button>
+        </form>
         <p class="klein">
           Мы храним ваш адрес только для этого одного сообщения. Вы можете
           отписаться в любой момент. <a href="datenschutz.html">Политика конфиденциальности (на немецком)</a>.
@@ -227,6 +254,6 @@
     </footer>
   </div>
   <!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
-  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "218273478b5845c6bc821588d7d823db"}'></script>
+  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
 </body>
 </html>

webseite/sitemap.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url><loc>https://behoerdenklar.pages.dev/</loc><lastmod>2026-07-23</lastmod></url>
+  <url><loc>https://behoerdenklar.pages.dev/en</loc><lastmod>2026-07-23</lastmod></url>
+  <url><loc>https://behoerdenklar.pages.dev/tr</loc><lastmod>2026-07-23</lastmod></url>
+  <url><loc>https://behoerdenklar.pages.dev/ar</loc><lastmod>2026-07-23</lastmod></url>
+  <url><loc>https://behoerdenklar.pages.dev/uk</loc><lastmod>2026-07-23</lastmod></url>
+  <url><loc>https://behoerdenklar.pages.dev/ru</loc><lastmod>2026-07-23</lastmod></url>
+  <url><loc>https://behoerdenklar.pages.dev/pl</loc><lastmod>2026-07-23</lastmod></url>
+</urlset>

webseite/tr.html

@@ -12,6 +12,20 @@
   <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
   <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
   <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <link rel="canonical" href="https://behoerdenklar.pages.dev/tr">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="tr_TR">
+  <meta property="og:url" content="https://behoerdenklar.pages.dev/tr">
+  <meta property="og:title" content="Alman resmî mektubu mu geldi?">
+  <meta property="og:description" content="Fotoğraf çekin – BehördenKlar resmî mektupları basit bir dille, Türkçe açıklar. Bekleme listesine katılın: 5 ücretsiz analiz.">
+  <meta property="og:image" content="https://behoerdenklar.pages.dev/vorschau.png">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
+  <meta property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
+  <meta name="twitter:card" content="summary_large_image">
   <style>
     :root {
       --papier: #faf7f0; --papier-dunkel: #f1ecdf; --tinte: #21211d;
@@ -128,6 +142,15 @@
       margin-top: 56px; padding-top: 14px; border-top: 2px solid var(--tinte);
       font-size: 14.5px; color: var(--grau);
     }
+
+    /* Warteliste-Formular (Brevo) */
+    .wl-form { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
+    .wl-input {
+      width: 100%; padding: 15px 16px; font-size: 17px; font-family: inherit;
+      border: 2px solid var(--tinte); background: #fff; color: var(--tinte);
+    }
+    .wl-input::placeholder { color: #9a958a; }
+    .wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
   </style>
 </head>
 <body>
@@ -210,9 +233,13 @@
           🎁 <strong>Hediyeniz:</strong> 3 yerine <strong>5 mektubu ücretsiz</strong>
           analiz edin. Kodu e-posta ile alırsınız.
         </p>
-        <a class="cta" href="mailto:behoerdenbriefhelfer@gmail.com?subject=Anmeldung%20Warteliste%20(Tuerkisch)&body=Hallo%2C%20bitte%20informiert%20mich%2C%20wenn%20Beh%C3%B6rdenKlar%20verf%C3%BCgbar%20ist.%20%2F%20Please%20notify%20me%20when%20Beh%C3%B6rdenKlar%20is%20available.">
+        <form class="wl-form" action="https://86550585.sibforms.com/serve/MUIFAAvOQCpFg148k-xD2Ze2PDVKKaFEIaLECCCMe9fGKd_uIurPljyn_IhTrkR0EkM_pQp_8VBzcHZ6N9sKDX5GBZi9elYKN6isXGPUUxcAgO37OKhTFZyMlJiC9ikRmPI8Q2tU2GvqP6esJ5ReGfv1htZV_OfXRIgW59P6pkeUsYKxqdXA7nWOaWxNTYz4MzzoGg7czJMJ2fxuEg==" method="POST">
-          📧 E-posta ile kaydol
+          <input class="wl-input" type="email" name="EMAIL" placeholder="E-posta adresiniz" required autocomplete="email">
-        </a>
+          <input type="text" name="email_address_check" value="" style="position:absolute; left:-5000px;" tabindex="-1" autocomplete="off" aria-hidden="true">
+          <input type="hidden" name="locale" value="de">
+          <input type="hidden" name="html_type" value="simple">
+          <button class="cta wl-btn" type="submit">Bekleme listesine katıl →</button>
+        </form>
         <p class="klein">
           E-posta adresinizi sadece bu bir mesaj için saklarız. İstediğiniz
           zaman listeden çıkabilirsiniz. <a href="datenschutz.html">Gizlilik politikası (Almanca)</a>.
@@ -227,6 +254,6 @@
     </footer>
   </div>
   <!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
-  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "218273478b5845c6bc821588d7d823db"}'></script>
+  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
 </body>
 </html>

webseite/uk.html

@@ -12,6 +12,20 @@
   <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
   <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
   <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <link rel="canonical" href="https://behoerdenklar.pages.dev/uk">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="uk_UA">
+  <meta property="og:url" content="https://behoerdenklar.pages.dev/uk">
+  <meta property="og:title" content="Лист від німецької установи?">
+  <meta property="og:description" content="Сфотографуйте лист — BehördenKlar пояснить його простою мовою, українською. Запишіться в список: 5 безкоштовних аналізів.">
+  <meta property="og:image" content="https://behoerdenklar.pages.dev/vorschau.png">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
+  <meta property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
+  <meta name="twitter:card" content="summary_large_image">
   <style>
     :root {
       --papier: #faf7f0; --papier-dunkel: #f1ecdf; --tinte: #21211d;
@@ -128,6 +142,15 @@
       margin-top: 56px; padding-top: 14px; border-top: 2px solid var(--tinte);
       font-size: 14.5px; color: var(--grau);
     }
+
+    /* Warteliste-Formular (Brevo) */
+    .wl-form { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
+    .wl-input {
+      width: 100%; padding: 15px 16px; font-size: 17px; font-family: inherit;
+      border: 2px solid var(--tinte); background: #fff; color: var(--tinte);
+    }
+    .wl-input::placeholder { color: #9a958a; }
+    .wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
   </style>
 </head>
 <body>
@@ -211,9 +234,13 @@
           🎁 <strong>Ваш подарунок:</strong> аналізуйте <strong>5 листів
           безкоштовно</strong> замість 3. Код отримаєте електронною поштою.
         </p>
-        <a class="cta" href="mailto:behoerdenbriefhelfer@gmail.com?subject=Anmeldung%20Warteliste%20(Ukrainisch)&body=Hallo%2C%20bitte%20informiert%20mich%2C%20wenn%20Beh%C3%B6rdenKlar%20verf%C3%BCgbar%20ist.%20%2F%20Please%20notify%20me%20when%20Beh%C3%B6rdenKlar%20is%20available.">
+        <form class="wl-form" action="https://86550585.sibforms.com/serve/MUIFAAvOQCpFg148k-xD2Ze2PDVKKaFEIaLECCCMe9fGKd_uIurPljyn_IhTrkR0EkM_pQp_8VBzcHZ6N9sKDX5GBZi9elYKN6isXGPUUxcAgO37OKhTFZyMlJiC9ikRmPI8Q2tU2GvqP6esJ5ReGfv1htZV_OfXRIgW59P6pkeUsYKxqdXA7nWOaWxNTYz4MzzoGg7czJMJ2fxuEg==" method="POST">
-          📧 Записатися електронною поштою
+          <input class="wl-input" type="email" name="EMAIL" placeholder="Ваша електронна пошта" required autocomplete="email">
-        </a>
+          <input type="text" name="email_address_check" value="" style="position:absolute; left:-5000px;" tabindex="-1" autocomplete="off" aria-hidden="true">
+          <input type="hidden" name="locale" value="de">
+          <input type="hidden" name="html_type" value="simple">
+          <button class="cta wl-btn" type="submit">Записатися в список →</button>
+        </form>
         <p class="klein">
           Ми зберігаємо вашу адресу лише для цього одного повідомлення. Ви
           можете відписатися будь-коли. <a href="datenschutz.html">Політика конфіденційності (німецькою)</a>.
@@ -228,6 +255,6 @@
     </footer>
   </div>
   <!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
-  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "218273478b5845c6bc821588d7d823db"}'></script>
+  <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
 </body>
 </html>