Web-Demo mehrsprachig + Sprachseiten bekommen Demo und Kauf

Beim Nachgehen der Frage 'warum gibt es auf den Sprachseiten kein Payment'
kam heraus: Die Web-Demo antwortete AUSSCHLIESSLICH auf Deutsch. Die
Uebersetzung war bisher reine App-Funktion — und die App gibt es noch nicht.
Kauf-Knoepfe auf der tuerkischen Seite haetten also 2,99 EUR fuer eine
deutsche Antwort kassiert. Deshalb zuerst der Worker:

- /demo nimmt jetzt 'zielsprache' entgegen (28 erlaubte Codes, Whitelist —
  der Wert geht nie als freier Text in den Prompt, sonst koennte man eigene
  Anweisungen einschleusen).
- Der deutsche Fachbegriff bleibt deutsch, nur dessen Erklaerung wird
  uebersetzt — der Nutzer muss ihn im Brief wiederfinden.
- demo.html hat eine Sprachauswahl und merkt sich die Wahl; die Sprachseiten
  verlinken mit ?sprache=xx.

Erst danach die Sprachseiten: Demo-Knopf als Haupt-Handlung (es gab bisher
GAR KEINEN — man konnte das Produkt in 27 Sprachen nicht einmal ausprobieren)
und ein Kauf-Abschnitt mit uebersetzter Pflicht-Einwilligung nach §356 BGB.

Geprueft: 27 Dateien ohne Syntaxfehler, keine offenen Platzhalter, Kauf
liefert cs_live_. Zwei Tippfehler im bulgarischen Text korrigiert.

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

proxy/src/index.ts

@@ -83,6 +83,18 @@ const WEGWERF_DOMAINS = new Set([
 ]);
 
 /** Identisch zur App (src/services/analyse.ts) — gleiche Qualität in der Demo. */
