Google Search Console: Verifizierungs-Tag auf behoerdenklar.de-Property umgestellt

Neuer Code (6o1s...) fuer die .de-Property statt des alten pages.dev-Codes,
auf allen Seiten aktualisiert.

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

proxy/src/index.ts

@@ -62,7 +62,7 @@ function fehler(status: number, typ: string, meldung: string): Response {
 //  5. Globales Tagesbudget (harter Kosten-Deckel für den Betreiber)
 
 /** Nur die eigene Webseite darf den Demo-Endpunkt aufrufen (CORS). */
-const DEMO_ORIGIN_MUSTER = /^https:\/\/([a-z0-9-]+\.)?behoerdenklar\.pages\.dev$/;
+const DEMO_ORIGIN_MUSTER = /^https:\/\/([a-z0-9-]+\.)?behoerdenklar\.(de|pages\.dev)$/;
 
 /** ~5 MB Datei entsprechen ~6,7 Mio. Base64-Zeichen. */
 const DEMO_MAX_BASE64 = 7_000_000;
@@ -134,7 +134,7 @@ const DEMO_SCHEMA = {
 };
 
 function demoCorsHeaders(origin: string | null): Record<string, string> {
-  const erlaubt = origin && DEMO_ORIGIN_MUSTER.test(origin) ? origin : 'https://behoerdenklar.pages.dev';
+  const erlaubt = origin && DEMO_ORIGIN_MUSTER.test(origin) ? origin : 'https://behoerdenklar.de';
   return {
     'access-control-allow-origin': erlaubt,
     'access-control-allow-methods': 'POST, OPTIONS',

src/screens/AntwortScreen.tsx

@@ -1,12 +1,15 @@
 /**
- * Antwort-Generator: Vorlage wählen -> KI-Entwurf -> frei bearbeiten ->
+ * Antwort-Assistent — 3-Schritte-Assistent nach dem Claude-Design-Entwurf:
- * als PDF exportieren oder als Text teilen.
+ *   1. Antwort-Art wählen   2. Angaben ergänzen   3. Entwurf prüfen & exportieren
+ * Der KI-Entwurf (generiereAntwort) bleibt das Herzstück; nur die Führung ist
+ * jetzt klar in Schritte gegliedert, mit Fortschrittsbalken.
  */
 import React, { useState } from 'react';
 import {
   Alert,
   KeyboardAvoidingView,
   Platform,
+  Pressable,
   ScrollView,
   Share,
   StyleSheet,
@@ -22,6 +25,7 @@ import { useAppStore } from '../store/useAppStore';
 import { generiereAntwort } from '../services/antwort';
 import { ClaudeFehler } from '../services/claudeClient';
 import { GrossButton } from '../components/GrossButton';
+import { Ikone, IkonenName } from '../components/Ikone';
 import { farben, schrift, abstand } from '../theme';
 
 type Props = NativeStackScreenProps<RootStackParamList, 'Antwort'>;
@@ -34,10 +38,19 @@ const ALLE_TYPEN: AntwortTyp[] = [
   'rueckfrage',
 ];
 
+const TYP_INFO: Record<AntwortTyp, { ikone: IkonenName; beschreibung: string }> = {
+  terminbestaetigung: { ikone: 'checkAn', beschreibung: 'Sie bestätigen, dass Sie zum Termin kommen.' },
+  terminverschiebung: { ikone: 'kalender', beschreibung: 'Sie bitten um einen neuen Termin.' },
+  widerspruch: { ikone: 'warnung', beschreibung: 'Sie sind nicht einverstanden und legen Einspruch ein.' },
+  unterlagen_nachreichen: { ikone: 'dokument', beschreibung: 'Sie reichen die geforderten Unterlagen ein.' },
+  rueckfrage: { ikone: 'info', beschreibung: 'Sie haben eine Frage zum Brief.' },
+};
+
 export function AntwortScreen({ route }: Props) {
   const brief = useAppStore((s) => s.briefe.find((b) => b.id === route.params.briefId));
   const setzeAntwortEntwurf = useAppStore((s) => s.setzeAntwortEntwurf);
 
+  const [schritt, setSchritt] = useState<1 | 2 | 3>(brief?.antwortEntwurf?.text ? 3 : 1);
   const [typ, setTyp] = useState<AntwortTyp | null>(brief?.antwortEntwurf?.typ ?? null);
   const [hinweise, setHinweise] = useState('');
   const [betreff, setBetreff] = useState(brief?.antwortEntwurf?.betreff ?? '');
@@ -52,12 +65,16 @@ export function AntwortScreen({ route }: Props) {
     );
   }
 
-  // Vom Brief vorgeschlagene Vorlagen zuerst, Rest danach
   const optionen = [
     ...brief.analyse.antwort_optionen,
     ...ALLE_TYPEN.filter((t) => !brief.analyse.antwort_optionen.includes(t)),
   ];
 
+  const typWaehlen = (t: AntwortTyp) => {
+    setTyp(t);
+    setSchritt(2);
+  };
+
   const erzeugen = async () => {
     if (!typ) return;
     setLaedt(true);
@@ -66,6 +83,7 @@ export function AntwortScreen({ route }: Props) {
       setBetreff(entwurf.betreff);
       setText(entwurf.text);
       await setzeAntwortEntwurf(brief.id, { typ, ...entwurf });
+      setSchritt(3);
     } catch (e) {
       Alert.alert(
         'Fehler',
@@ -76,17 +94,13 @@ export function AntwortScreen({ route }: Props) {
     }
   };
 
-  /** Bearbeiteten Stand sichern (beim Export/Teilen automatisch). */
   const sichern = async () => {
-    if (typ && text) {
+    if (typ && text) await setzeAntwortEntwurf(brief.id, { typ, betreff, text });
-      await setzeAntwortEntwurf(brief.id, { typ, betreff, text });
-    }
   };
 
   const alsPdf = async () => {
     await sichern();
     try {
-      // Einfaches, sauberes Brief-Layout für den Ausdruck
       const html = `
         <html><head><meta charset="utf-8"><style>
           body { font-family: Helvetica, Arial, sans-serif; font-size: 12pt; margin: 2.5cm; color: #111; }
@@ -98,10 +112,7 @@ export function AntwortScreen({ route }: Props) {
         </body></html>`;
       const { uri } = await Print.printToFileAsync({ html });
       if (await Sharing.isAvailableAsync()) {
-        await Sharing.shareAsync(uri, {
+        await Sharing.shareAsync(uri, { mimeType: 'application/pdf', dialogTitle: 'Antwort als PDF' });
-          mimeType: 'application/pdf',
-          dialogTitle: 'Antwort als PDF',
-        });
       }
     } catch {
       Alert.alert('Fehler', 'Das PDF konnte nicht erstellt werden.');
@@ -114,108 +125,181 @@ export function AntwortScreen({ route }: Props) {
   };
 
   return (
-    <KeyboardAvoidingView
+    <KeyboardAvoidingView style={{ flex: 1 }} behavior={Platform.OS === 'ios' ? 'padding' : undefined}>
-      style={{ flex: 1 }}
+      <ScrollView style={styles.container} contentContainerStyle={{ padding: abstand.m, paddingBottom: abstand.xl }}>
-      behavior={Platform.OS === 'ios' ? 'padding' : undefined}
+        {/* Fortschritt */}
-    >
+        <Text style={styles.schrittLabel}>Schritt {schritt} von 3</Text>
-      <ScrollView style={styles.container} contentContainerStyle={{ padding: abstand.m }}>
+        <View style={styles.fortschritt}>
-        <Text style={styles.abschnittTitel}>1. Was möchten Sie antworten?</Text>
+          {[1, 2, 3].map((n) => (
-        <View style={styles.typListe}>
+            <View
-          {optionen.map((t) => (
+              key={n}
-            <GrossButton
+              style={[styles.balken, { backgroundColor: n <= schritt ? farben.primaer : farben.rand }]}
-              key={t}
-              titel={
-                ANTWORT_TYP_LABEL[t] +
-                (brief.analyse.antwort_optionen.includes(t) ? '  ★' : '')
-              }
-              variante={typ === t ? 'primaer' : 'sekundaer'}
-              onPress={() => setTyp(t)}
             />
           ))}
         </View>
 
-        <Text style={styles.abschnittTitel}>2. Zusätzliche Angaben (optional)</Text>
+        {/* ── Schritt 1: Art wählen ── */}
-        <TextInput
+        {schritt === 1 && (
-          style={styles.eingabe}
+          <View>
-          placeholder="z. B. Wunschtermin, Grund der Verschiebung…"
+            <Text style={styles.titel}>Welche Antwort brauchen Sie?</Text>
-          placeholderTextColor={farben.textSekundaer}
+            <Text style={styles.unterTitel}>
-          value={hinweise}
+              Für {brief.analyse.brieftyp} von {brief.analyse.absender}.
-          onChangeText={setHinweise}
-          multiline
-        />
-
-        <GrossButton
-          titel={text ? 'Neuen Entwurf erstellen' : 'Entwurf erstellen'}
-          ikone="funken"
-          onPress={erzeugen}
-          deaktiviert={!typ}
-          laedt={laedt}
-        />
-
-        {text !== '' && (
-          <>
-            <Text style={styles.abschnittTitel}>3. Entwurf prüfen und anpassen</Text>
-            <Text style={styles.hinweis}>
-              Ersetzen Sie die Platzhalter in [eckigen Klammern] durch Ihre Daten.
             </Text>
+            <View style={{ gap: abstand.s, marginTop: abstand.s }}>
+              {optionen.map((t) => {
+                const empfohlen = brief.analyse.antwort_optionen.includes(t);
+                return (
+                  <Pressable
+                    key={t}
+                    onPress={() => typWaehlen(t)}
+                    accessibilityRole="button"
+                    style={({ pressed }) => [styles.typKarte, pressed && { opacity: 0.7 }]}
+                  >
+                    <View style={styles.typIkone}>
+                      <Ikone name={TYP_INFO[t].ikone} groesse={22} farbe={farben.primaer} />
+                    </View>
+                    <View style={{ flex: 1 }}>
+                      <View style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
+                        <Text style={styles.typTitel}>{ANTWORT_TYP_LABEL[t]}</Text>
+                        {empfohlen && (
+                          <View style={styles.empfohlenTag}>
+                            <Text style={styles.empfohlenText}>Empfohlen</Text>
+                          </View>
+                        )}
+                      </View>
+                      <Text style={styles.typBeschreibung}>{TYP_INFO[t].beschreibung}</Text>
+                    </View>
+                    <Ikone name="pfeilRechts" groesse={16} farbe={farben.textTertiaer} />
+                  </Pressable>
+                );
+              })}
+            </View>
+          </View>
+        )}
+
+        {/* ── Schritt 2: Angaben ── */}
+        {schritt === 2 && typ && (
+          <View>
+            <View style={styles.wahlPill}>
+              <Ikone name={TYP_INFO[typ].ikone} groesse={15} farbe={farben.primaerFuellung} />
+              <Text style={styles.wahlPillText}>{ANTWORT_TYP_LABEL[typ]}</Text>
+            </View>
+            <Text style={styles.titel}>Angaben ergänzen</Text>
+            <Text style={styles.feldLabel}>Zusätzliche Angaben (optional)</Text>
             <TextInput
-              style={[styles.eingabe, styles.betreffEingabe]}
+              style={[styles.eingabe, styles.mehrzeilig]}
+              placeholder="z. B. Wunschtermin, Grund der Verschiebung, was Sie beilegen…"
+              placeholderTextColor={farben.textTertiaer}
+              value={hinweise}
+              onChangeText={setHinweise}
+              multiline
+              textAlignVertical="top"
+            />
+            <View style={styles.infoBox}>
+              <Ikone name="funken" groesse={16} farbe={farben.primaerFuellung} />
+              <Text style={styles.infoBoxText}>
+                Aktenzeichen, Behörde und die Angaben aus dem Brief übernimmt die App
+                automatisch — Sie müssen nichts abtippen.
+              </Text>
+            </View>
+            <View style={{ marginTop: abstand.m }}>
+              <GrossButton titel="Entwurf erstellen" ikone="funken" onPress={erzeugen} laedt={laedt} />
+            </View>
+            <Pressable onPress={() => setSchritt(1)} style={styles.zurueck} accessibilityRole="button">
+              <Ikone name="pfeilLinks" groesse={14} farbe={farben.primaerFuellung} />
+              <Text style={styles.zurueckText}>Andere Antwort wählen</Text>
+            </Pressable>
+          </View>
+        )}
+
+        {/* ── Schritt 3: Entwurf ── */}
+        {schritt === 3 && (
+          <View>
+            <Text style={styles.titel}>Ihr Schreiben ist fertig</Text>
+            <Text style={styles.unterTitel}>
+              Prüfen Sie den Entwurf und ersetzen Sie die Platzhalter in [eckigen
+              Klammern] durch Ihre Daten.
+            </Text>
+            <Text style={styles.feldLabel}>Betreff</Text>
+            <TextInput
+              style={[styles.eingabe, { fontWeight: '700' }]}
               value={betreff}
               onChangeText={setBetreff}
               accessibilityLabel="Betreff"
             />
+            <Text style={styles.feldLabel}>Schreiben</Text>
             <TextInput
-              style={[styles.eingabe, styles.textEingabe]}
+              style={[styles.eingabe, styles.briefText]}
               value={text}
               onChangeText={setText}
               multiline
               textAlignVertical="top"
               accessibilityLabel="Brieftext"
             />
-            <View style={{ gap: abstand.s }}>
+            <View style={{ gap: abstand.s, marginTop: abstand.s }}>
               <GrossButton titel="Als PDF exportieren" ikone="dokument" onPress={alsPdf} />
               <GrossButton titel="Als Text teilen / kopieren" ikone="teilen" variante="sekundaer" onPress={alsText} />
             </View>
-          </>
+            <Pressable onPress={() => setSchritt(2)} style={styles.zurueck} accessibilityRole="button">
+              <Ikone name="pfeilLinks" groesse={14} farbe={farben.primaerFuellung} />
+              <Text style={styles.zurueckText}>Angaben ändern & neu erstellen</Text>
+            </Pressable>
+          </View>
         )}
-        <View style={{ height: abstand.xl }} />
       </ScrollView>
     </KeyboardAvoidingView>
   );
 }
 
 function escapeHtml(s: string): string {
-  return s
+  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
-    .replace(/&/g, '&amp;')
-    .replace(/</g, '&lt;')
-    .replace(/>/g, '&gt;')
-    .replace(/"/g, '&quot;');
 }
 
 const styles = StyleSheet.create({
   container: { flex: 1, backgroundColor: farben.hintergrund },
   zentriert: { flex: 1, justifyContent: 'center', alignItems: 'center' },
-  abschnittTitel: {
-    fontSize: schrift.gross,
-    fontWeight: '700',
-    color: farben.primaer,
-    marginTop: abstand.l,
-    marginBottom: abstand.s,
-  },
-  typListe: { gap: abstand.s },
-  eingabe: {
-    borderWidth: 1,
-    borderColor: farben.rand,
-    borderRadius: 12,
-    padding: abstand.s,
-    fontSize: schrift.basis,
-    color: farben.text,
-    backgroundColor: farben.hintergrund,
-    minHeight: 56,
-    marginBottom: abstand.m,
-  },
-  betreffEingabe: { fontWeight: '700' },
-  textEingabe: { minHeight: 320, lineHeight: 26 },
-  hinweis: { fontSize: schrift.klein, color: farben.textSekundaer, marginBottom: abstand.s },
   text: { fontSize: schrift.basis, color: farben.text },
+
+  schrittLabel: { fontSize: schrift.klein, color: farben.textSekundaer, fontWeight: '600', marginBottom: abstand.xs },
+  fortschritt: { flexDirection: 'row', gap: 6, marginBottom: abstand.l },
+  balken: { flex: 1, height: 5, borderRadius: 3 },
+
+  titel: { fontSize: schrift.titel, fontWeight: '800', color: farben.text, marginBottom: 4 },
+  unterTitel: { fontSize: schrift.klein, color: farben.textSekundaer, lineHeight: 22, marginBottom: abstand.s },
+
+  // Schritt 1 — Karten
+  typKarte: {
+    flexDirection: 'row', alignItems: 'center', gap: abstand.s,
+    backgroundColor: farben.flaeche, borderRadius: 14, padding: abstand.m,
+  },
+  typIkone: {
+    width: 44, height: 44, borderRadius: 12, borderWidth: 1, borderColor: farben.primaer,
+    alignItems: 'center', justifyContent: 'center', flexShrink: 0,
+  },
+  typTitel: { fontSize: schrift.basis, fontWeight: '700', color: farben.text },
+  typBeschreibung: { fontSize: schrift.klein, color: farben.textSekundaer, marginTop: 2, lineHeight: 20 },
+  empfohlenTag: { backgroundColor: farben.hervorhebung, borderRadius: 6, paddingHorizontal: 8, paddingVertical: 2 },
+  empfohlenText: { fontSize: 11, fontWeight: '700', color: farben.primaerFuellung },
+
+  // Schritt 2/3
+  wahlPill: {
+    flexDirection: 'row', alignSelf: 'flex-start', alignItems: 'center', gap: 7,
+    borderWidth: 1, borderColor: farben.primaer, borderRadius: 9999,
+    paddingHorizontal: 12, paddingVertical: 6, marginBottom: abstand.m,
+  },
+  wahlPillText: { fontSize: schrift.klein, color: farben.primaerFuellung, fontWeight: '600' },
+  feldLabel: { fontSize: schrift.klein, color: farben.textSekundaer, fontWeight: '600', marginTop: abstand.s, marginBottom: 6 },
+  eingabe: {
+    borderWidth: 1, borderColor: farben.rand, borderRadius: 12, padding: abstand.s,
+    fontSize: schrift.basis, color: farben.text, backgroundColor: farben.flaeche, minHeight: 52,
+  },
+  mehrzeilig: { minHeight: 110 },
+  briefText: { minHeight: 300, lineHeight: 26 },
+  infoBox: {
+    flexDirection: 'row', gap: abstand.s, alignItems: 'flex-start',
+    backgroundColor: farben.hervorhebung, borderRadius: 12, padding: abstand.m, marginTop: abstand.m,
+  },
+  infoBoxText: { flex: 1, fontSize: schrift.klein, color: farben.text, lineHeight: 21 },
+  zurueck: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: 6, marginTop: abstand.m, paddingVertical: abstand.s },
+  zurueckText: { fontSize: schrift.klein, color: farben.primaerFuellung, fontWeight: '600' },
 });

webseite/ar.html

@@ -5,23 +5,48 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>BehördenKlar – افهم الرسائل الرسمية الألمانية</title>
   <meta name="description" content="‏BehördenKlar يشرح الرسائل الرسمية الألمانية بكلمات بسيطة — بالعربية. صوّر الرسالة، افهمها، وردّ بشكل صحيح. قريباً على iPhone.">
-  <link rel="alternate" hreflang="de" href="https://behoerdenklar.pages.dev/">
+  <meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
-  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.pages.dev/tr">
+  <meta name="author" content="BehördenKlar">
-  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.pages.dev/ar">
+  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  <link rel="alternate" hreflang="en" href="https://behoerdenklar.pages.dev/en">
+  <meta name="theme-color" content="#1d4e89">
-  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
+  <meta name="apple-mobile-web-app-title" content="BehördenKlar">
-  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <meta name="apple-mobile-web-app-capable" content="yes">
-  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <link rel="canonical" href="https://behoerdenklar.pages.dev/ar">
+  <meta property="og:locale:alternate" content="tr_TR">
+  <meta property="og:locale:alternate" content="ar_AR">
+  <meta property="og:locale:alternate" content="en_US">
+  <meta property="og:locale:alternate" content="uk_UA">
+  <meta property="og:locale:alternate" content="ru_RU">
+  <meta property="og:locale:alternate" content="pl_PL">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
+  <meta name="msvalidate.01" content="...">
+  <meta name="apple-app-site-association" content="...">
+  <meta name="app-links" content="...">
+  <meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
+  <meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
+  <meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
+  <meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
+  <meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
+  <link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
+  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
+  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
+  <link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
+  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
+  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
+  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.de/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.de/">
+  <link rel="canonical" href="https://behoerdenklar.de/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:url" content="https://behoerdenklar.de/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" content="https://behoerdenklar.de/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.">
@@ -152,6 +177,35 @@
     .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": "SoftwareApplication",
+    "name": "BehördenKlar",
+    "description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
+    "applicationCategory": "AccessibilityApplication",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "EUR"
+    },
+    "inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
+    "featureList": [
+      "Amtsbriefe fotografieren und erklären lassen",
+      "Klartext in einfacher Sprache",
+      "Übersetzung in 9 Sprachen",
+      "Automatische Erinnerungen für Fristen",
+      "Fertige Antworten generieren",
+      "Vorlesen der Inhalte",
+      "Keine Anmeldung erforderlich"
+    ],
+    "targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
+    "author": {
+      "@type": "Organization",
+      "name": "BehördenKlar"
+    }
+  }
+  </script>
 </head>
 <body>
   <div class="wrap">

webseite/demo.html

@@ -5,15 +5,40 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Gratis-Demo: Behördenbrief online erklären lassen | BehördenKlar</title>
   <meta name="description" content="Testen Sie BehördenKlar direkt im Browser: Brief fotografieren, hochladen, in einfacher Sprache erklärt bekommen. 2 Analysen gratis, ohne Konto.">
-  <link rel="canonical" href="https://behoerdenklar.pages.dev/demo">
+  <meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
+  <meta name="author" content="BehördenKlar">
+  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
+  <meta name="theme-color" content="#1d4e89">
+  <meta name="apple-mobile-web-app-title" content="BehördenKlar">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta property="og:locale:alternate" content="tr_TR">
+  <meta property="og:locale:alternate" content="ar_AR">
+  <meta property="og:locale:alternate" content="en_US">
+  <meta property="og:locale:alternate" content="uk_UA">
+  <meta property="og:locale:alternate" content="ru_RU">
+  <meta property="og:locale:alternate" content="pl_PL">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
+  <meta name="msvalidate.01" content="...">
+  <meta name="apple-app-site-association" content="...">
+  <meta name="app-links" content="...">
+  <meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
+  <meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
+  <meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
+  <meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
+  <meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
+  <link rel="canonical" href="https://behoerdenklar.de/demo">
   <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/demo">
+  <meta property="og:url" content="https://behoerdenklar.de/demo">
   <meta property="og:title" content="Probieren Sie es aus: Ihr Behördenbrief, einfach erklärt">
   <meta property="og:description" content="Direkt im Browser testen — 2 Gratis-Analysen, ohne Konto. Brief fotografieren, Klartext lesen.">
-  <meta property="og:image" content="https://behoerdenklar.pages.dev/vorschau.png">
+  <meta property="og:image" content="https://behoerdenklar.de/vorschau.png">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta name="twitter:card" content="summary_large_image">
@@ -181,6 +206,35 @@
     footer { margin-top: 48px; font-size: 14.5px; color: var(--grau); }
     footer a { color: var(--grau); }
   </style>
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    "name": "BehördenKlar",
+    "description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
+    "applicationCategory": "AccessibilityApplication",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "EUR"
+    },
+    "inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
+    "featureList": [
+      "Amtsbriefe fotografieren und erklären lassen",
+      "Klartext in einfacher Sprache",
+      "Übersetzung in 9 Sprachen",
+      "Automatische Erinnerungen für Fristen",
+      "Fertige Antworten generieren",
+      "Vorlesen der Inhalte",
+      "Keine Anmeldung erforderlich"
+    ],
+    "targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
+    "author": {
+      "@type": "Organization",
+      "name": "BehördenKlar"
+    }
+  }
+  </script>
 </head>
 <body>
   <div class="wrap">

webseite/en.html

@@ -5,23 +5,48 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>BehördenKlar – Understand German official letters</title>
   <meta name="description" content="BehördenKlar explains German official letters in simple words — in English. Take a photo, understand the letter, respond the right way. Coming soon for iPhone.">
-  <link rel="alternate" hreflang="de" href="https://behoerdenklar.pages.dev/">
+  <meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
-  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.pages.dev/tr">
+  <meta name="author" content="BehördenKlar">
-  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.pages.dev/ar">
+  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  <link rel="alternate" hreflang="en" href="https://behoerdenklar.pages.dev/en">
+  <meta name="theme-color" content="#1d4e89">
-  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
+  <meta name="apple-mobile-web-app-title" content="BehördenKlar">
-  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <meta name="apple-mobile-web-app-capable" content="yes">
-  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <link rel="canonical" href="https://behoerdenklar.pages.dev/en">
+  <meta property="og:locale:alternate" content="tr_TR">
+  <meta property="og:locale:alternate" content="ar_AR">
+  <meta property="og:locale:alternate" content="en_US">
+  <meta property="og:locale:alternate" content="uk_UA">
+  <meta property="og:locale:alternate" content="ru_RU">
+  <meta property="og:locale:alternate" content="pl_PL">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
+  <meta name="msvalidate.01" content="...">
+  <meta name="apple-app-site-association" content="...">
+  <meta name="app-links" content="...">
+  <meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
+  <meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
+  <meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
+  <meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
+  <meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
+  <link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
+  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
+  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
+  <link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
+  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
+  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
+  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.de/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.de/">
+  <link rel="canonical" href="https://behoerdenklar.de/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:url" content="https://behoerdenklar.de/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" content="https://behoerdenklar.de/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.">
@@ -152,6 +177,35 @@
     .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": "SoftwareApplication",
+    "name": "BehördenKlar",
+    "description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
+    "applicationCategory": "AccessibilityApplication",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "EUR"
+    },
+    "inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
+    "featureList": [
+      "Amtsbriefe fotografieren und erklären lassen",
+      "Klartext in einfacher Sprache",
+      "Übersetzung in 9 Sprachen",
+      "Automatische Erinnerungen für Fristen",
+      "Fertige Antworten generieren",
+      "Vorlesen der Inhalte",
+      "Keine Anmeldung erforderlich"
+    ],
+    "targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
+    "author": {
+      "@type": "Organization",
+      "name": "BehördenKlar"
+    }
+  }
+  </script>
 </head>
 <body>
   <div class="wrap">

webseite/index.html

@@ -4,24 +4,33 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Behördenbriefe einfach erklärt – per Foto | BehördenKlar</title>
-  <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.">
+  <meta name="description" content="BehördenKlar erklärt Amtsbriefe in einfacher Sprache: Foto machen, verstehen, richtig reagieren – in 9 Sprachen. 2 Analysen gratis testen.">
-  <link rel="alternate" hreflang="de" href="https://behoerdenklar.pages.dev/">
+  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.pages.dev/tr">
+  <meta name="theme-color" content="#1d4e89">
-  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.pages.dev/ar">
+  <meta property="og:locale:alternate" content="tr_TR">
-  <link rel="alternate" hreflang="en" href="https://behoerdenklar.pages.dev/en">
+  <meta property="og:locale:alternate" content="ar_AR">
-  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
+  <meta property="og:locale:alternate" content="en_US">
-  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
+  <meta property="og:locale:alternate" content="uk_UA">
-  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <meta property="og:locale:alternate" content="ru_RU">
-  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <meta property="og:locale:alternate" content="pl_PL">
-  <link rel="canonical" href="https://behoerdenklar.pages.dev/">
+  <meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc" />
+  <link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
+  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
+  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
+  <link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
+  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
+  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
+  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.de/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.de/">
+  <link rel="canonical" href="https://behoerdenklar.de/">
   <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:url" content="https://behoerdenklar.de/">
-  <meta property="og:title" content="Brief vom Amt? Endlich verstanden.">
+  <meta property="og:title" content="Amtsbrief zu schwer? Lass die KI ihn erklären">
-  <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:description" content="Foto → einfacher Klartext. 9 Sprachen, ohne Anmeldung. Für Menschen, denen Behördendeutsch schwerfällt.">
-  <meta property="og:image" content="https://behoerdenklar.pages.dev/vorschau.png">
+  <meta property="og:image" content="https://behoerdenklar.de/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.">
@@ -264,6 +273,18 @@
     }
     .wl-input::placeholder { color: #9a958a; }
     .wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
+
+    /* Ratgeber-Abschnitt */
+    .rat-liste { display: grid; gap: 11px; margin-top: 4px; }
+    .rat-karte {
+      display: block; background: #fff; border: 1px solid rgba(33, 33, 29, 0.28);
+      padding: 15px 18px; text-decoration: none; color: var(--tinte);
+      box-shadow: 3px 4px 0 rgba(33, 33, 29, 0.08);
+    }
+    .rat-karte b { display: block; font-size: 18px; color: var(--amtsblau); margin-bottom: 3px; }
+    .rat-karte span { font-size: 14.5px; color: var(--grau); }
+    .rat-alle { margin-top: 14px; font-size: 16px; }
+    .rat-alle a { color: var(--amtsblau); font-weight: 700; }
   </style>
   <script type="application/ld+json">
   {
@@ -273,27 +294,27 @@
       {
         "@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." }
+        "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 entsc[...]
       },
       {
         "@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." }
+        "acceptedAnswer": { "@type": "Answer", "text": "Briefe vom Jobcenter, von der Ausländerbehörde, Rentenversicherung, Krankenkasse, Familienkasse (Kindergeld), vom Finanzamt oder der Buß[...]
       },
       {
         "@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." }
+        "acceptedAnswer": { "@type": "Answer", "text": "Arabisch, Türkisch, Englisch, Ukrainisch, Russisch, Polnisch, Farsi, Rumänisch und Französisch. Die deutschen Amts-Wörter bleiben sicht[...]
       },
       {
         "@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." }
+        "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ät[...]
       },
       {
         "@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." }
+        "acceptedAnswer": { "@type": "Answer", "text": "Nein. Die App erklärt Briefe — sie ist keine Rechtsberatung. Bei wichtigen Entscheidungen (z. B. Widerspruch) hilft eine Beratungsstelle[...]
       },
       {
         "@type": "Question",
@@ -303,6 +324,35 @@
     ]
   }
   </script>
+  <script type="application/ld+json">
+  {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    "name": "BehördenKlar",
+    "description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
+    "applicationCategory": "AccessibilityApplication",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "EUR"
+    },
+    "inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
+    "featureList": [
+      "Amtsbriefe fotografieren und erklären lassen",
+      "Klartext in einfacher Sprache",
+      "Übersetzung in 9 Sprachen",
+      "Automatische Erinnerungen für Fristen",
+      "Fertige Antworten generieren",
+      "Vorlesen der Inhalte",
+      "Keine Anmeldung erforderlich"
+    ],
+    "targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
+    "author": {
+      "@type": "Organization",
+      "name": "BehördenKlar"
+    }
+  }
+  </script>
 </head>
 <body>
   <div class="wrap">
@@ -432,7 +482,7 @@
           🎁 <strong>Ihr Dankeschön:</strong> Sie können <strong>5 Briefe
           gratis</strong> erklären lassen — statt 3. Den Code bekommen Sie per E-Mail, sobald die App fertig ist.
         </p>
-        <form class="wl-form" action="https://86550585.sibforms.com/serve/MUIFAAvOQCpFg148k-xD2Ze2PDVKKaFEIaLECCCMe9fGKd_uIurPljyn_IhTrkR0EkM_pQp_8VBzcHZ6N9sKDX5GBZi9elYKN6isXGPUUxcAgO37OKhTFZyMlJiC9ikRmPI8Q2tU2GvqP6esJ5ReGfv1htZV_OfXRIgW59P6pkeUsYKxqdXA7nWOaWxNTYz4MzzoGg7czJMJ2fxuEg==" method="POST">
+        <form class="wl-form" action="https://86550585.sibforms.com/serve/MUIFAAvOQCpFg148k-xD2Ze2PDVKKaFEIaLECCCMe9fGKd_uIurPljyn_IhTrkR0EkM_pQp_8VBzcHZ6N9sKDX5GBZi9elYKN6isXGPUUxcAgO37OKhTFZyMl[...]
           <input class="wl-input" type="email" name="EMAIL" placeholder="Ihre E-Mail-Adresse" required autocomplete="email">
           <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">
@@ -454,7 +504,7 @@
       </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>
+        <p>Briefe vom Jobcenter, von der Ausländerbehörde, Rentenversicherung, Krankenkasse, Familienkasse (Kindergeld), vom Finanzamt oder der Bußgeldstelle — kurz: fast jeden offiziellen B[...]
       </details>
       <details>
         <summary>In welche Sprachen übersetzt die App?</summary>
@@ -462,7 +512,7 @@
       </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>
+        <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 b[...]
       </details>
       <details>
         <summary>Ersetzt die App einen Anwalt?</summary>
@@ -474,12 +524,40 @@
       </details>
     </section>
 
+    <section>
+      <h2><span class="nr">§ 7</span> Ratgeber</h2>
+      <p style="margin-bottom: 16px;">
+        Häufige Briefe verständlich erklärt — welche Frist gilt und was Sie tun
+        müssen. In einfacher Sprache:
+      </p>
+      <div class="rat-liste">
+        <a class="rat-karte" href="/ratgeber/jobcenter-mitwirkungsaufforderung">
+          <b>Mitwirkungsaufforderung vom Jobcenter</b>
+          <span>Welche Unterlagen Sie brauchen und was passiert, wenn Sie nicht reagieren.</span>
+        </a>
+        <a class="rat-karte" href="/ratgeber/steuerbescheid-finanzamt-einspruch">
+          <b>Steuerbescheid vom Finanzamt</b>
+          <span>Nachzahlung erkennen, den Bescheid prüfen und fristgerecht Einspruch einlegen.</span>
+        </a>
+        <a class="rat-karte" href="/ratgeber/auslaenderbehoerde-termin-aufenthaltstitel">
+          <b>Brief von der Ausländerbehörde</b>
+          <span>Termin, welche Unterlagen Sie mitbringen und wie Sie Ihren Aufenthaltstitel verlängern.</span>
+        </a>
+        <a class="rat-karte" href="/ratgeber/widerspruch-einlegen">
+          <b>Widerspruch einlegen — so geht's</b>
+          <span>Welche Frist gilt und wie Sie einen Widerspruch schreiben — mit Muster-Text.</span>
+        </a>
+      </div>
+      <p class="rat-alle"><a href="/ratgeber/">Alle Ratgeber ansehen →</a></p>
+    </section>
+
     <div class="grussformel">
       <p>Mit freundlichen und verständlichen Grüßen</p>
       <p class="unterschrift">Ihr BehördenKlar</p>
 
       <div class="anlage">
-        Anlagen: <a href="impressum.html" style="color: inherit;">Impressum</a> ·
+        Anlagen: <a href="/ratgeber/" style="color: inherit;">Ratgeber</a> ·
+        <a href="impressum.html" style="color: inherit;">Impressum</a> ·
         <a href="datenschutz.html" style="color: inherit;">Datenschutzerklärung</a> ·
         Kontakt: <a href="mailto:behoerdenbriefhelfer@gmail.com" style="color: inherit;">behoerdenbriefhelfer@gmail.com</a>
       </div>
@@ -493,4 +571,4 @@
   <!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
   <script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
 </body>
-</html>
+</html>

webseite/pl.html

@@ -5,23 +5,48 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>BehördenKlar – Zrozum niemieckie pisma urzędowe</title>
   <meta name="description" content="BehördenKlar wyjaśnia niemieckie pisma urzędowe prostymi słowami — po polsku. Zrób zdjęcie, zrozum list, zareaguj właściwie. Wkrótce na iPhone'a.">
-  <link rel="alternate" hreflang="de" href="https://behoerdenklar.pages.dev/">
+  <meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
-  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.pages.dev/tr">
+  <meta name="author" content="BehördenKlar">
-  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.pages.dev/ar">
+  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  <link rel="alternate" hreflang="en" href="https://behoerdenklar.pages.dev/en">
+  <meta name="theme-color" content="#1d4e89">
-  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
+  <meta name="apple-mobile-web-app-title" content="BehördenKlar">
-  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <meta name="apple-mobile-web-app-capable" content="yes">
-  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <link rel="canonical" href="https://behoerdenklar.pages.dev/pl">
+  <meta property="og:locale:alternate" content="tr_TR">
+  <meta property="og:locale:alternate" content="ar_AR">
+  <meta property="og:locale:alternate" content="en_US">
+  <meta property="og:locale:alternate" content="uk_UA">
+  <meta property="og:locale:alternate" content="ru_RU">
+  <meta property="og:locale:alternate" content="pl_PL">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
+  <meta name="msvalidate.01" content="...">
+  <meta name="apple-app-site-association" content="...">
+  <meta name="app-links" content="...">
+  <meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
+  <meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
+  <meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
+  <meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
+  <meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
+  <link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
+  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
+  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
+  <link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
+  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
+  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
+  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.de/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.de/">
+  <link rel="canonical" href="https://behoerdenklar.de/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:url" content="https://behoerdenklar.de/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" content="https://behoerdenklar.de/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.">
@@ -152,6 +177,35 @@
     .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": "SoftwareApplication",
+    "name": "BehördenKlar",
+    "description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
+    "applicationCategory": "AccessibilityApplication",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "EUR"
+    },
+    "inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
+    "featureList": [
+      "Amtsbriefe fotografieren und erklären lassen",
+      "Klartext in einfacher Sprache",
+      "Übersetzung in 9 Sprachen",
+      "Automatische Erinnerungen für Fristen",
+      "Fertige Antworten generieren",
+      "Vorlesen der Inhalte",
+      "Keine Anmeldung erforderlich"
+    ],
+    "targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
+    "author": {
+      "@type": "Organization",
+      "name": "BehördenKlar"
+    }
+  }
+  </script>
 </head>
 <body>
   <div class="wrap">

webseite/ratgeber/auslaenderbehoerde-termin-aufenthaltstitel.html

@@ -0,0 +1,160 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Brief von der Ausländerbehörde: Termin & Unterlagen | BehördenKlar</title>
+  <meta name="description" content="Ladung von der Ausländerbehörde bekommen? Einfach erklärt: was der Termin bedeutet, welche Unterlagen Sie mitbringen und wie Sie Ihren Aufenthaltstitel verlängern.">
+  <link rel="canonical" href="https://behoerdenklar.de/ratgeber/auslaenderbehoerde-termin-aufenthaltstitel">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="article">
+  <meta property="og:locale" content="de_DE">
+  <meta property="og:url" content="https://behoerdenklar.de/ratgeber/auslaenderbehoerde-termin-aufenthaltstitel">
+  <meta property="og:title" content="Brief von der Ausländerbehörde: Termin & Unterlagen">
+  <meta property="og:description" content="Was der Termin bedeutet, welche Unterlagen Sie mitbringen und wie Sie Ihren Aufenthaltstitel verlängern – einfach erklärt.">
+  <meta property="og:image" content="https://behoerdenklar.de/vorschau.png">
+  <meta name="twitter:card" content="summary_large_image">
+  <style>
+    :root{--papier:#faf7f0;--tinte:#21211d;--grau:#6b675e;--amtsblau:#1d4e89;--marker:#ffe66b;--gruen:#2e7d4f;color-scheme:light}
+    *{margin:0;padding:0;box-sizing:border-box}
+    body{font-family:Georgia,'Times New Roman',serif;background:var(--papier);color:var(--tinte);line-height:1.75;font-size:18px}
+    .wrap{max-width:680px;margin:0 auto;padding:0 20px 60px}
+    a{color:var(--amtsblau)}
+    .top{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:2px solid var(--tinte);font-size:15px}
+    .top .marke{font-weight:700;text-decoration:none;color:var(--tinte)}
+    .brot{font-size:14px;color:var(--grau);margin:22px 0 0}
+    .brot a{color:var(--grau)}
+    .kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--amtsblau);margin:8px 0 6px}
+    h1{font-size:clamp(27px,5vw,37px);line-height:1.2;margin-bottom:14px}
+    h2{font-size:23px;margin:32px 0 10px;line-height:1.25}
+    p{margin-bottom:16px}
+    ul,ol{margin:0 0 16px 22px}
+    li{margin-bottom:9px}
+    strong{font-weight:700}
+    .markiert{background:linear-gradient(104deg,transparent 2%,var(--marker) 4%,var(--marker) 96%,transparent 98%);padding:0 5px}
+    .kurz{background:#fff;border:2px solid var(--tinte);box-shadow:5px 6px 0 rgba(33,33,29,.9);padding:20px 22px;margin:26px 0}
+    .kurz h2{margin-top:0;font-size:18px;text-transform:uppercase;letter-spacing:.06em;color:var(--amtsblau)}
+    .kurz ul{margin-bottom:0}
+    .hinweis{font-size:15px;color:var(--grau);border-top:1px dashed rgba(33,33,29,.35);padding-top:14px;margin-top:30px}
+    .cta-box{background:var(--amtsblau);color:#fff;padding:24px 22px;margin:36px 0 0;border:2px solid var(--tinte);box-shadow:5px 6px 0 var(--tinte)}
+    .cta-box h2{color:#fff;margin:0 0 8px;font-size:22px}
+    .cta-box p{color:#e7effb;font-size:16px}
+    .cta-btn{display:inline-block;margin-top:6px;background:#fff;color:var(--amtsblau);font-weight:700;padding:13px 22px;text-decoration:none;border:2px solid var(--tinte)}
+    footer{margin-top:44px;padding-top:16px;border-top:2px solid var(--tinte);font-size:14px;color:var(--grau)}
+    footer a{color:var(--grau)}
+  </style>
+  <script type="application/ld+json">
+  {
+    "@context":"https://schema.org","@type":"FAQPage","mainEntity":[
+      {"@type":"Question","name":"Was muss ich zum Termin bei der Ausländerbehörde mitbringen?","acceptedAnswer":{"@type":"Answer","text":"Die genaue Liste steht in Ihrem Brief. Meist sind es: Reisepass, aktuelle biometrische Passfotos, Nachweis über Krankenversicherung und Einkommen, Meldebescheinigung und oft der Mietvertrag. Bringen Sie alle Unterlagen im Original mit."}},
+      {"@type":"Question","name":"Was passiert, wenn mein Aufenthaltstitel während der Bearbeitung abläuft?","acceptedAnswer":{"@type":"Answer","text":"Wenn Sie die Verlängerung rechtzeitig beantragt haben, stellt die Ausländerbehörde in der Regel eine Fiktionsbescheinigung aus. Damit gilt Ihr Aufenthalt vorläufig als erlaubt, bis über den Antrag entschieden ist."}},
+      {"@type":"Question","name":"Ich kann den Termin nicht wahrnehmen – was tun?","acceptedAnswer":{"@type":"Answer","text":"Sagen Sie so früh wie möglich ab und bitten Sie um einen neuen Termin, telefonisch oder schriftlich mit Ihrem Aktenzeichen. Erscheinen Sie nicht einfach nicht, das kann die Bearbeitung verzögern."}}
+    ]
+  }
+  </script>
+</head>
+<body>
+  <div class="wrap">
+    <div class="top">
+      <a class="marke" href="/">📬 BehördenKlar</a>
+      <a href="/ratgeber/">Ratgeber</a>
+    </div>
+
+    <p class="brot"><a href="/">Start</a> › <a href="/ratgeber/">Ratgeber</a> › Ausländerbehörde</p>
+    <p class="kicker">Ratgeber · Ausländerbehörde</p>
+    <h1>Brief von der Ausländerbehörde: <span class="markiert">Termin & Unterlagen</span></h1>
+
+    <p>
+      Ein Brief von der <strong>Ausländerbehörde</strong> (oft auch „Landesamt für
+      Einwanderung" oder „Migrationsamt") ist meist eine <strong>Ladung zu einem
+      Termin</strong> — oft, um Ihren Aufenthaltstitel zu verlängern. Das
+      Wichtigste: <strong>pünktlich kommen</strong> und <strong>alle Unterlagen im
+      Original</strong> mitbringen. Hier steht, worauf es ankommt.
+    </p>
+
+    <div class="kurz">
+      <h2>Das Wichtigste in Kürze</h2>
+      <ul>
+        <li>Meist geht es um die <strong>Verlängerung Ihres Aufenthaltstitels</strong>.</li>
+        <li>Im Brief stehen <strong>Datum, Uhrzeit</strong> und die <strong>Unterlagen</strong>, die Sie mitbringen müssen.</li>
+        <li>Bringen Sie alles <strong>im Original</strong> mit — fehlende Nachweise verzögern alles.</li>
+        <li>Termin nicht verpassen — sonst kann es Probleme mit Ihrem Aufenthalt geben.</li>
+      </ul>
+    </div>
+
+    <h2>Was will die Ausländerbehörde von mir?</h2>
+    <p>
+      Häufige Gründe für den Brief:
+    </p>
+    <ul>
+      <li>Ihr <strong>Aufenthaltstitel läuft bald ab</strong> und soll verlängert werden.</li>
+      <li>Es <strong>fehlen Unterlagen</strong>, die die Behörde für die Entscheidung braucht.</li>
+      <li>Sie sollen zur <strong>persönlichen Vorsprache</strong> kommen (z. B. für Fingerabdrücke oder Unterschrift).</li>
+    </ul>
+
+    <h2>Was muss ich mitbringen?</h2>
+    <p>
+      Die <strong>genaue Liste steht in Ihrem Brief</strong> — halten Sie sich
+      genau daran. Häufig verlangt werden:
+    </p>
+    <ul>
+      <li><strong>Reisepass</strong> (und den bisherigen Aufenthaltstitel)</li>
+      <li>Aktuelle <strong>biometrische Passfotos</strong></li>
+      <li>Nachweis über <strong>Krankenversicherung</strong></li>
+      <li>Nachweis über <strong>Einkommen</strong> (z. B. Lohnabrechnungen, Arbeitsvertrag)</li>
+      <li>Aktuelle <strong>Meldebescheinigung</strong> und oft der <strong>Mietvertrag</strong></li>
+    </ul>
+    <p>Tipp: Legen Sie alles am Abend vorher bereit und nehmen Sie den Brief selbst mit.</p>
+
+    <h2>Wichtig: Was ist eine Fiktionsbescheinigung?</h2>
+    <p>
+      Wenn Ihr Aufenthaltstitel <strong>abläuft, bevor</strong> die Behörde über Ihre
+      Verlängerung entschieden hat, bekommen Sie in der Regel eine
+      <strong>Fiktionsbescheinigung</strong> — vorausgesetzt, Sie haben die
+      Verlängerung <strong>rechtzeitig</strong> beantragt. Sie gilt als Nachweis,
+      dass Ihr Aufenthalt vorläufig erlaubt bleibt. Beantragen Sie die Verlängerung
+      also immer <strong>früh genug</strong>.
+    </p>
+
+    <h2>Ich kann den Termin nicht wahrnehmen</h2>
+    <p>
+      Erscheinen Sie <strong>nicht einfach nicht</strong>. Sagen Sie so früh wie
+      möglich ab und bitten Sie um einen neuen Termin — telefonisch oder
+      schriftlich, immer mit Ihrem <strong>Aktenzeichen</strong>. Fehlende oder
+      versäumte Termine können die Bearbeitung verzögern.
+    </p>
+
+    <h2>Wo bekomme ich Hilfe?</h2>
+    <ul>
+      <li>Die <strong>Migrationsberatung für Erwachsene (MBE)</strong> und der <strong>Jugendmigrationsdienst (JMD)</strong> helfen kostenlos und in vielen Sprachen.</li>
+      <li>Auch <strong>Wohlfahrtsverbände</strong> wie Caritas, Diakonie oder AWO beraten zu Aufenthaltsfragen.</li>
+    </ul>
+
+    <p class="hinweis">
+      ⚖️ Dieser Ratgeber erklärt allgemein und ersetzt keine Rechtsberatung. Im
+      Aufenthaltsrecht kommt es auf Ihren Einzelfall an — lassen Sie sich bei einer
+      Beratungsstelle oder einer Anwältin bzw. einem Anwalt für Migrationsrecht beraten.
+    </p>
+
+    <div class="cta-box">
+      <h2>Den Brief in Ihrer Sprache verstehen</h2>
+      <p>
+        Mit BehördenKlar fotografieren Sie den Brief — die App erklärt ihn in
+        einfacher Sprache und übersetzt in 9 Sprachen (u. a. Arabisch, Türkisch,
+        Ukrainisch, Farsi). Kostenlos im Browser testen.
+      </p>
+      <a class="cta-btn" href="/demo">Jetzt gratis testen →</a>
+    </div>
+
+    <footer>
+      <a href="/ratgeber/">← Zurück zum Ratgeber</a> ·
+      <a href="/">Startseite</a> ·
+      <a href="/impressum.html">Impressum</a> ·
+      <a href="/datenschutz.html">Datenschutz</a>
+    </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": "11f017e9a707466b9151921db6125dde"}'></script>
+</body>
+</html>

webseite/ratgeber/index.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Ratgeber: Behördenbriefe verstehen | BehördenKlar</title>
+  <meta name="description" content="Verständliche Ratgeber zu Briefen von Jobcenter, Finanzamt & Ausländerbehörde: was sie bedeuten, welche Fristen gelten und was Sie tun müssen. In einfacher Sprache.">
+  <link rel="canonical" href="https://behoerdenklar.de/ratgeber/">
+  <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.de/ratgeber/">
+  <meta property="og:title" content="Ratgeber: Behördenbriefe verstehen">
+  <meta property="og:description" content="Verständliche Ratgeber zu Briefen von Jobcenter, Finanzamt & Ausländerbehörde – in einfacher Sprache.">
+  <meta property="og:image" content="https://behoerdenklar.de/vorschau.png">
+  <meta name="twitter:card" content="summary_large_image">
+  <style>
+    :root{--papier:#faf7f0;--tinte:#21211d;--grau:#6b675e;--amtsblau:#1d4e89;--marker:#ffe66b;color-scheme:light}
+    *{margin:0;padding:0;box-sizing:border-box}
+    body{font-family:Georgia,'Times New Roman',serif;background:var(--papier);color:var(--tinte);line-height:1.75;font-size:18px}
+    .wrap{max-width:680px;margin:0 auto;padding:0 20px 60px}
+    a{color:var(--amtsblau)}
+    .top{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:2px solid var(--tinte);font-size:15px}
+    .top .marke{font-weight:700;text-decoration:none;color:var(--tinte)}
+    .kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--amtsblau);margin:32px 0 6px}
+    h1{font-size:clamp(28px,5vw,38px);line-height:1.2;margin-bottom:14px}
+    .intro{font-size:19px;margin-bottom:8px}
+    .artikel-liste{list-style:none;margin:26px 0 0}
+    .artikel-liste li{margin-bottom:14px}
+    .artikel-karte{display:block;background:#fff;border:1px solid rgba(33,33,29,.28);padding:18px 20px;text-decoration:none;color:var(--tinte);box-shadow:3px 4px 0 rgba(33,33,29,.08)}
+    .artikel-karte b{display:block;font-size:19px;color:var(--amtsblau);margin-bottom:4px}
+    .artikel-karte span{font-size:15px;color:var(--grau)}
+    .bald{opacity:.6;font-style:italic;font-size:15px;color:var(--grau);margin-top:18px}
+    footer{margin-top:44px;padding-top:16px;border-top:2px solid var(--tinte);font-size:14px;color:var(--grau)}
+    footer a{color:var(--grau)}
+  </style>
+</head>
+<body>
+  <div class="wrap">
+    <div class="top">
+      <a class="marke" href="/">📬 BehördenKlar</a>
+      <a href="/demo">Gratis testen</a>
+    </div>
+
+    <p class="kicker">Ratgeber</p>
+    <h1>Behördenbriefe verstehen</h1>
+    <p class="intro">
+      Ein Brief vom Amt macht schnell Angst. Hier erklären wir die häufigsten
+      Briefe in <strong>einfacher Sprache</strong>: was sie bedeuten, welche
+      Frist gilt und was Sie tun müssen — ohne Amtsdeutsch.
+    </p>
+
+    <ul class="artikel-liste">
+      <li>
+        <a class="artikel-karte" href="/ratgeber/jobcenter-mitwirkungsaufforderung">
+          <b>Mitwirkungsaufforderung vom Jobcenter</b>
+          <span>Was das Wort bedeutet, welche Unterlagen Sie brauchen und was passiert, wenn Sie nicht reagieren.</span>
+        </a>
+      </li>
+      <li>
+        <a class="artikel-karte" href="/ratgeber/steuerbescheid-finanzamt-einspruch">
+          <b>Steuerbescheid vom Finanzamt</b>
+          <span>Erstattung oder Nachzahlung erkennen, den Bescheid prüfen und fristgerecht Einspruch einlegen.</span>
+        </a>
+      </li>
+      <li>
+        <a class="artikel-karte" href="/ratgeber/auslaenderbehoerde-termin-aufenthaltstitel">
+          <b>Brief von der Ausländerbehörde</b>
+          <span>Termin, welche Unterlagen Sie mitbringen und wie Sie Ihren Aufenthaltstitel verlängern.</span>
+        </a>
+      </li>
+      <li>
+        <a class="artikel-karte" href="/ratgeber/widerspruch-einlegen">
+          <b>Widerspruch einlegen – so geht's</b>
+          <span>Welche Frist gilt, wie Sie einen Widerspruch schreiben – mit Muster-Text zum Abschreiben.</span>
+        </a>
+      </li>
+    </ul>
+
+    <footer>
+      <a href="/">← Startseite</a> ·
+      <a href="/impressum.html">Impressum</a> ·
+      <a href="/datenschutz.html">Datenschutz</a>
+    </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": "11f017e9a707466b9151921db6125dde"}'></script>
+</body>
+</html>

webseite/ratgeber/jobcenter-mitwirkungsaufforderung.html

@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Mitwirkungsaufforderung vom Jobcenter: Was tun? | BehördenKlar</title>
+  <meta name="description" content="Brief vom Jobcenter mit „Mitwirkungsaufforderung“? Einfach erklärt: was das bedeutet, was Sie bis wann tun müssen und was passiert, wenn Sie nicht reagieren.">
+  <link rel="canonical" href="https://behoerdenklar.de/ratgeber/jobcenter-mitwirkungsaufforderung">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="article">
+  <meta property="og:locale" content="de_DE">
+  <meta property="og:url" content="https://behoerdenklar.de/ratgeber/jobcenter-mitwirkungsaufforderung">
+  <meta property="og:title" content="Mitwirkungsaufforderung vom Jobcenter: Was bedeutet das?">
+  <meta property="og:description" content="Einfach erklärt: was der Brief bedeutet, was Sie bis wann tun müssen und was passiert, wenn Sie nicht reagieren.">
+  <meta property="og:image" content="https://behoerdenklar.de/vorschau.png">
+  <meta name="twitter:card" content="summary_large_image">
+  <style>
+    :root{--papier:#faf7f0;--tinte:#21211d;--grau:#6b675e;--amtsblau:#1d4e89;--marker:#ffe66b;--gruen:#2e7d4f;color-scheme:light}
+    *{margin:0;padding:0;box-sizing:border-box}
+    body{font-family:Georgia,'Times New Roman',serif;background:var(--papier);color:var(--tinte);line-height:1.75;font-size:18px}
+    .wrap{max-width:680px;margin:0 auto;padding:0 20px 60px}
+    a{color:var(--amtsblau)}
+    .top{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:2px solid var(--tinte);font-size:15px}
+    .top .marke{font-weight:700;text-decoration:none;color:var(--tinte)}
+    .brot{font-size:14px;color:var(--grau);margin:22px 0 0}
+    .brot a{color:var(--grau)}
+    .kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--amtsblau);margin:8px 0 6px}
+    h1{font-size:clamp(27px,5vw,37px);line-height:1.2;margin-bottom:14px}
+    h2{font-size:23px;margin:32px 0 10px;line-height:1.25}
+    p{margin-bottom:16px}
+    ul,ol{margin:0 0 16px 22px}
+    li{margin-bottom:9px}
+    strong{font-weight:700}
+    .markiert{background:linear-gradient(104deg,transparent 2%,var(--marker) 4%,var(--marker) 96%,transparent 98%);padding:0 5px}
+    .kurz{background:#fff;border:2px solid var(--tinte);box-shadow:5px 6px 0 rgba(33,33,29,.9);padding:20px 22px;margin:26px 0}
+    .kurz h2{margin-top:0;font-size:18px;text-transform:uppercase;letter-spacing:.06em;color:var(--amtsblau)}
+    .kurz ul{margin-bottom:0}
+    .hinweis{font-size:15px;color:var(--grau);border-top:1px dashed rgba(33,33,29,.35);padding-top:14px;margin-top:30px}
+    .cta-box{background:var(--amtsblau);color:#fff;padding:24px 22px;margin:36px 0 0;border:2px solid var(--tinte);box-shadow:5px 6px 0 var(--tinte)}
+    .cta-box h2{color:#fff;margin:0 0 8px;font-size:22px}
+    .cta-box p{color:#e7effb;font-size:16px}
+    .cta-btn{display:inline-block;margin-top:6px;background:#fff;color:var(--amtsblau);font-weight:700;padding:13px 22px;text-decoration:none;border:2px solid var(--tinte)}
+    footer{margin-top:44px;padding-top:16px;border-top:2px solid var(--tinte);font-size:14px;color:var(--grau)}
+    footer a{color:var(--grau)}
+  </style>
+  <script type="application/ld+json">
+  {
+    "@context":"https://schema.org","@type":"FAQPage","mainEntity":[
+      {"@type":"Question","name":"Was bedeutet eine Mitwirkungsaufforderung vom Jobcenter?","acceptedAnswer":{"@type":"Answer","text":"Das Jobcenter braucht Unterlagen oder Informationen von Ihnen, um Ihren Anspruch zu prüfen. Sie sind gesetzlich verpflichtet mitzuwirken (§ 60 SGB I) und die genannten Unterlagen bis zur Frist einzureichen."}},
+      {"@type":"Question","name":"Was passiert, wenn ich nicht reagiere?","acceptedAnswer":{"@type":"Answer","text":"Wenn Sie ohne wichtigen Grund nicht fristgerecht mitwirken, kann das Jobcenter die Leistung ganz oder teilweise versagen oder entziehen (§ 66 SGB I). Reichen Sie die Unterlagen nach, wird in der Regel weitergezahlt."}},
+      {"@type":"Question","name":"Was tue ich, wenn ich die Frist nicht schaffe?","acceptedAnswer":{"@type":"Answer","text":"Melden Sie sich vor Fristablauf beim Jobcenter und bitten Sie schriftlich um eine Fristverlängerung mit kurzer Begründung. Eine Beratungsstelle kann Ihnen dabei helfen."}}
+    ]
+  }
+  </script>
+</head>
+<body>
+  <div class="wrap">
+    <div class="top">
+      <a class="marke" href="/">📬 BehördenKlar</a>
+      <a href="/ratgeber/">Ratgeber</a>
+    </div>
+
+    <p class="brot"><a href="/">Start</a> › <a href="/ratgeber/">Ratgeber</a> › Jobcenter</p>
+    <p class="kicker">Ratgeber · Jobcenter</p>
+    <h1>Mitwirkungsaufforderung vom Jobcenter: <span class="markiert">Was müssen Sie tun?</span></h1>
+
+    <p>
+      Sie haben einen Brief vom Jobcenter bekommen, in dem das Wort
+      <strong>„Mitwirkung"</strong> oder <strong>„Mitwirkungsaufforderung"</strong>
+      steht? Keine Sorge. Dieser Brief ist meist kein Grund zur Panik — aber Sie
+      sollten <strong>rechtzeitig reagieren</strong>. Hier steht in einfachen
+      Worten, was das bedeutet und was Sie jetzt tun.
+    </p>
+
+    <div class="kurz">
+      <h2>Das Wichtigste in Kürze</h2>
+      <ul>
+        <li>Das Jobcenter braucht <strong>Unterlagen oder Informationen</strong> von Ihnen.</li>
+        <li>Im Brief steht eine <strong>Frist</strong> — bis dann müssen Sie antworten.</li>
+        <li>Wenn Sie <strong>nicht reagieren</strong>, kann Ihr Geld gekürzt oder gestoppt werden.</li>
+        <li>Reichen Sie die Unterlagen ein, geht es normal weiter.</li>
+      </ul>
+    </div>
+
+    <h2>Was ist eine Mitwirkungsaufforderung?</h2>
+    <p>
+      Das Jobcenter darf Ihre Leistung (zum Beispiel Bürgergeld) nur zahlen, wenn
+      es Ihre Situation kennt. Dafür brauchen sie manchmal Papiere von Ihnen. Mit
+      der Mitwirkungsaufforderung bitten sie Sie, diese Papiere zu schicken. Das
+      steht so im Gesetz (§ 60 SGB I): Sie müssen <strong>mitwirken</strong>, also
+      mithelfen. Das ist bei allen Menschen so, die Leistungen bekommen — es ist
+      nichts Persönliches gegen Sie.
+    </p>
+
+    <h2>Warum habe ich den Brief bekommen?</h2>
+    <p>Häufige Gründe sind:</p>
+    <ul>
+      <li>Ihr Antrag läuft bald aus und muss <strong>neu bewilligt</strong> werden (Weiterbewilligung).</li>
+      <li>Es <strong>fehlen Unterlagen</strong> in Ihrer Akte.</li>
+      <li>Etwas hat sich geändert (Miete, Einkommen, Personen im Haushalt), und das Amt will es prüfen.</li>
+    </ul>
+
+    <h2>Was muss ich jetzt tun? (Schritt für Schritt)</h2>
+    <ol>
+      <li><strong>Frist suchen.</strong> Im Brief steht ein Datum — bis wann Sie antworten müssen. Schreiben Sie es sich auf.</li>
+      <li><strong>Unterlagen sammeln.</strong> Der Brief listet auf, was gebraucht wird — zum Beispiel Kontoauszüge, Mietvertrag oder ausgefüllte Formulare.</li>
+      <li><strong>Fristgerecht abgeben.</strong> Bringen Sie die Unterlagen persönlich hin, schicken Sie sie per Post oder laden Sie sie online hoch (jobcenter.digital).</li>
+      <li><strong>Nachweis behalten.</strong> Machen Sie ein Foto oder eine Kopie und heben Sie den Beleg auf, dass Sie abgegeben haben.</li>
+    </ol>
+
+    <h2>Was passiert, wenn ich nichts tue?</h2>
+    <p>
+      Wenn Sie <strong>ohne wichtigen Grund</strong> nicht rechtzeitig antworten,
+      darf das Jobcenter die Leistung ganz oder teilweise <strong>versagen oder
+      entziehen</strong> (§ 66 SGB I). Das heißt: Sie bekommen weniger oder gar
+      kein Geld mehr — bis die Unterlagen da sind. Deshalb ist die Frist so wichtig.
+      Sobald Sie die Papiere nachreichen, wird in der Regel weitergezahlt.
+    </p>
+
+    <h2>Ich verstehe den Brief nicht oder schaffe die Frist nicht</h2>
+    <ul>
+      <li><strong>Frist zu knapp?</strong> Melden Sie sich <strong>vor</strong> dem Fristende beim Jobcenter und bitten Sie schriftlich um mehr Zeit — mit einer kurzen Begründung.</li>
+      <li><strong>Hilfe vor Ort:</strong> Eine <strong>Beratungsstelle</strong> (z. B. Migrationsberatung, Diakonie, Caritas) hilft Ihnen kostenlos beim Verstehen und Ausfüllen.</li>
+      <li><strong>Brief unklar?</strong> Lassen Sie ihn sich in einfacher Sprache erklären — dazu unten mehr.</li>
+    </ul>
+
+    <p class="hinweis">
+      ⚖️ Dieser Ratgeber erklärt allgemein und ersetzt keine Rechtsberatung. Bei
+      wichtigen Entscheidungen (z. B. Widerspruch) wenden Sie sich an eine
+      Beratungsstelle oder eine Anwältin bzw. einen Anwalt.
+    </p>
+
+    <div class="cta-box">
+      <h2>Ihren eigenen Brief erklären lassen</h2>
+      <p>
+        Mit BehördenKlar fotografieren Sie den Brief — und die App erklärt ihn in
+        einfacher Sprache, zeigt Ihre Frist und übersetzt in 9 Sprachen. Testen
+        Sie es kostenlos, direkt im Browser.
+      </p>
+      <a class="cta-btn" href="/demo">Jetzt gratis testen →</a>
+    </div>
+
+    <footer>
+      <a href="/ratgeber/">← Zurück zum Ratgeber</a> ·
+      <a href="/">Startseite</a> ·
+      <a href="/impressum.html">Impressum</a> ·
+      <a href="/datenschutz.html">Datenschutz</a>
+    </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": "11f017e9a707466b9151921db6125dde"}'></script>
+</body>
+</html>

webseite/ratgeber/steuerbescheid-finanzamt-einspruch.html

@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Steuerbescheid vom Finanzamt: Nachzahlung & Einspruch | BehördenKlar</title>
+  <meta name="description" content="Steuerbescheid bekommen? Einfach erklärt: Erstattung oder Nachzahlung erkennen, den Bescheid prüfen und innerhalb der Frist Einspruch einlegen.">
+  <link rel="canonical" href="https://behoerdenklar.de/ratgeber/steuerbescheid-finanzamt-einspruch">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="article">
+  <meta property="og:locale" content="de_DE">
+  <meta property="og:url" content="https://behoerdenklar.de/ratgeber/steuerbescheid-finanzamt-einspruch">
+  <meta property="og:title" content="Steuerbescheid vom Finanzamt: Nachzahlung & Einspruch">
+  <meta property="og:description" content="Erstattung oder Nachzahlung erkennen, den Bescheid prüfen und fristgerecht Einspruch einlegen – einfach erklärt.">
+  <meta property="og:image" content="https://behoerdenklar.de/vorschau.png">
+  <meta name="twitter:card" content="summary_large_image">
+  <style>
+    :root{--papier:#faf7f0;--tinte:#21211d;--grau:#6b675e;--amtsblau:#1d4e89;--marker:#ffe66b;--gruen:#2e7d4f;color-scheme:light}
+    *{margin:0;padding:0;box-sizing:border-box}
+    body{font-family:Georgia,'Times New Roman',serif;background:var(--papier);color:var(--tinte);line-height:1.75;font-size:18px}
+    .wrap{max-width:680px;margin:0 auto;padding:0 20px 60px}
+    a{color:var(--amtsblau)}
+    .top{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:2px solid var(--tinte);font-size:15px}
+    .top .marke{font-weight:700;text-decoration:none;color:var(--tinte)}
+    .brot{font-size:14px;color:var(--grau);margin:22px 0 0}
+    .brot a{color:var(--grau)}
+    .kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--amtsblau);margin:8px 0 6px}
+    h1{font-size:clamp(27px,5vw,37px);line-height:1.2;margin-bottom:14px}
+    h2{font-size:23px;margin:32px 0 10px;line-height:1.25}
+    p{margin-bottom:16px}
+    ul,ol{margin:0 0 16px 22px}
+    li{margin-bottom:9px}
+    strong{font-weight:700}
+    .markiert{background:linear-gradient(104deg,transparent 2%,var(--marker) 4%,var(--marker) 96%,transparent 98%);padding:0 5px}
+    .kurz{background:#fff;border:2px solid var(--tinte);box-shadow:5px 6px 0 rgba(33,33,29,.9);padding:20px 22px;margin:26px 0}
+    .kurz h2{margin-top:0;font-size:18px;text-transform:uppercase;letter-spacing:.06em;color:var(--amtsblau)}
+    .kurz ul{margin-bottom:0}
+    .hinweis{font-size:15px;color:var(--grau);border-top:1px dashed rgba(33,33,29,.35);padding-top:14px;margin-top:30px}
+    .cta-box{background:var(--amtsblau);color:#fff;padding:24px 22px;margin:36px 0 0;border:2px solid var(--tinte);box-shadow:5px 6px 0 var(--tinte)}
+    .cta-box h2{color:#fff;margin:0 0 8px;font-size:22px}
+    .cta-box p{color:#e7effb;font-size:16px}
+    .cta-btn{display:inline-block;margin-top:6px;background:#fff;color:var(--amtsblau);font-weight:700;padding:13px 22px;text-decoration:none;border:2px solid var(--tinte)}
+    footer{margin-top:44px;padding-top:16px;border-top:2px solid var(--tinte);font-size:14px;color:var(--grau)}
+    footer a{color:var(--grau)}
+  </style>
+  <script type="application/ld+json">
+  {
+    "@context":"https://schema.org","@type":"FAQPage","mainEntity":[
+      {"@type":"Question","name":"Wie lange habe ich Zeit für einen Einspruch gegen den Steuerbescheid?","acceptedAnswer":{"@type":"Answer","text":"Die Frist beträgt einen Monat ab Bekanntgabe des Bescheids. Sie steht in der Rechtsbehelfsbelehrung am Ende des Bescheids. Der Einspruch muss schriftlich beim Finanzamt eingehen."}},
+      {"@type":"Question","name":"Woran erkenne ich, ob ich Geld zurückbekomme oder nachzahlen muss?","acceptedAnswer":{"@type":"Answer","text":"Auf der ersten Seite des Bescheids steht der Endbetrag. Eine Erstattung wird Ihnen überwiesen. Bei einer Nachzahlung steht dort ein zu zahlender Betrag mit Fälligkeitsdatum und der Bankverbindung des Finanzamts."}},
+      {"@type":"Question","name":"Was passiert, wenn ich die Nachzahlung nicht rechtzeitig zahle?","acceptedAnswer":{"@type":"Answer","text":"Bei verspäteter Zahlung können Säumniszuschläge anfallen. Zahlen Sie deshalb bis zum genannten Datum oder klären Sie bei Zahlungsschwierigkeiten frühzeitig eine Stundung oder Ratenzahlung mit dem Finanzamt."}}
+    ]
+  }
+  </script>
+</head>
+<body>
+  <div class="wrap">
+    <div class="top">
+      <a class="marke" href="/">📬 BehördenKlar</a>
+      <a href="/ratgeber/">Ratgeber</a>
+    </div>
+
+    <p class="brot"><a href="/">Start</a> › <a href="/ratgeber/">Ratgeber</a> › Finanzamt</p>
+    <p class="kicker">Ratgeber · Finanzamt</p>
+    <h1>Steuerbescheid vom Finanzamt: <span class="markiert">Nachzahlung oder Einspruch?</span></h1>
+
+    <p>
+      Der <strong>Steuerbescheid</strong> ist die Antwort des Finanzamts auf Ihre
+      Steuererklärung. Er sagt Ihnen: Bekommen Sie Geld zurück — oder müssen Sie
+      etwas nachzahlen? Und falls etwas falsch ist, haben Sie <strong>einen Monat
+      Zeit</strong>, um Einspruch einzulegen. Hier steht, worauf Sie achten.
+    </p>
+
+    <div class="kurz">
+      <h2>Das Wichtigste in Kürze</h2>
+      <ul>
+        <li>Auf der <strong>ersten Seite</strong> steht der Endbetrag: Erstattung (Geld zurück) oder Nachzahlung.</li>
+        <li>Bei einer <strong>Nachzahlung</strong>: bis zum genannten Datum überweisen.</li>
+        <li>Sind Sie nicht einverstanden: <strong>1 Monat</strong> Zeit für den Einspruch.</li>
+        <li>Prüfen Sie den Bescheid — Fehler kommen vor.</li>
+      </ul>
+    </div>
+
+    <h2>Erstattung oder Nachzahlung?</h2>
+    <p>
+      Schauen Sie auf die erste Seite. Dort steht ein Endbetrag. Steht dort, dass
+      Ihnen ein Betrag <strong>erstattet</strong> wird, überweist das Finanzamt
+      Ihnen Geld auf Ihr Konto. Steht dort ein <strong>„noch zu zahlender
+      Betrag"</strong>, müssen Sie zahlen — mit einem Datum, bis wann, und der
+      Bankverbindung des Finanzamts. Als Verwendungszweck geben Sie Ihre
+      <strong>Steuernummer</strong> an.
+    </p>
+
+    <h2>Prüfen Sie den Bescheid</h2>
+    <p>
+      Das Finanzamt macht auch Fehler oder weicht von Ihren Angaben ab. Vergleichen
+      Sie kurz:
+    </p>
+    <ul>
+      <li>Wurden Ihre <strong>Werbungskosten</strong> (z. B. Fahrtkosten, Arbeitsmittel) berücksichtigt?</li>
+      <li>Stimmen Ihre <strong>Angaben</strong> (Einkommen, Kinder, Versicherungen)?</li>
+      <li>Im Bescheid gibt es einen Teil <strong>„Erläuterungen"</strong> — dort erklärt das Finanzamt, wo es von Ihrer Erklärung abgewichen ist.</li>
+    </ul>
+
+    <h2>Einspruch einlegen (wenn etwas nicht stimmt)</h2>
+    <p>
+      Am Ende des Bescheids steht die <strong>Rechtsbehelfsbelehrung</strong>. Dort
+      lesen Sie: Sie können innerhalb <strong>eines Monats</strong> nach Bekanntgabe
+      Einspruch einlegen. So geht es:
+    </p>
+    <ol>
+      <li><strong>Schriftlich</strong> an das Finanzamt (Brief, Fax oder — wenn angeboten — online über ELSTER).</li>
+      <li>Nennen Sie Ihre <strong>Steuernummer</strong> und das Datum des Bescheids.</li>
+      <li>Schreiben Sie: „Hiermit lege ich Einspruch gegen den Bescheid vom … ein."</li>
+      <li>Kurz <strong>begründen</strong>, was falsch ist (die Begründung können Sie auch nachreichen).</li>
+      <li><strong>Unterschreiben</strong> und einen Nachweis (Kopie) behalten.</li>
+    </ol>
+
+    <h2>Was passiert, wenn ich nichts tue?</h2>
+    <p>
+      Die <strong>Nachzahlung</strong> wird zum genannten Datum fällig — zahlen Sie
+      nicht rechtzeitig, können <strong>Säumniszuschläge</strong> dazukommen. Und:
+      Ist die Einspruchsfrist von einem Monat vorbei, wird der Bescheid
+      <strong>bestandskräftig</strong> — dann ist er in der Regel nicht mehr
+      änderbar, auch wenn ein Fehler drin war. Deshalb die Frist ernst nehmen.
+    </p>
+
+    <h2>Hilfe bei Steuerfragen</h2>
+    <ul>
+      <li><strong>Zahlung zu hoch?</strong> Bei Zahlungsschwierigkeiten können Sie beim Finanzamt eine <strong>Stundung</strong> oder <strong>Ratenzahlung</strong> beantragen.</li>
+      <li><strong>Beim Verstehen und Prüfen</strong> helfen ein Lohnsteuerhilfeverein oder eine Steuerberaterin bzw. ein Steuerberater.</li>
+    </ul>
+
+    <p class="hinweis">
+      ⚖️ Dieser Ratgeber erklärt allgemein und ersetzt keine Steuer- oder
+      Rechtsberatung. Bei wichtigen Entscheidungen wenden Sie sich an einen
+      Lohnsteuerhilfeverein, eine Steuerberatung oder eine Anwältin bzw. einen Anwalt.
+    </p>
+
+    <div class="cta-box">
+      <h2>Ihren Bescheid erklären lassen</h2>
+      <p>
+        Mit BehördenKlar fotografieren Sie den Steuerbescheid — die App erklärt ihn
+        in einfacher Sprache, zeigt Ihre Frist und hilft Ihnen sogar beim
+        Einspruch. Kostenlos im Browser testen.
+      </p>
+      <a class="cta-btn" href="/demo">Jetzt gratis testen →</a>
+    </div>
+
+    <footer>
+      <a href="/ratgeber/">← Zurück zum Ratgeber</a> ·
+      <a href="/">Startseite</a> ·
+      <a href="/impressum.html">Impressum</a> ·
+      <a href="/datenschutz.html">Datenschutz</a>
+    </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": "11f017e9a707466b9151921db6125dde"}'></script>
+</body>
+</html>

webseite/ratgeber/widerspruch-einlegen.html

@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Widerspruch gegen einen Bescheid einlegen – so geht's | BehördenKlar</title>
+  <meta name="description" content="Mit einem Bescheid nicht einverstanden? Einfach erklärt: welche Frist gilt, wie Sie einen Widerspruch schreiben und was Sie dabei beachten müssen.">
+  <link rel="canonical" href="https://behoerdenklar.de/ratgeber/widerspruch-einlegen">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <meta property="og:site_name" content="BehördenKlar">
+  <meta property="og:type" content="article">
+  <meta property="og:locale" content="de_DE">
+  <meta property="og:url" content="https://behoerdenklar.de/ratgeber/widerspruch-einlegen">
+  <meta property="og:title" content="Widerspruch gegen einen Bescheid einlegen – so geht's">
+  <meta property="og:description" content="Welche Frist gilt, wie Sie einen Widerspruch schreiben und was Sie beachten müssen – einfach erklärt.">
+  <meta property="og:image" content="https://behoerdenklar.de/vorschau.png">
+  <meta name="twitter:card" content="summary_large_image">
+  <style>
+    :root{--papier:#faf7f0;--tinte:#21211d;--grau:#6b675e;--amtsblau:#1d4e89;--marker:#ffe66b;--gruen:#2e7d4f;color-scheme:light}
+    *{margin:0;padding:0;box-sizing:border-box}
+    body{font-family:Georgia,'Times New Roman',serif;background:var(--papier);color:var(--tinte);line-height:1.75;font-size:18px}
+    .wrap{max-width:680px;margin:0 auto;padding:0 20px 60px}
+    a{color:var(--amtsblau)}
+    .top{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0;border-bottom:2px solid var(--tinte);font-size:15px}
+    .top .marke{font-weight:700;text-decoration:none;color:var(--tinte)}
+    .brot{font-size:14px;color:var(--grau);margin:22px 0 0}
+    .brot a{color:var(--grau)}
+    .kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--amtsblau);margin:8px 0 6px}
+    h1{font-size:clamp(27px,5vw,37px);line-height:1.2;margin-bottom:14px}
+    h2{font-size:23px;margin:32px 0 10px;line-height:1.25}
+    p{margin-bottom:16px}
+    ul,ol{margin:0 0 16px 22px}
+    li{margin-bottom:9px}
+    strong{font-weight:700}
+    .markiert{background:linear-gradient(104deg,transparent 2%,var(--marker) 4%,var(--marker) 96%,transparent 98%);padding:0 5px}
+    .kurz{background:#fff;border:2px solid var(--tinte);box-shadow:5px 6px 0 rgba(33,33,29,.9);padding:20px 22px;margin:26px 0}
+    .kurz h2{margin-top:0;font-size:18px;text-transform:uppercase;letter-spacing:.06em;color:var(--amtsblau)}
+    .kurz ul{margin-bottom:0}
+    .muster{background:#fff;border:1px dashed rgba(33,33,29,.5);padding:18px 20px;margin:18px 0;font-size:15.5px;line-height:1.7;white-space:pre-line}
+    .hinweis{font-size:15px;color:var(--grau);border-top:1px dashed rgba(33,33,29,.35);padding-top:14px;margin-top:30px}
+    .cta-box{background:var(--amtsblau);color:#fff;padding:24px 22px;margin:36px 0 0;border:2px solid var(--tinte);box-shadow:5px 6px 0 var(--tinte)}
+    .cta-box h2{color:#fff;margin:0 0 8px;font-size:22px}
+    .cta-box p{color:#e7effb;font-size:16px}
+    .cta-btn{display:inline-block;margin-top:6px;background:#fff;color:var(--amtsblau);font-weight:700;padding:13px 22px;text-decoration:none;border:2px solid var(--tinte)}
+    footer{margin-top:44px;padding-top:16px;border-top:2px solid var(--tinte);font-size:14px;color:var(--grau)}
+    footer a{color:var(--grau)}
+  </style>
+  <script type="application/ld+json">
+  {
+    "@context":"https://schema.org","@type":"FAQPage","mainEntity":[
+      {"@type":"Question","name":"Wie lange habe ich Zeit für einen Widerspruch?","acceptedAnswer":{"@type":"Answer","text":"In der Regel einen Monat ab Bekanntgabe des Bescheids. Die genaue Frist steht in der Rechtsbehelfsbelehrung am Ende des Bescheids. Fehlt diese Belehrung, verlängert sich die Frist meist auf ein Jahr."}},
+      {"@type":"Question","name":"Muss ich den Widerspruch sofort begründen?","acceptedAnswer":{"@type":"Answer","text":"Nein. Wichtig ist, dass der Widerspruch fristgerecht eingeht. Sie können zunächst nur Widerspruch einlegen und die Begründung später nachreichen."}},
+      {"@type":"Question","name":"Was kostet ein Widerspruch?","acceptedAnswer":{"@type":"Answer","text":"Das Widerspruchsverfahren selbst ist in den meisten Bereichen (z. B. Sozialrecht) kostenfrei. Kosten können entstehen, wenn Sie eine Anwältin oder einen Anwalt beauftragen."}}
+    ]
+  }
+  </script>
+</head>
+<body>
+  <div class="wrap">
+    <div class="top">
+      <a class="marke" href="/">📬 BehördenKlar</a>
+      <a href="/ratgeber/">Ratgeber</a>
+    </div>
+
+    <p class="brot"><a href="/">Start</a> › <a href="/ratgeber/">Ratgeber</a> › Widerspruch</p>
+    <p class="kicker">Ratgeber · Widerspruch</p>
+    <h1>Widerspruch gegen einen Bescheid <span class="markiert">einlegen – so geht's</span></h1>
+
+    <p>
+      Sie haben einen <strong>Bescheid</strong> bekommen (z. B. vom Jobcenter, der
+      Krankenkasse oder der Rentenversicherung) und sind <strong>nicht
+      einverstanden</strong>? Dann können Sie <strong>Widerspruch</strong> einlegen.
+      Das Wichtigste ist die <strong>Frist</strong>: meist ein Monat. Hier steht,
+      wie es geht.
+    </p>
+
+    <div class="kurz">
+      <h2>Das Wichtigste in Kürze</h2>
+      <ul>
+        <li>Widerspruch heißt: Sie bitten die Behörde, ihre Entscheidung <strong>noch einmal zu prüfen</strong>.</li>
+        <li>Die Frist steht in der <strong>Rechtsbehelfsbelehrung</strong> am Ende des Bescheids — meist <strong>1 Monat</strong>.</li>
+        <li>Der Widerspruch muss <strong>schriftlich</strong> und <strong>fristgerecht</strong> bei der Behörde eingehen.</li>
+        <li>Die <strong>Begründung</strong> können Sie später nachreichen — legen Sie erst mal fristwahrend Widerspruch ein.</li>
+      </ul>
+    </div>
+
+    <h2>Wann ist ein Widerspruch sinnvoll?</h2>
+    <ul>
+      <li>Der Bescheid ist aus Ihrer Sicht <strong>falsch</strong> oder unvollständig.</li>
+      <li>Ihre <strong>Angaben oder Nachweise wurden nicht berücksichtigt</strong>.</li>
+      <li>Sie verstehen die Entscheidung nicht und wollen sie prüfen lassen.</li>
+    </ul>
+
+    <h2>Die Frist — das Wichtigste</h2>
+    <p>
+      Ganz am Ende des Bescheids steht die <strong>Rechtsbehelfsbelehrung</strong>.
+      Dort lesen Sie, <strong>bei wem</strong> und <strong>bis wann</strong> Sie
+      Widerspruch einlegen können — in der Regel <strong>innerhalb eines Monats</strong>
+      nach Bekanntgabe. Fehlt diese Belehrung im Bescheid, haben Sie meist
+      <strong>ein Jahr</strong> Zeit. Verpassen Sie die Frist, wird der Bescheid
+      <strong>bestandskräftig</strong> und ist kaum noch änderbar.
+    </p>
+
+    <h2>So schreiben Sie den Widerspruch</h2>
+    <ol>
+      <li>An die <strong>Behörde</strong>, die den Bescheid geschickt hat (Adresse steht im Bescheid).</li>
+      <li>Ihr <strong>Aktenzeichen</strong> und das <strong>Datum des Bescheids</strong> nennen.</li>
+      <li>Klar schreiben: „Hiermit lege ich Widerspruch gegen den Bescheid vom … ein."</li>
+      <li>Kurz <strong>begründen</strong> (kann auch später nachgereicht werden).</li>
+      <li><strong>Unterschreiben</strong> und per Post schicken (am besten mit Nachweis, z. B. Einschreiben) oder persönlich abgeben.</li>
+    </ol>
+
+    <p>So kann ein einfacher Widerspruch aussehen:</p>
+    <div class="muster">Max Mustermann
+Musterstraße 12
+67722 Winnweiler
+
+[Behörde und Anschrift]
+
+Ort, Datum
+
+Aktenzeichen: [Ihr Aktenzeichen]
+Widerspruch gegen den Bescheid vom [Datum]
+
+Sehr geehrte Damen und Herren,
+
+hiermit lege ich Widerspruch gegen den oben genannten Bescheid ein.
+
+Begründung: [kurz, was aus Ihrer Sicht falsch ist – kann nachgereicht werden]
+
+Ich bitte um erneute Prüfung und einen neuen, rechtsmittelfähigen Bescheid.
+
+Mit freundlichen Grüßen
+[Unterschrift]
+Max Mustermann</div>
+
+    <h2>Was passiert danach?</h2>
+    <p>
+      Die Behörde prüft Ihren Fall erneut. Sie hilft Ihnen entweder ab (ändert den
+      Bescheid) oder weist den Widerspruch zurück. Gegen eine Zurückweisung können
+      Sie in vielen Fällen noch vor dem <strong>Sozial- oder Verwaltungsgericht</strong>
+      klagen — die nächste Frist steht dann wieder in der Belehrung.
+    </p>
+
+    <h2>Wo bekomme ich Hilfe?</h2>
+    <ul>
+      <li><strong>Sozialverbände</strong> wie VdK oder SoVD beraten Mitglieder bei Widersprüchen im Sozialrecht.</li>
+      <li><strong>Beratungsstellen</strong> (Caritas, Diakonie, AWO) und <strong>Migrationsberatung</strong> helfen beim Verstehen und Schreiben.</li>
+    </ul>
+
+    <p class="hinweis">
+      ⚖️ Dieser Ratgeber erklärt allgemein und ersetzt keine Rechtsberatung. Bei
+      wichtigen Entscheidungen wenden Sie sich an eine Beratungsstelle, einen
+      Sozialverband oder eine Anwältin bzw. einen Anwalt.
+    </p>
+
+    <div class="cta-box">
+      <h2>Antwort-Entwurf per Foto</h2>
+      <p>
+        BehördenKlar erklärt Ihren Bescheid in einfacher Sprache und hilft Ihnen,
+        einen passenden Widerspruch zu formulieren. Kostenlos im Browser testen.
+      </p>
+      <a class="cta-btn" href="/demo">Jetzt gratis testen →</a>
+    </div>
+
+    <footer>
+      <a href="/ratgeber/">← Zurück zum Ratgeber</a> ·
+      <a href="/">Startseite</a> ·
+      <a href="/impressum.html">Impressum</a> ·
+      <a href="/datenschutz.html">Datenschutz</a>
+    </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": "11f017e9a707466b9151921db6125dde"}'></script>
+</body>
+</html>

webseite/robots.txt

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

webseite/ru.html

@@ -5,23 +5,48 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>BehördenKlar – Поймите немецкие официальные письма</title>
   <meta name="description" content="BehördenKlar объясняет немецкие официальные письма простыми словами — по-русски. Сфотографируйте письмо, поймите его, правильно отреагируйте. Скоро для iPhone.">
-  <link rel="alternate" hreflang="de" href="https://behoerdenklar.pages.dev/">
+  <meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
-  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.pages.dev/tr">
+  <meta name="author" content="BehördenKlar">
-  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.pages.dev/ar">
+  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  <link rel="alternate" hreflang="en" href="https://behoerdenklar.pages.dev/en">
+  <meta name="theme-color" content="#1d4e89">
-  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
+  <meta name="apple-mobile-web-app-title" content="BehördenKlar">
-  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <meta name="apple-mobile-web-app-capable" content="yes">
-  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <link rel="canonical" href="https://behoerdenklar.pages.dev/ru">
+  <meta property="og:locale:alternate" content="tr_TR">
+  <meta property="og:locale:alternate" content="ar_AR">
+  <meta property="og:locale:alternate" content="en_US">
+  <meta property="og:locale:alternate" content="uk_UA">
+  <meta property="og:locale:alternate" content="ru_RU">
+  <meta property="og:locale:alternate" content="pl_PL">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
+  <meta name="msvalidate.01" content="...">
+  <meta name="apple-app-site-association" content="...">
+  <meta name="app-links" content="...">
+  <meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
+  <meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
+  <meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
+  <meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
+  <meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
+  <link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
+  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
+  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
+  <link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
+  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
+  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
+  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.de/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.de/">
+  <link rel="canonical" href="https://behoerdenklar.de/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:url" content="https://behoerdenklar.de/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" content="https://behoerdenklar.de/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.">
@@ -152,6 +177,35 @@
     .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": "SoftwareApplication",
+    "name": "BehördenKlar",
+    "description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
+    "applicationCategory": "AccessibilityApplication",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "EUR"
+    },
+    "inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
+    "featureList": [
+      "Amtsbriefe fotografieren und erklären lassen",
+      "Klartext in einfacher Sprache",
+      "Übersetzung in 9 Sprachen",
+      "Automatische Erinnerungen für Fristen",
+      "Fertige Antworten generieren",
+      "Vorlesen der Inhalte",
+      "Keine Anmeldung erforderlich"
+    ],
+    "targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
+    "author": {
+      "@type": "Organization",
+      "name": "BehördenKlar"
+    }
+  }
+  </script>
 </head>
 <body>
   <div class="wrap">

webseite/sitemap.xml

@@ -1,11 +1,16 @@
 <?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.de/</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.de/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.de/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.de/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.de/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.de/ru</loc><lastmod>2026-07-23</lastmod></url>
-  <url><loc>https://behoerdenklar.pages.dev/pl</loc><lastmod>2026-07-23</lastmod></url>
+  <url><loc>https://behoerdenklar.de/pl</loc><lastmod>2026-07-23</lastmod></url>
-  <url><loc>https://behoerdenklar.pages.dev/demo</loc><lastmod>2026-07-24</lastmod></url>
+  <url><loc>https://behoerdenklar.de/demo</loc><lastmod>2026-07-24</lastmod></url>
+  <url><loc>https://behoerdenklar.de/ratgeber/</loc><lastmod>2026-07-25</lastmod></url>
+  <url><loc>https://behoerdenklar.de/ratgeber/jobcenter-mitwirkungsaufforderung</loc><lastmod>2026-07-25</lastmod></url>
+  <url><loc>https://behoerdenklar.de/ratgeber/steuerbescheid-finanzamt-einspruch</loc><lastmod>2026-07-25</lastmod></url>
+  <url><loc>https://behoerdenklar.de/ratgeber/auslaenderbehoerde-termin-aufenthaltstitel</loc><lastmod>2026-07-25</lastmod></url>
+  <url><loc>https://behoerdenklar.de/ratgeber/widerspruch-einlegen</loc><lastmod>2026-07-25</lastmod></url>
 </urlset>

webseite/tr.html

@@ -5,23 +5,48 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>BehördenKlar – Alman resmî mektuplarını anlayın</title>
   <meta name="description" content="BehördenKlar Alman resmî mektuplarını basit kelimelerle — Türkçe — açıklar. Fotoğraf çekin, mektubu anlayın, doğru cevap verin. Yakında iPhone için.">
-  <link rel="alternate" hreflang="de" href="https://behoerdenklar.pages.dev/">
+  <meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
-  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.pages.dev/tr">
+  <meta name="author" content="BehördenKlar">
-  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.pages.dev/ar">
+  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  <link rel="alternate" hreflang="en" href="https://behoerdenklar.pages.dev/en">
+  <meta name="theme-color" content="#1d4e89">
-  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
+  <meta name="apple-mobile-web-app-title" content="BehördenKlar">
-  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <meta name="apple-mobile-web-app-capable" content="yes">
-  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <link rel="canonical" href="https://behoerdenklar.pages.dev/tr">
+  <meta property="og:locale:alternate" content="tr_TR">
+  <meta property="og:locale:alternate" content="ar_AR">
+  <meta property="og:locale:alternate" content="en_US">
+  <meta property="og:locale:alternate" content="uk_UA">
+  <meta property="og:locale:alternate" content="ru_RU">
+  <meta property="og:locale:alternate" content="pl_PL">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
+  <meta name="msvalidate.01" content="...">
+  <meta name="apple-app-site-association" content="...">
+  <meta name="app-links" content="...">
+  <meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
+  <meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
+  <meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
+  <meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
+  <meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
+  <link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
+  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
+  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
+  <link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
+  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
+  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
+  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.de/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.de/">
+  <link rel="canonical" href="https://behoerdenklar.de/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:url" content="https://behoerdenklar.de/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" content="https://behoerdenklar.de/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.">
@@ -152,6 +177,35 @@
     .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": "SoftwareApplication",
+    "name": "BehördenKlar",
+    "description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
+    "applicationCategory": "AccessibilityApplication",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "EUR"
+    },
+    "inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
+    "featureList": [
+      "Amtsbriefe fotografieren und erklären lassen",
+      "Klartext in einfacher Sprache",
+      "Übersetzung in 9 Sprachen",
+      "Automatische Erinnerungen für Fristen",
+      "Fertige Antworten generieren",
+      "Vorlesen der Inhalte",
+      "Keine Anmeldung erforderlich"
+    ],
+    "targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
+    "author": {
+      "@type": "Organization",
+      "name": "BehördenKlar"
+    }
+  }
+  </script>
 </head>
 <body>
   <div class="wrap">

webseite/uk.html

@@ -5,23 +5,48 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>BehördenKlar – Зрозумійте німецькі офіційні листи</title>
   <meta name="description" content="BehördenKlar пояснює німецькі офіційні листи простими словами — українською. Сфотографуйте лист, зрозумійте його, правильно відреагуйте. Скоро для iPhone.">
-  <link rel="alternate" hreflang="de" href="https://behoerdenklar.pages.dev/">
+  <meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
-  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.pages.dev/tr">
+  <meta name="author" content="BehördenKlar">
-  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.pages.dev/ar">
+  <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
-  <link rel="alternate" hreflang="en" href="https://behoerdenklar.pages.dev/en">
+  <meta name="theme-color" content="#1d4e89">
-  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.pages.dev/uk">
+  <meta name="apple-mobile-web-app-title" content="BehördenKlar">
-  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.pages.dev/ru">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.pages.dev/pl">
+  <meta name="apple-mobile-web-app-capable" content="yes">
-  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.pages.dev/">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <link rel="canonical" href="https://behoerdenklar.pages.dev/uk">
+  <meta property="og:locale:alternate" content="tr_TR">
+  <meta property="og:locale:alternate" content="ar_AR">
+  <meta property="og:locale:alternate" content="en_US">
+  <meta property="og:locale:alternate" content="uk_UA">
+  <meta property="og:locale:alternate" content="ru_RU">
+  <meta property="og:locale:alternate" content="pl_PL">
+  <link rel="manifest" href="/manifest.json">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
+  <meta name="msvalidate.01" content="...">
+  <meta name="apple-app-site-association" content="...">
+  <meta name="app-links" content="...">
+  <meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
+  <meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
+  <meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
+  <meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
+  <meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
+  <link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
+  <link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
+  <link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
+  <link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
+  <link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
+  <link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
+  <link rel="alternate" hreflang="pl" href="https://behoerdenklar.de/pl">
+  <link rel="alternate" hreflang="x-default" href="https://behoerdenklar.de/">
+  <link rel="canonical" href="https://behoerdenklar.de/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:url" content="https://behoerdenklar.de/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" content="https://behoerdenklar.de/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.">
@@ -152,6 +177,35 @@
     .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": "SoftwareApplication",
+    "name": "BehördenKlar",
+    "description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
+    "applicationCategory": "AccessibilityApplication",
+    "offers": {
+      "@type": "Offer",
+      "price": "0",
+      "priceCurrency": "EUR"
+    },
+    "inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
+    "featureList": [
+      "Amtsbriefe fotografieren und erklären lassen",
+      "Klartext in einfacher Sprache",
+      "Übersetzung in 9 Sprachen",
+      "Automatische Erinnerungen für Fristen",
+      "Fertige Antworten generieren",
+      "Vorlesen der Inhalte",
+      "Keine Anmeldung erforderlich"
+    ],
+    "targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
+    "author": {
+      "@type": "Organization",
+      "name": "BehördenKlar"
+    }
+  }
+  </script>
 </head>
 <body>
   <div class="wrap">