generated from knso/webklar-preview-template
Wer von der tuerkischen Seite kam, landete bisher auf einer deutschen Stripe-Seite — fuer die Zielgruppe die groesste Huerde im Kaufvorgang. /kaufen nimmt jetzt 'sprache' entgegen und gibt sie als locale an Stripe weiter. Nur Sprachen aus STRIPE_SPRACHEN werden geschickt: Ein unbekannter Wert laesst Stripe die Session mit 400 ablehnen, der Kauf waere kaputt. Fuer Arabisch, Tigrinya usw. (kennt Stripe nicht) wird nichts mitgeschickt, dann waehlt Stripe selbst anhand des Browsers. Alle drei Kauf-Stellen geben die Sprache mit: Sprachseiten fest ihre eigene, Demo-Seite die dort gewaehlte Zielsprache, Startseite 'de'. Geprueft: tr/de/pl/ar liefern Bezahlseiten, und eine erfundene Sprache faellt sauber zurueck statt den Kauf zu brechen. Stripe Link (die vorausgewaehlte Schnellzahlung) laesst sich NICHT per API abschalten — laut Stripe-Docs nur in den Zahlungsmethoden-Einstellungen des Dashboards. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
421 lines
25 KiB
HTML
421 lines
25 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="uk">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>BehördenKlar – зрозуміти лист із німецької установи</title>
|
||
<meta name="description" content="BehördenKlar пояснює листи з німецьких установ простими словами — українською. Сфотографуйте, зрозумійте, відповідайте правильно.">
|
||
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
|
||
<meta name="theme-color" content="#1d4e89">
|
||
<link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
|
||
<link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
|
||
<link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
|
||
<link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
|
||
<link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
|
||
<link rel="alternate" hreflang="pl" href="https://behoerdenklar.de/pl">
|
||
<link rel="alternate" hreflang="ro" href="https://behoerdenklar.de/ro">
|
||
<link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
|
||
<link rel="alternate" hreflang="fa" href="https://behoerdenklar.de/fa">
|
||
<link rel="alternate" hreflang="ku" href="https://behoerdenklar.de/ku">
|
||
<link rel="alternate" hreflang="bg" href="https://behoerdenklar.de/bg">
|
||
<link rel="alternate" hreflang="hr" href="https://behoerdenklar.de/hr">
|
||
<link rel="alternate" hreflang="sr" href="https://behoerdenklar.de/sr">
|
||
<link rel="alternate" hreflang="bs" href="https://behoerdenklar.de/bs">
|
||
<link rel="alternate" hreflang="sq" href="https://behoerdenklar.de/sq">
|
||
<link rel="alternate" hreflang="it" href="https://behoerdenklar.de/it">
|
||
<link rel="alternate" hreflang="el" href="https://behoerdenklar.de/el">
|
||
<link rel="alternate" hreflang="es" href="https://behoerdenklar.de/es">
|
||
<link rel="alternate" hreflang="pt" href="https://behoerdenklar.de/pt">
|
||
<link rel="alternate" hreflang="fr" href="https://behoerdenklar.de/fr">
|
||
<link rel="alternate" hreflang="hu" href="https://behoerdenklar.de/hu">
|
||
<link rel="alternate" hreflang="vi" href="https://behoerdenklar.de/vi">
|
||
<link rel="alternate" hreflang="hi" href="https://behoerdenklar.de/hi">
|
||
<link rel="alternate" hreflang="ur" href="https://behoerdenklar.de/ur">
|
||
<link rel="alternate" hreflang="ps" href="https://behoerdenklar.de/ps">
|
||
<link rel="alternate" hreflang="ti" href="https://behoerdenklar.de/ti">
|
||
<link rel="alternate" hreflang="so" href="https://behoerdenklar.de/so">
|
||
<link rel="alternate" hreflang="zh" href="https://behoerdenklar.de/zh">
|
||
<link rel="alternate" hreflang="x-default" href="https://behoerdenklar.de/">
|
||
<link rel="canonical" href="https://behoerdenklar.de/uk">
|
||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||
<meta property="og:site_name" content="BehördenKlar">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:locale" content="uk_UA">
|
||
<meta property="og:url" content="https://behoerdenklar.de/uk">
|
||
<meta property="og:title" content="Прийшов лист з установи?">
|
||
<meta property="og:description" content="Сфотографуйте — BehördenKlar пояснить лист простою мовою, українською. У списку очікування: 5 безкоштовних аналізів.">
|
||
<meta property="og:image" content="https://behoerdenklar.de/vorschau.png">
|
||
<meta property="og:image:width" content="1200">
|
||
<meta property="og:image:height" content="630">
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<style>
|
||
:root {
|
||
--papier: #faf7f0; --papier-dunkel: #f1ecdf; --tinte: #21211d;
|
||
--grau: #6b675e; --amtsblau: #1d4e89; --stempelrot: #b3372b;
|
||
--marker: #ffe66b; --gruen: #2e7d4f; color-scheme: light;
|
||
}
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
html { scroll-behavior: smooth; }
|
||
body {
|
||
font-family: Georgia, 'Times New Roman', serif;
|
||
background: repeating-linear-gradient(0deg, transparent 0 34px, rgba(33,33,29,0.025) 34px 35px), var(--papier);
|
||
color: var(--tinte); line-height: 1.7; font-size: 17px;
|
||
}
|
||
.mono { font-family: 'Courier New', ui-monospace, monospace; letter-spacing: 0.02em; }
|
||
.wrap { max-width: 720px; margin: 0 auto; padding: 0 20px 72px; }
|
||
.briefkopf {
|
||
display: flex; justify-content: space-between; align-items: baseline;
|
||
padding: 20px 0 12px; border-bottom: 2px solid var(--tinte); font-size: 14px;
|
||
}
|
||
.briefkopf .absender { font-weight: 700; font-size: 16px; }
|
||
.briefkopf .az { color: var(--grau); font-size: 13px; }
|
||
.sprachen { padding: 12px 0 0; font-size: 15px; color: var(--grau); display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; }
|
||
.sprachwahl {
|
||
font-family: inherit; font-size: 15px; color: var(--tinte);
|
||
background: #fff; border: 1.5px solid var(--tinte); padding: 6px 10px;
|
||
max-width: 220px; cursor: pointer;
|
||
}
|
||
header { padding: 40px 0 8px; }
|
||
h1 { font-size: clamp(30px, 6vw, 46px); line-height: 1.15; font-weight: 700; }
|
||
.markiert {
|
||
background: linear-gradient(104deg, transparent 2%, var(--marker) 4%, var(--marker) 96%, transparent 98%);
|
||
padding: 0 6px; box-decoration-break: clone; -webkit-box-decoration-break: clone;
|
||
}
|
||
.intro { margin-top: 22px; font-size: 18px; max-width: 580px; }
|
||
.hero-fuss { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 28px; }
|
||
.cta {
|
||
display: inline-block; padding: 16px 28px; background: var(--amtsblau); color: #fff;
|
||
text-decoration: none; font-family: inherit; font-size: 17px; font-weight: 700;
|
||
border: 2px solid var(--tinte); box-shadow: 5px 5px 0 var(--tinte);
|
||
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;
|
||
font-weight: 700; font-size: 14px; letter-spacing: .1em; text-transform: uppercase;
|
||
transform: rotate(-4deg); opacity: .9;
|
||
}
|
||
section { margin-top: 56px; }
|
||
h2 {
|
||
font-size: 15px; text-transform: uppercase; letter-spacing: .14em; color: var(--grau);
|
||
font-weight: 400; margin-bottom: 18px; display: flex; align-items: center; gap: 12px;
|
||
}
|
||
h2::after { content: ''; flex: 1; border-top: 1px solid rgba(33,33,29,.25); }
|
||
.verwandlung { display: grid; gap: 14px; }
|
||
.brief-karte {
|
||
background: #fff; border: 1px solid rgba(33,33,29,.28); padding: 22px 24px;
|
||
position: relative; box-shadow: 4px 5px 0 rgba(33,33,29,.08);
|
||
}
|
||
.brief-karte.amtsdeutsch { transform: rotate(-.7deg); background: var(--papier-dunkel); }
|
||
.brief-karte.klartext { transform: rotate(.5deg); }
|
||
.karten-label {
|
||
position: absolute; top: -12px; inset-inline-start: 16px;
|
||
font-family: 'Courier New', ui-monospace, monospace; font-size: 12px;
|
||
text-transform: uppercase; letter-spacing: .1em;
|
||
background: var(--tinte); color: var(--papier); padding: 3px 10px;
|
||
}
|
||
.brief-karte.klartext .karten-label { background: var(--gruen); }
|
||
.amtsdeutsch p { font-family: 'Courier New', ui-monospace, monospace; font-size: 15px; direction: ltr; text-align: start; }
|
||
.pfeil { text-align: center; color: var(--grau); font-size: 15px; margin: 4px 0; }
|
||
.hinweis { margin-top: 18px; font-size: 15.5px; color: var(--grau); }
|
||
.schritte { display: grid; gap: 14px; }
|
||
.schritt { background: #fff; border: 1px solid rgba(33,33,29,.28); padding: 16px 20px; }
|
||
.schritt strong { font-weight: 700; }
|
||
.schritt span { color: var(--grau); }
|
||
.antrag {
|
||
background: #fff; border: 2px solid var(--tinte); box-shadow: 7px 8px 0 rgba(33,33,29,.9);
|
||
padding: 30px 28px; position: relative; margin-top: 8px;
|
||
}
|
||
.antrag .formular-kopf {
|
||
font-family: 'Courier New', ui-monospace, monospace; font-size: 13px;
|
||
text-transform: uppercase; letter-spacing: .1em; color: var(--grau); margin-bottom: 6px;
|
||
}
|
||
.antrag h3 { font-size: 26px; line-height: 1.25; }
|
||
.antrag p { margin-top: 12px; max-width: 540px; }
|
||
.bonus {
|
||
margin: 18px 0; padding: 14px 16px; font-size: 17px;
|
||
background: linear-gradient(104deg, transparent 1%, var(--marker) 3%, var(--marker) 97%, transparent 99%);
|
||
}
|
||
.antrag .klein { font-size: 13.5px; color: var(--grau); margin-top: 14px; }
|
||
.antrag .klein a { color: var(--grau); }
|
||
a { color: var(--amtsblau); }
|
||
footer { margin-top: 56px; padding-top: 14px; border-top: 2px solid var(--tinte); font-size: 14.5px; color: var(--grau); }
|
||
.wl-form { display: flex; flex-direction: column; gap: 12px; margin-top: 4px; }
|
||
.wl-input {
|
||
width: 100%; padding: 15px 16px; font-size: 17px; font-family: inherit;
|
||
border: 2px solid var(--tinte); background: #fff; color: var(--tinte);
|
||
}
|
||
.wl-input::placeholder { color: #9a958a; }
|
||
.wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
|
||
details { border-bottom: 1px solid rgba(33,33,29,.28); padding: 14px 4px; }
|
||
summary { font-weight: 700; cursor: pointer; font-size: 17px; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
|
||
summary::-webkit-details-marker { display: none; }
|
||
summary::after { content: '+'; font-family: 'Courier New', ui-monospace, monospace; font-size: 22px; color: var(--amtsblau); }
|
||
details[open] summary::after { content: '–'; }
|
||
details p { margin-top: 10px; color: var(--grau); font-size: 16px; }
|
||
</style>
|
||
<script type="application/ld+json">
|
||
[
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "SoftwareApplication",
|
||
"name": "BehördenKlar",
|
||
"description": "BehördenKlar пояснює листи з німецьких установ простими словами — українською. Сфотографуйте, зрозумійте, відповідайте правильно.",
|
||
"applicationCategory": "AccessibilityApplication",
|
||
"operatingSystem": "iOS, Web",
|
||
"inLanguage": [
|
||
"de",
|
||
"tr",
|
||
"ar",
|
||
"ru",
|
||
"uk",
|
||
"pl",
|
||
"ro",
|
||
"en",
|
||
"fa",
|
||
"ku",
|
||
"bg",
|
||
"hr",
|
||
"sr",
|
||
"bs",
|
||
"sq",
|
||
"it",
|
||
"el",
|
||
"es",
|
||
"pt",
|
||
"fr",
|
||
"hu",
|
||
"vi",
|
||
"hi",
|
||
"ur",
|
||
"ps",
|
||
"ti",
|
||
"so",
|
||
"zh"
|
||
],
|
||
"offers": {
|
||
"@type": "Offer",
|
||
"price": "0",
|
||
"priceCurrency": "EUR"
|
||
},
|
||
"author": {
|
||
"@type": "Organization",
|
||
"name": "Webklar GbR",
|
||
"url": "https://behoerdenklar.de"
|
||
}
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "FAQPage",
|
||
"mainEntity": [
|
||
{
|
||
"@type": "Question",
|
||
"name": "Скільки це коштує?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Перші 3 листи безкоштовно (5 з кодом зі списку очікування). Далі ви купуєте баланс: 5 аналізів за 2,99 €, 15 за 6,99 €. Без підписки й без облікового запису."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "Які листи застосунок пояснює?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Листи з джобцентру, відомства у справах іноземців, пенсійного страхування, лікарняної каси, сімейної каси (Kindergeld), податкової або органу зі штрафів — словом, майже будь-який офіційний лист."
|
||
}
|
||
},
|
||
{
|
||
"@type": "Question",
|
||
"name": "Що відбувається з моїми даними?",
|
||
"acceptedAnswer": {
|
||
"@type": "Answer",
|
||
"text": "Ваші листи залишаються зашифрованими на вашому пристрої. Для аналізу фото один раз безпечно надсилається до ШІ і видаляється там щонайпізніше через 30 днів. Обліковий запис не потрібен."
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div class="wrap">
|
||
<div class="briefkopf">
|
||
<span class="absender">📬 BehördenKlar <span style="font-weight:400;font-size:.62em;opacity:.6;letter-spacing:.04em;">by Webklar</span></span>
|
||
<span class="az mono">Az: KLAR-01/2026</span>
|
||
</div>
|
||
<nav class="sprachen" aria-label="Оберіть мову">
|
||
🌐
|
||
<select class="sprachwahl" onchange="if(this.value)location.href=this.value">
|
||
<option value="index.html" lang="de">Deutsch</option>
|
||
<option value="tr.html" lang="tr">Türkçe</option>
|
||
<option value="ar.html" lang="ar">العربية</option>
|
||
<option value="ru.html" lang="ru">Русский</option>
|
||
<option value="uk.html" lang="uk" selected>Українська</option>
|
||
<option value="pl.html" lang="pl">Polski</option>
|
||
<option value="ro.html" lang="ro">Română</option>
|
||
<option value="en.html" lang="en">English</option>
|
||
<option value="fa.html" lang="fa">فارسی</option>
|
||
<option value="ku.html" lang="ku">Kurdî</option>
|
||
<option value="bg.html" lang="bg">Български</option>
|
||
<option value="hr.html" lang="hr">Hrvatski</option>
|
||
<option value="sr.html" lang="sr">Српски</option>
|
||
<option value="bs.html" lang="bs">Bosanski</option>
|
||
<option value="sq.html" lang="sq">Shqip</option>
|
||
<option value="it.html" lang="it">Italiano</option>
|
||
<option value="el.html" lang="el">Ελληνικά</option>
|
||
<option value="es.html" lang="es">Español</option>
|
||
<option value="pt.html" lang="pt">Português</option>
|
||
<option value="fr.html" lang="fr">Français</option>
|
||
<option value="hu.html" lang="hu">Magyar</option>
|
||
<option value="vi.html" lang="vi">Tiếng Việt</option>
|
||
<option value="hi.html" lang="hi">हिन्दी</option>
|
||
<option value="ur.html" lang="ur">اردو</option>
|
||
<option value="ps.html" lang="ps">پښتو</option>
|
||
<option value="ti.html" lang="ti">ትግርኛ</option>
|
||
<option value="so.html" lang="so">Soomaali</option>
|
||
<option value="zh.html" lang="zh">中文</option>
|
||
</select>
|
||
</nav>
|
||
|
||
<header>
|
||
<h1>Лист із німецької установи?<br><span class="markiert">Нарешті зрозуміло.</span></h1>
|
||
<p class="intro">Сфотографуйте лист. BehördenKlar пояснить його простими словами — <strong>і українською</strong>. З усіма термінами та списком справ.</p>
|
||
<div class="hero-fuss">
|
||
<a class="cta" href="/demo?sprache=uk">📷 Спробувати безкоштовно →</a>
|
||
<a class="cta cta-sek" href="#kaufen">Купити баланс</a>
|
||
</div>
|
||
<p style="margin-top: 16px; font-size: 15.5px; color: var(--grau);">
|
||
2 аналізи безкоштовно — без реєстрації. · <a href="#anmelden">До списку очікування</a>
|
||
</p>
|
||
</header>
|
||
|
||
<section>
|
||
<h2>§ 1 До і після</h2>
|
||
<div class="verwandlung">
|
||
<div class="brief-karte amtsdeutsch">
|
||
<span class="karten-label">До · Оригінал (німецькою)</span>
|
||
<p>
|
||
„Die Festsetzung erfolgt gemäß § 164 AO unter dem Vorbehalt der
|
||
Nachprüfung. Der Nachzahlungsbetrag ist binnen eines Monats nach
|
||
Bekanntgabe fällig."
|
||
</p>
|
||
</div>
|
||
<p class="pfeil">— 📷 одне фото потому —</p>
|
||
<div class="brief-karte klartext">
|
||
<span class="karten-label">Після · BehördenKlar українською</span>
|
||
<p>Вам потрібно доплатити 480 € — протягом одного місяця. Податкова може пізніше змінити рішення. Якщо щось неправильно, ви можете подати заперечення.</p>
|
||
</div>
|
||
</div>
|
||
<p class="hinweis">Застосунок пояснює листи простою німецькою та перекладає більш ніж 25 мовами.</p>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>§ 2 Як це працює</h2>
|
||
<div class="schritte">
|
||
<div class="schritt"><div><strong>Сфотографуйте</strong> <span>Сфотографуйте лист — або завантажте PDF.</span></div></div>
|
||
<div class="schritt"><div><strong>Зрозумійте</strong> <span>Прості слова вашою мовою. Світлофор показує, наскільки це терміново.</span></div></div>
|
||
<div class="schritt"><div><strong>Відповідайте правильно</strong> <span>Список справ, нагадування про термін і готовий чернетковий лист.</span></div></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="kaufen">
|
||
<h2>§ 3 Купіть баланс і почніть одразу</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>§ 4 Ранній доступ</h2>
|
||
<div class="antrag">
|
||
<p class="formular-kopf">Форма F-01 · Список очікування</p>
|
||
<h3>Будьте серед перших</h3>
|
||
<p>Застосунок скоро вийде для iPhone. Запишіться — ми надішлемо <strong>один</strong> лист, коли все буде готово. Без реклами.</p>
|
||
<p class="bonus">🎁 <strong>Ваш подарунок:</strong> <strong>5 листів безкоштовно</strong> замість 3. Код надійде на пошту.</p>
|
||
<form class="wl-form" action="https://86550585.sibforms.com/serve/MUIFAAvOQCpFg148k-xD2Ze2PDVKKaFEIaLECCCMe9fGKd_uIurPljyn_IhTrkR0EkM_pQp_8VBzcHZ6N9sKDX5GBZi9elYKN6isXGPUUxcAgO37OKhTFZyMlJiC9ikRmPI8Q2tU2GvqP6esJ5ReGfv1htZV_OfXRIgW59P6pkeUsYKxqdXA7nWOaWxNTYz4MzzoGg7czJMJ2fxuEg==" method="POST">
|
||
<input class="wl-input" type="email" name="EMAIL" placeholder="Ваша електронна адреса" required autocomplete="email">
|
||
<input type="text" name="email_address_check" value="" style="position:absolute; left:-5000px;" tabindex="-1" autocomplete="off" aria-hidden="true">
|
||
<input type="hidden" name="locale" value="de">
|
||
<input type="hidden" name="html_type" value="simple">
|
||
<button class="cta wl-btn" type="submit">Записатися до списку →</button>
|
||
</form>
|
||
<p class="klein">Ми збережемо адресу лише для цього одного листа. Відписатися можна будь-коли. <a href="datenschutz.html">Політика конфіденційності (німецькою)</a>.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section>
|
||
<h2>§ 5 Часті запитання</h2>
|
||
<details>
|
||
<summary>Скільки це коштує?</summary>
|
||
<p>Перші 3 листи безкоштовно (5 з кодом зі списку очікування). Далі ви купуєте баланс: 5 аналізів за 2,99 €, 15 за 6,99 €. Без підписки й без облікового запису.</p>
|
||
</details>
|
||
<details>
|
||
<summary>Які листи застосунок пояснює?</summary>
|
||
<p>Листи з джобцентру, відомства у справах іноземців, пенсійного страхування, лікарняної каси, сімейної каси (Kindergeld), податкової або органу зі штрафів — словом, майже будь-який офіційний лист.</p>
|
||
</details>
|
||
<details>
|
||
<summary>Що відбувається з моїми даними?</summary>
|
||
<p>Ваші листи залишаються зашифрованими на вашому пристрої. Для аналізу фото один раз безпечно надсилається до ШІ і видаляється там щонайпізніше через 30 днів. Обліковий запис не потрібен.</p>
|
||
</details>
|
||
</section>
|
||
|
||
<footer>
|
||
Маєте питання? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||
· <a href="impressum.html">Вихідні дані (німецькою)</a>
|
||
· <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, sprache: 'uk' }) })
|
||
.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>
|
||
</html>
|