+/** Zielsprachen der Web-Demo — identisch zur Sprachauswahl der Webseite.
+ *  Der Wert wird NUR als Name in den Prompt gesetzt, nie als freier Text,
+ *  damit niemand ueber das Feld eigene Anweisungen einschleusen kann. */
+const DEMO_SPRACHEN: Record<string, string> = {
+  de: 'Deutsch', tr: 'Türkisch', ar: 'Arabisch', ru: 'Russisch', uk: 'Ukrainisch',
+  pl: 'Polnisch', ro: 'Rumänisch', en: 'Englisch', fa: 'Farsi', ku: 'Kurdisch (Kurmancî)',
+  bg: 'Bulgarisch', hr: 'Kroatisch', sr: 'Serbisch', bs: 'Bosnisch', sq: 'Albanisch',
+  it: 'Italienisch', el: 'Griechisch', es: 'Spanisch', pt: 'Portugiesisch', fr: 'Französisch',
+  hu: 'Ungarisch', vi: 'Vietnamesisch', hi: 'Hindi', ur: 'Urdu', ps: 'Paschtu',
+  ti: 'Tigrinya', so: 'Somali', zh: 'Chinesisch',
+};
+
 const DEMO_SYSTEM_PROMPT = `Du bist ein Assistent, der deutschen Behördenbriefe für Privatpersonen verständlich macht. Die Nutzer sind Deutsche, die Amtsdeutsch schwer verstehen, oder Menschen mit Deutsch als Fremdsprache.
 
 Deine Aufgabe:
@@ -175,7 +187,7 @@ async function demoHandler(request: Request, env: Env): Promise<Response> {
     return demoFehler(403, 'origin', 'Aufruf nur von der BehördenKlar-Webseite erlaubt.', origin);
   }
 
-  let body: { bild?: string; mimeType?: string; turnstileToken?: string; email?: string; walletToken?: string };
+  let body: { bild?: string; mimeType?: string; turnstileToken?: string; email?: string; walletToken?: string; zielsprache?: string };
   try {
     body = await request.json();
   } catch {
@@ -185,6 +197,9 @@ async function demoHandler(request: Request, env: Env): Promise<Response> {
   const { bild, mimeType, turnstileToken } = body;
   const email = typeof body.email === 'string' ? body.email.trim().toLowerCase() : null;
   const walletToken = typeof body.walletToken === 'string' ? body.walletToken : null;
+  const sprachCode = typeof body.zielsprache === 'string' && DEMO_SPRACHEN[body.zielsprache]
+    ? body.zielsprache : 'de';
+  const sprachName = DEMO_SPRACHEN[sprachCode];
 
   if (typeof bild !== 'string' || bild.length === 0 || bild.length > DEMO_MAX_BASE64) {
     return demoFehler(400, 'datei', 'Die Datei fehlt oder ist zu groß (max. 5 MB).', origin);
@@ -297,7 +312,9 @@ async function demoHandler(request: Request, env: Env): Promise<Response> {
     body: JSON.stringify({
       model: 'claude-sonnet-5',
       max_tokens: MAX_TOKENS_OBERGRENZE,
-      system: DEMO_SYSTEM_PROMPT,
+      system: sprachCode === 'de'
+        ? DEMO_SYSTEM_PROMPT
+        : `${DEMO_SYSTEM_PROMPT}\n\nWICHTIG — ZIELSPRACHE: Schreibe ALLE Textfelder deiner Antwort auf ${sprachName}, nicht auf Deutsch. Ausnahme: das Feld "begriff" bei fachbegriffe bleibt der deutsche Originalbegriff aus dem Brief (der Nutzer muss ihn im Brief wiederfinden) — nur dessen "erklaerung" wird auf ${sprachName} geschrieben. Datumsangaben bleiben im ISO-Format.`,
       output_config: { format: { type: 'json_schema', schema: DEMO_SCHEMA } },
       messages: [
         {
@@ -372,6 +389,7 @@ async function demoHandler(request: Request, env: Env): Promise<Response> {
       analyse,
       versuch: bezahlt ? 'bezahlt' : email ? 2 : 1,
       guthaben: bezahlt ? walletRest - 1 : undefined,
+      sprache: sprachCode,
     },
     { headers: demoCorsHeaders(origin) }
   );

tools/sprachseiten/build.js

@@ -154,6 +154,19 @@ function seite(s) {
     .replace(/\{\{SCHEMA\}\}/g, schemaBlock(s, t))
     .replace(/\{\{S4_TITEL\}\}/g, t.s4Titel || 'FAQ')
     .replace(/\{\{FAQ_HTML\}\}/g, faqHtml(t))
+    .replace(/\{\{CTA_DEMO\}\}/g, t.ctaDemo)
+    .replace(/\{\{CTA_KAUF\}\}/g, t.ctaKauf)
+    .replace(/\{\{DEMO_HINWEIS\}\}/g, t.demoHinweis)
+    .replace(/\{\{KAUF_TITEL\}\}/g, t.kaufTitel)
+    .replace(/\{\{KAUF_H3\}\}/g, t.kaufH3)
+    .replace(/\{\{KAUF_TEXT\}\}/g, t.kaufText)
+    .replace(/\{\{KAUF_EMAIL\}\}/g, t.kaufEmail)
+    .replace(/\{\{KAUF_KONSENS\}\}/g, t.kaufKonsens)
+    .replace(/\{\{KAUF_SICHER\}\}/g, t.kaufSicher)
+    .replace(/\{\{PAKET_WORT\}\}/g, t.paketWort)
+    .replace(/\{\{AUF_DEUTSCH\}\}/g, t.aufDeutsch)
+    .replace(/\{\{KAUF_FEHLER_HAKEN\}\}/g, t.kaufFehlerHaken)
+    .replace(/\{\{KAUF_FEHLER_ALLG\}\}/g, t.kaufFehlerAllg)
     .replace(/\{\{WAEHLER\}\}/g, waehlerBlock(s.code, t.navLabel))
     .replace(/\{\{H1_A\}\}/g, t.h1a)
     .replace(/\{\{H1_B\}\}/g, t.h1b)

tools/sprachseiten/texte.js

@@ -43,6 +43,19 @@ const SPRACHEN = [
 const TEXTE = {};
 
 TEXTE.tr = {
+  ctaDemo: "Hemen ücretsiz dene",
+  ctaKauf: "Kontör al",
+  demoHinweis: "2 analiz ücretsiz — hesap gerekmez.",
+  kaufTitel: "Kontör al ve hemen kullan",
+  kaufH3: "Daha fazla mektup açıklatın",
+  kaufText: "Beklemenize gerek yok: Kontör alın ve BehördenKlar’ı tarayıcıda hemen kullanın — her cihazda, uygulama olmadan. Kontörünüz süresiz geçerlidir.",
+  kaufEmail: "Ödeme sırasında e-posta adresinizi girin. Kişisel erişim bağlantınızı alırsınız — böylece kontörünüzü her cihazda kullanabilirsiniz.",
+  kaufKonsens: "Hizmetin satın alma sonrası hemen başlamasını açıkça talep ediyorum ve cayma hakkımın böylece sona erdiğini kabul ediyorum.",
+  kaufSicher: "Stripe ile güvenli ödeme. KDV yok (§19 UStG). Sağlayıcı: Webklar GbR — hesap ekstrenizde „Webklar\" görünür.",
+  paketWort: "analiz",
+  aufDeutsch: "Almanca",
+  kaufFehlerHaken: "Lütfen önce kutucuğu işaretleyin.",
+  kaufFehlerAllg: "Ödeme sayfası açılamadı. Lütfen tekrar deneyin.",
   s4Titel: "Sık sorulan sorular",
   faq: [
     { f: "Ücreti ne kadar?", a: "İlk 3 mektup ücretsiz (bekleme listesi koduyla 5). Sonrasında kontör satın alırsınız: 5 analiz 2,99 €, 15 analiz 6,99 €. Abonelik yok, hesap açmak yok." },
@@ -74,6 +87,19 @@ TEXTE.tr = {
 };
 
 TEXTE.ar = {
+  ctaDemo: "جرّب مجاناً الآن",
+  ctaKauf: "شراء رصيد",
+  demoHinweis: "تحليلان مجاناً — بدون حساب.",
+  kaufTitel: "اشترِ رصيداً واستخدمه فوراً",
+  kaufH3: "اشرح المزيد من الرسائل",
+  kaufText: "لا داعي للانتظار: اشترِ رصيداً واستخدم BehördenKlar مباشرة في المتصفح — على أي جهاز وبدون تطبيق. رصيدك لا ينتهي.",
+  kaufEmail: "أدخل بريدك الإلكتروني عند الدفع. ستحصل على رابط وصول شخصي — به تستخدم رصيدك على أي جهاز.",
+  kaufKonsens: "أطلب صراحةً أن تبدأ الخدمة فوراً بعد الشراء، وأعلم أن حقي في الانسحاب يسقط بذلك.",
+  kaufSicher: "دفع آمن عبر Stripe. بدون ضريبة قيمة مضافة (§19 UStG). المزوّد: Webklar GbR — يظهر في كشف حسابك „Webklar\".",
+  paketWort: "تحليل",
+  aufDeutsch: "بالألمانية",
+  kaufFehlerHaken: "يرجى تأكيد المربع أولاً.",
+  kaufFehlerAllg: "تعذّر فتح صفحة الدفع. يرجى المحاولة مرة أخرى.",
   s4Titel: "الأسئلة الشائعة",
   faq: [
     { f: "كم التكلفة؟", a: "أول 3 رسائل مجاناً (5 مع رمز قائمة الانتظار). بعد ذلك تشتري رصيداً: 5 تحليلات بـ 2,99 يورو أو 15 بـ 6,99 يورو. بدون اشتراك وبدون حساب." },
@@ -105,6 +131,19 @@ TEXTE.ar = {
 };
 
 TEXTE.ru = {
+  ctaDemo: "Попробовать бесплатно",
+  ctaKauf: "Купить баланс",
+  demoHinweis: "2 разбора бесплатно — без регистрации.",
+  kaufTitel: "Купите баланс и начните сразу",
+  kaufH3: "Разобрать больше писем",
+  kaufText: "Ждать не нужно: купите баланс и пользуйтесь BehördenKlar прямо в браузере — на любом устройстве, без приложения. Баланс не сгорает.",
+  kaufEmail: "Укажите при оплате адрес электронной почты. Вы получите персональную ссылку доступа — с ней баланс работает на любом устройстве.",
+  kaufKonsens: "Я прямо требую, чтобы услуга началась сразу после покупки, и мне известно, что тем самым моё право на отказ прекращается.",
+  kaufSicher: "Безопасная оплата через Stripe. Без НДС (§19 UStG). Поставщик: Webklar GbR — в выписке появится «Webklar».",
+  paketWort: "разборов",
+  aufDeutsch: "на немецком",
+  kaufFehlerHaken: "Пожалуйста, сначала отметьте галочку.",
+  kaufFehlerAllg: "Страницу оплаты не удалось открыть. Попробуйте ещё раз.",
   s4Titel: "Частые вопросы",
   faq: [
     { f: "Сколько это стоит?", a: "Первые 3 письма бесплатно (5 с кодом из списка ожидания). Дальше вы покупаете баланс: 5 разборов за 2,99 €, 15 за 6,99 €. Без подписки и без учётной записи." },
@@ -136,6 +175,19 @@ TEXTE.ru = {
 };
 
 TEXTE.uk = {
+  ctaDemo: "Спробувати безкоштовно",
+  ctaKauf: "Купити баланс",
+  demoHinweis: "2 аналізи безкоштовно — без реєстрації.",
+  kaufTitel: "Купіть баланс і почніть одразу",
+  kaufH3: "Проаналізувати більше листів",
+  kaufText: "Чекати не потрібно: купіть баланс і користуйтеся BehördenKlar прямо у браузері — на будь-якому пристрої, без застосунку. Баланс не згорає.",
+  kaufEmail: "Вкажіть під час оплати адресу електронної пошти. Ви отримаєте персональне посилання доступу — з ним баланс працює на будь-якому пристрої.",
+  kaufKonsens: "Я прямо вимагаю, щоб послуга почалася одразу після купівлі, і мені відомо, що моє право на відмову цим припиняється.",
+  kaufSicher: "Безпечна оплата через Stripe. Без ПДВ (§19 UStG). Постачальник: Webklar GbR — у виписці з’явиться «Webklar».",
+  paketWort: "аналізів",
+  aufDeutsch: "німецькою",
+  kaufFehlerHaken: "Будь ласка, спершу поставте галочку.",
+  kaufFehlerAllg: "Не вдалося відкрити сторінку оплати. Спробуйте ще раз.",
   s4Titel: "Часті запитання",
   faq: [
     { f: "Скільки це коштує?", a: "Перші 3 листи безкоштовно (5 з кодом зі списку очікування). Далі ви купуєте баланс: 5 аналізів за 2,99 €, 15 за 6,99 €. Без підписки й без облікового запису." },
@@ -167,6 +219,19 @@ TEXTE.uk = {
 };
 
 TEXTE.pl = {
+  ctaDemo: "Wypróbuj za darmo",
+  ctaKauf: "Kup doładowanie",
+  demoHinweis: "2 analizy za darmo — bez konta.",
+  kaufTitel: "Kup doładowanie i zacznij od razu",
+  kaufH3: "Wyjaśnij więcej pism",
+  kaufText: "Nie musisz czekać: kup doładowanie i korzystaj z BehördenKlar od razu w przeglądarce — na każdym urządzeniu, bez aplikacji. Doładowanie nie wygasa.",
+  kaufEmail: "Podaj przy płatności adres e-mail. Otrzymasz osobisty link dostępu — dzięki niemu doładowanie działa na każdym urządzeniu.",
+  kaufKonsens: "Wyraźnie żądam, aby usługa rozpoczęła się natychmiast po zakupie, i wiem, że tym samym tracę prawo odstąpienia.",
+  kaufSicher: "Bezpieczna płatność przez Stripe. Bez VAT (§19 UStG). Dostawca: Webklar GbR — na wyciągu pojawi się „Webklar\".",
+  paketWort: "analiz",
+  aufDeutsch: "po niemiecku",
+  kaufFehlerHaken: "Najpierw zaznacz pole.",
+  kaufFehlerAllg: "Nie udało się otworzyć strony płatności. Spróbuj ponownie.",
   s4Titel: "Częste pytania",
   faq: [
     { f: "Ile to kosztuje?", a: "Pierwsze 3 pisma za darmo (5 z kodem z listy oczekujących). Potem kupujesz doładowanie: 5 analiz za 2,99 €, 15 za 6,99 €. Bez abonamentu i bez konta." },
@@ -198,6 +263,19 @@ TEXTE.pl = {
 };
 
 TEXTE.ro = {
+  ctaDemo: "Încearcă gratuit",
+  ctaKauf: "Cumpără credit",
+  demoHinweis: "2 analize gratuite — fără cont.",
+  kaufTitel: "Cumpără credit și începe imediat",
+  kaufH3: "Explică mai multe scrisori",
+  kaufText: "Nu trebuie să aștepți: cumpără credit și folosește BehördenKlar direct în browser — pe orice dispozitiv, fără aplicație. Creditul nu expiră.",
+  kaufEmail: "Introdu la plată adresa de e-mail. Primești un link personal de acces — cu el creditul funcționează pe orice dispozitiv.",
+  kaufKonsens: "Solicit în mod expres ca serviciul să înceapă imediat după cumpărare și știu că astfel dreptul meu de retragere se stinge.",
+  kaufSicher: "Plată sigură prin Stripe. Fără TVA (§19 UStG). Furnizor: Webklar GbR — pe extras apare „Webklar\".",
+  paketWort: "analize",
+  aufDeutsch: "în germană",
+  kaufFehlerHaken: "Te rugăm să bifezi mai întâi căsuța.",
+  kaufFehlerAllg: "Pagina de plată nu a putut fi deschisă. Încearcă din nou.",
   s4Titel: "Întrebări frecvente",
   faq: [
     { f: "Cât costă?", a: "Primele 3 scrisori sunt gratuite (5 cu codul din lista de așteptare). Apoi cumperi credit: 5 analize la 2,99 €, 15 la 6,99 €. Fără abonament și fără cont." },
@@ -229,6 +307,19 @@ TEXTE.ro = {
 };
 
 TEXTE.en = {
+  ctaDemo: "Try it free now",
+  ctaKauf: "Buy credit",
+  demoHinweis: "2 analyses free — no account needed.",
+  kaufTitel: "Buy credit and start right away",
+  kaufH3: "Get more letters explained",
+  kaufText: "No need to wait: buy credit and use BehördenKlar right here in your browser — on any device, no app. Your credit never expires.",
+  kaufEmail: "Enter your email address when paying. You will get a personal access link — with it your credit works on any device.",
+  kaufKonsens: "I expressly request that the service starts immediately after purchase, and I understand that my right of withdrawal ends as a result.",
+  kaufSicher: "Secure payment via Stripe. No VAT (§19 UStG). Provider: Webklar GbR — your bank statement will show “Webklar”.",
+  paketWort: "analyses",
+  aufDeutsch: "in German",
+  kaufFehlerHaken: "Please tick the box first.",
+  kaufFehlerAllg: "The payment page could not be opened. Please try again.",
   s4Titel: "Frequently asked questions",
   faq: [
     { f: "What does it cost?", a: "Your first 3 letters are free (5 with the waiting-list code). After that you buy credit: 5 analyses for €2.99 or 15 for €6.99. No subscription, no account." },
@@ -260,6 +351,19 @@ TEXTE.en = {
 };
 
 TEXTE.fa = {
+  ctaDemo: "همین حالا رایگان امتحان کنید",
+  ctaKauf: "خرید اعتبار",
+  demoHinweis: "۲ تحلیل رایگان — بدون حساب کاربری.",
+  kaufTitel: "اعتبار بخرید و فوراً شروع کنید",
+  kaufH3: "نامه‌های بیشتری را توضیح دهید",
+  kaufText: "لازم نیست صبر کنید: اعتبار بخرید و BehördenKlar را همین‌جا در مرورگر استفاده کنید — روی هر دستگاهی، بدون برنامه. اعتبار شما منقضی نمی‌شود.",
+  kaufEmail: "هنگام پرداخت نشانی ایمیل خود را وارد کنید. یک پیوند دسترسی شخصی دریافت می‌کنید — با آن اعتبارتان روی هر دستگاهی کار می‌کند.",
+  kaufKonsens: "صراحتاً درخواست می‌کنم خدمات بلافاصله پس از خرید آغاز شود و می‌دانم که حق انصراف من با این کار از بین می‌رود.",
+  kaufSicher: "پرداخت امن از طریق Stripe. بدون مالیات بر ارزش افزوده (§19 UStG). ارائه‌دهنده: Webklar GbR — در صورتحساب شما «Webklar» نمایش داده می‌شود.",
+  paketWort: "تحلیل",
+  aufDeutsch: "به آلمانی",
+  kaufFehlerHaken: "لطفاً ابتدا تیک را بزنید.",
+  kaufFehlerAllg: "صفحه پرداخت باز نشد. لطفاً دوباره تلاش کنید.",
   s4Titel: "پرسش‌های پرتکرار",
   faq: [
     { f: "هزینه آن چقدر است؟", a: "سه نامه اول رایگان است (با کد فهرست انتظار ۵ نامه). پس از آن اعتبار می‌خرید: ۵ تحلیل با ۲٫۹۹ یورو یا ۱۵ تحلیل با ۶٫۹۹ یورو. بدون اشتراک و بدون حساب کاربری." },
@@ -291,6 +395,19 @@ TEXTE.fa = {
 };
 
 TEXTE.ku = {
+  ctaDemo: "Niha belaş biceribîne",
+  ctaKauf: "Kredî bikire",
+  demoHinweis: "2 analîz belaş — bê hesab.",
+  kaufTitel: "Kredî bikire û tavilê dest pê bike",
+  kaufH3: "Zêdetir nameyan rave bike",
+  kaufText: "Ne hewce ye tu li bendê bimînî: kredî bikire û BehördenKlar rasterast di gerokê de bi kar bîne — li ser her amûrê, bê sepan. Krediya te bi dem re naçe.",
+  kaufEmail: "Dema dravdanê navnîşana e-nameyê xwe binivîse. Tu girêdaneke gihîştinê ya kesane digirî — bi wê krediya te li ser her amûrê dixebite.",
+  kaufKonsens: "Ez bi eşkereyî dixwazim ku xizmet tavilê piştî kirînê dest pê bike û dizanim ku mafê min ê vekişînê bi vê yekê diqede.",
+  kaufSicher: "Dravdana ewle bi Stripe. Bê VAT (§19 UStG). Peydakar: Webklar GbR — di rapora hesabê de „Webklar\" xuya dibe.",
+  paketWort: "analîz",
+  aufDeutsch: "bi almanî",
+  kaufFehlerHaken: "Ji kerema xwe pêşî qutîkê nîşan bike.",
+  kaufFehlerAllg: "Rûpela dravdanê venebû. Ji kerema xwe dîsa biceribîne.",
   s4Titel: "Pirsên pir tên kirin",
   faq: [
     { f: "Ew çiqas dike?", a: "Sê nameyên pêşîn belaş in (bi koda lîsteya bendewariyê 5). Piştre tu krediyê dikirî: 5 analîz bi 2,99 €, 15 bi 6,99 €. Bê abone, bê hesab." },
@@ -322,6 +439,19 @@ TEXTE.ku = {
 };
 
 TEXTE.bg = {
+  ctaDemo: "Опитайте безплатно",
+  ctaKauf: "Купете кредит",
+  demoHinweis: "2 анализа безплатно — без регистрация.",
+  kaufTitel: "Купете кредит и започнете веднага",
+  kaufH3: "Обяснете още писма",
+  kaufText: "Не е нужно да чакате: купете кредит и използвайте BehördenKlar директно в браузъра — на всяко устройство, без приложение. Кредитът не изтича.",
+  kaufEmail: "Въведете при плащането имейл адрес. Ще получите личен линк за достъп — с него кредитът работи на всяко устройство.",
+  kaufKonsens: "Изрично изисквам услугата да започне веднага след покупката и знам, че с това правото ми на отказ отпада.",
+  kaufSicher: "Сигурно плащане чрез Stripe. Без ДДС (§19 UStG). Доставчик: Webklar GbR — в извлечението ще се появи „Webklar\".",
+  paketWort: "анализа",
+  aufDeutsch: "на немски",
+  kaufFehlerHaken: "Моля, първо отбележете полето.",
+  kaufFehlerAllg: "Страницата за плащане не можа да се отвори. Опитайте отново.",
   s4Titel: "Често задавани въпроси",
   faq: [
     { f: "Колко струва?", a: "Първите 3 писма са безплатни (5 с кода от списъка на чакащите). След това купувате кредит: 5 анализа за 2,99 €, 15 за 6,99 €. Без абонамент и без регистрация." },
@@ -353,6 +483,19 @@ TEXTE.bg = {
 };
 
 TEXTE.hr = {
+  ctaDemo: "Isprobajte besplatno",
+  ctaKauf: "Kupite bodove",
+  demoHinweis: "2 analize besplatno — bez računa.",
+  kaufTitel: "Kupite bodove i počnite odmah",
+  kaufH3: "Objasnite više pisama",
+  kaufText: "Ne morate čekati: kupite bodove i koristite BehördenKlar odmah u pregledniku — na svakom uređaju, bez aplikacije. Bodovi ne istječu.",
+  kaufEmail: "Pri plaćanju unesite e-mail adresu. Dobit ćete osobnu poveznicu za pristup — s njom bodovi rade na svakom uređaju.",
+  kaufKonsens: "Izričito zahtijevam da usluga započne odmah nakon kupnje i znam da time prestaje moje pravo na odustajanje.",
+  kaufSicher: "Sigurno plaćanje putem Stripea. Bez PDV-a (§19 UStG). Pružatelj: Webklar GbR — na izvodu će pisati „Webklar\".",
+  paketWort: "analiza",
+  aufDeutsch: "na njemačkom",
+  kaufFehlerHaken: "Molimo najprije označite kućicu.",
+  kaufFehlerAllg: "Stranica za plaćanje nije se mogla otvoriti. Pokušajte ponovno.",
   s4Titel: "Česta pitanja",
   faq: [
     { f: "Koliko košta?", a: "Prva 3 pisma su besplatna (5 s kodom s liste čekanja). Zatim kupujete bodove: 5 analiza za 2,99 €, 15 za 6,99 €. Bez pretplate i bez računa." },
@@ -384,6 +527,19 @@ TEXTE.hr = {
 };
 
 TEXTE.sr = {
+  ctaDemo: "Испробајте бесплатно",
+  ctaKauf: "Купите бодове",
+  demoHinweis: "2 анализе бесплатно — без налога.",
+  kaufTitel: "Купите бодове и почните одмах",
+  kaufH3: "Објасните више писама",
+  kaufText: "Не морате да чекате: купите бодове и користите BehördenKlar одмах у прегледачу — на сваком уређају, без апликације. Бодови не истичу.",
+  kaufEmail: "При плаћању унесите имејл адресу. Добићете личну везу за приступ — с њом бодови раде на сваком уређају.",
+  kaufKonsens: "Изричито захтевам да услуга почне одмах након куповине и знам да тиме престаје моје право на одустајање.",
+  kaufSicher: "Сигурно плаћање преко Stripe-а. Без ПДВ-а (§19 UStG). Пружалац: Webklar GbR — на изводу ће писати „Webklar\".",
+  paketWort: "анализа",
+  aufDeutsch: "на немачком",
+  kaufFehlerHaken: "Молимо најпре означите поље.",
+  kaufFehlerAllg: "Страница за плаћање није могла да се отвори. Покушајте поново.",
   s4Titel: "Честа питања",
   faq: [
     { f: "Колико кошта?", a: "Прва 3 писма су бесплатна (5 са кодом са листе чекања). Затим купујете бодове: 5 анализа за 2,99 €, 15 за 6,99 €. Без претплате и без налога." },
@@ -415,6 +571,19 @@ TEXTE.sr = {
 };
 
 TEXTE.bs = {
+  ctaDemo: "Isprobajte besplatno",
+  ctaKauf: "Kupite bodove",
+  demoHinweis: "2 analize besplatno — bez računa.",
+  kaufTitel: "Kupite bodove i počnite odmah",
+  kaufH3: "Objasnite više pisama",
+  kaufText: "Ne morate čekati: kupite bodove i koristite BehördenKlar odmah u pregledniku — na svakom uređaju, bez aplikacije. Bodovi ne ističu.",
+  kaufEmail: "Pri plaćanju unesite e-mail adresu. Dobit ćete lični link za pristup — s njim bodovi rade na svakom uređaju.",
+  kaufKonsens: "Izričito zahtijevam da usluga počne odmah nakon kupovine i znam da time prestaje moje pravo na odustajanje.",
+  kaufSicher: "Sigurno plaćanje putem Stripea. Bez PDV-a (§19 UStG). Pružalac: Webklar GbR — na izvodu će pisati „Webklar\".",
+  paketWort: "analiza",
+  aufDeutsch: "na njemačkom",
+  kaufFehlerHaken: "Molimo najprije označite polje.",
+  kaufFehlerAllg: "Stranica za plaćanje nije se mogla otvoriti. Pokušajte ponovo.",
   s4Titel: "Česta pitanja",
   faq: [
     { f: "Koliko košta?", a: "Prva 3 pisma su besplatna (5 s kodom s liste čekanja). Zatim kupujete bodove: 5 analiza za 2,99 €, 15 za 6,99 €. Bez pretplate i bez računa." },
@@ -446,6 +615,19 @@ TEXTE.bs = {
 };
 
 TEXTE.sq = {
+  ctaDemo: "Provoni falas tani",
+  ctaKauf: "Blini kredi",
+  demoHinweis: "2 analiza falas — pa llogari.",
+  kaufTitel: "Blini kredi dhe filloni menjëherë",
+  kaufH3: "Shpjegoni më shumë letra",
+  kaufText: "Nuk keni pse të prisni: blini kredi dhe përdorni BehördenKlar drejtpërdrejt në shfletues — në çdo pajisje, pa aplikacion. Kredia nuk skadon.",
+  kaufEmail: "Gjatë pagesës vendosni adresën e emailit. Merrni një lidhje personale hyrjeje — me të kredia funksionon në çdo pajisje.",
+  kaufKonsens: "Kërkoj shprehimisht që shërbimi të fillojë menjëherë pas blerjes dhe e di se e drejta ime e tërheqjes shuhet me këtë.",
+  kaufSicher: "Pagesë e sigurt përmes Stripe. Pa TVSH (§19 UStG). Ofruesi: Webklar GbR — në pasqyrën tuaj shfaqet „Webklar\".",
+  paketWort: "analiza",
+  aufDeutsch: "në gjermanisht",
+  kaufFehlerHaken: "Ju lutemi shënoni fillimisht kutinë.",
+  kaufFehlerAllg: "Faqja e pagesës nuk u hap. Ju lutemi provoni sërish.",
   s4Titel: "Pyetje të shpeshta",
   faq: [
     { f: "Sa kushton?", a: "3 letrat e para janë falas (5 me kodin e listës së pritjes). Më pas blini kredi: 5 analiza për 2,99 €, 15 për 6,99 €. Pa abonim dhe pa llogari." },
@@ -477,6 +659,19 @@ TEXTE.sq = {
 };
 
 TEXTE.it = {
+  ctaDemo: "Prova subito gratis",
+  ctaKauf: "Acquista credito",
+  demoHinweis: "2 analisi gratuite — senza account.",
+  kaufTitel: "Acquista credito e inizia subito",
+  kaufH3: "Fatti spiegare altre lettere",
+  kaufText: "Non devi aspettare: acquista credito e usa BehördenKlar direttamente nel browser — su qualsiasi dispositivo, senza app. Il credito non scade.",
+  kaufEmail: "Inserisci il tuo indirizzo email al pagamento. Riceverai un link di accesso personale — con quello il credito funziona su ogni dispositivo.",
+  kaufKonsens: "Richiedo espressamente che il servizio inizi subito dopo l’acquisto e sono consapevole che il mio diritto di recesso si estingue.",
+  kaufSicher: "Pagamento sicuro tramite Stripe. Senza IVA (§19 UStG). Fornitore: Webklar GbR — sull’estratto conto comparirà „Webklar\".",
+  paketWort: "analisi",
+  aufDeutsch: "in tedesco",
+  kaufFehlerHaken: "Spunta prima la casella.",
+  kaufFehlerAllg: "Non è stato possibile aprire la pagina di pagamento. Riprova.",
   s4Titel: "Domande frequenti",
   faq: [
     { f: "Quanto costa?", a: "Le prime 3 lettere sono gratis (5 con il codice della lista d’attesa). Poi acquisti credito: 5 analisi a 2,99 € o 15 a 6,99 €. Nessun abbonamento, nessun account." },
@@ -508,6 +703,19 @@ TEXTE.it = {
 };
 
 TEXTE.el = {
+  ctaDemo: "Δοκιμάστε δωρεάν",
+  ctaKauf: "Αγορά μονάδων",
+  demoHinweis: "2 αναλύσεις δωρεάν — χωρίς λογαριασμό.",
+  kaufTitel: "Αγοράστε μονάδες και ξεκινήστε αμέσως",
+  kaufH3: "Εξηγήστε περισσότερα γράμματα",
+  kaufText: "Δεν χρειάζεται να περιμένετε: αγοράστε μονάδες και χρησιμοποιήστε το BehördenKlar απευθείας στο πρόγραμμα περιήγησης — σε κάθε συσκευή, χωρίς εφαρμογή. Οι μονάδες δεν λήγουν.",
+  kaufEmail: "Κατά την πληρωμή δώστε τη διεύθυνση email σας. Θα λάβετε προσωπικό σύνδεσμο πρόσβασης — μαζί του οι μονάδες λειτουργούν σε κάθε συσκευή.",
+  kaufKonsens: "Ζητώ ρητά να ξεκινήσει η υπηρεσία αμέσως μετά την αγορά και γνωρίζω ότι έτσι παύει το δικαίωμα υπαναχώρησής μου.",
+  kaufSicher: "Ασφαλής πληρωμή μέσω Stripe. Χωρίς ΦΠΑ (§19 UStG). Πάροχος: Webklar GbR — στο αντίγραφο κίνησης θα εμφανιστεί „Webklar\".",
+  paketWort: "αναλύσεις",
+  aufDeutsch: "στα γερμανικά",
+  kaufFehlerHaken: "Τσεκάρετε πρώτα το πλαίσιο.",
+  kaufFehlerAllg: "Η σελίδα πληρωμής δεν άνοιξε. Δοκιμάστε ξανά.",
   s4Titel: "Συχνές ερωτήσεις",
   faq: [
     { f: "Πόσο κοστίζει;", a: "Τα πρώτα 3 γράμματα είναι δωρεάν (5 με τον κωδικό της λίστας αναμονής). Έπειτα αγοράζετε μονάδες: 5 αναλύσεις 2,99 € ή 15 για 6,99 €. Χωρίς συνδρομή, χωρίς λογαριασμό." },
@@ -539,6 +747,19 @@ TEXTE.el = {
 };
 
 TEXTE.es = {
+  ctaDemo: "Pruébalo gratis ahora",
+  ctaKauf: "Comprar saldo",
+  demoHinweis: "2 análisis gratis — sin cuenta.",
+  kaufTitel: "Compra saldo y empieza enseguida",
+  kaufH3: "Haz que te expliquen más cartas",
+  kaufText: "No hace falta esperar: compra saldo y usa BehördenKlar directamente en el navegador — en cualquier dispositivo, sin app. El saldo no caduca.",
+  kaufEmail: "Indica tu correo al pagar. Recibirás un enlace de acceso personal — con él tu saldo funciona en cualquier dispositivo.",
+  kaufKonsens: "Solicito expresamente que el servicio comience inmediatamente tras la compra y sé que con ello se extingue mi derecho de desistimiento.",
+  kaufSicher: "Pago seguro con Stripe. Sin IVA (§19 UStG). Proveedor: Webklar GbR — en tu extracto aparecerá „Webklar\".",
+  paketWort: "análisis",
+  aufDeutsch: "en alemán",
+  kaufFehlerHaken: "Marca primero la casilla.",
+  kaufFehlerAllg: "No se pudo abrir la página de pago. Inténtalo de nuevo.",
   s4Titel: "Preguntas frecuentes",
   faq: [
     { f: "¿Cuánto cuesta?", a: "Las primeras 3 cartas son gratis (5 con el código de la lista de espera). Después compras saldo: 5 análisis por 2,99 € o 15 por 6,99 €. Sin suscripción y sin cuenta." },
@@ -570,6 +791,19 @@ TEXTE.es = {
 };
 
 TEXTE.pt = {
+  ctaDemo: "Experimente grátis agora",
+  ctaKauf: "Comprar saldo",
+  demoHinweis: "2 análises grátis — sem conta.",
+  kaufTitel: "Compre saldo e comece já",
+  kaufH3: "Peça a explicação de mais cartas",
+  kaufText: "Não precisa de esperar: compre saldo e use o BehördenKlar diretamente no navegador — em qualquer dispositivo, sem aplicação. O saldo não expira.",
+  kaufEmail: "Indique o seu e-mail ao pagar. Receberá uma ligação de acesso pessoal — com ela o saldo funciona em qualquer dispositivo.",
+  kaufKonsens: "Solicito expressamente que o serviço comece imediatamente após a compra e sei que o meu direito de livre resolução se extingue com isso.",
+  kaufSicher: "Pagamento seguro através da Stripe. Sem IVA (§19 UStG). Fornecedor: Webklar GbR — no seu extrato aparecerá „Webklar\".",
+  paketWort: "análises",
+  aufDeutsch: "em alemão",
+  kaufFehlerHaken: "Assinale primeiro a caixa.",
+  kaufFehlerAllg: "Não foi possível abrir a página de pagamento. Tente novamente.",
   s4Titel: "Perguntas frequentes",
   faq: [
     { f: "Quanto custa?", a: "As primeiras 3 cartas são grátis (5 com o código da lista de espera). Depois compra saldo: 5 análises por 2,99 € ou 15 por 6,99 €. Sem assinatura e sem conta." },
@@ -601,6 +835,19 @@ TEXTE.pt = {
 };
 
 TEXTE.fr = {
+  ctaDemo: "Essayez gratuitement",
+  ctaKauf: "Acheter du crédit",
+  demoHinweis: "2 analyses gratuites — sans compte.",
+  kaufTitel: "Achetez du crédit et commencez tout de suite",
+  kaufH3: "Faites expliquer d’autres courriers",
+  kaufText: "Pas besoin d’attendre : achetez du crédit et utilisez BehördenKlar directement dans le navigateur — sur tout appareil, sans application. Le crédit n’expire pas.",
+  kaufEmail: "Indiquez votre adresse e-mail au moment du paiement. Vous recevrez un lien d’accès personnel — grâce à lui votre crédit fonctionne sur tout appareil.",
+  kaufKonsens: "Je demande expressément que la prestation commence immédiatement après l’achat et je sais que mon droit de rétractation s’éteint de ce fait.",
+  kaufSicher: "Paiement sécurisé via Stripe. Sans TVA (§19 UStG). Prestataire : Webklar GbR — votre relevé indiquera « Webklar ».",
+  paketWort: "analyses",
+  aufDeutsch: "en allemand",
+  kaufFehlerHaken: "Veuillez d’abord cocher la case.",
+  kaufFehlerAllg: "La page de paiement n’a pas pu être ouverte. Réessayez.",
   s4Titel: "Questions fréquentes",
   faq: [
     { f: "Combien ça coûte ?", a: "Les 3 premiers courriers sont gratuits (5 avec le code de la liste d’attente). Ensuite vous achetez du crédit : 5 analyses pour 2,99 € ou 15 pour 6,99 €. Sans abonnement et sans compte." },
@@ -632,6 +879,19 @@ TEXTE.fr = {
 };
 
 TEXTE.hu = {
+  ctaDemo: "Próbálja ki ingyen",
+  ctaKauf: "Egyenleg vásárlása",
+  demoHinweis: "2 elemzés ingyen — fiók nélkül.",
+  kaufTitel: "Vásároljon egyenleget és kezdje azonnal",
+  kaufH3: "Magyaráztasson el több levelet",
+  kaufText: "Nem kell várnia: vásároljon egyenleget és használja a BehördenKlart közvetlenül a böngészőben — bármely készüléken, alkalmazás nélkül. Az egyenleg nem jár le.",
+  kaufEmail: "Fizetéskor adja meg e-mail címét. Személyes hozzáférési linket kap — ezzel az egyenleg bármely készüléken működik.",
+  kaufKonsens: "Kifejezetten kérem, hogy a szolgáltatás a vásárlás után azonnal induljon, és tudomásul veszem, hogy elállási jogom ezzel megszűnik.",
+  kaufSicher: "Biztonságos fizetés a Stripe-on keresztül. ÁFA nélkül (§19 UStG). Szolgáltató: Webklar GbR — a kivonaton „Webklar\" jelenik meg.",
+  paketWort: "elemzés",
+  aufDeutsch: "németül",
+  kaufFehlerHaken: "Kérjük, előbb jelölje be a négyzetet.",
+  kaufFehlerAllg: "A fizetési oldal nem nyílt meg. Próbálja újra.",
   s4Titel: "Gyakori kérdések",
   faq: [
     { f: "Mennyibe kerül?", a: "Az első 3 levél ingyenes (a várólista kódjával 5). Utána egyenleget vásárol: 5 elemzés 2,99 €, 15 elemzés 6,99 €. Előfizetés és fiók nélkül." },
@@ -663,6 +923,19 @@ TEXTE.hu = {
 };
 
 TEXTE.vi = {
+  ctaDemo: "Dùng thử miễn phí",
+  ctaKauf: "Mua lượt",
+  demoHinweis: "2 lần phân tích miễn phí — không cần tài khoản.",
+  kaufTitel: "Mua lượt và bắt đầu ngay",
+  kaufH3: "Giải thích thêm nhiều thư",
+  kaufText: "Bạn không phải chờ: mua lượt và dùng BehördenKlar ngay trong trình duyệt — trên mọi thiết bị, không cần ứng dụng. Lượt không hết hạn.",
+  kaufEmail: "Hãy nhập địa chỉ email khi thanh toán. Bạn sẽ nhận được liên kết truy cập cá nhân — với nó lượt của bạn dùng được trên mọi thiết bị.",
+  kaufKonsens: "Tôi yêu cầu rõ ràng rằng dịch vụ bắt đầu ngay sau khi mua và tôi biết rằng quyền rút lui của tôi chấm dứt vì điều đó.",
+  kaufSicher: "Thanh toán an toàn qua Stripe. Không VAT (§19 UStG). Nhà cung cấp: Webklar GbR — sao kê của bạn sẽ hiển thị „Webklar\".",
+  paketWort: "lần phân tích",
+  aufDeutsch: "bằng tiếng Đức",
+  kaufFehlerHaken: "Vui lòng đánh dấu ô trước.",
+  kaufFehlerAllg: "Không mở được trang thanh toán. Vui lòng thử lại.",
   s4Titel: "Câu hỏi thường gặp",
   faq: [
     { f: "Giá bao nhiêu?", a: "3 lá thư đầu tiên miễn phí (5 nếu có mã từ danh sách chờ). Sau đó bạn mua lượt: 5 lần phân tích 2,99 €, 15 lần 6,99 €. Không thuê bao, không cần tài khoản." },
@@ -694,6 +967,19 @@ TEXTE.vi = {
 };
 
 TEXTE.hi = {
+  ctaDemo: "अभी मुफ़्त आज़माएँ",
+  ctaKauf: "क्रेडिट खरीदें",
+  demoHinweis: "2 विश्लेषण मुफ़्त — बिना खाते के।",
+  kaufTitel: "क्रेडिट खरीदें और तुरंत शुरू करें",
+  kaufH3: "और चिट्ठियाँ समझवाएँ",
+  kaufText: "इंतज़ार की ज़रूरत नहीं: क्रेडिट खरीदें और BehördenKlar सीधे ब्राउज़र में इस्तेमाल करें — हर उपकरण पर, बिना ऐप के। आपका क्रेडिट समाप्त नहीं होता।",
+  kaufEmail: "भुगतान करते समय अपना ई-मेल पता दें। आपको एक निजी पहुँच लिंक मिलेगा — उससे आपका क्रेडिट हर उपकरण पर काम करता है।",
+  kaufKonsens: "मैं स्पष्ट रूप से माँग करता/करती हूँ कि सेवा खरीद के तुरंत बाद शुरू हो, और मुझे पता है कि इससे मेरा वापसी का अधिकार समाप्त हो जाता है।",
+  kaufSicher: "Stripe के ज़रिए सुरक्षित भुगतान। कोई जीएसटी नहीं (§19 UStG)। प्रदाता: Webklar GbR — आपके खाते के विवरण में „Webklar\" दिखेगा।",
+  paketWort: "विश्लेषण",
+  aufDeutsch: "जर्मन में",
+  kaufFehlerHaken: "कृपया पहले बॉक्स पर निशान लगाएँ।",
+  kaufFehlerAllg: "भुगतान पृष्ठ नहीं खुल सका। कृपया फिर कोशिश करें।",
   s4Titel: "अक्सर पूछे जाने वाले सवाल",
   faq: [
     { f: "इसकी कीमत क्या है?", a: "पहली 3 चिट्ठियाँ मुफ़्त हैं (प्रतीक्षा सूची के कोड से 5)। उसके बाद आप क्रेडिट खरीदते हैं: 5 विश्लेषण 2,99 € में या 15 विश्लेषण 6,99 € में। कोई सदस्यता नहीं, कोई खाता नहीं।" },
@@ -725,6 +1011,19 @@ TEXTE.hi = {
 };
 
 TEXTE.ur = {
+  ctaDemo: "ابھی مفت آزمائیں",
+  ctaKauf: "کریڈٹ خریدیں",
+  demoHinweis: "2 تجزیے مفت — بغیر اکاؤنٹ کے۔",
+  kaufTitel: "کریڈٹ خریدیں اور فوراً شروع کریں",
+  kaufH3: "مزید خطوط سمجھوائیں",
+  kaufText: "انتظار کی ضرورت نہیں: کریڈٹ خریدیں اور BehördenKlar براہِ راست براؤزر میں استعمال کریں — ہر آلے پر، بغیر ایپ کے۔ آپ کا کریڈٹ ختم نہیں ہوتا۔",
+  kaufEmail: "ادائیگی کے وقت اپنا ای میل پتہ درج کریں۔ آپ کو ذاتی رسائی لنک ملے گا — اس سے آپ کا کریڈٹ ہر آلے پر کام کرتا ہے۔",
+  kaufKonsens: "میں واضح طور پر مطالبہ کرتا/کرتی ہوں کہ خدمت خریداری کے فوراً بعد شروع ہو، اور مجھے معلوم ہے کہ اس سے میرا دستبرداری کا حق ختم ہو جاتا ہے۔",
+  kaufSicher: "Stripe کے ذریعے محفوظ ادائیگی۔ کوئی ویٹ نہیں (§19 UStG)۔ فراہم کنندہ: Webklar GbR — آپ کے اکاؤنٹ کی تفصیل میں „Webklar\" نظر آئے گا۔",
+  paketWort: "تجزیے",
+  aufDeutsch: "جرمن میں",
+  kaufFehlerHaken: "براہ کرم پہلے خانے پر نشان لگائیں۔",
+  kaufFehlerAllg: "ادائیگی کا صفحہ نہیں کھل سکا۔ براہ کرم دوبارہ کوشش کریں۔",
   s4Titel: "اکثر پوچھے جانے والے سوالات",
   faq: [
     { f: "اس کی قیمت کیا ہے؟", a: "پہلے 3 خط مفت ہیں (انتظار کی فہرست کے کوڈ کے ساتھ 5)۔ اس کے بعد آپ کریڈٹ خریدتے ہیں: 5 تجزیے 2,99 € میں یا 15 تجزیے 6,99 € میں۔ کوئی سبسکرپشن نہیں، کوئی اکاؤنٹ نہیں۔" },
@@ -756,6 +1055,19 @@ TEXTE.ur = {
 };
 
 TEXTE.ps = {
+  ctaDemo: "اوس یې وړیا وازمویئ",
+  ctaKauf: "کریډیټ واخلئ",
+  demoHinweis: "۲ شننې وړیا — پرته له حساب.",
+  kaufTitel: "کریډیټ واخلئ او سمدستي پیل وکړئ",
+  kaufH3: "نور لیکونه رابرسېره کړئ",
+  kaufText: "انتظار ته اړتیا نشته: کریډیټ واخلئ او BehördenKlar مستقیم په براوزر کې وکاروئ — په هره وسیله، پرته له اپلیکیشنه. ستاسو کریډیټ نه ختمېږي.",
+  kaufEmail: "د تادیې پر مهال خپله بریښنالیک پته ولیکئ. تاسو به یو شخصي لاسرسي لینک ترلاسه کړئ — په هغې سره ستاسو کریډیټ په هره وسیله کار کوي.",
+  kaufKonsens: "زه په ښکاره غوښتنه کوم چې خدمت له پیرودنې وروسته سمدستي پیل شي، او پوهېږم چې زما د بېرته اخیستو حق پدې سره پای ته رسېږي.",
+  kaufSicher: "د Stripe له لارې خوندي تادیه. بې له VAT (§19 UStG). چمتو کوونکی: Webklar GbR — ستاسو په حساب کې به „Webklar\" ښکاره شي.",
+  paketWort: "شننې",
+  aufDeutsch: "په آلماني",
+  kaufFehlerHaken: "مهرباني وکړئ لومړی بکس نښه کړئ.",
+  kaufFehlerAllg: "د تادیې پاڼه نه پرانیستل کېده. مهرباني وکړئ بیا هڅه وکړئ.",
   s4Titel: "ډېرې پوښتل شوې پوښتنې",
   faq: [
     { f: "بیه یې څومره ده؟", a: "لومړي ۳ لیکونه وړیا دي (د انتظار لړلیک کوډ سره ۵). وروسته تاسو کریډیټ اخلئ: ۵ شننې په ۲٫۹۹ یورو یا ۱۵ په ۶٫۹۹ یورو. نه ګډون، نه حساب." },
@@ -787,6 +1099,19 @@ TEXTE.ps = {
 };
 
 TEXTE.ti = {
+  ctaDemo: "ሕጂ ብነጻ ፈትኖ",
+  ctaKauf: "ክሬዲት ግዛእ",
+  demoHinweis: "2 መጽናዕቲ ብነጻ — ኣካውንት ኣየድልን።",
+  kaufTitel: "ክሬዲት ግዛእን ሽዑ ጀምርን",
+  kaufH3: "ተወሳኺ ደብዳበታት ኣብርህ",
+  kaufText: "ክትጽበ ኣየድልየካን፦ ክሬዲት ግዛእ እሞ BehördenKlar ኣብዚ ኣብ ብራውዘር ተጠቐመሉ — ኣብ ዝኾነ መሳርሒ፣ ብዘይ መተግበሪ። ክሬዲትካ ኣይውዳእን።",
+  kaufEmail: "ኣብ ግዜ ክፍሊት ናይ ኢመይል ኣድራሻኻ ኣእቱ። ውልቃዊ መእተዊ መላግቦ ክትረክብ ኢኻ — ብእኡ ክሬዲትካ ኣብ ዝኾነ መሳርሒ ይሰርሕ።",
+  kaufKonsens: "እቲ ኣገልግሎት ድሕሪ ምግዛእ ሽዑ ንሽዑ ክጅምር ብንጹር እሓትት፣ ብኡ ድማ መሰል ምስሓብ ከም ዝጠፍእ እፈልጥ እየ።",
+  kaufSicher: "ብStripe ውሑስ ክፍሊት። ትእዛዝ VAT የለን (§19 UStG)። ኣቕራቢ፦ Webklar GbR — ኣብ ናይ ባንክኻ ሓበሬታ „Webklar\" ክርአ እዩ።",
+  paketWort: "መጽናዕቲ",
+  aufDeutsch: "ብጀርመንኛ",
+  kaufFehlerHaken: "በጃኻ ቅድሚ ኩሉ ነቲ ሳጹን ምልክት ግበረሉ።",
+  kaufFehlerAllg: "ናይ ክፍሊት ገጽ ክኽፈት ኣይከኣለን። በጃኻ እንደገና ፈትን።",
   s4Titel: "ብተደጋጋሚ ዝሕተቱ ሕቶታት",
   faq: [
     { f: "ክንደይ ይኸፍል?", a: "እቶም ቀዳሞት 3 ደብዳበታት ብነጻ እዮም (ብናይ ምጽባይ ዝርዝር ኮድ 5)። ድሕሪኡ ክሬዲት ትገዝእ፦ 5 መጽናዕቲ ብ2,99 € ወይ 15 ብ6,99 €። ዝኾነ ምዝገባ ወይ ኣካውንት ኣየድልን።" },
@@ -818,6 +1143,19 @@ TEXTE.ti = {
 };
 
 TEXTE.so = {
+  ctaDemo: "Hadda isku day bilaash",
+  ctaKauf: "Iibso rasiid",
+  demoHinweis: "2 falanqayn oo bilaash ah — koonto looma baahna.",
+  kaufTitel: "Iibso rasiid oo isla markiiba bilow",
+  kaufH3: "Sharrax warqado dheeraad ah",
+  kaufText: "Uma baahnid inaad sugto: iibso rasiid oo isticmaal BehördenKlar halkan browser-ka — qalab kasta, app la’aan. Rasiidkaagu wuu joogaa, ma dhamaado.",
+  kaufEmail: "Markaad bixinayso geli cinwaanka iimaylkaaga. Waxaad heli doontaa link gaar ah oo gelitaan — isaga rasiidkaagu wuxuu ka shaqeeyaa qalab kasta.",
+  kaufKonsens: "Waxaan si cad u codsanayaa in adeegga uu isla markiiba bilaabmo iibka kaddib, waanan ogahay in xaqayga laga noqoshadu uu sidaas ku dhammaado.",
+  kaufSicher: "Lacag bixin ammaan ah oo Stripe ah. VAT ma leh (§19 UStG). Bixiye: Webklar GbR — warbixinta xisaabtaada waxaa ka muuqan doona „Webklar\".",
+  paketWort: "falanqayn",
+  aufDeutsch: "Jarmal ahaan",
+  kaufFehlerHaken: "Fadlan marka hore calaamadee sanduuqa.",
+  kaufFehlerAllg: "Boggii lacag bixinta lama furi karin. Fadlan mar kale isku day.",
   s4Titel: "Su’aalaha inta badan la weydiiyo",
   faq: [
     { f: "Intee ayey ku kacaysaa?", a: "3-da warqadood ee ugu horreeya waa bilaash (5 haddii aad haysato koodhka liiska sugitaanka). Kadib waxaad iibsanaysaa rasiid: 5 falanqayn 2,99 € ama 15 falanqayn 6,99 €. Rukun ma jiro, koonto looma baahna." },
@@ -849,6 +1187,19 @@ TEXTE.so = {
 };
 
 TEXTE.zh = {
+  ctaDemo: "立即免费试用",
+  ctaKauf: "购买额度",
+  demoHinweis: "2 次分析免费——无需账号。",
+  kaufTitel: "购买额度，立刻开始",
+  kaufH3: "让更多信件得到解释",
+  kaufText: "无需等待：购买额度，直接在浏览器中使用 BehördenKlar——任何设备都行，无需应用。额度不会过期。",
+  kaufEmail: "付款时请填写电子邮箱。您会收到专属访问链接——凭它，您的额度在任何设备上都能使用。",
+  kaufKonsens: "我明确要求服务在购买后立即开始，并知悉我的撤回权因此终止。",
+  kaufSicher: "通过 Stripe 安全付款。不含增值税（§19 UStG）。提供方：Webklar GbR——您的账单上会显示“Webklar”。",
+  paketWort: "次分析",
+  aufDeutsch: "德语",
+  kaufFehlerHaken: "请先勾选方框。",
+  kaufFehlerAllg: "无法打开付款页面，请重试。",
   s4Titel: "常见问题",
   faq: [
     { f: "收费多少？", a: "前 3 封信免费（用等候名单的兑换码则是 5 封）。之后购买额度：5 次分析 2,99 €，15 次 6,99 €。无订阅，无需注册账号。" },

tools/sprachseiten/vorlage.html

@@ -57,6 +57,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -138,9 +139,12 @@
       <h1>{{H1_A}}<br><span class="markiert">{{H1_B}}</span></h1>
       <p class="intro">{{INTRO}}</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">{{CTA_HERO}}&nbsp;→</a>
-        <span class="stempel">{{STEMPEL}}</span>
+        <a class="cta" href="/demo?sprache={{LANG}}">📷 {{CTA_DEMO}}&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">{{CTA_KAUF}}</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        {{DEMO_HINWEIS}} &nbsp;·&nbsp; <a href="#anmelden">{{CTA_HERO}}</a>
+      </p>
     </header>
 
     <section>
@@ -172,8 +176,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;{{KAUF_TITEL}}</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>{{KAUF_H3}}</h3>
+        <p>{{KAUF_TEXT}}</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 {{KAUF_EMAIL}}
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>{{KAUF_KONSENS}} <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> ({{AUF_DEUTSCH}})</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 {{KAUF_SICHER}}</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;{{S3_TITEL}}</h2>
+      <h2>§ 4 &nbsp;{{S3_TITEL}}</h2>
       <div class="antrag">
         <p class="formular-kopf">{{FORMULAR_KOPF}}</p>
         <h3>{{FORM_H3}}</h3>
@@ -191,7 +213,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;{{S4_TITEL}}</h2>
+      <h2>§ 5 &nbsp;{{S4_TITEL}}</h2>
 {{FAQ_HTML}}
     </section>
 
@@ -201,6 +223,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">{{DATENSCHUTZ}}</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 {{PAKET_WORT}}';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = '{{KAUF_FEHLER_HAKEN}}'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = '{{KAUF_FEHLER_ALLG}}'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/ar.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>وصلتك رسالة من دائرة ألمانية؟<br><span class="markiert">الآن تفهمها بسهولة.</span></h1>
       <p class="intro">صوّر الرسالة. يشرحها BehördenKlar بكلمات بسيطة — <strong>وبالعربية</strong> — مع كل المواعيد النهائية وقائمة بما عليك فعله.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">انضم إلى قائمة الانتظار&nbsp;→</a>
-        <span class="stempel">قريباً على iPhone</span>
+        <a class="cta" href="/demo?sprache=ar">📷 جرّب مجاناً الآن&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">شراء رصيد</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        تحليلان مجاناً — بدون حساب. &nbsp;·&nbsp; <a href="#anmelden">انضم إلى قائمة الانتظار</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;اشترِ رصيداً واستخدمه فوراً</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>اشرح المزيد من الرسائل</h3>
+        <p>لا داعي للانتظار: اشترِ رصيداً واستخدم BehördenKlar مباشرة في المتصفح — على أي جهاز وبدون تطبيق. رصيدك لا ينتهي.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 أدخل بريدك الإلكتروني عند الدفع. ستحصل على رابط وصول شخصي — به تستخدم رصيدك على أي جهاز.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>أطلب صراحةً أن تبدأ الخدمة فوراً بعد الشراء، وأعلم أن حقي في الانسحاب يسقط بذلك. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (بالألمانية)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 دفع آمن عبر Stripe. بدون ضريبة قيمة مضافة (§19 UStG). المزوّد: Webklar GbR — يظهر في كشف حسابك „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;وصول مبكر</h2>
+      <h2>§ 4 &nbsp;وصول مبكر</h2>
       <div class="antrag">
         <p class="formular-kopf">استمارة F-01 · قائمة الانتظار</p>
         <h3>كن من الأوائل</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;الأسئلة الشائعة</h2>
+      <h2>§ 5 &nbsp;الأسئلة الشائعة</h2>
       <details>
         <summary>كم التكلفة؟</summary>
         <p>أول 3 رسائل مجاناً (5 مع رمز قائمة الانتظار). بعد ذلك تشتري رصيداً: 5 تحليلات بـ 2,99 يورو أو 15 بـ 6,99 يورو. بدون اشتراك وبدون حساب.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">سياسة الخصوصية (بالألمانية)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 تحليل';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'يرجى تأكيد المربع أولاً.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'تعذّر فتح صفحة الدفع. يرجى المحاولة مرة أخرى.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/bg.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Писмо от немска институция?<br><span class="markiert">Най-накрая разбираемо.</span></h1>
       <p class="intro">Снимайте писмото. BehördenKlar го обяснява с прости думи — <strong>и на български</strong>. С всички срокове и списък със задачи.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">В списъка на чакащите&nbsp;→</a>
-        <span class="stempel">Скоро в App Store</span>
+        <a class="cta" href="/demo?sprache=bg">📷 Опитайте безплатно&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Купете кредит</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 анализа безплатно — без регистрация. &nbsp;·&nbsp; <a href="#anmelden">В списъка на чакащите</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Купете кредит и започнете веднага</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Обяснете още писма</h3>
+        <p>Не е нужно да чакате: купете кредит и използвайте BehördenKlar директно в браузъра — на всяко устройство, без приложение. Кредитът не изтича.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Въведете при плащането имейл адрес. Ще получите личен линк за достъп — с него кредитът работи на всяко устройство.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Изрично изисквам услугата да започне веднага след покупката и знам, че с това правото ми на отказ отпада. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (на немски)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Сигурно плащане чрез Stripe. Без ДДС (§19 UStG). Доставчик: Webklar GbR — в извлечението ще се появи „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Ранен достъп</h2>
+      <h2>§ 4 &nbsp;Ранен достъп</h2>
       <div class="antrag">
         <p class="formular-kopf">Формуляр F-01 · Списък на чакащите</p>
         <h3>Бъдете сред първите</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Често задавани въпроси</h2>
+      <h2>§ 5 &nbsp;Често задавани въпроси</h2>
       <details>
         <summary>Колко струва?</summary>
         <p>Първите 3 писма са безплатни (5 с кода от списъка на чакащите). След това купувате кредит: 5 анализа за 2,99 €, 15 за 6,99 €. Без абонамент и без регистрация.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Политика за поверителност (на немски)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 анализа';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Моля, първо отбележете полето.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Страницата за плащане не можа да се отвори. Опитайте отново.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/bs.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Pismo njemačke ustanove?<br><span class="markiert">Konačno razumljivo.</span></h1>
       <p class="intro">Fotografišite pismo. BehördenKlar ga objašnjava jednostavnim riječima — <strong>i na bosanskom</strong>. Sa svim rokovima i spiskom zadataka.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Na listu čekanja&nbsp;→</a>
-        <span class="stempel">Uskoro na iPhoneu</span>
+        <a class="cta" href="/demo?sprache=bs">📷 Isprobajte besplatno&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Kupite bodove</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 analize besplatno — bez računa. &nbsp;·&nbsp; <a href="#anmelden">Na listu čekanja</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Kupite bodove i počnite odmah</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Objasnite više pisama</h3>
+        <p>Ne morate čekati: kupite bodove i koristite BehördenKlar odmah u pregledniku — na svakom uređaju, bez aplikacije. Bodovi ne ističu.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Pri plaćanju unesite e-mail adresu. Dobit ćete lični link za pristup — s njim bodovi rade na svakom uređaju.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Izričito zahtijevam da usluga počne odmah nakon kupovine i znam da time prestaje moje pravo na odustajanje. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (na njemačkom)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Sigurno plaćanje putem Stripea. Bez PDV-a (§19 UStG). Pružalac: Webklar GbR — na izvodu će pisati „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Rani pristup</h2>
+      <h2>§ 4 &nbsp;Rani pristup</h2>
       <div class="antrag">
         <p class="formular-kopf">Obrazac F-01 · Lista čekanja</p>
         <h3>Budite među prvima</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Česta pitanja</h2>
+      <h2>§ 5 &nbsp;Česta pitanja</h2>
       <details>
         <summary>Koliko košta?</summary>
         <p>Prva 3 pisma su besplatna (5 s kodom s liste čekanja). Zatim kupujete bodove: 5 analiza za 2,99 €, 15 za 6,99 €. Bez pretplate i bez računa.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Pravila privatnosti (na njemačkom)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 analiza';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Molimo najprije označite polje.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Stranica za plaćanje nije se mogla otvoriti. Pokušajte ponovo.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/demo.html

@@ -266,6 +266,11 @@
           <p id="guthabenBanner" class="bonus-zeile" style="display: none;">
             💳 Ihr Guthaben: <strong id="guthabenZahl">0</strong> Analysen — laden Sie den nächsten Brief hoch.
           </p>
+          <p style="margin-bottom: 14px; font-size: 15.5px;">
+            🌐 <label for="sprachWahl">Erklärung in dieser Sprache:</label>
+            <select id="sprachWahl" style="font-family: inherit; font-size: 15.5px; padding: 5px 8px; border: 1.5px solid var(--tinte); background: #fff; margin-inline-start: 6px;"></select>
+          </p>
+
           <label class="konsens">
             <input type="checkbox" id="konsens">
             <span>
@@ -446,6 +451,22 @@
       { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15 Analysen', preis: '6,99 €', best: true },
     ];
 
+    // Zielsprache: kommt als ?sprache=tr von den Sprachseiten, wird gemerkt.
+    var SPRACH_SCHLUESSEL = 'bk_sprache';
+    var SPRACH_NAMEN = {
+      de:'Deutsch', tr:'Türkçe', ar:'العربية', ru:'Русский', uk:'Українська', pl:'Polski',
+      ro:'Română', en:'English', fa:'فارسی', ku:'Kurdî', bg:'Български', hr:'Hrvatski',
+      sr:'Српски', bs:'Bosanski', sq:'Shqip', it:'Italiano', el:'Ελληνικά', es:'Español',
+      pt:'Português', fr:'Français', hu:'Magyar', vi:'Tiếng Việt', hi:'हिन्दी', ur:'اردو',
+      ps:'پښتو', ti:'ትግርኛ', so:'Soomaali', zh:'中文'
+    };
+    function zielsprache() {
+      var p = new URLSearchParams(window.location.search).get('sprache');
+      if (p && SPRACH_NAMEN[p]) { try { localStorage.setItem(SPRACH_SCHLUESSEL, p); } catch (e) {} return p; }
+      try { var g = localStorage.getItem(SPRACH_SCHLUESSEL); if (g && SPRACH_NAMEN[g]) return g; } catch (e) {}
+      return 'de';
+    }
+
     var konsens = document.getElementById('konsens');
     var startKnopf = document.getElementById('startKnopf');
     var dateiFeld = document.getElementById('datei');
@@ -582,6 +603,7 @@
           turnstileToken: token,
         };
         var email = emailFeld.value.trim();
+        body.zielsprache = zielsprache();
         if (bezahlt) body.walletToken = walletToken();
         else if (benutzt() >= 1 && email) body.email = email;
 
@@ -837,6 +859,21 @@
       if (kaufKonsens.checked) kaufFehler.style.display = 'none';
     });
 
+    // Sprachauswahl aufbauen
+    (function () {
+      var feld = document.getElementById('sprachWahl');
+      var aktiv = zielsprache();
+      Object.keys(SPRACH_NAMEN).forEach(function (c) {
+        var o = document.createElement('option');
+        o.value = c; o.textContent = SPRACH_NAMEN[c];
+        if (c === aktiv) o.selected = true;
+        feld.appendChild(o);
+      });
+      feld.addEventListener('change', function () {
+        try { localStorage.setItem(SPRACH_SCHLUESSEL, feld.value); } catch (e) {}
+      });
+    })();
+
     rendrePakete();
     pruefeRueckkehr();
     zeigeStand();

webseite/el.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Γράμμα από γερμανική υπηρεσία;<br><span class="markiert">Επιτέλους κατανοητό.</span></h1>
       <p class="intro">Φωτογραφίστε το γράμμα. Το BehördenKlar το εξηγεί με απλά λόγια — <strong>και στα ελληνικά</strong>. Με όλες τις προθεσμίες και λίστα ενεργειών.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Στη λίστα αναμονής&nbsp;→</a>
-        <span class="stempel">Σύντομα στο iPhone</span>
+        <a class="cta" href="/demo?sprache=el">📷 Δοκιμάστε δωρεάν&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Αγορά μονάδων</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 αναλύσεις δωρεάν — χωρίς λογαριασμό. &nbsp;·&nbsp; <a href="#anmelden">Στη λίστα αναμονής</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Αγοράστε μονάδες και ξεκινήστε αμέσως</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Εξηγήστε περισσότερα γράμματα</h3>
+        <p>Δεν χρειάζεται να περιμένετε: αγοράστε μονάδες και χρησιμοποιήστε το BehördenKlar απευθείας στο πρόγραμμα περιήγησης — σε κάθε συσκευή, χωρίς εφαρμογή. Οι μονάδες δεν λήγουν.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Κατά την πληρωμή δώστε τη διεύθυνση email σας. Θα λάβετε προσωπικό σύνδεσμο πρόσβασης — μαζί του οι μονάδες λειτουργούν σε κάθε συσκευή.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Ζητώ ρητά να ξεκινήσει η υπηρεσία αμέσως μετά την αγορά και γνωρίζω ότι έτσι παύει το δικαίωμα υπαναχώρησής μου. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (στα γερμανικά)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Ασφαλής πληρωμή μέσω Stripe. Χωρίς ΦΠΑ (§19 UStG). Πάροχος: Webklar GbR — στο αντίγραφο κίνησης θα εμφανιστεί „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Πρώιμη πρόσβαση</h2>
+      <h2>§ 4 &nbsp;Πρώιμη πρόσβαση</h2>
       <div class="antrag">
         <p class="formular-kopf">Έντυπο F-01 · Λίστα αναμονής</p>
         <h3>Γίνετε από τους πρώτους</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Συχνές ερωτήσεις</h2>
+      <h2>§ 5 &nbsp;Συχνές ερωτήσεις</h2>
       <details>
         <summary>Πόσο κοστίζει;</summary>
         <p>Τα πρώτα 3 γράμματα είναι δωρεάν (5 με τον κωδικό της λίστας αναμονής). Έπειτα αγοράζετε μονάδες: 5 αναλύσεις 2,99 € ή 15 για 6,99 €. Χωρίς συνδρομή, χωρίς λογαριασμό.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Πολιτική απορρήτου (στα γερμανικά)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 αναλύσεις';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Τσεκάρετε πρώτα το πλαίσιο.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Η σελίδα πληρωμής δεν άνοιξε. Δοκιμάστε ξανά.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/en.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>A letter from a German authority?<br><span class="markiert">Finally clear.</span></h1>
       <p class="intro">Take a photo of the letter. BehördenKlar explains it in plain words — <strong>and in English</strong>. With every deadline and a to-do list.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Join the waiting list&nbsp;→</a>
-        <span class="stempel">Coming soon on iPhone</span>
+        <a class="cta" href="/demo?sprache=en">📷 Try it free now&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Buy credit</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 analyses free — no account needed. &nbsp;·&nbsp; <a href="#anmelden">Join the waiting list</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Buy credit and start right away</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Get more letters explained</h3>
+        <p>No need to wait: buy credit and use BehördenKlar right here in your browser — on any device, no app. Your credit never expires.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Enter your email address when paying. You will get a personal access link — with it your credit works on any device.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>I expressly request that the service starts immediately after purchase, and I understand that my right of withdrawal ends as a result. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (in German)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Secure payment via Stripe. No VAT (§19 UStG). Provider: Webklar GbR — your bank statement will show “Webklar”.</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Early access</h2>
+      <h2>§ 4 &nbsp;Early access</h2>
       <div class="antrag">
         <p class="formular-kopf">Form F-01 · Waiting list</p>
         <h3>Be among the first</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Frequently asked questions</h2>
+      <h2>§ 5 &nbsp;Frequently asked questions</h2>
       <details>
         <summary>What does it cost?</summary>
         <p>Your first 3 letters are free (5 with the waiting-list code). After that you buy credit: 5 analyses for €2.99 or 15 for €6.99. No subscription, no account.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Privacy policy (German)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 analyses';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Please tick the box first.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'The payment page could not be opened. Please try again.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/es.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>¿Una carta de una oficina alemana?<br><span class="markiert">Por fin se entiende.</span></h1>
       <p class="intro">Haz una foto de la carta. BehördenKlar la explica con palabras sencillas — <strong>y en español</strong>. Con todos los plazos y una lista de tareas.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Apuntarme a la lista&nbsp;→</a>
-        <span class="stempel">Pronto en iPhone</span>
+        <a class="cta" href="/demo?sprache=es">📷 Pruébalo gratis ahora&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Comprar saldo</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 análisis gratis — sin cuenta. &nbsp;·&nbsp; <a href="#anmelden">Apuntarme a la lista</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Compra saldo y empieza enseguida</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Haz que te expliquen más cartas</h3>
+        <p>No hace falta esperar: compra saldo y usa BehördenKlar directamente en el navegador — en cualquier dispositivo, sin app. El saldo no caduca.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Indica tu correo al pagar. Recibirás un enlace de acceso personal — con él tu saldo funciona en cualquier dispositivo.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Solicito expresamente que el servicio comience inmediatamente tras la compra y sé que con ello se extingue mi derecho de desistimiento. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (en alemán)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Pago seguro con Stripe. Sin IVA (§19 UStG). Proveedor: Webklar GbR — en tu extracto aparecerá „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Acceso anticipado</h2>
+      <h2>§ 4 &nbsp;Acceso anticipado</h2>
       <div class="antrag">
         <p class="formular-kopf">Formulario F-01 · Lista de espera</p>
         <h3>Sé de los primeros</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Preguntas frecuentes</h2>
+      <h2>§ 5 &nbsp;Preguntas frecuentes</h2>
       <details>
         <summary>¿Cuánto cuesta?</summary>
         <p>Las primeras 3 cartas son gratis (5 con el código de la lista de espera). Después compras saldo: 5 análisis por 2,99 € o 15 por 6,99 €. Sin suscripción y sin cuenta.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Política de privacidad (en alemán)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 análisis';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Marca primero la casilla.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'No se pudo abrir la página de pago. Inténtalo de nuevo.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/fa.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>نامه‌ای از یک اداره آلمانی؟<br><span class="markiert">حالا قابل فهم است.</span></h1>
       <p class="intro">از نامه عکس بگیرید. BehördenKlar آن را با کلمات ساده — <strong>و به فارسی</strong> — توضیح می‌دهد. با همه مهلت‌ها و فهرست کارها.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">به فهرست انتظار بپیوندید&nbsp;→</a>
-        <span class="stempel">به‌زودی روی iPhone</span>
+        <a class="cta" href="/demo?sprache=fa">📷 همین حالا رایگان امتحان کنید&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">خرید اعتبار</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        ۲ تحلیل رایگان — بدون حساب کاربری. &nbsp;·&nbsp; <a href="#anmelden">به فهرست انتظار بپیوندید</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;اعتبار بخرید و فوراً شروع کنید</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>نامه‌های بیشتری را توضیح دهید</h3>
+        <p>لازم نیست صبر کنید: اعتبار بخرید و BehördenKlar را همین‌جا در مرورگر استفاده کنید — روی هر دستگاهی، بدون برنامه. اعتبار شما منقضی نمی‌شود.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 هنگام پرداخت نشانی ایمیل خود را وارد کنید. یک پیوند دسترسی شخصی دریافت می‌کنید — با آن اعتبارتان روی هر دستگاهی کار می‌کند.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>صراحتاً درخواست می‌کنم خدمات بلافاصله پس از خرید آغاز شود و می‌دانم که حق انصراف من با این کار از بین می‌رود. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (به آلمانی)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 پرداخت امن از طریق Stripe. بدون مالیات بر ارزش افزوده (§19 UStG). ارائه‌دهنده: Webklar GbR — در صورتحساب شما «Webklar» نمایش داده می‌شود.</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;دسترسی زودهنگام</h2>
+      <h2>§ 4 &nbsp;دسترسی زودهنگام</h2>
       <div class="antrag">
         <p class="formular-kopf">فرم F-01 · فهرست انتظار</p>
         <h3>جزو اولین‌ها باشید</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;پرسش‌های پرتکرار</h2>
+      <h2>§ 5 &nbsp;پرسش‌های پرتکرار</h2>
       <details>
         <summary>هزینه آن چقدر است؟</summary>
         <p>سه نامه اول رایگان است (با کد فهرست انتظار ۵ نامه). پس از آن اعتبار می‌خرید: ۵ تحلیل با ۲٫۹۹ یورو یا ۱۵ تحلیل با ۶٫۹۹ یورو. بدون اشتراک و بدون حساب کاربری.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">سیاست حفظ حریم خصوصی (آلمانی)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 تحلیل';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'لطفاً ابتدا تیک را بزنید.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'صفحه پرداخت باز نشد. لطفاً دوباره تلاش کنید.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/fr.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Un courrier de l’administration allemande ?<br><span class="markiert">Enfin compréhensible.</span></h1>
       <p class="intro">Photographiez le courrier. BehördenKlar l’explique avec des mots simples — <strong>et en français</strong>. Avec tous les délais et une liste de choses à faire.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Rejoindre la liste d’attente&nbsp;→</a>
-        <span class="stempel">Bientôt sur iPhone</span>
+        <a class="cta" href="/demo?sprache=fr">📷 Essayez gratuitement&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Acheter du crédit</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 analyses gratuites — sans compte. &nbsp;·&nbsp; <a href="#anmelden">Rejoindre la liste d’attente</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Achetez du crédit et commencez tout de suite</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Faites expliquer d’autres courriers</h3>
+        <p>Pas besoin d’attendre : achetez du crédit et utilisez BehördenKlar directement dans le navigateur — sur tout appareil, sans application. Le crédit n’expire pas.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Indiquez votre adresse e-mail au moment du paiement. Vous recevrez un lien d’accès personnel — grâce à lui votre crédit fonctionne sur tout appareil.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Je demande expressément que la prestation commence immédiatement après l’achat et je sais que mon droit de rétractation s’éteint de ce fait. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (en allemand)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Paiement sécurisé via Stripe. Sans TVA (§19 UStG). Prestataire : Webklar GbR — votre relevé indiquera « Webklar ».</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Accès anticipé</h2>
+      <h2>§ 4 &nbsp;Accès anticipé</h2>
       <div class="antrag">
         <p class="formular-kopf">Formulaire F-01 · Liste d’attente</p>
         <h3>Soyez parmi les premiers</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Questions fréquentes</h2>
+      <h2>§ 5 &nbsp;Questions fréquentes</h2>
       <details>
         <summary>Combien ça coûte ?</summary>
         <p>Les 3 premiers courriers sont gratuits (5 avec le code de la liste d’attente). Ensuite vous achetez du crédit : 5 analyses pour 2,99 € ou 15 pour 6,99 €. Sans abonnement et sans compte.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Politique de confidentialité (en allemand)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 analyses';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Veuillez d’abord cocher la case.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'La page de paiement n’a pas pu être ouverte. Réessayez.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/hi.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>जर्मन दफ़्तर से चिट्ठी?<br><span class="markiert">अब समझ में आती है।</span></h1>
       <p class="intro">चिट्ठी की फ़ोटो लें। BehördenKlar उसे आसान शब्दों में — <strong>और हिन्दी में</strong> — समझाता है। सभी समय-सीमाओं और काम की सूची के साथ।</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">प्रतीक्षा सूची में जुड़ें&nbsp;→</a>
-        <span class="stempel">जल्द ही iPhone पर</span>
+        <a class="cta" href="/demo?sprache=hi">📷 अभी मुफ़्त आज़माएँ&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">क्रेडिट खरीदें</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 विश्लेषण मुफ़्त — बिना खाते के। &nbsp;·&nbsp; <a href="#anmelden">प्रतीक्षा सूची में जुड़ें</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;क्रेडिट खरीदें और तुरंत शुरू करें</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>और चिट्ठियाँ समझवाएँ</h3>
+        <p>इंतज़ार की ज़रूरत नहीं: क्रेडिट खरीदें और BehördenKlar सीधे ब्राउज़र में इस्तेमाल करें — हर उपकरण पर, बिना ऐप के। आपका क्रेडिट समाप्त नहीं होता।</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 भुगतान करते समय अपना ई-मेल पता दें। आपको एक निजी पहुँच लिंक मिलेगा — उससे आपका क्रेडिट हर उपकरण पर काम करता है।
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>मैं स्पष्ट रूप से माँग करता/करती हूँ कि सेवा खरीद के तुरंत बाद शुरू हो, और मुझे पता है कि इससे मेरा वापसी का अधिकार समाप्त हो जाता है। <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (जर्मन में)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Stripe के ज़रिए सुरक्षित भुगतान। कोई जीएसटी नहीं (§19 UStG)। प्रदाता: Webklar GbR — आपके खाते के विवरण में „Webklar" दिखेगा।</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;पहले पहुँच</h2>
+      <h2>§ 4 &nbsp;पहले पहुँच</h2>
       <div class="antrag">
         <p class="formular-kopf">फ़ॉर्म F-01 · प्रतीक्षा सूची</p>
         <h3>सबसे पहले जुड़ें</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;अक्सर पूछे जाने वाले सवाल</h2>
+      <h2>§ 5 &nbsp;अक्सर पूछे जाने वाले सवाल</h2>
       <details>
         <summary>इसकी कीमत क्या है?</summary>
         <p>पहली 3 चिट्ठियाँ मुफ़्त हैं (प्रतीक्षा सूची के कोड से 5)। उसके बाद आप क्रेडिट खरीदते हैं: 5 विश्लेषण 2,99 € में या 15 विश्लेषण 6,99 € में। कोई सदस्यता नहीं, कोई खाता नहीं।</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">गोपनीयता नीति (जर्मन में)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 विश्लेषण';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'कृपया पहले बॉक्स पर निशान लगाएँ।'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'भुगतान पृष्ठ नहीं खुल सका। कृपया फिर कोशिश करें।'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/hr.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Pismo njemačke ustanove?<br><span class="markiert">Napokon razumljivo.</span></h1>
       <p class="intro">Fotografirajte pismo. BehördenKlar ga objašnjava jednostavnim riječima — <strong>i na hrvatskom</strong>. Sa svim rokovima i popisom zadataka.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Na listu čekanja&nbsp;→</a>
-        <span class="stempel">Uskoro na iPhoneu</span>
+        <a class="cta" href="/demo?sprache=hr">📷 Isprobajte besplatno&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Kupite bodove</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 analize besplatno — bez računa. &nbsp;·&nbsp; <a href="#anmelden">Na listu čekanja</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Kupite bodove i počnite odmah</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Objasnite više pisama</h3>
+        <p>Ne morate čekati: kupite bodove i koristite BehördenKlar odmah u pregledniku — na svakom uređaju, bez aplikacije. Bodovi ne istječu.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Pri plaćanju unesite e-mail adresu. Dobit ćete osobnu poveznicu za pristup — s njom bodovi rade na svakom uređaju.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Izričito zahtijevam da usluga započne odmah nakon kupnje i znam da time prestaje moje pravo na odustajanje. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (na njemačkom)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Sigurno plaćanje putem Stripea. Bez PDV-a (§19 UStG). Pružatelj: Webklar GbR — na izvodu će pisati „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Rani pristup</h2>
+      <h2>§ 4 &nbsp;Rani pristup</h2>
       <div class="antrag">
         <p class="formular-kopf">Obrazac F-01 · Lista čekanja</p>
         <h3>Budite među prvima</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Česta pitanja</h2>
+      <h2>§ 5 &nbsp;Česta pitanja</h2>
       <details>
         <summary>Koliko košta?</summary>
         <p>Prva 3 pisma su besplatna (5 s kodom s liste čekanja). Zatim kupujete bodove: 5 analiza za 2,99 €, 15 za 6,99 €. Bez pretplate i bez računa.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Pravila privatnosti (na njemačkom)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 analiza';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Molimo najprije označite kućicu.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Stranica za plaćanje nije se mogla otvoriti. Pokušajte ponovno.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/hu.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Levél egy német hivataltól?<br><span class="markiert">Végre érthető.</span></h1>
       <p class="intro">Fényképezze le a levelet. A BehördenKlar egyszerű szavakkal magyarázza el — <strong>és magyarul</strong>. Minden határidővel és teendőlistával.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Feliratkozom a várólistára&nbsp;→</a>
-        <span class="stempel">Hamarosan iPhone-on</span>
+        <a class="cta" href="/demo?sprache=hu">📷 Próbálja ki ingyen&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Egyenleg vásárlása</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 elemzés ingyen — fiók nélkül. &nbsp;·&nbsp; <a href="#anmelden">Feliratkozom a várólistára</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Vásároljon egyenleget és kezdje azonnal</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Magyaráztasson el több levelet</h3>
+        <p>Nem kell várnia: vásároljon egyenleget és használja a BehördenKlart közvetlenül a böngészőben — bármely készüléken, alkalmazás nélkül. Az egyenleg nem jár le.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Fizetéskor adja meg e-mail címét. Személyes hozzáférési linket kap — ezzel az egyenleg bármely készüléken működik.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Kifejezetten kérem, hogy a szolgáltatás a vásárlás után azonnal induljon, és tudomásul veszem, hogy elállási jogom ezzel megszűnik. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (németül)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Biztonságos fizetés a Stripe-on keresztül. ÁFA nélkül (§19 UStG). Szolgáltató: Webklar GbR — a kivonaton „Webklar" jelenik meg.</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Korai hozzáférés</h2>
+      <h2>§ 4 &nbsp;Korai hozzáférés</h2>
       <div class="antrag">
         <p class="formular-kopf">F-01 űrlap · Várólista</p>
         <h3>Legyen az elsők között</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Gyakori kérdések</h2>
+      <h2>§ 5 &nbsp;Gyakori kérdések</h2>
       <details>
         <summary>Mennyibe kerül?</summary>
         <p>Az első 3 levél ingyenes (a várólista kódjával 5). Utána egyenleget vásárol: 5 elemzés 2,99 €, 15 elemzés 6,99 €. Előfizetés és fiók nélkül.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Adatvédelmi tájékoztató (németül)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 elemzés';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Kérjük, előbb jelölje be a négyzetet.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'A fizetési oldal nem nyílt meg. Próbálja újra.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/it.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Una lettera da un ufficio tedesco?<br><span class="markiert">Finalmente chiara.</span></h1>
       <p class="intro">Fotografa la lettera. BehördenKlar la spiega con parole semplici — <strong>e in italiano</strong>. Con tutte le scadenze e un elenco di cose da fare.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Iscriviti alla lista&nbsp;→</a>
-        <span class="stempel">Presto su iPhone</span>
+        <a class="cta" href="/demo?sprache=it">📷 Prova subito gratis&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Acquista credito</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 analisi gratuite — senza account. &nbsp;·&nbsp; <a href="#anmelden">Iscriviti alla lista</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Acquista credito e inizia subito</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Fatti spiegare altre lettere</h3>
+        <p>Non devi aspettare: acquista credito e usa BehördenKlar direttamente nel browser — su qualsiasi dispositivo, senza app. Il credito non scade.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Inserisci il tuo indirizzo email al pagamento. Riceverai un link di accesso personale — con quello il credito funziona su ogni dispositivo.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Richiedo espressamente che il servizio inizi subito dopo l’acquisto e sono consapevole che il mio diritto di recesso si estingue. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (in tedesco)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Pagamento sicuro tramite Stripe. Senza IVA (§19 UStG). Fornitore: Webklar GbR — sull’estratto conto comparirà „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Accesso anticipato</h2>
+      <h2>§ 4 &nbsp;Accesso anticipato</h2>
       <div class="antrag">
         <p class="formular-kopf">Modulo F-01 · Lista d’attesa</p>
         <h3>Sii tra i primi</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Domande frequenti</h2>
+      <h2>§ 5 &nbsp;Domande frequenti</h2>
       <details>
         <summary>Quanto costa?</summary>
         <p>Le prime 3 lettere sono gratis (5 con il codice della lista d’attesa). Poi acquisti credito: 5 analisi a 2,99 € o 15 a 6,99 €. Nessun abbonamento, nessun account.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Informativa sulla privacy (in tedesco)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 analisi';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Spunta prima la casella.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Non è stato possibile aprire la pagina di pagamento. Riprova.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/ku.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Nameyek ji daîreyeke Alman?<br><span class="markiert">Niha tê fêmkirin.</span></h1>
       <p class="intro">Wêneyê nameyê bikişîne. BehördenKlar wê bi peyvên hêsan — <strong>û bi kurdî</strong> — rave dike. Bi hemû demên dawî û lîsteyeke karan.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Beşdarî lîsteya bendewariyê bibe&nbsp;→</a>
-        <span class="stempel">Zû de li ser iPhone</span>
+        <a class="cta" href="/demo?sprache=ku">📷 Niha belaş biceribîne&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Kredî bikire</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 analîz belaş — bê hesab. &nbsp;·&nbsp; <a href="#anmelden">Beşdarî lîsteya bendewariyê bibe</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Kredî bikire û tavilê dest pê bike</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Zêdetir nameyan rave bike</h3>
+        <p>Ne hewce ye tu li bendê bimînî: kredî bikire û BehördenKlar rasterast di gerokê de bi kar bîne — li ser her amûrê, bê sepan. Krediya te bi dem re naçe.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Dema dravdanê navnîşana e-nameyê xwe binivîse. Tu girêdaneke gihîştinê ya kesane digirî — bi wê krediya te li ser her amûrê dixebite.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Ez bi eşkereyî dixwazim ku xizmet tavilê piştî kirînê dest pê bike û dizanim ku mafê min ê vekişînê bi vê yekê diqede. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (bi almanî)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Dravdana ewle bi Stripe. Bê VAT (§19 UStG). Peydakar: Webklar GbR — di rapora hesabê de „Webklar" xuya dibe.</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Gihîştina zû</h2>
+      <h2>§ 4 &nbsp;Gihîştina zû</h2>
       <div class="antrag">
         <p class="formular-kopf">Form F-01 · Lîsteya bendewariyê</p>
         <h3>Di nav yekemînan de be</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Pirsên pir tên kirin</h2>
+      <h2>§ 5 &nbsp;Pirsên pir tên kirin</h2>
       <details>
         <summary>Ew çiqas dike?</summary>
         <p>Sê nameyên pêşîn belaş in (bi koda lîsteya bendewariyê 5). Piştre tu krediyê dikirî: 5 analîz bi 2,99 €, 15 bi 6,99 €. Bê abone, bê hesab.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Politîkaya nepenîtiyê (bi almanî)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 analîz';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Ji kerema xwe pêşî qutîkê nîşan bike.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Rûpela dravdanê venebû. Ji kerema xwe dîsa biceribîne.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/pl.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Pismo z niemieckiego urzędu?<br><span class="markiert">Wreszcie zrozumiałe.</span></h1>
       <p class="intro">Zrób zdjęcie pisma. BehördenKlar wyjaśni je prostymi słowami — <strong>i po polsku</strong>. Ze wszystkimi terminami i listą zadań.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Na listę oczekujących&nbsp;→</a>
-        <span class="stempel">Wkrótce w App Store</span>
+        <a class="cta" href="/demo?sprache=pl">📷 Wypróbuj za darmo&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Kup doładowanie</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 analizy za darmo — bez konta. &nbsp;·&nbsp; <a href="#anmelden">Na listę oczekujących</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Kup doładowanie i zacznij od razu</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Wyjaśnij więcej pism</h3>
+        <p>Nie musisz czekać: kup doładowanie i korzystaj z BehördenKlar od razu w przeglądarce — na każdym urządzeniu, bez aplikacji. Doładowanie nie wygasa.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Podaj przy płatności adres e-mail. Otrzymasz osobisty link dostępu — dzięki niemu doładowanie działa na każdym urządzeniu.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Wyraźnie żądam, aby usługa rozpoczęła się natychmiast po zakupie, i wiem, że tym samym tracę prawo odstąpienia. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (po niemiecku)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Bezpieczna płatność przez Stripe. Bez VAT (§19 UStG). Dostawca: Webklar GbR — na wyciągu pojawi się „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Wcześniejszy dostęp</h2>
+      <h2>§ 4 &nbsp;Wcześniejszy dostęp</h2>
       <div class="antrag">
         <p class="formular-kopf">Formularz F-01 · Lista oczekujących</p>
         <h3>Bądź wśród pierwszych</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Częste pytania</h2>
+      <h2>§ 5 &nbsp;Częste pytania</h2>
       <details>
         <summary>Ile to kosztuje?</summary>
         <p>Pierwsze 3 pisma za darmo (5 z kodem z listy oczekujących). Potem kupujesz doładowanie: 5 analiz za 2,99 €, 15 za 6,99 €. Bez abonamentu i bez konta.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Polityka prywatności (po niemiecku)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 analiz';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Najpierw zaznacz pole.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Nie udało się otworzyć strony płatności. Spróbuj ponownie.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/ps.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>د آلمان له یوې ادارې څخه لیک؟<br><span class="markiert">اوس پرې پوهېږئ.</span></h1>
       <p class="intro">د لیک عکس واخلئ. BehördenKlar یې په ساده کلمو — <strong>او په پښتو</strong> — تشریح کوي. د ټولو وختونو او د کارونو لیست سره.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">د انتظار لړلیک ته ننوځئ&nbsp;→</a>
-        <span class="stempel">ډېر ژر په iPhone کې</span>
+        <a class="cta" href="/demo?sprache=ps">📷 اوس یې وړیا وازمویئ&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">کریډیټ واخلئ</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        ۲ شننې وړیا — پرته له حساب. &nbsp;·&nbsp; <a href="#anmelden">د انتظار لړلیک ته ننوځئ</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;کریډیټ واخلئ او سمدستي پیل وکړئ</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>نور لیکونه رابرسېره کړئ</h3>
+        <p>انتظار ته اړتیا نشته: کریډیټ واخلئ او BehördenKlar مستقیم په براوزر کې وکاروئ — په هره وسیله، پرته له اپلیکیشنه. ستاسو کریډیټ نه ختمېږي.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 د تادیې پر مهال خپله بریښنالیک پته ولیکئ. تاسو به یو شخصي لاسرسي لینک ترلاسه کړئ — په هغې سره ستاسو کریډیټ په هره وسیله کار کوي.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>زه په ښکاره غوښتنه کوم چې خدمت له پیرودنې وروسته سمدستي پیل شي، او پوهېږم چې زما د بېرته اخیستو حق پدې سره پای ته رسېږي. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (په آلماني)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 د Stripe له لارې خوندي تادیه. بې له VAT (§19 UStG). چمتو کوونکی: Webklar GbR — ستاسو په حساب کې به „Webklar" ښکاره شي.</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;لومړنی لاسرسی</h2>
+      <h2>§ 4 &nbsp;لومړنی لاسرسی</h2>
       <div class="antrag">
         <p class="formular-kopf">فورمه F-01 · د انتظار لړلیک</p>
         <h3>له لومړیو څخه اوسئ</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;ډېرې پوښتل شوې پوښتنې</h2>
+      <h2>§ 5 &nbsp;ډېرې پوښتل شوې پوښتنې</h2>
       <details>
         <summary>بیه یې څومره ده؟</summary>
         <p>لومړي ۳ لیکونه وړیا دي (د انتظار لړلیک کوډ سره ۵). وروسته تاسو کریډیټ اخلئ: ۵ شننې په ۲٫۹۹ یورو یا ۱۵ په ۶٫۹۹ یورو. نه ګډون، نه حساب.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">د محرمیت تګلاره (په آلماني)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 شننې';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'مهرباني وکړئ لومړی بکس نښه کړئ.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'د تادیې پاڼه نه پرانیستل کېده. مهرباني وکړئ بیا هڅه وکړئ.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/pt.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Uma carta de uma repartição alemã?<br><span class="markiert">Finalmente clara.</span></h1>
       <p class="intro">Fotografe a carta. O BehördenKlar explica-a com palavras simples — <strong>e em português</strong>. Com todos os prazos e uma lista de tarefas.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Entrar na lista de espera&nbsp;→</a>
-        <span class="stempel">Brevemente no iPhone</span>
+        <a class="cta" href="/demo?sprache=pt">📷 Experimente grátis agora&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Comprar saldo</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 análises grátis — sem conta. &nbsp;·&nbsp; <a href="#anmelden">Entrar na lista de espera</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Compre saldo e comece já</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Peça a explicação de mais cartas</h3>
+        <p>Não precisa de esperar: compre saldo e use o BehördenKlar diretamente no navegador — em qualquer dispositivo, sem aplicação. O saldo não expira.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Indique o seu e-mail ao pagar. Receberá uma ligação de acesso pessoal — com ela o saldo funciona em qualquer dispositivo.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Solicito expressamente que o serviço comece imediatamente após a compra e sei que o meu direito de livre resolução se extingue com isso. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (em alemão)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Pagamento seguro através da Stripe. Sem IVA (§19 UStG). Fornecedor: Webklar GbR — no seu extrato aparecerá „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Acesso antecipado</h2>
+      <h2>§ 4 &nbsp;Acesso antecipado</h2>
       <div class="antrag">
         <p class="formular-kopf">Formulário F-01 · Lista de espera</p>
         <h3>Esteja entre os primeiros</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Perguntas frequentes</h2>
+      <h2>§ 5 &nbsp;Perguntas frequentes</h2>
       <details>
         <summary>Quanto custa?</summary>
         <p>As primeiras 3 cartas são grátis (5 com o código da lista de espera). Depois compra saldo: 5 análises por 2,99 € ou 15 por 6,99 €. Sem assinatura e sem conta.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Política de privacidade (em alemão)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 análises';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Assinale primeiro a caixa.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Não foi possível abrir a página de pagamento. Tente novamente.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/ro.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Scrisoare de la o autoritate germană?<br><span class="markiert">Acum se înțelege.</span></h1>
       <p class="intro">Fotografiază scrisoarea. BehördenKlar o explică în cuvinte simple — <strong>și în română</strong>. Cu toate termenele și o listă de pași.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Pe lista de așteptare&nbsp;→</a>
-        <span class="stempel">În curând pe iPhone</span>
+        <a class="cta" href="/demo?sprache=ro">📷 Încearcă gratuit&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Cumpără credit</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 analize gratuite — fără cont. &nbsp;·&nbsp; <a href="#anmelden">Pe lista de așteptare</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Cumpără credit și începe imediat</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Explică mai multe scrisori</h3>
+        <p>Nu trebuie să aștepți: cumpără credit și folosește BehördenKlar direct în browser — pe orice dispozitiv, fără aplicație. Creditul nu expiră.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Introdu la plată adresa de e-mail. Primești un link personal de acces — cu el creditul funcționează pe orice dispozitiv.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Solicit în mod expres ca serviciul să înceapă imediat după cumpărare și știu că astfel dreptul meu de retragere se stinge. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (în germană)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Plată sigură prin Stripe. Fără TVA (§19 UStG). Furnizor: Webklar GbR — pe extras apare „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Acces timpuriu</h2>
+      <h2>§ 4 &nbsp;Acces timpuriu</h2>
       <div class="antrag">
         <p class="formular-kopf">Formular F-01 · Listă de așteptare</p>
         <h3>Fii printre primii</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Întrebări frecvente</h2>
+      <h2>§ 5 &nbsp;Întrebări frecvente</h2>
       <details>
         <summary>Cât costă?</summary>
         <p>Primele 3 scrisori sunt gratuite (5 cu codul din lista de așteptare). Apoi cumperi credit: 5 analize la 2,99 €, 15 la 6,99 €. Fără abonament și fără cont.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Politica de confidențialitate (în germană)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 analize';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Te rugăm să bifezi mai întâi căsuța.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Pagina de plată nu a putut fi deschisă. Încearcă din nou.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/ru.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Письмо из немецкого ведомства?<br><span class="markiert">Наконец-то понятно.</span></h1>
       <p class="intro">Сфотографируйте письмо. BehördenKlar объяснит его простыми словами — <strong>и по-русски</strong>. Со всеми сроками и списком дел.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">В список ожидания&nbsp;→</a>
-        <span class="stempel">Скоро в App Store</span>
+        <a class="cta" href="/demo?sprache=ru">📷 Попробовать бесплатно&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Купить баланс</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 разбора бесплатно — без регистрации. &nbsp;·&nbsp; <a href="#anmelden">В список ожидания</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Купите баланс и начните сразу</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Разобрать больше писем</h3>
+        <p>Ждать не нужно: купите баланс и пользуйтесь BehördenKlar прямо в браузере — на любом устройстве, без приложения. Баланс не сгорает.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Укажите при оплате адрес электронной почты. Вы получите персональную ссылку доступа — с ней баланс работает на любом устройстве.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Я прямо требую, чтобы услуга началась сразу после покупки, и мне известно, что тем самым моё право на отказ прекращается. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (на немецком)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Безопасная оплата через Stripe. Без НДС (§19 UStG). Поставщик: Webklar GbR — в выписке появится «Webklar».</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Ранний доступ</h2>
+      <h2>§ 4 &nbsp;Ранний доступ</h2>
       <div class="antrag">
         <p class="formular-kopf">Форма F-01 · Список ожидания</p>
         <h3>Будьте среди первых</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Частые вопросы</h2>
+      <h2>§ 5 &nbsp;Частые вопросы</h2>
       <details>
         <summary>Сколько это стоит?</summary>
         <p>Первые 3 письма бесплатно (5 с кодом из списка ожидания). Дальше вы покупаете баланс: 5 разборов за 2,99 €, 15 за 6,99 €. Без подписки и без учётной записи.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Политика конфиденциальности (по-немецки)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 разборов';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Пожалуйста, сначала отметьте галочку.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Страницу оплаты не удалось открыть. Попробуйте ещё раз.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/so.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Warqad ka timid hay’ad Jarmal ah?<br><span class="markiert">Hadda waa la fahmi karaa.</span></h1>
       <p class="intro">Sawir warqadda. BehördenKlar wuxuu ku sharraxaa erayo fudud — <strong>oo af-Soomaali ah</strong>. Waqtiyada oo dhan iyo liis waxa la sameeyo.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Ku biir liiska sugitaanka&nbsp;→</a>
-        <span class="stempel">Dhawaan iPhone-ka</span>
+        <a class="cta" href="/demo?sprache=so">📷 Hadda isku day bilaash&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Iibso rasiid</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 falanqayn oo bilaash ah — koonto looma baahna. &nbsp;·&nbsp; <a href="#anmelden">Ku biir liiska sugitaanka</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Iibso rasiid oo isla markiiba bilow</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Sharrax warqado dheeraad ah</h3>
+        <p>Uma baahnid inaad sugto: iibso rasiid oo isticmaal BehördenKlar halkan browser-ka — qalab kasta, app la’aan. Rasiidkaagu wuu joogaa, ma dhamaado.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Markaad bixinayso geli cinwaanka iimaylkaaga. Waxaad heli doontaa link gaar ah oo gelitaan — isaga rasiidkaagu wuxuu ka shaqeeyaa qalab kasta.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Waxaan si cad u codsanayaa in adeegga uu isla markiiba bilaabmo iibka kaddib, waanan ogahay in xaqayga laga noqoshadu uu sidaas ku dhammaado. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (Jarmal ahaan)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Lacag bixin ammaan ah oo Stripe ah. VAT ma leh (§19 UStG). Bixiye: Webklar GbR — warbixinta xisaabtaada waxaa ka muuqan doona „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Gelitaan hore</h2>
+      <h2>§ 4 &nbsp;Gelitaan hore</h2>
       <div class="antrag">
         <p class="formular-kopf">Foomka F-01 · Liiska sugitaanka</p>
         <h3>Noqo kuwa ugu horreeya</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Su’aalaha inta badan la weydiiyo</h2>
+      <h2>§ 5 &nbsp;Su’aalaha inta badan la weydiiyo</h2>
       <details>
         <summary>Intee ayey ku kacaysaa?</summary>
         <p>3-da warqadood ee ugu horreeya waa bilaash (5 haddii aad haysato koodhka liiska sugitaanka). Kadib waxaad iibsanaysaa rasiid: 5 falanqayn 2,99 € ama 15 falanqayn 6,99 €. Rukun ma jiro, koonto looma baahna.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Siyaasadda sirta (Jarmal)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 falanqayn';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Fadlan marka hore calaamadee sanduuqa.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Boggii lacag bixinta lama furi karin. Fadlan mar kale isku day.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/sq.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Letër nga një institucion gjerman?<br><span class="markiert">Më në fund e kuptueshme.</span></h1>
       <p class="intro">Fotografoni letrën. BehördenKlar e shpjegon me fjalë të thjeshta — <strong>dhe në shqip</strong>. Me të gjitha afatet dhe një listë detyrash.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Në listën e pritjes&nbsp;→</a>
-        <span class="stempel">Së shpejti në iPhone</span>
+        <a class="cta" href="/demo?sprache=sq">📷 Provoni falas tani&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Blini kredi</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 analiza falas — pa llogari. &nbsp;·&nbsp; <a href="#anmelden">Në listën e pritjes</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Blini kredi dhe filloni menjëherë</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Shpjegoni më shumë letra</h3>
+        <p>Nuk keni pse të prisni: blini kredi dhe përdorni BehördenKlar drejtpërdrejt në shfletues — në çdo pajisje, pa aplikacion. Kredia nuk skadon.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Gjatë pagesës vendosni adresën e emailit. Merrni një lidhje personale hyrjeje — me të kredia funksionon në çdo pajisje.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Kërkoj shprehimisht që shërbimi të fillojë menjëherë pas blerjes dhe e di se e drejta ime e tërheqjes shuhet me këtë. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (në gjermanisht)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Pagesë e sigurt përmes Stripe. Pa TVSH (§19 UStG). Ofruesi: Webklar GbR — në pasqyrën tuaj shfaqet „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Qasje e hershme</h2>
+      <h2>§ 4 &nbsp;Qasje e hershme</h2>
       <div class="antrag">
         <p class="formular-kopf">Formulari F-01 · Lista e pritjes</p>
         <h3>Jini ndër të parët</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Pyetje të shpeshta</h2>
+      <h2>§ 5 &nbsp;Pyetje të shpeshta</h2>
       <details>
         <summary>Sa kushton?</summary>
         <p>3 letrat e para janë falas (5 me kodin e listës së pritjes). Më pas blini kredi: 5 analiza për 2,99 €, 15 për 6,99 €. Pa abonim dhe pa llogari.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Politika e privatësisë (gjermanisht)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 analiza';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Ju lutemi shënoni fillimisht kutinë.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Faqja e pagesës nuk u hap. Ju lutemi provoni sërish.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/sr.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Писмо немачке установе?<br><span class="markiert">Коначно разумљиво.</span></h1>
       <p class="intro">Фотографишите писмо. BehördenKlar га објашњава једноставним речима — <strong>и на српском</strong>. Са свим роковима и списком задатака.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">На листу чекања&nbsp;→</a>
-        <span class="stempel">Ускоро на iPhone-у</span>
+        <a class="cta" href="/demo?sprache=sr">📷 Испробајте бесплатно&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Купите бодове</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 анализе бесплатно — без налога. &nbsp;·&nbsp; <a href="#anmelden">На листу чекања</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Купите бодове и почните одмах</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Објасните више писама</h3>
+        <p>Не морате да чекате: купите бодове и користите BehördenKlar одмах у прегледачу — на сваком уређају, без апликације. Бодови не истичу.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 При плаћању унесите имејл адресу. Добићете личну везу за приступ — с њом бодови раде на сваком уређају.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Изричито захтевам да услуга почне одмах након куповине и знам да тиме престаје моје право на одустајање. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (на немачком)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Сигурно плаћање преко Stripe-а. Без ПДВ-а (§19 UStG). Пружалац: Webklar GbR — на изводу ће писати „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Рани приступ</h2>
+      <h2>§ 4 &nbsp;Рани приступ</h2>
       <div class="antrag">
         <p class="formular-kopf">Образац F-01 · Листа чекања</p>
         <h3>Будите међу првима</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Честа питања</h2>
+      <h2>§ 5 &nbsp;Честа питања</h2>
       <details>
         <summary>Колико кошта?</summary>
         <p>Прва 3 писма су бесплатна (5 са кодом са листе чекања). Затим купујете бодове: 5 анализа за 2,99 €, 15 за 6,99 €. Без претплате и без налога.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Политика приватности (на немачком)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 анализа';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Молимо најпре означите поље.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Страница за плаћање није могла да се отвори. Покушајте поново.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/ti.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>ካብ ጀርመናዊ ቤት ጽሕፈት ደብዳበ?<br><span class="markiert">ሕጂ ይርዳእ እዩ።</span></h1>
       <p class="intro">ናይቲ ደብዳበ ስእሊ ውሰድ። BehördenKlar ብቐሊል ቃላት — <strong>ከምኡውን ብትግርኛ</strong> — የብርሆ። ምስ ኩሎም ግዜታትን ዝርዝር ዕዮን።</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">ናብ ናይ ምጽባይ ዝርዝር&nbsp;→</a>
-        <span class="stempel">ኣብ ቀረባ ግዜ ኣብ iPhone</span>
+        <a class="cta" href="/demo?sprache=ti">📷 ሕጂ ብነጻ ፈትኖ&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">ክሬዲት ግዛእ</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 መጽናዕቲ ብነጻ — ኣካውንት ኣየድልን። &nbsp;·&nbsp; <a href="#anmelden">ናብ ናይ ምጽባይ ዝርዝር</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;ክሬዲት ግዛእን ሽዑ ጀምርን</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>ተወሳኺ ደብዳበታት ኣብርህ</h3>
+        <p>ክትጽበ ኣየድልየካን፦ ክሬዲት ግዛእ እሞ BehördenKlar ኣብዚ ኣብ ብራውዘር ተጠቐመሉ — ኣብ ዝኾነ መሳርሒ፣ ብዘይ መተግበሪ። ክሬዲትካ ኣይውዳእን።</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 ኣብ ግዜ ክፍሊት ናይ ኢመይል ኣድራሻኻ ኣእቱ። ውልቃዊ መእተዊ መላግቦ ክትረክብ ኢኻ — ብእኡ ክሬዲትካ ኣብ ዝኾነ መሳርሒ ይሰርሕ።
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>እቲ ኣገልግሎት ድሕሪ ምግዛእ ሽዑ ንሽዑ ክጅምር ብንጹር እሓትት፣ ብኡ ድማ መሰል ምስሓብ ከም ዝጠፍእ እፈልጥ እየ። <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (ብጀርመንኛ)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 ብStripe ውሑስ ክፍሊት። ትእዛዝ VAT የለን (§19 UStG)። ኣቕራቢ፦ Webklar GbR — ኣብ ናይ ባንክኻ ሓበሬታ „Webklar" ክርአ እዩ።</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;ቅድመ ተበጻሕነት</h2>
+      <h2>§ 4 &nbsp;ቅድመ ተበጻሕነት</h2>
       <div class="antrag">
         <p class="formular-kopf">ቅጥዒ F-01 · ናይ ምጽባይ ዝርዝር</p>
         <h3>ካብ ቀዳሞት ኩን</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;ብተደጋጋሚ ዝሕተቱ ሕቶታት</h2>
+      <h2>§ 5 &nbsp;ብተደጋጋሚ ዝሕተቱ ሕቶታት</h2>
       <details>
         <summary>ክንደይ ይኸፍል?</summary>
         <p>እቶም ቀዳሞት 3 ደብዳበታት ብነጻ እዮም (ብናይ ምጽባይ ዝርዝር ኮድ 5)። ድሕሪኡ ክሬዲት ትገዝእ፦ 5 መጽናዕቲ ብ2,99 € ወይ 15 ብ6,99 €። ዝኾነ ምዝገባ ወይ ኣካውንት ኣየድልን።</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">ናይ ውልቀ-ሚስጥር ፖሊሲ (ብጀርመንኛ)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 መጽናዕቲ';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'በጃኻ ቅድሚ ኩሉ ነቲ ሳጹን ምልክት ግበረሉ።'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'ናይ ክፍሊት ገጽ ክኽፈት ኣይከኣለን። በጃኻ እንደገና ፈትን።'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/tr.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Alman dairesinden mektup mu geldi?<br><span class="markiert">Artık anlamak kolay.</span></h1>
       <p class="intro">Mektubun fotoğrafını çekin. BehördenKlar mektubu basit kelimelerle — <strong>ve Türkçe olarak</strong> — açıklar. Bütün süreler ve yapılacaklar listesi ile birlikte.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Bekleme listesine katıl&nbsp;→</a>
-        <span class="stempel">Yakında iPhone'da</span>
+        <a class="cta" href="/demo?sprache=tr">📷 Hemen ücretsiz dene&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Kontör al</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 analiz ücretsiz — hesap gerekmez. &nbsp;·&nbsp; <a href="#anmelden">Bekleme listesine katıl</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Kontör al ve hemen kullan</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Daha fazla mektup açıklatın</h3>
+        <p>Beklemenize gerek yok: Kontör alın ve BehördenKlar’ı tarayıcıda hemen kullanın — her cihazda, uygulama olmadan. Kontörünüz süresiz geçerlidir.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Ödeme sırasında e-posta adresinizi girin. Kişisel erişim bağlantınızı alırsınız — böylece kontörünüzü her cihazda kullanabilirsiniz.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Hizmetin satın alma sonrası hemen başlamasını açıkça talep ediyorum ve cayma hakkımın böylece sona erdiğini kabul ediyorum. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (Almanca)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Stripe ile güvenli ödeme. KDV yok (§19 UStG). Sağlayıcı: Webklar GbR — hesap ekstrenizde „Webklar" görünür.</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Erken erişim</h2>
+      <h2>§ 4 &nbsp;Erken erişim</h2>
       <div class="antrag">
         <p class="formular-kopf">Form F-01 · Bekleme listesi</p>
         <h3>İlk kullananlardan olun</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Sık sorulan sorular</h2>
+      <h2>§ 5 &nbsp;Sık sorulan sorular</h2>
       <details>
         <summary>Ücreti ne kadar?</summary>
         <p>İlk 3 mektup ücretsiz (bekleme listesi koduyla 5). Sonrasında kontör satın alırsınız: 5 analiz 2,99 €, 15 analiz 6,99 €. Abonelik yok, hesap açmak yok.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Gizlilik politikası (Almanca)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 analiz';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Lütfen önce kutucuğu işaretleyin.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Ödeme sayfası açılamadı. Lütfen tekrar deneyin.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/uk.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Лист із німецької установи?<br><span class="markiert">Нарешті зрозуміло.</span></h1>
       <p class="intro">Сфотографуйте лист. BehördenKlar пояснить його простими словами — <strong>і українською</strong>. З усіма термінами та списком справ.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">До списку очікування&nbsp;→</a>
-        <span class="stempel">Скоро в App Store</span>
+        <a class="cta" href="/demo?sprache=uk">📷 Спробувати безкоштовно&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Купити баланс</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 аналізи безкоштовно — без реєстрації. &nbsp;·&nbsp; <a href="#anmelden">До списку очікування</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Купіть баланс і почніть одразу</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Проаналізувати більше листів</h3>
+        <p>Чекати не потрібно: купіть баланс і користуйтеся BehördenKlar прямо у браузері — на будь-якому пристрої, без застосунку. Баланс не згорає.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Вкажіть під час оплати адресу електронної пошти. Ви отримаєте персональне посилання доступу — з ним баланс працює на будь-якому пристрої.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Я прямо вимагаю, щоб послуга почалася одразу після купівлі, і мені відомо, що моє право на відмову цим припиняється. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (німецькою)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Безпечна оплата через Stripe. Без ПДВ (§19 UStG). Постачальник: Webklar GbR — у виписці з’явиться «Webklar».</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Ранній доступ</h2>
+      <h2>§ 4 &nbsp;Ранній доступ</h2>
       <div class="antrag">
         <p class="formular-kopf">Форма F-01 · Список очікування</p>
         <h3>Будьте серед перших</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Часті запитання</h2>
+      <h2>§ 5 &nbsp;Часті запитання</h2>
       <details>
         <summary>Скільки це коштує?</summary>
         <p>Перші 3 листи безкоштовно (5 з кодом зі списку очікування). Далі ви купуєте баланс: 5 аналізів за 2,99 €, 15 за 6,99 €. Без підписки й без облікового запису.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Політика конфіденційності (німецькою)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 аналізів';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Будь ласка, спершу поставте галочку.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Не вдалося відкрити сторінку оплати. Спробуйте ще раз.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/ur.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>جرمن دفتر سے خط؟<br><span class="markiert">اب سمجھ میں آتا ہے۔</span></h1>
       <p class="intro">خط کی تصویر لیں۔ BehördenKlar اسے آسان الفاظ میں — <strong>اور اردو میں</strong> — سمجھاتا ہے۔ تمام آخری تاریخوں اور کاموں کی فہرست کے ساتھ۔</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">انتظار کی فہرست میں شامل ہوں&nbsp;→</a>
-        <span class="stempel">جلد ہی iPhone پر</span>
+        <a class="cta" href="/demo?sprache=ur">📷 ابھی مفت آزمائیں&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">کریڈٹ خریدیں</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 تجزیے مفت — بغیر اکاؤنٹ کے۔ &nbsp;·&nbsp; <a href="#anmelden">انتظار کی فہرست میں شامل ہوں</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;کریڈٹ خریدیں اور فوراً شروع کریں</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>مزید خطوط سمجھوائیں</h3>
+        <p>انتظار کی ضرورت نہیں: کریڈٹ خریدیں اور BehördenKlar براہِ راست براؤزر میں استعمال کریں — ہر آلے پر، بغیر ایپ کے۔ آپ کا کریڈٹ ختم نہیں ہوتا۔</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 ادائیگی کے وقت اپنا ای میل پتہ درج کریں۔ آپ کو ذاتی رسائی لنک ملے گا — اس سے آپ کا کریڈٹ ہر آلے پر کام کرتا ہے۔
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>میں واضح طور پر مطالبہ کرتا/کرتی ہوں کہ خدمت خریداری کے فوراً بعد شروع ہو، اور مجھے معلوم ہے کہ اس سے میرا دستبرداری کا حق ختم ہو جاتا ہے۔ <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (جرمن میں)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Stripe کے ذریعے محفوظ ادائیگی۔ کوئی ویٹ نہیں (§19 UStG)۔ فراہم کنندہ: Webklar GbR — آپ کے اکاؤنٹ کی تفصیل میں „Webklar" نظر آئے گا۔</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;جلد رسائی</h2>
+      <h2>§ 4 &nbsp;جلد رسائی</h2>
       <div class="antrag">
         <p class="formular-kopf">فارم F-01 · انتظار کی فہرست</p>
         <h3>سب سے پہلے شامل ہوں</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;اکثر پوچھے جانے والے سوالات</h2>
+      <h2>§ 5 &nbsp;اکثر پوچھے جانے والے سوالات</h2>
       <details>
         <summary>اس کی قیمت کیا ہے؟</summary>
         <p>پہلے 3 خط مفت ہیں (انتظار کی فہرست کے کوڈ کے ساتھ 5)۔ اس کے بعد آپ کریڈٹ خریدتے ہیں: 5 تجزیے 2,99 € میں یا 15 تجزیے 6,99 € میں۔ کوئی سبسکرپشن نہیں، کوئی اکاؤنٹ نہیں۔</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">رازداری کی پالیسی (جرمن میں)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 تجزیے';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'براہ کرم پہلے خانے پر نشان لگائیں۔'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'ادائیگی کا صفحہ نہیں کھل سکا۔ براہ کرم دوبارہ کوشش کریں۔'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/vi.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>Thư từ một cơ quan Đức?<br><span class="markiert">Cuối cùng cũng hiểu được.</span></h1>
       <p class="intro">Chụp ảnh lá thư. BehördenKlar giải thích bằng lời đơn giản — <strong>và bằng tiếng Việt</strong>. Kèm mọi thời hạn và danh sách việc cần làm.</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">Vào danh sách chờ&nbsp;→</a>
-        <span class="stempel">Sắp có trên iPhone</span>
+        <a class="cta" href="/demo?sprache=vi">📷 Dùng thử miễn phí&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">Mua lượt</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 lần phân tích miễn phí — không cần tài khoản. &nbsp;·&nbsp; <a href="#anmelden">Vào danh sách chờ</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;Mua lượt và bắt đầu ngay</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>Giải thích thêm nhiều thư</h3>
+        <p>Bạn không phải chờ: mua lượt và dùng BehördenKlar ngay trong trình duyệt — trên mọi thiết bị, không cần ứng dụng. Lượt không hết hạn.</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 Hãy nhập địa chỉ email khi thanh toán. Bạn sẽ nhận được liên kết truy cập cá nhân — với nó lượt của bạn dùng được trên mọi thiết bị.
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>Tôi yêu cầu rõ ràng rằng dịch vụ bắt đầu ngay sau khi mua và tôi biết rằng quyền rút lui của tôi chấm dứt vì điều đó. <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (bằng tiếng Đức)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 Thanh toán an toàn qua Stripe. Không VAT (§19 UStG). Nhà cung cấp: Webklar GbR — sao kê của bạn sẽ hiển thị „Webklar".</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;Truy cập sớm</h2>
+      <h2>§ 4 &nbsp;Truy cập sớm</h2>
       <div class="antrag">
         <p class="formular-kopf">Mẫu F-01 · Danh sách chờ</p>
         <h3>Hãy là người đầu tiên</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;Câu hỏi thường gặp</h2>
+      <h2>§ 5 &nbsp;Câu hỏi thường gặp</h2>
       <details>
         <summary>Giá bao nhiêu?</summary>
         <p>3 lá thư đầu tiên miễn phí (5 nếu có mã từ danh sách chờ). Sau đó bạn mua lượt: 5 lần phân tích 2,99 €, 15 lần 6,99 €. Không thuê bao, không cần tài khoản.</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">Chính sách bảo mật (tiếng Đức)</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 lần phân tích';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = 'Vui lòng đánh dấu ô trước.'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = 'Không mở được trang thanh toán. Vui lòng thử lại.'; });
+    }
+  })();
+  </script>
   <!-- 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>

webseite/zh.html

@@ -90,6 +90,7 @@
       transition: transform .12s ease, box-shadow .12s ease;
     }
     .cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
+    .cta-sek { background: #fff; color: var(--amtsblau); }
     .stempel {
       display: inline-block; padding: 7px 14px; border: 2.5px solid var(--stempelrot);
       color: var(--stempelrot); font-family: 'Courier New', ui-monospace, monospace;
@@ -282,9 +283,12 @@
       <h1>收到德国政府部门的信？<br><span class="markiert">终于看懂了。</span></h1>
       <p class="intro">给信件拍张照片。BehördenKlar 会用简单的话——<strong>而且是中文</strong>——向您解释，并列出所有期限和待办事项。</p>
       <div class="hero-fuss">
-        <a class="cta" href="#anmelden">加入等候名单&nbsp;→</a>
-        <span class="stempel">即将登陆 iPhone</span>
+        <a class="cta" href="/demo?sprache=zh">📷 立即免费试用&nbsp;→</a>
+        <a class="cta cta-sek" href="#kaufen">购买额度</a>
       </div>
+      <p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
+        2 次分析免费——无需账号。 &nbsp;·&nbsp; <a href="#anmelden">加入等候名单</a>
+      </p>
     </header>
 
     <section>
@@ -316,8 +320,26 @@
       </div>
     </section>
 
+    <section id="kaufen">
+      <h2>§ 3 &nbsp;购买额度，立刻开始</h2>
+      <div class="antrag" style="border-color: var(--amtsblau);">
+        <h3>让更多信件得到解释</h3>
+        <p>无需等待：购买额度，直接在浏览器中使用 BehördenKlar——任何设备都行，无需应用。额度不会过期。</p>
+        <div id="paketListe" style="display: flex; flex-direction: column; gap: 12px; margin-top: 18px;"></div>
+        <p style="margin-top: 16px; background: #eef4fb; border-inline-start: 4px solid var(--amtsblau); padding: 12px 14px; font-size: 15px;">
+          📧 付款时请填写电子邮箱。您会收到专属访问链接——凭它，您的额度在任何设备上都能使用。
+        </p>
+        <label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 16px; font-size: 14px; line-height: 1.5; cursor: pointer;">
+          <input type="checkbox" id="kaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
+          <span>我明确要求服务在购买后立即开始，并知悉我的撤回权因此终止。 <a href="/agb.html" target="_blank">AGB</a> · <a href="/widerruf.html" target="_blank">Widerruf</a> (德语)</span>
+        </label>
+        <p id="kaufFehler" style="display: none; margin-top: 12px; color: #b3261e; font-size: 14px; font-weight: 600;"></p>
+        <p class="klein">🔒 通过 Stripe 安全付款。不含增值税（§19 UStG）。提供方：Webklar GbR——您的账单上会显示“Webklar”。</p>
+      </div>
+    </section>
+
     <section id="anmelden">
-      <h2>§ 3 &nbsp;抢先体验</h2>
+      <h2>§ 4 &nbsp;抢先体验</h2>
       <div class="antrag">
         <p class="formular-kopf">表格 F-01 · 等候名单</p>
         <h3>成为最早的用户</h3>
@@ -335,7 +357,7 @@
     </section>
 
     <section>
-      <h2>§ 4 &nbsp;常见问题</h2>
+      <h2>§ 5 &nbsp;常见问题</h2>
       <details>
         <summary>收费多少？</summary>
         <p>前 3 封信免费（用等候名单的兑换码则是 5 封）。之后购买额度：5 次分析 2,99 €，15 次 6,99 €。无订阅，无需注册账号。</p>
@@ -356,6 +378,42 @@
       &nbsp;·&nbsp; <a href="datenschutz.html">隐私政策（德语）</a>
     </footer>
   </div>
+  <script>
+  (function () {
+    'use strict';
+    var BASIS = 'https://behoerdenklar-proxy.behoerdenbrief.workers.dev';
+    var PAKETE = [
+      { priceId: 'price_1U6BNnBsRA1AOdnedGW5eefh', titel: '5', preis: '2,99 €' },
+      { priceId: 'price_1U6BPRBsRA1AOdnemDUalzb8', titel: '15', preis: '6,99 €', best: true }
+    ];
+    var liste = document.getElementById('paketListe');
+    var konsens = document.getElementById('kaufKonsens');
+    var fehler = document.getElementById('kaufFehler');
+    if (!liste) return;
+    konsens.addEventListener('change', function () { if (konsens.checked) fehler.style.display = 'none'; });
+    PAKETE.forEach(function (p) {
+      var b = document.createElement('button');
+      b.className = 'cta'; b.type = 'button';
+      b.style.width = '100%'; b.style.display = 'flex';
+      b.style.justifyContent = 'space-between'; b.style.alignItems = 'center';
+      var l = document.createElement('span');
+      l.textContent = (p.best ? '⭐ ' : '') + p.titel + ' \u00D7 次分析';
+      var r = document.createElement('strong'); r.textContent = p.preis;
+      b.appendChild(l); b.appendChild(r);
+      b.addEventListener('click', function () { starte(p.priceId, b); });
+      liste.appendChild(b);
+    });
+    function starte(priceId, knopf) {
+      if (!konsens.checked) { fehler.style.display = 'block'; fehler.textContent = '请先勾选方框。'; konsens.focus(); return; }
+      fehler.style.display = 'none';
+      var alt = knopf.innerHTML; knopf.disabled = true;
+      fetch(BASIS + '/kaufen', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ priceId: priceId }) })
+        .then(function (r) { return r.json(); })
+        .then(function (d) { if (d && d.url) { window.location.href = d.url; return; } throw new Error('x'); })
+        .catch(function () { knopf.disabled = false; knopf.innerHTML = alt; fehler.style.display = 'block'; fehler.textContent = '无法打开付款页面，请重试。'; });
+    }
+  })();
+  </script>
   <!-- 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>