generated from knso/webklar-preview-template
Website: 28 Sprachen statt 7 — per Generator statt Handarbeit
tools/sprachseiten/ enthaelt jetzt vorlage.html + texte.js + build.js. 'node tools/sprachseiten/build.js' erzeugt alle 27 Sprachseiten und pflegt hreflang + Sprachwaehler auch in der handgemachten index.html nach. Warum ein Generator: 28 Seiten von Hand zu pflegen heisst, jede kuenftige Aenderung 28-mal zu machen. So ist es eine Aenderung an einer Stelle. Neue Sprachen u. a. Rumaenisch, Kurdisch (Kurmanci), Bulgarisch, Kroatisch, Serbisch, Bosnisch, Albanisch, Italienisch, Griechisch, Vietnamesisch, Hindi, Urdu, Paschtu, Tigrinya, Somali, Chinesisch. Sprachleiste ist jetzt ein Aufklappmenue — 28 Links nebeneinander waeren unbenutzbar, besonders auf dem Handy. Google findet die Seiten weiter ueber hreflang (28 + x-default, auf jeder Seite identisch) und die Sitemap (38 URLs). Ausserdem: Hinweis in beiden Kauf-Boxen, warum sich die E-Mail-Angabe lohnt (Zugangs-Link -> Guthaben auf jedem Geraet nutzbar). Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
JUSNandClaude Opus 5 committed
1 parent
3cdf9d0bd1
commit
7d0692150c
33 files changed
+7216
-1001
No files matched your search
+111
-165
@@ -4,39 +4,37 @@
|
||||
<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 يشرح الرسائل الرسمية الألمانية بكلمات بسيطة — بالعربية. صوّر الرسالة، افهمها، وردّ بشكل صحيح. قريباً على iPhone.">
|
||||
<meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
|
||||
<meta name="author" content="BehördenKlar">
|
||||
<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">
|
||||
<meta name="apple-mobile-web-app-title" content="BehördenKlar">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta property="og:locale:alternate" content="tr_TR">
|
||||
<meta property="og:locale:alternate" content="ar_AR">
|
||||
<meta property="og:locale:alternate" content="en_US">
|
||||
<meta property="og:locale:alternate" content="uk_UA">
|
||||
<meta property="og:locale:alternate" content="ru_RU">
|
||||
<meta property="og:locale:alternate" content="pl_PL">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
|
||||
<meta name="msvalidate.01" content="...">
|
||||
<meta name="apple-app-site-association" content="...">
|
||||
<meta name="app-links" content="...">
|
||||
<meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
|
||||
<meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
|
||||
<meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
|
||||
<meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
|
||||
<meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
|
||||
<link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
|
||||
<link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
|
||||
<link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
|
||||
<link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
|
||||
<link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
|
||||
<link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
|
||||
<link rel="alternate" hreflang="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/ar">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
@@ -44,12 +42,11 @@
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:locale" content="ar_AR">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/ar">
|
||||
<meta property="og:title" content="وصلتك رسالة من دائرة حكومية ألمانية؟">
|
||||
<meta property="og:description" content="صوّر الرسالة — التطبيق يشرحها بالعربية وبلغة بسيطة ويحدد المواعيد المهمة. سجّل في قائمة الانتظار: 5 تحليلات مجانية.">
|
||||
<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 property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<style>
|
||||
:root {
|
||||
@@ -61,9 +58,7 @@
|
||||
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);
|
||||
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; }
|
||||
@@ -74,85 +69,67 @@
|
||||
}
|
||||
.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 14px; align-items: center;
|
||||
.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;
|
||||
}
|
||||
.sprachen a { color: var(--amtsblau); text-decoration: none; border-bottom: 1px dotted var(--amtsblau); }
|
||||
.sprachen .aktiv { font-weight: 700; color: var(--tinte); border-bottom: none; }
|
||||
header { padding: 44px 0 8px; }
|
||||
h1 { font-size: clamp(32px, 6.5vw, 48px); line-height: 1.14; font-weight: 700; }
|
||||
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: 24px; font-size: 19px; max-width: 580px; }
|
||||
.hero-fuss { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 28px; }
|
||||
.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: 17px 30px; background: var(--amtsblau);
|
||||
color: #fff; text-decoration: none; font-size: 18px; font-weight: 700;
|
||||
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 0.12s ease, box-shadow 0.12s ease;
|
||||
transition: transform .12s ease, box-shadow .12s ease;
|
||||
}
|
||||
.cta:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.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: 0.08em;
|
||||
text-transform: uppercase; transform: rotate(-4deg); opacity: 0.9;
|
||||
font-weight: 700; font-size: 14px; letter-spacing: .1em; text-transform: uppercase;
|
||||
transform: rotate(-4deg); opacity: .9;
|
||||
}
|
||||
section { margin-top: 60px; }
|
||||
section { margin-top: 56px; }
|
||||
h2 {
|
||||
font-size: 15px; text-transform: uppercase; letter-spacing: 0.14em;
|
||||
color: var(--grau); font-weight: 400; margin-bottom: 20px;
|
||||
display: flex; align-items: center; gap: 12px;
|
||||
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,0.25); }
|
||||
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,0.28);
|
||||
padding: 22px 24px; position: relative;
|
||||
box-shadow: 4px 5px 0 rgba(33,33,29,0.08);
|
||||
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(-0.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(0.5deg); }
|
||||
.brief-karte.amtsdeutsch { transform: rotate(-.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(.5deg); }
|
||||
.karten-label {
|
||||
position: absolute; top: -12px; left: 16px;
|
||||
position: absolute; top: -12px; inset-inline-start: 16px;
|
||||
font-family: 'Courier New', ui-monospace, monospace; font-size: 12px;
|
||||
text-transform: uppercase; letter-spacing: 0.1em;
|
||||
text-transform: uppercase; letter-spacing: .1em;
|
||||
background: var(--tinte); color: var(--papier); padding: 3px 10px;
|
||||
}
|
||||
[dir="rtl"] .karten-label { left: auto; right: 16px; }
|
||||
.brief-karte.klartext .karten-label { background: var(--gruen); }
|
||||
.amtsdeutsch p {
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 14.5px; color: #45423b; line-height: 1.75;
|
||||
}
|
||||
.klartext p { font-size: 18px; }
|
||||
.pfeil { text-align: center; font-size: 15px; color: var(--grau); font-family: 'Courier New', ui-monospace, monospace; }
|
||||
.hinweis { margin-top: 10px; font-size: 14.5px; color: var(--grau); }
|
||||
.schritte { counter-reset: schritt; }
|
||||
.schritt {
|
||||
counter-increment: schritt; display: flex; gap: 20px; padding: 20px 4px;
|
||||
border-bottom: 1px solid rgba(33,33,29,0.15); align-items: baseline;
|
||||
}
|
||||
.schritt:last-child { border-bottom: none; }
|
||||
.schritt::before {
|
||||
content: counter(schritt, decimal-leading-zero);
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 30px; font-weight: 700; color: var(--amtsblau);
|
||||
flex-shrink: 0; width: 52px;
|
||||
}
|
||||
.schritt strong { font-size: 19px; display: block; margin-bottom: 2px; }
|
||||
.schritt span { color: var(--grau); font-size: 16px; }
|
||||
.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,0.9);
|
||||
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: 0.1em; color: var(--grau); margin-bottom: 6px;
|
||||
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; }
|
||||
@@ -163,12 +140,7 @@
|
||||
.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);
|
||||
}
|
||||
|
||||
/* Warteliste-Formular (Brevo) */
|
||||
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;
|
||||
@@ -177,72 +149,62 @@
|
||||
.wl-input::placeholder { color: #9a958a; }
|
||||
.wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
|
||||
</style>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "BehördenKlar",
|
||||
"description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
|
||||
"applicationCategory": "AccessibilityApplication",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "EUR"
|
||||
},
|
||||
"inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
|
||||
"featureList": [
|
||||
"Amtsbriefe fotografieren und erklären lassen",
|
||||
"Klartext in einfacher Sprache",
|
||||
"Übersetzung in über 25 Sprachen",
|
||||
"Automatische Erinnerungen für Fristen",
|
||||
"Fertige Antworten generieren",
|
||||
"Vorlesen der Inhalte",
|
||||
"Keine Anmeldung erforderlich"
|
||||
],
|
||||
"targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
|
||||
"author": {
|
||||
"@type": "Organization",
|
||||
"name": "BehördenKlar"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="briefkopf">
|
||||
<span class="absender">📬 BehördenKlar</span>
|
||||
<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="اختر اللغة">
|
||||
🌐
|
||||
<a href="index.html" lang="de">Deutsch</a>
|
||||
<a href="tr.html" lang="tr">Türkçe</a>
|
||||
<span class="aktiv">العربية</span>
|
||||
<a href="en.html" lang="en">English</a>
|
||||
<a href="uk.html" lang="uk">Українська</a>
|
||||
<a href="ru.html" lang="ru">Русский</a>
|
||||
<a href="pl.html" lang="pl">Polski</a>
|
||||
<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" selected>العربية</option>
|
||||
<option value="ru.html" lang="ru">Русский</option>
|
||||
<option value="uk.html" lang="uk">Українська</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>
|
||||
<h1>وصلتك رسالة من دائرة ألمانية؟<br><span class="markiert">الآن تفهمها بسهولة.</span></h1>
|
||||
<p class="intro">صوّر الرسالة. يشرحها BehördenKlar بكلمات بسيطة — <strong>وبالعربية</strong> — مع كل المواعيد النهائية وقائمة بما عليك فعله.</p>
|
||||
<div class="hero-fuss">
|
||||
<a class="cta" href="#anmelden">سجّل في قائمة الانتظار ←</a>
|
||||
<a class="cta" href="#anmelden">انضم إلى قائمة الانتظار →</a>
|
||||
<span class="stempel">قريباً على iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 التحويل</h2>
|
||||
<h2>§ 1 قبل وبعد</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">قبل · الرسالة الأصلية (بالألمانية)</span>
|
||||
<p dir="ltr" lang="de">
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
@@ -251,58 +213,42 @@
|
||||
<p class="pfeil">— 📷 بعد صورة واحدة —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">بعد · BehördenKlar بالعربية</span>
|
||||
<p>
|
||||
إذا لم تذهب إلى الموعد بدون سبب مهم، ستحصل على نقود أقل بنسبة
|
||||
١٠٪ لمدة شهر واحد. اذهب إلى الموعد — أو ألغِه في الوقت المناسب.
|
||||
</p>
|
||||
<p>إذا لم تحضر الموعد بدون سبب وجيه، ستحصل على مال أقل بنسبة 10٪ لمدة شهر. اذهب إلى الموعد — أو ألغِه في الوقت المناسب.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">
|
||||
يشرح التطبيق الرسائل بألمانية بسيطة ويترجمها إلى: العربية، التركية،
|
||||
الإنجليزية، الروسية، الأوكرانية، الفرنسية، الفارسية، الرومانية
|
||||
والبولندية.
|
||||
</p>
|
||||
<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 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="anmelden">
|
||||
<h2>§ 3 الوصول المبكر</h2>
|
||||
<h2>§ 3 وصول مبكر</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">نموذج F-01 · قائمة الانتظار</p>
|
||||
<p class="formular-kopf">استمارة F-01 · قائمة الانتظار</p>
|
||||
<h3>كن من الأوائل</h3>
|
||||
<p>
|
||||
التطبيق قادم قريباً لهواتف iPhone. سجّل الآن — نرسل لك رسالة
|
||||
<strong>واحدة</strong> عندما يصبح التطبيق جاهزاً. بدون دعاية.
|
||||
</p>
|
||||
<p class="bonus">
|
||||
🎁 <strong>هديتك:</strong> حلّل <strong>٥ رسائل مجاناً</strong>
|
||||
بدلاً من ٣. تحصل على الرمز عبر البريد الإلكتروني.
|
||||
</p>
|
||||
<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>
|
||||
<button class="cta wl-btn" type="submit">انضم إلى قائمة الانتظار →</button>
|
||||
</form>
|
||||
<p class="klein">
|
||||
نحفظ عنوان بريدك الإلكتروني فقط لهذه الرسالة الواحدة. يمكنك إلغاء
|
||||
التسجيل في أي وقت. <a href="datenschutz.html">سياسة الخصوصية (بالألمانية)</a>.
|
||||
</p>
|
||||
<p class="klein">نحفظ بريدك لهذه الرسالة الواحدة فقط. يمكنك إلغاء الاشتراك في أي وقت. <a href="datenschutz.html">سياسة الخصوصية (بالألمانية)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
أسئلة؟ 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Impressum (بالألمانية)</a>
|
||||
لديك سؤال؟ 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">بيانات الناشر (بالألمانية)</a>
|
||||
· <a href="datenschutz.html">سياسة الخصوصية (بالألمانية)</a>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="bg">
|
||||
<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/bg">
|
||||
<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="bg_BG">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/bg">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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">Українська</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" selected>Български</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="#anmelden">В списъка на чакащите →</a>
|
||||
<span class="stempel">Скоро в App Store</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Преди и след</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Преди · Оригинал (на немски)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 една снимка по-късно —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">След · BehördenKlar на български</span>
|
||||
<p>Ако без основателна причина не отидете на срещата, цял месец ще получавате с 10 % по-малко пари. Отидете — или отменете навреме.</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="anmelden">
|
||||
<h2>§ 3 Ранен достъп</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>
|
||||
|
||||
<footer>
|
||||
Имате въпроси? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Импресум (на немски)</a>
|
||||
· <a href="datenschutz.html">Политика за поверителност (на немски)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="bs">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – razumijte pismo njemačke ustanove</title>
|
||||
<meta name="description" content="BehördenKlar objašnjava njemačka službena pisma jednostavnim riječima — na bosanskom. Fotografišite, razumijte, odgovorite ispravno.">
|
||||
<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/bs">
|
||||
<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="bs_BA">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/bs">
|
||||
<meta property="og:title" content="Stiglo je pismo od ustanove?">
|
||||
<meta property="og:description" content="Fotografišite — BehördenKlar objašnjava pismo jednostavnim jezikom, na bosanskom. Lista čekanja: 5 besplatnih analiza.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Odaberite jezik">
|
||||
🌐
|
||||
<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">Українська</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" selected>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>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 →</a>
|
||||
<span class="stempel">Uskoro na iPhoneu</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Prije i poslije</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Prije · Original (na njemačkom)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 jednu fotografiju kasnije —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Poslije · BehördenKlar na bosanskom</span>
|
||||
<p>Ako bez dobrog razloga ne dođete na termin, mjesec dana dobijate 10 % manje novca. Dođite — ili otkažite na vrijeme.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">Aplikacija objašnjava pisma jednostavnim njemačkim i prevodi ih na više od 25 jezika.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Kako radi</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Fotografišite</strong> <span>Fotografišite pismo — ili učitajte PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Razumijte</strong> <span>Jednostavne riječi na vašem jeziku. Semafor pokazuje koliko je hitno.</span></div></div>
|
||||
<div class="schritt"><div><strong>Odgovorite ispravno</strong> <span>Spisak zadataka, podsjetnik na rok i gotov nacrt odgovora.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 Rani pristup</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Obrazac F-01 · Lista čekanja</p>
|
||||
<h3>Budite među prvima</h3>
|
||||
<p>Aplikacija uskoro stiže za iPhone. Prijavite se — poslat ćemo <strong>jednu</strong> poruku kad krene. Bez reklama.</p>
|
||||
<p class="bonus">🎁 <strong>Vaš poklon:</strong> <strong>5 pisama besplatno</strong> umjesto 3. Kod dobijate e-poštom.</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="Vaša e-mail adresa" 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">Prijavite se na listu →</button>
|
||||
</form>
|
||||
<p class="klein">Adresu čuvamo samo za ovu jednu poruku. Možete se odjaviti u svakom trenutku. <a href="datenschutz.html">Pravila privatnosti (na njemačkom)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Imate pitanja? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Impressum (na njemačkom)</a>
|
||||
· <a href="datenschutz.html">Pravila privatnosti (na njemačkom)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -324,6 +324,13 @@
|
||||
</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: 15.5px;">
|
||||
📧 <strong>Bitte geben Sie beim Bezahlen Ihre E-Mail-Adresse an.</strong>
|
||||
Sie bekommen danach einen persönlichen Zugangs-Link — damit nutzen Sie
|
||||
Ihr Guthaben auf <strong>jedem Gerät</strong>: Handy, Tablet, Computer.
|
||||
Ohne diesen Link ist Ihr Guthaben nur in diesem einen Browser
|
||||
gespeichert und wäre weg, wenn Sie den Verlauf löschen.
|
||||
</p>
|
||||
|
||||
<label class="konsens" style="margin-top: 18px;">
|
||||
<input type="checkbox" id="kaufKonsens">
|
||||
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="el">
|
||||
<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/el">
|
||||
<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="el_GR">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/el">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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">Українська</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" selected>Ελληνικά</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="#anmelden">Στη λίστα αναμονής →</a>
|
||||
<span class="stempel">Σύντομα στο iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Πριν και μετά</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Πριν · Πρωτότυπο (στα γερμανικά)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 μία φωτογραφία αργότερα —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Μετά · BehördenKlar στα ελληνικά</span>
|
||||
<p>Αν δεν πάτε στο ραντεβού χωρίς σοβαρό λόγο, για έναν μήνα θα παίρνετε 10 % λιγότερα χρήματα. Πηγαίνετε — ή ακυρώστε έγκαιρα.</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="anmelden">
|
||||
<h2>§ 3 Πρώιμη πρόσβαση</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Έντυπο F-01 · Λίστα αναμονής</p>
|
||||
<h3>Γίνετε από τους πρώτους</h3>
|
||||
<p>Η εφαρμογή έρχεται σύντομα για iPhone. Εγγραφείτε — θα σας στείλουμε <strong>ένα</strong> email στην κυκλοφορία. Χωρίς διαφημίσεις.</p>
|
||||
<p class="bonus">🎁 <strong>Το δώρο σας:</strong> <strong>5 γράμματα δωρεάν</strong> αντί για 3. Ο κωδικός έρχεται με email.</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="Η διεύθυνση email σας" 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>
|
||||
|
||||
<footer>
|
||||
Έχετε ερωτήσεις; 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Στοιχεία έκδοσης (στα γερμανικά)</a>
|
||||
· <a href="datenschutz.html">Πολιτική απορρήτου (στα γερμανικά)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
+107
-161
@@ -3,40 +3,38 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – Understand German official letters</title>
|
||||
<meta name="description" content="BehördenKlar explains German official letters in simple words — in English. Take a photo, understand the letter, respond the right way. Coming soon for iPhone.">
|
||||
<meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
|
||||
<meta name="author" content="BehördenKlar">
|
||||
<title>BehördenKlar – understand letters from German authorities</title>
|
||||
<meta name="description" content="BehördenKlar explains German official letters in plain words — in English. Take a photo, understand it, respond correctly.">
|
||||
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
|
||||
<meta name="theme-color" content="#1d4e89">
|
||||
<meta name="apple-mobile-web-app-title" content="BehördenKlar">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta property="og:locale:alternate" content="tr_TR">
|
||||
<meta property="og:locale:alternate" content="ar_AR">
|
||||
<meta property="og:locale:alternate" content="en_US">
|
||||
<meta property="og:locale:alternate" content="uk_UA">
|
||||
<meta property="og:locale:alternate" content="ru_RU">
|
||||
<meta property="og:locale:alternate" content="pl_PL">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
|
||||
<meta name="msvalidate.01" content="...">
|
||||
<meta name="apple-app-site-association" content="...">
|
||||
<meta name="app-links" content="...">
|
||||
<meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
|
||||
<meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
|
||||
<meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
|
||||
<meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
|
||||
<meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
|
||||
<link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
|
||||
<link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
|
||||
<link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
|
||||
<link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
|
||||
<link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
|
||||
<link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
|
||||
<link rel="alternate" hreflang="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/en">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
@@ -45,11 +43,10 @@
|
||||
<meta property="og:locale" content="en_US">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/en">
|
||||
<meta property="og:title" content="Got a letter from a German authority?">
|
||||
<meta property="og:description" content="Take a photo – BehördenKlar explains official German letters in plain language, in 9 languages. Join the waiting list for 5 free analyses.">
|
||||
<meta property="og:description" content="Take a photo — BehördenKlar explains the letter in plain language, in English. Waiting list: 5 free analyses.">
|
||||
<meta property="og:image" content="https://behoerdenklar.de/vorschau.png">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
<meta property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<style>
|
||||
:root {
|
||||
@@ -61,9 +58,7 @@
|
||||
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);
|
||||
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; }
|
||||
@@ -74,85 +69,67 @@
|
||||
}
|
||||
.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 14px; align-items: center;
|
||||
.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;
|
||||
}
|
||||
.sprachen a { color: var(--amtsblau); text-decoration: none; border-bottom: 1px dotted var(--amtsblau); }
|
||||
.sprachen .aktiv { font-weight: 700; color: var(--tinte); border-bottom: none; }
|
||||
header { padding: 44px 0 8px; }
|
||||
h1 { font-size: clamp(32px, 6.5vw, 48px); line-height: 1.14; font-weight: 700; }
|
||||
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: 24px; font-size: 19px; max-width: 580px; }
|
||||
.hero-fuss { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 28px; }
|
||||
.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: 17px 30px; background: var(--amtsblau);
|
||||
color: #fff; text-decoration: none; font-size: 18px; font-weight: 700;
|
||||
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 0.12s ease, box-shadow 0.12s ease;
|
||||
transition: transform .12s ease, box-shadow .12s ease;
|
||||
}
|
||||
.cta:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.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: 0.08em;
|
||||
text-transform: uppercase; transform: rotate(-4deg); opacity: 0.9;
|
||||
font-weight: 700; font-size: 14px; letter-spacing: .1em; text-transform: uppercase;
|
||||
transform: rotate(-4deg); opacity: .9;
|
||||
}
|
||||
section { margin-top: 60px; }
|
||||
section { margin-top: 56px; }
|
||||
h2 {
|
||||
font-size: 15px; text-transform: uppercase; letter-spacing: 0.14em;
|
||||
color: var(--grau); font-weight: 400; margin-bottom: 20px;
|
||||
display: flex; align-items: center; gap: 12px;
|
||||
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,0.25); }
|
||||
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,0.28);
|
||||
padding: 22px 24px; position: relative;
|
||||
box-shadow: 4px 5px 0 rgba(33,33,29,0.08);
|
||||
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(-0.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(0.5deg); }
|
||||
.brief-karte.amtsdeutsch { transform: rotate(-.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(.5deg); }
|
||||
.karten-label {
|
||||
position: absolute; top: -12px; left: 16px;
|
||||
position: absolute; top: -12px; inset-inline-start: 16px;
|
||||
font-family: 'Courier New', ui-monospace, monospace; font-size: 12px;
|
||||
text-transform: uppercase; letter-spacing: 0.1em;
|
||||
text-transform: uppercase; letter-spacing: .1em;
|
||||
background: var(--tinte); color: var(--papier); padding: 3px 10px;
|
||||
}
|
||||
[dir="rtl"] .karten-label { left: auto; right: 16px; }
|
||||
.brief-karte.klartext .karten-label { background: var(--gruen); }
|
||||
.amtsdeutsch p {
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 14.5px; color: #45423b; line-height: 1.75;
|
||||
}
|
||||
.klartext p { font-size: 18px; }
|
||||
.pfeil { text-align: center; font-size: 15px; color: var(--grau); font-family: 'Courier New', ui-monospace, monospace; }
|
||||
.hinweis { margin-top: 10px; font-size: 14.5px; color: var(--grau); }
|
||||
.schritte { counter-reset: schritt; }
|
||||
.schritt {
|
||||
counter-increment: schritt; display: flex; gap: 20px; padding: 20px 4px;
|
||||
border-bottom: 1px solid rgba(33,33,29,0.15); align-items: baseline;
|
||||
}
|
||||
.schritt:last-child { border-bottom: none; }
|
||||
.schritt::before {
|
||||
content: counter(schritt, decimal-leading-zero);
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 30px; font-weight: 700; color: var(--amtsblau);
|
||||
flex-shrink: 0; width: 52px;
|
||||
}
|
||||
.schritt strong { font-size: 19px; display: block; margin-bottom: 2px; }
|
||||
.schritt span { color: var(--grau); font-size: 16px; }
|
||||
.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,0.9);
|
||||
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: 0.1em; color: var(--grau); margin-bottom: 6px;
|
||||
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; }
|
||||
@@ -163,12 +140,7 @@
|
||||
.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);
|
||||
}
|
||||
|
||||
/* Warteliste-Formular (Brevo) */
|
||||
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;
|
||||
@@ -177,68 +149,58 @@
|
||||
.wl-input::placeholder { color: #9a958a; }
|
||||
.wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
|
||||
</style>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "BehördenKlar",
|
||||
"description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
|
||||
"applicationCategory": "AccessibilityApplication",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "EUR"
|
||||
},
|
||||
"inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
|
||||
"featureList": [
|
||||
"Amtsbriefe fotografieren und erklären lassen",
|
||||
"Klartext in einfacher Sprache",
|
||||
"Übersetzung in über 25 Sprachen",
|
||||
"Automatische Erinnerungen für Fristen",
|
||||
"Fertige Antworten generieren",
|
||||
"Vorlesen der Inhalte",
|
||||
"Keine Anmeldung erforderlich"
|
||||
],
|
||||
"targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
|
||||
"author": {
|
||||
"@type": "Organization",
|
||||
"name": "BehördenKlar"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="briefkopf">
|
||||
<span class="absender">📬 BehördenKlar</span>
|
||||
<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="Choose language">
|
||||
🌐
|
||||
<a href="index.html" lang="de">Deutsch</a>
|
||||
<a href="tr.html" lang="tr">Türkçe</a>
|
||||
<a href="ar.html" lang="ar">العربية</a>
|
||||
<span class="aktiv">English</span>
|
||||
<a href="uk.html" lang="uk">Українська</a>
|
||||
<a href="ru.html" lang="ru">Русский</a>
|
||||
<a href="pl.html" lang="pl">Polski</a>
|
||||
<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">Українська</option>
|
||||
<option value="pl.html" lang="pl">Polski</option>
|
||||
<option value="ro.html" lang="ro">Română</option>
|
||||
<option value="en.html" lang="en" selected>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>A letter from a German office?<br><span class="markiert">Now easy to understand.</span></h1>
|
||||
<p class="intro">
|
||||
Take a photo of the letter. BehördenKlar explains it in simple German —
|
||||
<strong>and in English</strong>. With all deadlines and a list of what
|
||||
to do.
|
||||
</p>
|
||||
<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 →</a>
|
||||
<span class="stempel">Coming soon for iPhone</span>
|
||||
<span class="stempel">Coming soon on iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 The transformation</h2>
|
||||
<h2>§ 1 Before and after</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Before · Original letter (German)</span>
|
||||
@@ -251,25 +213,18 @@
|
||||
<p class="pfeil">— 📷 one photo later —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">After · BehördenKlar in English</span>
|
||||
<p>
|
||||
If you do not go to the appointment without a good reason, you will
|
||||
get 10% less money for one month. Go to the appointment — or cancel
|
||||
it in time.
|
||||
</p>
|
||||
<p>If you miss the appointment without a good reason, you will get 10% less money for one month. Go — or cancel in good time.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">
|
||||
The app explains letters in simple German and translates into English,
|
||||
Turkish, Arabic, Russian, Ukrainian, French, Farsi, Romanian and Polish.
|
||||
</p>
|
||||
<p class="hinweis">The app explains letters in plain German and translates them into more than 25 languages.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 How it works</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Take a photo</strong> <span>of the letter — or upload a PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Understand it</strong> <span>Simple words, in your language. A traffic light shows how urgent it is.</span></div></div>
|
||||
<div class="schritt"><div><strong>Respond the right way</strong> <span>To-do list, deadline reminder, and a ready-made reply.</span></div></div>
|
||||
<div class="schritt"><div><strong>Take a photo</strong> <span>Photograph the letter — or upload a PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Understand</strong> <span>Plain words, in your language. A traffic light shows how urgent it is.</span></div></div>
|
||||
<div class="schritt"><div><strong>Respond correctly</strong> <span>A to-do list, a deadline reminder and a ready-made draft reply.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -277,15 +232,9 @@
|
||||
<h2>§ 3 Early access</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Form F-01 · Waiting list</p>
|
||||
<h3>Be one of the first</h3>
|
||||
<p>
|
||||
The app is coming soon for iPhone. Sign up now — we will send you
|
||||
<strong>one</strong> email when it is ready. No spam.
|
||||
</p>
|
||||
<p class="bonus">
|
||||
🎁 <strong>Your gift:</strong> analyse <strong>5 letters for free</strong>
|
||||
instead of 3. You get the code by email.
|
||||
</p>
|
||||
<h3>Be among the first</h3>
|
||||
<p>The app is coming soon for iPhone. Sign up — we will send you <strong>one</strong> email when it launches. No advertising.</p>
|
||||
<p class="bonus">🎁 <strong>Your gift:</strong> analyse <strong>5 letters free</strong> instead of 3. You get the code by email.</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="Your email address" required autocomplete="email">
|
||||
<input type="text" name="email_address_check" value="" style="position:absolute; left:-5000px;" tabindex="-1" autocomplete="off" aria-hidden="true">
|
||||
@@ -293,16 +242,13 @@
|
||||
<input type="hidden" name="html_type" value="simple">
|
||||
<button class="cta wl-btn" type="submit">Join the waiting list →</button>
|
||||
</form>
|
||||
<p class="klein">
|
||||
We only store your email address for this one message. You can
|
||||
unsubscribe at any time. <a href="datenschutz.html">Privacy policy (in German)</a>.
|
||||
</p>
|
||||
<p class="klein">We store your address only for this single message. You can unsubscribe at any time. <a href="datenschutz.html">Privacy policy (German)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Questions? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Impressum (German)</a>
|
||||
· <a href="impressum.html">Legal notice (German)</a>
|
||||
· <a href="datenschutz.html">Privacy policy (German)</a>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="es">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – entiende las cartas de las oficinas alemanas</title>
|
||||
<meta name="description" content="BehördenKlar explica las cartas oficiales alemanas con palabras sencillas — en español. Haz una foto, entiéndela, responde bien.">
|
||||
<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/es">
|
||||
<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="es_ES">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/es">
|
||||
<meta property="og:title" content="¿Has recibido una carta de una oficina alemana?">
|
||||
<meta property="og:description" content="Haz una foto — BehördenKlar explica la carta en lenguaje sencillo, en español. Lista de espera: 5 análisis gratis.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Elige idioma">
|
||||
🌐
|
||||
<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">Українська</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" selected>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>¿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 →</a>
|
||||
<span class="stempel">Pronto en iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Antes y después</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Antes · Carta original (en alemán)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 una foto después —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Después · BehördenKlar en español</span>
|
||||
<p>Si no acudes a la cita sin un buen motivo, durante un mes recibirás un 10 % menos de dinero. Acude — o cancela a tiempo.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">La aplicación explica las cartas en alemán sencillo y las traduce a más de 25 idiomas.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Cómo funciona</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Haz una foto</strong> <span>Fotografía la carta — o sube un PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Entiende</strong> <span>Palabras sencillas, en tu idioma. Un semáforo muestra la urgencia.</span></div></div>
|
||||
<div class="schritt"><div><strong>Responde bien</strong> <span>Lista de tareas, recordatorio del plazo y un borrador de respuesta listo.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 Acceso anticipado</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Formulario F-01 · Lista de espera</p>
|
||||
<h3>Sé de los primeros</h3>
|
||||
<p>La aplicación llega pronto para iPhone. Apúntate — te enviaremos <strong>un solo</strong> correo cuando esté lista. Sin publicidad.</p>
|
||||
<p class="bonus">🎁 <strong>Tu regalo:</strong> analiza <strong>5 cartas gratis</strong> en vez de 3. Recibes el código por correo.</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="Tu dirección de correo" 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">Apuntarme a la lista →</button>
|
||||
</form>
|
||||
<p class="klein">Guardamos tu dirección solo para este único mensaje. Puedes darte de baja cuando quieras. <a href="datenschutz.html">Política de privacidad (en alemán)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
¿Tienes preguntas? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Aviso legal (en alemán)</a>
|
||||
· <a href="datenschutz.html">Política de privacidad (en alemán)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fa" dir="rtl">
|
||||
<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/fa">
|
||||
<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="fa_IR">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/fa">
|
||||
<meta property="og:title" content="نامهای از اداره آلمانی گرفتهاید؟">
|
||||
<meta property="og:description" content="عکس بگیرید – BehördenKlar نامه را به زبان ساده و به فارسی توضیح میدهد. فهرست انتظار: ۵ تحلیل رایگان.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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">Українська</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" selected>فارسی</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="#anmelden">به فهرست انتظار بپیوندید →</a>
|
||||
<span class="stempel">بهزودی روی iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 قبل و بعد</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">قبل · نامه اصلی (آلمانی)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 یک عکس بعد —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">بعد · BehördenKlar به فارسی</span>
|
||||
<p>اگر بدون دلیل موجه به قرار ملاقات نروید، یک ماه ۱۰ درصد پول کمتری دریافت میکنید. بروید — یا بهموقع لغو کنید.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">برنامه نامهها را به آلمانی ساده توضیح میدهد و به بیش از ۲۵ زبان ترجمه میکند.</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="anmelden">
|
||||
<h2>§ 3 دسترسی زودهنگام</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">فرم F-01 · فهرست انتظار</p>
|
||||
<h3>جزو اولینها باشید</h3>
|
||||
<p>برنامه بهزودی برای iPhone میآید. ثبتنام کنید — هنگام انتشار <strong>یک</strong> ایمیل برایتان میفرستیم. بدون تبلیغات.</p>
|
||||
<p class="bonus">🎁 <strong>هدیه شما:</strong> بهجای ۳ نامه، <strong>۵ نامه رایگان</strong> تحلیل کنید. کد را با ایمیل دریافت میکنید.</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>
|
||||
|
||||
<footer>
|
||||
سؤالی دارید؟ 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">اطلاعات ناشر (آلمانی)</a>
|
||||
· <a href="datenschutz.html">سیاست حفظ حریم خصوصی (آلمانی)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – comprendre les courriers administratifs allemands</title>
|
||||
<meta name="description" content="BehördenKlar explique les courriers administratifs allemands avec des mots simples — en français. Prenez une photo, comprenez, répondez correctement.">
|
||||
<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/fr">
|
||||
<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="fr_FR">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/fr">
|
||||
<meta property="og:title" content="Vous avez reçu un courrier administratif allemand ?">
|
||||
<meta property="og:description" content="Prenez une photo — BehördenKlar explique le courrier en langage simple, en français. Liste d’attente : 5 analyses gratuites.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Choisir la langue">
|
||||
🌐
|
||||
<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">Українська</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" selected>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>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 →</a>
|
||||
<span class="stempel">Bientôt sur iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Avant et après</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Avant · Courrier original (en allemand)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 une photo plus tard —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Après · BehördenKlar en français</span>
|
||||
<p>Si vous manquez le rendez-vous sans motif valable, vous recevrez 10 % d’argent en moins pendant un mois. Allez-y — ou annulez à temps.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">L’application explique les courriers en allemand simple et les traduit dans plus de 25 langues.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Comment ça marche</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Prenez une photo</strong> <span>Photographiez le courrier — ou téléversez un PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Comprenez</strong> <span>Des mots simples, dans votre langue. Un feu tricolore indique l’urgence.</span></div></div>
|
||||
<div class="schritt"><div><strong>Répondez correctement</strong> <span>Liste de tâches, rappel du délai et un brouillon de réponse tout prêt.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 Accès anticipé</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Formulaire F-01 · Liste d’attente</p>
|
||||
<h3>Soyez parmi les premiers</h3>
|
||||
<p>L’application arrive bientôt sur iPhone. Inscrivez-vous — nous vous enverrons <strong>un seul</strong> e-mail au lancement. Sans publicité.</p>
|
||||
<p class="bonus">🎁 <strong>Votre cadeau :</strong> analysez <strong>5 courriers gratuits</strong> au lieu de 3. Vous recevez le code par e-mail.</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="Votre adresse e-mail" 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">Rejoindre la liste →</button>
|
||||
</form>
|
||||
<p class="klein">Nous conservons votre adresse uniquement pour ce seul message. Vous pouvez vous désinscrire à tout moment. <a href="datenschutz.html">Politique de confidentialité (en allemand)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Des questions ? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Mentions légales (en allemand)</a>
|
||||
· <a href="datenschutz.html">Politique de confidentialité (en allemand)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="hi">
|
||||
<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/hi">
|
||||
<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="hi_IN">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/hi">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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">Українська</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" selected>हिन्दी</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="#anmelden">प्रतीक्षा सूची में जुड़ें →</a>
|
||||
<span class="stempel">जल्द ही iPhone पर</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 पहले और बाद में</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">पहले · मूल चिट्ठी (जर्मन में)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 एक फ़ोटो के बाद —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">बाद में · BehördenKlar हिन्दी में</span>
|
||||
<p>यदि आप बिना उचित कारण के मुलाक़ात पर नहीं आते, तो एक महीने तक आपको 10 % कम पैसा मिलेगा। जाइए — या समय रहते रद्द कीजिए।</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="anmelden">
|
||||
<h2>§ 3 पहले पहुँच</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">फ़ॉर्म F-01 · प्रतीक्षा सूची</p>
|
||||
<h3>सबसे पहले जुड़ें</h3>
|
||||
<p>ऐप जल्द ही iPhone के लिए आ रहा है। नाम लिखवाइए — शुरू होते ही हम <strong>एक</strong> ई-मेल भेजेंगे। कोई विज्ञापन नहीं।</p>
|
||||
<p class="bonus">🎁 <strong>आपका उपहार:</strong> 3 के बजाय <strong>5 चिट्ठियाँ मुफ़्त</strong>। कोड ई-मेल से मिलेगा।</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>
|
||||
|
||||
<footer>
|
||||
कोई सवाल? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">प्रकाशक जानकारी (जर्मन में)</a>
|
||||
· <a href="datenschutz.html">गोपनीयता नीति (जर्मन में)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="hr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – razumite pismo njemačke ustanove</title>
|
||||
<meta name="description" content="BehördenKlar objašnjava njemačka službena pisma jednostavnim riječima — na hrvatskom. Fotografirajte, razumijte, odgovorite ispravno.">
|
||||
<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/hr">
|
||||
<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="hr_HR">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/hr">
|
||||
<meta property="og:title" content="Stiglo je pismo od ustanove?">
|
||||
<meta property="og:description" content="Fotografirajte — BehördenKlar objašnjava pismo jednostavnim jezikom, na hrvatskom. Lista čekanja: 5 besplatnih analiza.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Odaberite jezik">
|
||||
🌐
|
||||
<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">Українська</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" selected>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>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 →</a>
|
||||
<span class="stempel">Uskoro na iPhoneu</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Prije i poslije</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Prije · Izvornik (na njemačkom)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 jednu fotografiju kasnije —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Poslije · BehördenKlar na hrvatskom</span>
|
||||
<p>Ako bez dobrog razloga ne dođete na termin, mjesec dana dobivate 10 % manje novca. Dođite — ili otkažite na vrijeme.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">Aplikacija objašnjava pisma jednostavnim njemačkim i prevodi ih na više od 25 jezika.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Kako radi</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Fotografirajte</strong> <span>Fotografirajte pismo — ili učitajte PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Razumijte</strong> <span>Jednostavne riječi na vašem jeziku. Semafor pokazuje koliko je hitno.</span></div></div>
|
||||
<div class="schritt"><div><strong>Odgovorite ispravno</strong> <span>Popis zadataka, podsjetnik na rok i gotov nacrt odgovora.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 Rani pristup</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Obrazac F-01 · Lista čekanja</p>
|
||||
<h3>Budite među prvima</h3>
|
||||
<p>Aplikacija uskoro stiže za iPhone. Prijavite se — poslat ćemo <strong>jednu</strong> poruku kad krene. Bez reklama.</p>
|
||||
<p class="bonus">🎁 <strong>Vaš poklon:</strong> <strong>5 pisama besplatno</strong> umjesto 3. Kod dobivate e-poštom.</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="Vaša e-mail adresa" 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">Prijavite se na listu →</button>
|
||||
</form>
|
||||
<p class="klein">Adresu čuvamo samo za ovu jednu poruku. Možete se odjaviti u svakom trenutku. <a href="datenschutz.html">Pravila privatnosti (na njemačkom)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Imate pitanja? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Impressum (na njemačkom)</a>
|
||||
· <a href="datenschutz.html">Pravila privatnosti (na njemačkom)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="hu">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – értse meg a német hivatali levelet</title>
|
||||
<meta name="description" content="A BehördenKlar egyszerű szavakkal magyarázza el a német hivatali leveleket — magyarul. Fényképezze le, értse meg, válaszoljon helyesen.">
|
||||
<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/hu">
|
||||
<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="hu_HU">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/hu">
|
||||
<meta property="og:title" content="Levelet kapott egy német hivataltól?">
|
||||
<meta property="og:description" content="Fényképezze le — a BehördenKlar egyszerű nyelven, magyarul magyarázza el a levelet. Várólista: 5 ingyenes elemzés.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Válasszon nyelvet">
|
||||
🌐
|
||||
<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">Українська</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" selected>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>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 →</a>
|
||||
<span class="stempel">Hamarosan iPhone-on</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Előtte és utána</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Előtte · Eredeti levél (németül)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 egy fényképpel később —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Utána · BehördenKlar magyarul</span>
|
||||
<p>Ha alapos ok nélkül nem megy el az időpontra, egy hónapig 10 %-kal kevesebb pénzt kap. Menjen el — vagy időben mondja le.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">Az alkalmazás egyszerű németül magyarázza a leveleket, és több mint 25 nyelvre fordítja.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Hogyan működik</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Fényképezzen</strong> <span>Fényképezze le a levelet — vagy töltsön fel PDF-et.</span></div></div>
|
||||
<div class="schritt"><div><strong>Értse meg</strong> <span>Egyszerű szavak az Ön nyelvén. Egy jelzőlámpa mutatja, mennyire sürgős.</span></div></div>
|
||||
<div class="schritt"><div><strong>Válaszoljon helyesen</strong> <span>Teendőlista, határidő-emlékeztető és kész válaszpiszkozat.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 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>
|
||||
<p>Az alkalmazás hamarosan megjelenik iPhone-ra. Iratkozzon fel — induláskor <strong>egyetlen</strong> e-mailt küldünk. Reklám nélkül.</p>
|
||||
<p class="bonus">🎁 <strong>Az Ön ajándéka:</strong> <strong>5 levél ingyen</strong> 3 helyett. A kódot e-mailben kapja.</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="Az Ön e-mail címe" 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">Feliratkozom a listára →</button>
|
||||
</form>
|
||||
<p class="klein">A címet csak ehhez az egy üzenethez tároljuk. Bármikor leiratkozhat. <a href="datenschutz.html">Adatvédelmi tájékoztató (németül)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Kérdése van? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Impresszum (németül)</a>
|
||||
· <a href="datenschutz.html">Adatvédelmi tájékoztató (németül)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
+66
-9
@@ -17,10 +17,31 @@
|
||||
<link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
|
||||
<link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
|
||||
<link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
|
||||
<link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
|
||||
<link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
|
||||
<link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
|
||||
<link rel="alternate" hreflang="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/">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
@@ -285,6 +306,12 @@
|
||||
.rat-karte span { font-size: 14.5px; color: var(--grau); }
|
||||
.rat-alle { margin-top: 14px; font-size: 16px; }
|
||||
.rat-alle a { color: var(--amtsblau); font-weight: 700; }
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
@@ -363,13 +390,36 @@
|
||||
</div>
|
||||
<nav class="sprachen" aria-label="Sprache wählen">
|
||||
🌐
|
||||
<span class="aktiv">Deutsch</span>
|
||||
<a href="tr.html" lang="tr">Türkçe</a>
|
||||
<a href="ar.html" lang="ar">العربية</a>
|
||||
<a href="en.html" lang="en">English</a>
|
||||
<a href="uk.html" lang="uk">Українська</a>
|
||||
<a href="ru.html" lang="ru">Русский</a>
|
||||
<a href="pl.html" lang="pl">Polski</a>
|
||||
<select class="sprachwahl" onchange="if(this.value)location.href=this.value">
|
||||
<option value="index.html" lang="de" selected>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">Українська</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>
|
||||
@@ -403,6 +453,13 @@
|
||||
</p>
|
||||
|
||||
<div id="hpPaketListe" 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: 15.5px;">
|
||||
📧 <strong>Bitte geben Sie beim Bezahlen Ihre E-Mail-Adresse an.</strong>
|
||||
Sie bekommen danach einen persönlichen Zugangs-Link — damit nutzen Sie
|
||||
Ihr Guthaben auf <strong>jedem Gerät</strong>: Handy, Tablet, Computer.
|
||||
Ohne diesen Link ist Ihr Guthaben nur in diesem einen Browser
|
||||
gespeichert und wäre weg, wenn Sie den Verlauf löschen.
|
||||
</p>
|
||||
|
||||
<label style="display: flex; gap: 10px; align-items: flex-start; margin-top: 18px; font-size: 14px; line-height: 1.5; cursor: pointer;">
|
||||
<input type="checkbox" id="hpKaufKonsens" style="margin-top: 3px; flex-shrink: 0;">
|
||||
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="it">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – capire le lettere degli uffici tedeschi</title>
|
||||
<meta name="description" content="BehördenKlar spiega le lettere ufficiali tedesche con parole semplici — in italiano. Scatta una foto, capisci, rispondi correttamente.">
|
||||
<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/it">
|
||||
<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="it_IT">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/it">
|
||||
<meta property="og:title" content="Hai ricevuto una lettera da un ufficio tedesco?">
|
||||
<meta property="og:description" content="Scatta una foto — BehördenKlar spiega la lettera in parole semplici, in italiano. Lista d’attesa: 5 analisi gratuite.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Scegli la lingua">
|
||||
🌐
|
||||
<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">Українська</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" selected>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>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 →</a>
|
||||
<span class="stempel">Presto su iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Prima e dopo</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Prima · Lettera originale (tedesco)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 una foto dopo —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Dopo · BehördenKlar in italiano</span>
|
||||
<p>Se non vai all’appuntamento senza un valido motivo, per un mese ricevi il 10 % di denaro in meno. Vai — oppure disdici per tempo.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">L’app spiega le lettere in tedesco semplice e le traduce in più di 25 lingue.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Come funziona</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Scatta una foto</strong> <span>Fotografa la lettera — oppure carica un PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Capisci</strong> <span>Parole semplici, nella tua lingua. Un semaforo mostra quanto è urgente.</span></div></div>
|
||||
<div class="schritt"><div><strong>Rispondi correttamente</strong> <span>Elenco di cose da fare, promemoria per la scadenza e una bozza di risposta già pronta.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 Accesso anticipato</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Modulo F-01 · Lista d’attesa</p>
|
||||
<h3>Sii tra i primi</h3>
|
||||
<p>L’app arriva presto per iPhone. Iscriviti — ti invieremo <strong>una sola</strong> email al lancio. Niente pubblicità.</p>
|
||||
<p class="bonus">🎁 <strong>Il tuo regalo:</strong> analizza <strong>5 lettere gratis</strong> invece di 3. Ricevi il codice via email.</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="Il tuo indirizzo email" 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">Iscriviti alla lista →</button>
|
||||
</form>
|
||||
<p class="klein">Conserviamo il tuo indirizzo solo per questo unico messaggio. Puoi cancellarti in qualsiasi momento. <a href="datenschutz.html">Informativa sulla privacy (in tedesco)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Hai domande? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Note legali (in tedesco)</a>
|
||||
· <a href="datenschutz.html">Informativa sulla privacy (in tedesco)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ku">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – nameyên fermî yên Almanyayê fêm bike</title>
|
||||
<meta name="description" content="BehördenKlar nameyên fermî yên Almanyayê bi peyvên hêsan — bi kurdî — rave dike. Wêne bikişîne, fêm bike, rast bersiv bide.">
|
||||
<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/ku">
|
||||
<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="ku_TR">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/ku">
|
||||
<meta property="og:title" content="Nameyek ji daîreyeke Alman hat?">
|
||||
<meta property="og:description" content="Wêne bikişîne – BehördenKlar nameyê bi zimanekî hêsan û bi kurdî rave dike. Lîsteya bendewariyê: 5 analîzên belaş.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Zimên hilbijêre">
|
||||
🌐
|
||||
<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">Українська</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" selected>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>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 →</a>
|
||||
<span class="stempel">Zû de li ser iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Berê û piştre</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Berê · Nameya resen (bi almanî)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 wêneyek şûnda —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Piştre · BehördenKlar bi kurdî</span>
|
||||
<p>Eger tu bê sedemeke girîng neyê randevûyê, meha bê tu ji sedî 10 kêmtir pere werdigirî. Here — an jî di wextê xwe de betal bike.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">Sepan nameyan bi almaniya hêsan rave dike û wan wergerîne zêdetirî 25 zimanan.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Ew çawa dixebite</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Wêne bikişîne</strong> <span>Wêneyê nameyê bikişîne — an PDF bar bike.</span></div></div>
|
||||
<div class="schritt"><div><strong>Fêm bike</strong> <span>Peyvên hêsan, bi zimanê te. Çirayek nîşan dide ka ew çiqas lezgîn e.</span></div></div>
|
||||
<div class="schritt"><div><strong>Rast bersiv bide</strong> <span>Lîsteya karan, bîranîna dema dawî û reşnivîseke amade.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 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>
|
||||
<p>Sepan zû de ji bo iPhone tê. Xwe tomar bike — dema ku amade be em <strong>yek</strong> e-name dişînin. Bê reklam.</p>
|
||||
<p class="bonus">🎁 <strong>Diyariya te:</strong> li şûna 3, <strong>5 name belaş</strong> analîz bike. Kodê bi e-nameyê digirî.</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="Navnîşana te ya e-nameyê" 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">Xwe li lîsteyê tomar bike →</button>
|
||||
</form>
|
||||
<p class="klein">Em navnîşana te tenê ji bo vê yek peyamê diparêzin. Tu her dem dikarî dev jê berdî. <a href="datenschutz.html">Politîkaya nepenîtiyê (bi almanî)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Pirsên te hene? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Impressum (bi almanî)</a>
|
||||
· <a href="datenschutz.html">Politîkaya nepenîtiyê (bi almanî)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
+109
-165
@@ -3,40 +3,38 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – Zrozum niemieckie pisma urzędowe</title>
|
||||
<meta name="description" content="BehördenKlar wyjaśnia niemieckie pisma urzędowe prostymi słowami — po polsku. Zrób zdjęcie, zrozum list, zareaguj właściwie. Wkrótce na iPhone'a.">
|
||||
<meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
|
||||
<meta name="author" content="BehördenKlar">
|
||||
<title>BehördenKlar – zrozum pismo z niemieckiego urzędu</title>
|
||||
<meta name="description" content="BehördenKlar wyjaśnia pisma z niemieckich urzędów prostymi słowami — po polsku. Zrób zdjęcie, zrozum, odpowiedz poprawnie.">
|
||||
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
|
||||
<meta name="theme-color" content="#1d4e89">
|
||||
<meta name="apple-mobile-web-app-title" content="BehördenKlar">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta property="og:locale:alternate" content="tr_TR">
|
||||
<meta property="og:locale:alternate" content="ar_AR">
|
||||
<meta property="og:locale:alternate" content="en_US">
|
||||
<meta property="og:locale:alternate" content="uk_UA">
|
||||
<meta property="og:locale:alternate" content="ru_RU">
|
||||
<meta property="og:locale:alternate" content="pl_PL">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
|
||||
<meta name="msvalidate.01" content="...">
|
||||
<meta name="apple-app-site-association" content="...">
|
||||
<meta name="app-links" content="...">
|
||||
<meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
|
||||
<meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
|
||||
<meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
|
||||
<meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
|
||||
<meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
|
||||
<link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
|
||||
<link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
|
||||
<link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
|
||||
<link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
|
||||
<link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
|
||||
<link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
|
||||
<link rel="alternate" hreflang="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/pl">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
@@ -44,12 +42,11 @@
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:locale" content="pl_PL">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/pl">
|
||||
<meta property="og:title" content="List z niemieckiego urzędu?">
|
||||
<meta property="og:description" content="Zrób zdjęcie – BehördenKlar wyjaśni list prostym językiem, po polsku. Zapisz się na listę: 5 bezpłatnych analiz.">
|
||||
<meta property="og:title" content="Przyszło pismo z urzędu?">
|
||||
<meta property="og:description" content="Zrób zdjęcie — BehördenKlar wyjaśni pismo prostym językiem, po polsku. Lista oczekujących: 5 darmowych analiz.">
|
||||
<meta property="og:image" content="https://behoerdenklar.de/vorschau.png">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
<meta property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<style>
|
||||
:root {
|
||||
@@ -61,9 +58,7 @@
|
||||
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);
|
||||
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; }
|
||||
@@ -74,85 +69,67 @@
|
||||
}
|
||||
.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 14px; align-items: center;
|
||||
.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;
|
||||
}
|
||||
.sprachen a { color: var(--amtsblau); text-decoration: none; border-bottom: 1px dotted var(--amtsblau); }
|
||||
.sprachen .aktiv { font-weight: 700; color: var(--tinte); border-bottom: none; }
|
||||
header { padding: 44px 0 8px; }
|
||||
h1 { font-size: clamp(32px, 6.5vw, 48px); line-height: 1.14; font-weight: 700; }
|
||||
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: 24px; font-size: 19px; max-width: 580px; }
|
||||
.hero-fuss { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 28px; }
|
||||
.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: 17px 30px; background: var(--amtsblau);
|
||||
color: #fff; text-decoration: none; font-size: 18px; font-weight: 700;
|
||||
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 0.12s ease, box-shadow 0.12s ease;
|
||||
transition: transform .12s ease, box-shadow .12s ease;
|
||||
}
|
||||
.cta:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.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: 0.08em;
|
||||
text-transform: uppercase; transform: rotate(-4deg); opacity: 0.9;
|
||||
font-weight: 700; font-size: 14px; letter-spacing: .1em; text-transform: uppercase;
|
||||
transform: rotate(-4deg); opacity: .9;
|
||||
}
|
||||
section { margin-top: 60px; }
|
||||
section { margin-top: 56px; }
|
||||
h2 {
|
||||
font-size: 15px; text-transform: uppercase; letter-spacing: 0.14em;
|
||||
color: var(--grau); font-weight: 400; margin-bottom: 20px;
|
||||
display: flex; align-items: center; gap: 12px;
|
||||
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,0.25); }
|
||||
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,0.28);
|
||||
padding: 22px 24px; position: relative;
|
||||
box-shadow: 4px 5px 0 rgba(33,33,29,0.08);
|
||||
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(-0.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(0.5deg); }
|
||||
.brief-karte.amtsdeutsch { transform: rotate(-.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(.5deg); }
|
||||
.karten-label {
|
||||
position: absolute; top: -12px; left: 16px;
|
||||
position: absolute; top: -12px; inset-inline-start: 16px;
|
||||
font-family: 'Courier New', ui-monospace, monospace; font-size: 12px;
|
||||
text-transform: uppercase; letter-spacing: 0.1em;
|
||||
text-transform: uppercase; letter-spacing: .1em;
|
||||
background: var(--tinte); color: var(--papier); padding: 3px 10px;
|
||||
}
|
||||
[dir="rtl"] .karten-label { left: auto; right: 16px; }
|
||||
.brief-karte.klartext .karten-label { background: var(--gruen); }
|
||||
.amtsdeutsch p {
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 14.5px; color: #45423b; line-height: 1.75;
|
||||
}
|
||||
.klartext p { font-size: 18px; }
|
||||
.pfeil { text-align: center; font-size: 15px; color: var(--grau); font-family: 'Courier New', ui-monospace, monospace; }
|
||||
.hinweis { margin-top: 10px; font-size: 14.5px; color: var(--grau); }
|
||||
.schritte { counter-reset: schritt; }
|
||||
.schritt {
|
||||
counter-increment: schritt; display: flex; gap: 20px; padding: 20px 4px;
|
||||
border-bottom: 1px solid rgba(33,33,29,0.15); align-items: baseline;
|
||||
}
|
||||
.schritt:last-child { border-bottom: none; }
|
||||
.schritt::before {
|
||||
content: counter(schritt, decimal-leading-zero);
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 30px; font-weight: 700; color: var(--amtsblau);
|
||||
flex-shrink: 0; width: 52px;
|
||||
}
|
||||
.schritt strong { font-size: 19px; display: block; margin-bottom: 2px; }
|
||||
.schritt span { color: var(--grau); font-size: 16px; }
|
||||
.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,0.9);
|
||||
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: 0.1em; color: var(--grau); margin-bottom: 6px;
|
||||
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; }
|
||||
@@ -163,12 +140,7 @@
|
||||
.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);
|
||||
}
|
||||
|
||||
/* Warteliste-Formular (Brevo) */
|
||||
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;
|
||||
@@ -177,71 +149,61 @@
|
||||
.wl-input::placeholder { color: #9a958a; }
|
||||
.wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
|
||||
</style>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "BehördenKlar",
|
||||
"description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
|
||||
"applicationCategory": "AccessibilityApplication",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "EUR"
|
||||
},
|
||||
"inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
|
||||
"featureList": [
|
||||
"Amtsbriefe fotografieren und erklären lassen",
|
||||
"Klartext in einfacher Sprache",
|
||||
"Übersetzung in über 25 Sprachen",
|
||||
"Automatische Erinnerungen für Fristen",
|
||||
"Fertige Antworten generieren",
|
||||
"Vorlesen der Inhalte",
|
||||
"Keine Anmeldung erforderlich"
|
||||
],
|
||||
"targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
|
||||
"author": {
|
||||
"@type": "Organization",
|
||||
"name": "BehördenKlar"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="briefkopf">
|
||||
<span class="absender">📬 BehördenKlar</span>
|
||||
<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="Wybierz język">
|
||||
🌐
|
||||
<a href="index.html" lang="de">Deutsch</a>
|
||||
<a href="tr.html" lang="tr">Türkçe</a>
|
||||
<a href="ar.html" lang="ar">العربية</a>
|
||||
<a href="en.html" lang="en">English</a>
|
||||
<a href="uk.html" lang="uk">Українська</a>
|
||||
<a href="ru.html" lang="ru">Русский</a>
|
||||
<span class="aktiv">Polski</span>
|
||||
<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">Українська</option>
|
||||
<option value="pl.html" lang="pl" selected>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>List z niemieckiego urzędu?<br><span class="markiert">Teraz łatwo go zrozumieć.</span></h1>
|
||||
<p class="intro">
|
||||
Zrób zdjęcie listu. BehördenKlar wyjaśni go prostym niemieckim —
|
||||
<strong>i po polsku</strong>. Ze wszystkimi terminami i listą, co
|
||||
trzeba zrobić.
|
||||
</p>
|
||||
<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">Zapisz się na listę oczekujących →</a>
|
||||
<span class="stempel">Wkrótce na iPhone'a</span>
|
||||
<a class="cta" href="#anmelden">Na listę oczekujących →</a>
|
||||
<span class="stempel">Wkrótce w App Store</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Przemiana</h2>
|
||||
<h2>§ 1 Przed i po</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Przed · Oryginalny list (po niemiecku)</span>
|
||||
<span class="karten-label">Przed · Oryginał (po niemiecku)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
@@ -251,26 +213,18 @@
|
||||
<p class="pfeil">— 📷 jedno zdjęcie później —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Po · BehördenKlar po polsku</span>
|
||||
<p>
|
||||
Jeśli nie przyjdziesz na spotkanie bez ważnego powodu, przez
|
||||
miesiąc będziesz dostawać o 10% mniej pieniędzy. Idź na spotkanie
|
||||
— albo odwołaj je na czas.
|
||||
</p>
|
||||
<p>Jeśli bez ważnego powodu nie przyjdziesz na spotkanie, przez miesiąc dostaniesz o 10 % mniej pieniędzy. Przyjdź — albo odwołaj w porę.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">
|
||||
Aplikacja wyjaśnia listy prostym niemieckim i tłumaczy na polski,
|
||||
turecki, arabski, angielski, rosyjski, ukraiński, francuski, farsi
|
||||
i rumuński.
|
||||
</p>
|
||||
<p class="hinweis">Aplikacja wyjaśnia pisma prostym niemieckim i tłumaczy na ponad 25 języków.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Jak to działa</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Zrób zdjęcie listu</strong> <span>albo wgraj PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Zrozum go</strong> <span>Proste słowa, w Twoim języku. Sygnalizacja pokazuje, jak pilna jest sprawa.</span></div></div>
|
||||
<div class="schritt"><div><strong>Zareaguj właściwie</strong> <span>Lista zadań, przypomnienie o terminie i gotowa odpowiedź.</span></div></div>
|
||||
<div class="schritt"><div><strong>Zrób zdjęcie</strong> <span>Sfotografuj pismo — albo wgraj PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Zrozum</strong> <span>Proste słowa w Twoim języku. Sygnalizacja pokazuje, jak pilne to jest.</span></div></div>
|
||||
<div class="schritt"><div><strong>Odpowiedz poprawnie</strong> <span>Lista zadań, przypomnienie o terminie i gotowy szkic odpowiedzi.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -279,15 +233,8 @@
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Formularz F-01 · Lista oczekujących</p>
|
||||
<h3>Bądź wśród pierwszych</h3>
|
||||
<p>
|
||||
Aplikacja wkrótce pojawi się na iPhone'a. Zapisz się teraz —
|
||||
wyślemy Ci <strong>jedną</strong> wiadomość, gdy wszystko będzie
|
||||
gotowe. Bez reklam.
|
||||
</p>
|
||||
<p class="bonus">
|
||||
🎁 <strong>Twój prezent:</strong> analizuj <strong>5 listów za
|
||||
darmo</strong> zamiast 3. Kod dostaniesz e-mailem.
|
||||
</p>
|
||||
<p>Aplikacja wkrótce na iPhone. Zapisz się — wyślemy <strong>jedną</strong> wiadomość, gdy będzie gotowa. Bez reklam.</p>
|
||||
<p class="bonus">🎁 <strong>Twój prezent:</strong> <strong>5 pism za darmo</strong> zamiast 3. Kod dostaniesz mailem.</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="Twój adres e-mail" required autocomplete="email">
|
||||
<input type="text" name="email_address_check" value="" style="position:absolute; left:-5000px;" tabindex="-1" autocomplete="off" aria-hidden="true">
|
||||
@@ -295,15 +242,12 @@
|
||||
<input type="hidden" name="html_type" value="simple">
|
||||
<button class="cta wl-btn" type="submit">Zapisz się na listę →</button>
|
||||
</form>
|
||||
<p class="klein">
|
||||
Zapisujemy Twój adres tylko dla tej jednej wiadomości. Możesz
|
||||
wypisać się w każdej chwili. <a href="datenschutz.html">Polityka prywatności (po niemiecku)</a>.
|
||||
</p>
|
||||
<p class="klein">Zapiszemy adres tylko dla tej jednej wiadomości. W każdej chwili możesz się wypisać. <a href="datenschutz.html">Polityka prywatności (po niemiecku)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Pytania? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
Masz pytania? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Impressum (po niemiecku)</a>
|
||||
· <a href="datenschutz.html">Polityka prywatności (po niemiecku)</a>
|
||||
</footer>
|
||||
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ps" dir="rtl">
|
||||
<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/ps">
|
||||
<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="ps_AF">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/ps">
|
||||
<meta property="og:title" content="د آلمان له ادارې څخه لیک راغلی؟">
|
||||
<meta property="og:description" content="عکس واخلئ — BehördenKlar لیک په ساده ژبه، په پښتو تشریح کوي. د انتظار لړلیک: ۵ وړیا شننې.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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">Українська</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" selected>پښتو</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="#anmelden">د انتظار لړلیک ته ننوځئ →</a>
|
||||
<span class="stempel">ډېر ژر په iPhone کې</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 مخکې او وروسته</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">مخکې · اصلي لیک (په آلماني)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 یو عکس وروسته —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">وروسته · BehördenKlar په پښتو</span>
|
||||
<p>که تاسو پرته له مهم دلیله ټاکنې ته ورنشئ، یوه میاشت به ۱۰ سلنه لږې پیسې ترلاسه کړئ. ورشئ — یا یې پر وخت لغوه کړئ.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">اپلیکیشن لیکونه په ساده آلماني تشریح کوي او له ۲۵ څخه زیاتو ژبو ته یې ژباړي.</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="anmelden">
|
||||
<h2>§ 3 لومړنی لاسرسی</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">فورمه F-01 · د انتظار لړلیک</p>
|
||||
<h3>له لومړیو څخه اوسئ</h3>
|
||||
<p>اپلیکیشن به ډېر ژر د iPhone لپاره راشي. نوم ولیکئ — کله چې پیل شي موږ به <strong>یو</strong> بریښنالیک درولېږو. هېڅ اعلان نشته.</p>
|
||||
<p class="bonus">🎁 <strong>ستاسو ډالۍ:</strong> د ۳ پرځای <strong>۵ لیکونه وړیا</strong>. کوډ به په بریښنالیک ترلاسه کړئ.</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>
|
||||
|
||||
<footer>
|
||||
پوښتنه لرئ؟ 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">د خپرونکي مالومات (په آلماني)</a>
|
||||
· <a href="datenschutz.html">د محرمیت تګلاره (په آلماني)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="pt">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – perceber as cartas das repartições alemãs</title>
|
||||
<meta name="description" content="O BehördenKlar explica as cartas oficiais alemãs com palavras simples — em português. Tire uma foto, perceba, responda corretamente.">
|
||||
<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/pt">
|
||||
<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="pt_PT">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/pt">
|
||||
<meta property="og:title" content="Recebeu uma carta de uma repartição alemã?">
|
||||
<meta property="og:description" content="Tire uma foto — o BehördenKlar explica a carta em linguagem simples, em português. Lista de espera: 5 análises grátis.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Escolha o idioma">
|
||||
🌐
|
||||
<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">Українська</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" selected>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>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 →</a>
|
||||
<span class="stempel">Brevemente no iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Antes e depois</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Antes · Carta original (em alemão)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 uma foto depois —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Depois · BehördenKlar em português</span>
|
||||
<p>Se não for à marcação sem um bom motivo, durante um mês recebe menos 10 % de dinheiro. Vá — ou cancele a tempo.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">A aplicação explica as cartas em alemão simples e traduz para mais de 25 idiomas.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Como funciona</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Tire uma foto</strong> <span>Fotografe a carta — ou carregue um PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Perceba</strong> <span>Palavras simples, na sua língua. Um semáforo mostra a urgência.</span></div></div>
|
||||
<div class="schritt"><div><strong>Responda corretamente</strong> <span>Lista de tarefas, lembrete do prazo e um rascunho de resposta pronto.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 Acesso antecipado</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Formulário F-01 · Lista de espera</p>
|
||||
<h3>Esteja entre os primeiros</h3>
|
||||
<p>A aplicação chega em breve para iPhone. Inscreva-se — enviamos <strong>um</strong> e-mail quando estiver pronta. Sem publicidade.</p>
|
||||
<p class="bonus">🎁 <strong>O seu presente:</strong> analise <strong>5 cartas grátis</strong> em vez de 3. Recebe o código por e-mail.</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="O seu endereço de e-mail" 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">Entrar na lista →</button>
|
||||
</form>
|
||||
<p class="klein">Guardamos o endereço apenas para esta única mensagem. Pode cancelar a qualquer momento. <a href="datenschutz.html">Política de privacidade (em alemão)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Tem dúvidas? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Ficha técnica (em alemão)</a>
|
||||
· <a href="datenschutz.html">Política de privacidade (em alemão)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ro">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – înțelege scrisoarea de la autoritățile germane</title>
|
||||
<meta name="description" content="BehördenKlar explică scrisorile oficiale germane în cuvinte simple — în română. Fă o poză, înțelege, răspunde corect.">
|
||||
<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/ro">
|
||||
<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="ro_RO">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/ro">
|
||||
<meta property="og:title" content="Ai primit o scrisoare de la autorități?">
|
||||
<meta property="og:description" content="Fă o poză — BehördenKlar explică scrisoarea pe înțelesul tuturor, în română. Listă de așteptare: 5 analize gratuite.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Alege limba">
|
||||
🌐
|
||||
<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">Українська</option>
|
||||
<option value="pl.html" lang="pl">Polski</option>
|
||||
<option value="ro.html" lang="ro" selected>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>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 →</a>
|
||||
<span class="stempel">În curând pe iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Înainte și după</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Înainte · Original (în germană)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 o poză mai târziu —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">După · BehördenKlar în română</span>
|
||||
<p>Dacă nu vii la programare fără un motiv întemeiat, timp de o lună primești cu 10 % mai puțini bani. Mergi — sau anulează din timp.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">Aplicația explică scrisorile în germană simplă și le traduce în peste 25 de limbi.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Cum funcționează</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Fă o poză</strong> <span>Fotografiază scrisoarea — sau încarcă un PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Înțelege</strong> <span>Cuvinte simple, în limba ta. Un semafor arată cât de urgent este.</span></div></div>
|
||||
<div class="schritt"><div><strong>Răspunde corect</strong> <span>Listă de pași, memento pentru termen și o ciornă de răspuns gata făcută.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 Acces timpuriu</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Formular F-01 · Listă de așteptare</p>
|
||||
<h3>Fii printre primii</h3>
|
||||
<p>Aplicația vine în curând pentru iPhone. Înscrie-te — îți trimitem <strong>un singur</strong> e-mail la lansare. Fără reclame.</p>
|
||||
<p class="bonus">🎁 <strong>Cadoul tău:</strong> <strong>5 scrisori gratuit</strong> în loc de 3. Primești codul pe e-mail.</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="Adresa ta de e-mail" 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">Înscrie-te pe listă →</button>
|
||||
</form>
|
||||
<p class="klein">Păstrăm adresa doar pentru acest singur mesaj. Te poți dezabona oricând. <a href="datenschutz.html">Politica de confidențialitate (în germană)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Ai întrebări? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Impressum (în germană)</a>
|
||||
· <a href="datenschutz.html">Politica de confidențialitate (în germană)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
+115
-170
@@ -3,40 +3,38 @@
|
||||
<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 объясняет немецкие официальные письма простыми словами — по-русски. Сфотографируйте письмо, поймите его, правильно отреагируйте. Скоро для iPhone.">
|
||||
<meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
|
||||
<meta name="author" content="BehördenKlar">
|
||||
<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">
|
||||
<meta name="apple-mobile-web-app-title" content="BehördenKlar">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta property="og:locale:alternate" content="tr_TR">
|
||||
<meta property="og:locale:alternate" content="ar_AR">
|
||||
<meta property="og:locale:alternate" content="en_US">
|
||||
<meta property="og:locale:alternate" content="uk_UA">
|
||||
<meta property="og:locale:alternate" content="ru_RU">
|
||||
<meta property="og:locale:alternate" content="pl_PL">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
|
||||
<meta name="msvalidate.01" content="...">
|
||||
<meta name="apple-app-site-association" content="...">
|
||||
<meta name="app-links" content="...">
|
||||
<meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
|
||||
<meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
|
||||
<meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
|
||||
<meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
|
||||
<meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
|
||||
<link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
|
||||
<link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
|
||||
<link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
|
||||
<link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
|
||||
<link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
|
||||
<link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
|
||||
<link rel="alternate" hreflang="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/ru">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
@@ -44,12 +42,11 @@
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:locale" content="ru_RU">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/ru">
|
||||
<meta property="og:title" content="Письмо из немецкого ведомства?">
|
||||
<meta property="og:description" content="Сфотографируйте письмо — BehördenKlar объяснит его простым языком, по-русски. Запишитесь в список: 5 бесплатных анализов.">
|
||||
<meta property="og: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 property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<style>
|
||||
:root {
|
||||
@@ -61,9 +58,7 @@
|
||||
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);
|
||||
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; }
|
||||
@@ -74,85 +69,67 @@
|
||||
}
|
||||
.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 14px; align-items: center;
|
||||
.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;
|
||||
}
|
||||
.sprachen a { color: var(--amtsblau); text-decoration: none; border-bottom: 1px dotted var(--amtsblau); }
|
||||
.sprachen .aktiv { font-weight: 700; color: var(--tinte); border-bottom: none; }
|
||||
header { padding: 44px 0 8px; }
|
||||
h1 { font-size: clamp(32px, 6.5vw, 48px); line-height: 1.14; font-weight: 700; }
|
||||
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: 24px; font-size: 19px; max-width: 580px; }
|
||||
.hero-fuss { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 28px; }
|
||||
.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: 17px 30px; background: var(--amtsblau);
|
||||
color: #fff; text-decoration: none; font-size: 18px; font-weight: 700;
|
||||
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 0.12s ease, box-shadow 0.12s ease;
|
||||
transition: transform .12s ease, box-shadow .12s ease;
|
||||
}
|
||||
.cta:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.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: 0.08em;
|
||||
text-transform: uppercase; transform: rotate(-4deg); opacity: 0.9;
|
||||
font-weight: 700; font-size: 14px; letter-spacing: .1em; text-transform: uppercase;
|
||||
transform: rotate(-4deg); opacity: .9;
|
||||
}
|
||||
section { margin-top: 60px; }
|
||||
section { margin-top: 56px; }
|
||||
h2 {
|
||||
font-size: 15px; text-transform: uppercase; letter-spacing: 0.14em;
|
||||
color: var(--grau); font-weight: 400; margin-bottom: 20px;
|
||||
display: flex; align-items: center; gap: 12px;
|
||||
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,0.25); }
|
||||
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,0.28);
|
||||
padding: 22px 24px; position: relative;
|
||||
box-shadow: 4px 5px 0 rgba(33,33,29,0.08);
|
||||
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(-0.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(0.5deg); }
|
||||
.brief-karte.amtsdeutsch { transform: rotate(-.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(.5deg); }
|
||||
.karten-label {
|
||||
position: absolute; top: -12px; left: 16px;
|
||||
position: absolute; top: -12px; inset-inline-start: 16px;
|
||||
font-family: 'Courier New', ui-monospace, monospace; font-size: 12px;
|
||||
text-transform: uppercase; letter-spacing: 0.1em;
|
||||
text-transform: uppercase; letter-spacing: .1em;
|
||||
background: var(--tinte); color: var(--papier); padding: 3px 10px;
|
||||
}
|
||||
[dir="rtl"] .karten-label { left: auto; right: 16px; }
|
||||
.brief-karte.klartext .karten-label { background: var(--gruen); }
|
||||
.amtsdeutsch p {
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 14.5px; color: #45423b; line-height: 1.75;
|
||||
}
|
||||
.klartext p { font-size: 18px; }
|
||||
.pfeil { text-align: center; font-size: 15px; color: var(--grau); font-family: 'Courier New', ui-monospace, monospace; }
|
||||
.hinweis { margin-top: 10px; font-size: 14.5px; color: var(--grau); }
|
||||
.schritte { counter-reset: schritt; }
|
||||
.schritt {
|
||||
counter-increment: schritt; display: flex; gap: 20px; padding: 20px 4px;
|
||||
border-bottom: 1px solid rgba(33,33,29,0.15); align-items: baseline;
|
||||
}
|
||||
.schritt:last-child { border-bottom: none; }
|
||||
.schritt::before {
|
||||
content: counter(schritt, decimal-leading-zero);
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 30px; font-weight: 700; color: var(--amtsblau);
|
||||
flex-shrink: 0; width: 52px;
|
||||
}
|
||||
.schritt strong { font-size: 19px; display: block; margin-bottom: 2px; }
|
||||
.schritt span { color: var(--grau); font-size: 16px; }
|
||||
.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,0.9);
|
||||
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: 0.1em; color: var(--grau); margin-bottom: 6px;
|
||||
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; }
|
||||
@@ -163,12 +140,7 @@
|
||||
.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);
|
||||
}
|
||||
|
||||
/* Warteliste-Formular (Brevo) */
|
||||
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;
|
||||
@@ -177,134 +149,107 @@
|
||||
.wl-input::placeholder { color: #9a958a; }
|
||||
.wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
|
||||
</style>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "BehördenKlar",
|
||||
"description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
|
||||
"applicationCategory": "AccessibilityApplication",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "EUR"
|
||||
},
|
||||
"inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
|
||||
"featureList": [
|
||||
"Amtsbriefe fotografieren und erklären lassen",
|
||||
"Klartext in einfacher Sprache",
|
||||
"Übersetzung in über 25 Sprachen",
|
||||
"Automatische Erinnerungen für Fristen",
|
||||
"Fertige Antworten generieren",
|
||||
"Vorlesen der Inhalte",
|
||||
"Keine Anmeldung erforderlich"
|
||||
],
|
||||
"targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
|
||||
"author": {
|
||||
"@type": "Organization",
|
||||
"name": "BehördenKlar"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="briefkopf">
|
||||
<span class="absender">📬 BehördenKlar</span>
|
||||
<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="Выберите язык">
|
||||
🌐
|
||||
<a href="index.html" lang="de">Deutsch</a>
|
||||
<a href="tr.html" lang="tr">Türkçe</a>
|
||||
<a href="ar.html" lang="ar">العربية</a>
|
||||
<a href="en.html" lang="en">English</a>
|
||||
<a href="uk.html" lang="uk">Українська</a>
|
||||
<span class="aktiv">Русский</span>
|
||||
<a href="pl.html" lang="pl">Polski</a>
|
||||
<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" selected>Русский</option>
|
||||
<option value="uk.html" lang="uk">Українська</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>
|
||||
<h1>Письмо из немецкого ведомства?<br><span class="markiert">Наконец-то понятно.</span></h1>
|
||||
<p class="intro">Сфотографируйте письмо. BehördenKlar объяснит его простыми словами — <strong>и по-русски</strong>. Со всеми сроками и списком дел.</p>
|
||||
<div class="hero-fuss">
|
||||
<a class="cta" href="#anmelden">Записаться в список ожидания →</a>
|
||||
<span class="stempel">Скоро для iPhone</span>
|
||||
<a class="cta" href="#anmelden">В список ожидания →</a>
|
||||
<span class="stempel">Скоро в App Store</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Превращение</h2>
|
||||
<h2>§ 1 До и после</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">До · Оригинал письма (на немецком)</span>
|
||||
<span class="karten-label">До · Оригинал (по-немецки)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 одно фото — и готово —</p>
|
||||
<p class="pfeil">— 📷 одно фото спустя —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">После · BehördenKlar по-русски</span>
|
||||
<p>
|
||||
Если вы не придёте на приём без уважительной причины, вы будете
|
||||
получать на 10% меньше денег в течение одного месяца. Придите на
|
||||
приём — или вовремя отмените его.
|
||||
</p>
|
||||
<p>Если вы без уважительной причины не придёте на приём, целый месяц будете получать на 10 % меньше денег. Придите — или вовремя отмените.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">
|
||||
Приложение объясняет письма простым немецким языком и переводит на
|
||||
русский, турецкий, арабский, английский, украинский, французский,
|
||||
фарси, румынский и польский.
|
||||
</p>
|
||||
<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 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="anmelden">
|
||||
<h2>§ 3 Ранний доступ</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>
|
||||
<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 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>
|
||||
<p class="klein">Мы сохраним адрес только для этого одного письма. Отписаться можно в любой момент. <a href="datenschutz.html">Политика конфиденциальности (по-немецки)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Вопросы? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Impressum (на немецком)</a>
|
||||
· <a href="datenschutz.html">Политика конфиденциальности (на немецком)</a>
|
||||
Есть вопросы? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Выходные данные (по-немецки)</a>
|
||||
· <a href="datenschutz.html">Политика конфиденциальности (по-немецки)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
|
||||
+28
-7
@@ -1,12 +1,33 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url><loc>https://behoerdenklar.de/</loc><lastmod>2026-07-23</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/en</loc><lastmod>2026-07-23</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/tr</loc><lastmod>2026-07-23</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/ar</loc><lastmod>2026-07-23</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/uk</loc><lastmod>2026-07-23</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/ru</loc><lastmod>2026-07-23</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/pl</loc><lastmod>2026-07-23</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/tr</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/ar</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/ru</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/uk</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/pl</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/ro</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/en</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/fa</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/ku</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/bg</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/hr</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/sr</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/bs</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/sq</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/it</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/el</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/es</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/pt</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/fr</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/hu</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/vi</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/hi</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/ur</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/ps</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/ti</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/so</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/zh</loc><lastmod>2026-09-18</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/demo</loc><lastmod>2026-07-24</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/ratgeber/</loc><lastmod>2026-07-25</lastmod></url>
|
||||
<url><loc>https://behoerdenklar.de/ratgeber/jobcenter-mitwirkungsaufforderung</loc><lastmod>2026-07-25</lastmod></url>
|
||||
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="so">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – faham warqadda hay’adaha Jarmalka</title>
|
||||
<meta name="description" content="BehördenKlar wuxuu ku sharraxaa warqadaha rasmiga ah ee Jarmalka erayo fudud — af-Soomaali. Sawir qaado, faham, si sax ah uga jawaab.">
|
||||
<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/so">
|
||||
<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="so_SO">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/so">
|
||||
<meta property="og:title" content="Ma heshay warqad ka timid hay’ad Jarmal ah?">
|
||||
<meta property="og:description" content="Sawir qaado — BehördenKlar wuxuu warqadda ku sharraxaa luqad fudud, af-Soomaali. Liiska sugitaanka: 5 falanqayn oo bilaash ah.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Dooro luqadda">
|
||||
🌐
|
||||
<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">Українська</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" selected>Soomaali</option>
|
||||
<option value="zh.html" lang="zh">中文</option>
|
||||
</select>
|
||||
</nav>
|
||||
|
||||
<header>
|
||||
<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 →</a>
|
||||
<span class="stempel">Dhawaan iPhone-ka</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Ka hor iyo ka dib</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Ka hor · Warqadda asalka ah (Jarmal)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 hal sawir ka dib —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Ka dib · BehördenKlar af-Soomaali</span>
|
||||
<p>Haddii aadan ballanta iman adigoo aan sabab wanaagsan lahayn, hal bil waxaad heli doontaa lacag 10 % ka yar. Tag — ama waqti ku baabi’i.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">Abku wuxuu warqadaha ku sharraxaa Jarmal fudud oo u turjumaa in ka badan 25 luqadood.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Sida ay u shaqeyso</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Sawir qaado</strong> <span>Sawir warqadda — ama soo geli PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Faham</strong> <span>Erayo fudud, luqaddaada. Nal ayaa tusaya sida ay u degdeg u tahay.</span></div></div>
|
||||
<div class="schritt"><div><strong>Si sax ah uga jawaab</strong> <span>Liiska waxa la sameeyo, xusuusin waqti iyo jawaab diyaar ah.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 Gelitaan hore</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Foomka F-01 · Liiska sugitaanka</p>
|
||||
<h3>Noqo kuwa ugu horreeya</h3>
|
||||
<p>Abku dhawaan ayuu u imanayaa iPhone. Isdiiwaangeli — waxaan kuu soo diri doonnaa <strong>hal</strong> iimayl marka la bilaabo. Xayeysiin ma jirto.</p>
|
||||
<p class="bonus">🎁 <strong>Hadiyaddaada:</strong> falanqee <strong>5 warqadood oo bilaash ah</strong> halkii 3. Koodhka iimayl ayaad ku heli doontaa.</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="Cinwaankaaga iimaylka" 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">Isdiiwaangeli liiska →</button>
|
||||
</form>
|
||||
<p class="klein">Cinwaanka waxaan u kaydinaa kaliya fariintan keliya. Waqti kasta waad ka bixi kartaa. <a href="datenschutz.html">Siyaasadda sirta (Jarmal)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Su’aalo ma qabtaa? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Macluumaadka daabacaha (Jarmal)</a>
|
||||
· <a href="datenschutz.html">Siyaasadda sirta (Jarmal)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="sq">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – kuptoni letrën e një institucioni gjerman</title>
|
||||
<meta name="description" content="BehördenKlar i shpjegon letrat zyrtare gjermane me fjalë të thjeshta — në shqip. Bëni një foto, kuptoni, përgjigjuni saktë.">
|
||||
<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/sq">
|
||||
<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="sq_AL">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/sq">
|
||||
<meta property="og:title" content="Ju erdhi një letër nga një institucion?">
|
||||
<meta property="og:description" content="Bëni një foto — BehördenKlar e shpjegon letrën me gjuhë të thjeshtë, në shqip. Lista e pritjes: 5 analiza falas.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Zgjidhni gjuhën">
|
||||
🌐
|
||||
<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">Українська</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" selected>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>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 →</a>
|
||||
<span class="stempel">Së shpejti në iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Para dhe pas</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Para · Letra origjinale (gjermanisht)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 një foto më vonë —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Pas · BehördenKlar në shqip</span>
|
||||
<p>Nëse nuk shkoni në takim pa një arsye të mirë, për një muaj merrni 10 % më pak para. Shkoni — ose anuloni në kohë.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">Aplikacioni i shpjegon letrat në gjermanisht të thjeshtë dhe i përkthen në më shumë se 25 gjuhë.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Si funksionon</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Bëni foto</strong> <span>Fotografoni letrën — ose ngarkoni një PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Kuptoni</strong> <span>Fjalë të thjeshta, në gjuhën tuaj. Një semafor tregon sa urgjente është.</span></div></div>
|
||||
<div class="schritt"><div><strong>Përgjigjuni saktë</strong> <span>Listë detyrash, kujtesë për afatin dhe një draft përgjigjeje gati.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 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>
|
||||
<p>Aplikacioni vjen së shpejti për iPhone. Regjistrohuni — do t’ju dërgojmë <strong>një</strong> email kur të nisë. Pa reklama.</p>
|
||||
<p class="bonus">🎁 <strong>Dhurata juaj:</strong> analizoni <strong>5 letra falas</strong> në vend të 3. Kodin e merrni me email.</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="Adresa juaj e emailit" 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">Regjistrohuni në listë →</button>
|
||||
</form>
|
||||
<p class="klein">Adresën e ruajmë vetëm për këtë mesazh të vetëm. Mund të çregjistroheni në çdo kohë. <a href="datenschutz.html">Politika e privatësisë (gjermanisht)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Keni pyetje? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Impressum (gjermanisht)</a>
|
||||
· <a href="datenschutz.html">Politika e privatësisë (gjermanisht)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="sr">
|
||||
<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/sr">
|
||||
<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="sr_RS">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/sr">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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">Українська</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" selected>Српски</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="#anmelden">На листу чекања →</a>
|
||||
<span class="stempel">Ускоро на iPhone-у</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Пре и после</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Пре · Оригинал (на немачком)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 једну фотографију касније —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">После · BehördenKlar на српском</span>
|
||||
<p>Ако без доброг разлога не дођете на термин, месец дана добијате 10 % мање новца. Дођите — или откажите на време.</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="anmelden">
|
||||
<h2>§ 3 Рани приступ</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>
|
||||
|
||||
<footer>
|
||||
Имате питања? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Импресум (на немачком)</a>
|
||||
· <a href="datenschutz.html">Политика приватности (на немачком)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ti">
|
||||
<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/ti">
|
||||
<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="ti_ER">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/ti">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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">Українська</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" selected>ትግርኛ</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="#anmelden">ናብ ናይ ምጽባይ ዝርዝር →</a>
|
||||
<span class="stempel">ኣብ ቀረባ ግዜ ኣብ iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 ቅድምን ድሕርን</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">ቅድሚ · ኦሪጅናል ደብዳበ (ብጀርመንኛ)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 ድሕሪ ሓደ ስእሊ —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">ድሕሪ · BehördenKlar ብትግርኛ</span>
|
||||
<p>ብዘይ ብቑዕ ምኽንያት ናብቲ ቖጸራ እንተዘይከድካ፣ ንሓደ ወርሒ 10 ሚእታዊት ውሑድ ገንዘብ ክትረክብ ኢኻ። ኪድ — ወይ ብግዜኡ ሰርዞ።</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="anmelden">
|
||||
<h2>§ 3 ቅድመ ተበጻሕነት</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">ቅጥዒ F-01 · ናይ ምጽባይ ዝርዝር</p>
|
||||
<h3>ካብ ቀዳሞት ኩን</h3>
|
||||
<p>እቲ መተግበሪ ኣብ ቀረባ ግዜ ንiPhone ይመጽእ። ተመዝገብ — ምስ ጀመረ <strong>ሓንቲ</strong> ኢመይል ክንልእከልካ ኢና። ዝኾነ መወዓውዒ የለን።</p>
|
||||
<p class="bonus">🎁 <strong>ህያብካ፦</strong> ኣብ ክንዲ 3፣ <strong>5 ደብዳበታት ብነጻ</strong>። ነቲ ኮድ ብኢመይል ትረኽቦ።</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>
|
||||
|
||||
<footer>
|
||||
ሕቶ ኣለካ? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">ሓበሬታ ኣሕታሚ (ብጀርመንኛ)</a>
|
||||
· <a href="datenschutz.html">ናይ ውልቀ-ሚስጥር ፖሊሲ (ብጀርመንኛ)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
+99
-154
@@ -4,39 +4,37 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – Alman resmî mektuplarını anlayın</title>
|
||||
<meta name="description" content="BehördenKlar Alman resmî mektuplarını basit kelimelerle — Türkçe — açıklar. Fotoğraf çekin, mektubu anlayın, doğru cevap verin. Yakında iPhone için.">
|
||||
<meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
|
||||
<meta name="author" content="BehördenKlar">
|
||||
<meta name="description" content="BehördenKlar Alman resmî mektuplarını basit kelimelerle — Türkçe — açıklar. Fotoğraf çekin, anlayın, doğru cevap verin.">
|
||||
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
|
||||
<meta name="theme-color" content="#1d4e89">
|
||||
<meta name="apple-mobile-web-app-title" content="BehördenKlar">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta property="og:locale:alternate" content="tr_TR">
|
||||
<meta property="og:locale:alternate" content="ar_AR">
|
||||
<meta property="og:locale:alternate" content="en_US">
|
||||
<meta property="og:locale:alternate" content="uk_UA">
|
||||
<meta property="og:locale:alternate" content="ru_RU">
|
||||
<meta property="og:locale:alternate" content="pl_PL">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
|
||||
<meta name="msvalidate.01" content="...">
|
||||
<meta name="apple-app-site-association" content="...">
|
||||
<meta name="app-links" content="...">
|
||||
<meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
|
||||
<meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
|
||||
<meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
|
||||
<meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
|
||||
<meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
|
||||
<link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
|
||||
<link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
|
||||
<link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
|
||||
<link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
|
||||
<link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
|
||||
<link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
|
||||
<link rel="alternate" hreflang="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/tr">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
@@ -45,11 +43,10 @@
|
||||
<meta property="og:locale" content="tr_TR">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/tr">
|
||||
<meta property="og:title" content="Alman resmî mektubu mu geldi?">
|
||||
<meta property="og:description" content="Fotoğraf çekin – BehördenKlar resmî mektupları basit bir dille, Türkçe açıklar. Bekleme listesine katılın: 5 ücretsiz analiz.">
|
||||
<meta property="og:description" content="Fotoğraf çekin – BehördenKlar mektupları basit bir dille, Türkçe açıklar. Bekleme listesi: 5 ücretsiz analiz.">
|
||||
<meta property="og:image" content="https://behoerdenklar.de/vorschau.png">
|
||||
<meta property="og:image:width" content="1200">
|
||||
<meta property="og:image:height" content="630">
|
||||
<meta property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<style>
|
||||
:root {
|
||||
@@ -61,9 +58,7 @@
|
||||
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);
|
||||
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; }
|
||||
@@ -74,85 +69,67 @@
|
||||
}
|
||||
.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 14px; align-items: center;
|
||||
.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;
|
||||
}
|
||||
.sprachen a { color: var(--amtsblau); text-decoration: none; border-bottom: 1px dotted var(--amtsblau); }
|
||||
.sprachen .aktiv { font-weight: 700; color: var(--tinte); border-bottom: none; }
|
||||
header { padding: 44px 0 8px; }
|
||||
h1 { font-size: clamp(32px, 6.5vw, 48px); line-height: 1.14; font-weight: 700; }
|
||||
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: 24px; font-size: 19px; max-width: 580px; }
|
||||
.hero-fuss { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 28px; }
|
||||
.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: 17px 30px; background: var(--amtsblau);
|
||||
color: #fff; text-decoration: none; font-size: 18px; font-weight: 700;
|
||||
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 0.12s ease, box-shadow 0.12s ease;
|
||||
transition: transform .12s ease, box-shadow .12s ease;
|
||||
}
|
||||
.cta:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.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: 0.08em;
|
||||
text-transform: uppercase; transform: rotate(-4deg); opacity: 0.9;
|
||||
font-weight: 700; font-size: 14px; letter-spacing: .1em; text-transform: uppercase;
|
||||
transform: rotate(-4deg); opacity: .9;
|
||||
}
|
||||
section { margin-top: 60px; }
|
||||
section { margin-top: 56px; }
|
||||
h2 {
|
||||
font-size: 15px; text-transform: uppercase; letter-spacing: 0.14em;
|
||||
color: var(--grau); font-weight: 400; margin-bottom: 20px;
|
||||
display: flex; align-items: center; gap: 12px;
|
||||
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,0.25); }
|
||||
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,0.28);
|
||||
padding: 22px 24px; position: relative;
|
||||
box-shadow: 4px 5px 0 rgba(33,33,29,0.08);
|
||||
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(-0.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(0.5deg); }
|
||||
.brief-karte.amtsdeutsch { transform: rotate(-.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(.5deg); }
|
||||
.karten-label {
|
||||
position: absolute; top: -12px; left: 16px;
|
||||
position: absolute; top: -12px; inset-inline-start: 16px;
|
||||
font-family: 'Courier New', ui-monospace, monospace; font-size: 12px;
|
||||
text-transform: uppercase; letter-spacing: 0.1em;
|
||||
text-transform: uppercase; letter-spacing: .1em;
|
||||
background: var(--tinte); color: var(--papier); padding: 3px 10px;
|
||||
}
|
||||
[dir="rtl"] .karten-label { left: auto; right: 16px; }
|
||||
.brief-karte.klartext .karten-label { background: var(--gruen); }
|
||||
.amtsdeutsch p {
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 14.5px; color: #45423b; line-height: 1.75;
|
||||
}
|
||||
.klartext p { font-size: 18px; }
|
||||
.pfeil { text-align: center; font-size: 15px; color: var(--grau); font-family: 'Courier New', ui-monospace, monospace; }
|
||||
.hinweis { margin-top: 10px; font-size: 14.5px; color: var(--grau); }
|
||||
.schritte { counter-reset: schritt; }
|
||||
.schritt {
|
||||
counter-increment: schritt; display: flex; gap: 20px; padding: 20px 4px;
|
||||
border-bottom: 1px solid rgba(33,33,29,0.15); align-items: baseline;
|
||||
}
|
||||
.schritt:last-child { border-bottom: none; }
|
||||
.schritt::before {
|
||||
content: counter(schritt, decimal-leading-zero);
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 30px; font-weight: 700; color: var(--amtsblau);
|
||||
flex-shrink: 0; width: 52px;
|
||||
}
|
||||
.schritt strong { font-size: 19px; display: block; margin-bottom: 2px; }
|
||||
.schritt span { color: var(--grau); font-size: 16px; }
|
||||
.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,0.9);
|
||||
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: 0.1em; color: var(--grau); margin-bottom: 6px;
|
||||
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; }
|
||||
@@ -163,12 +140,7 @@
|
||||
.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);
|
||||
}
|
||||
|
||||
/* Warteliste-Formular (Brevo) */
|
||||
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;
|
||||
@@ -177,60 +149,50 @@
|
||||
.wl-input::placeholder { color: #9a958a; }
|
||||
.wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
|
||||
</style>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "BehördenKlar",
|
||||
"description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
|
||||
"applicationCategory": "AccessibilityApplication",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "EUR"
|
||||
},
|
||||
"inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
|
||||
"featureList": [
|
||||
"Amtsbriefe fotografieren und erklären lassen",
|
||||
"Klartext in einfacher Sprache",
|
||||
"Übersetzung in über 25 Sprachen",
|
||||
"Automatische Erinnerungen für Fristen",
|
||||
"Fertige Antworten generieren",
|
||||
"Vorlesen der Inhalte",
|
||||
"Keine Anmeldung erforderlich"
|
||||
],
|
||||
"targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
|
||||
"author": {
|
||||
"@type": "Organization",
|
||||
"name": "BehördenKlar"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="briefkopf">
|
||||
<span class="absender">📬 BehördenKlar</span>
|
||||
<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="Dil seçin">
|
||||
🌐
|
||||
<a href="index.html" lang="de">Deutsch</a>
|
||||
<span class="aktiv">Türkçe</span>
|
||||
<a href="ar.html" lang="ar">العربية</a>
|
||||
<a href="en.html" lang="en">English</a>
|
||||
<a href="uk.html" lang="uk">Українська</a>
|
||||
<a href="ru.html" lang="ru">Русский</a>
|
||||
<a href="pl.html" lang="pl">Polski</a>
|
||||
<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" selected>Türkçe</option>
|
||||
<option value="ar.html" lang="ar">العربية</option>
|
||||
<option value="ru.html" lang="ru">Русский</option>
|
||||
<option value="uk.html" lang="uk">Українська</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>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 Almanca ile —
|
||||
<strong>ve Türkçe olarak</strong> — açıklar. Bütün süreler ve
|
||||
yapılacaklar listesi ile birlikte.
|
||||
</p>
|
||||
<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 →</a>
|
||||
<span class="stempel">Yakında iPhone'da</span>
|
||||
@@ -251,24 +213,16 @@
|
||||
<p class="pfeil">— 📷 bir fotoğraf sonra —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Sonra · BehördenKlar Türkçe</span>
|
||||
<p>
|
||||
Geçerli bir neden olmadan randevuya gitmezseniz, bir ay boyunca
|
||||
%10 daha az para alırsınız. Randevuya gidin — veya zamanında
|
||||
iptal edin.
|
||||
</p>
|
||||
<p>Geçerli bir neden olmadan randevuya gitmezseniz, bir ay boyunca %10 daha az para alırsınız. Randevuya gidin — veya zamanında iptal edin.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">
|
||||
Uygulama mektupları basit Almanca ile açıklar ve şu dillere çevirir:
|
||||
Türkçe, Arapça, İngilizce, Rusça, Ukraynaca, Fransızca, Farsça,
|
||||
Romence ve Lehçe.
|
||||
</p>
|
||||
<p class="hinweis">Uygulama mektupları basit Almanca ile açıklar ve 25’ten fazla dile çevirir.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Nasıl çalışır</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Fotoğraf çekin</strong> <span>mektubun fotoğrafını çekin — veya PDF yükleyin.</span></div></div>
|
||||
<div class="schritt"><div><strong>Fotoğraf çekin</strong> <span>Mektubun fotoğrafını çekin — veya PDF yükleyin.</span></div></div>
|
||||
<div class="schritt"><div><strong>Anlayın</strong> <span>Basit kelimeler, kendi dilinizde. Bir lamba işin ne kadar acil olduğunu gösterir.</span></div></div>
|
||||
<div class="schritt"><div><strong>Doğru cevap verin</strong> <span>Yapılacaklar listesi, süre hatırlatması ve hazır bir cevap.</span></div></div>
|
||||
</div>
|
||||
@@ -279,14 +233,8 @@
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Form F-01 · Bekleme listesi</p>
|
||||
<h3>İlk kullananlardan olun</h3>
|
||||
<p>
|
||||
Uygulama yakında iPhone için geliyor. Şimdi kaydolun — uygulama
|
||||
hazır olunca size <strong>bir</strong> e-posta göndeririz. Reklam yok.
|
||||
</p>
|
||||
<p class="bonus">
|
||||
🎁 <strong>Hediyeniz:</strong> 3 yerine <strong>5 mektubu ücretsiz</strong>
|
||||
analiz edin. Kodu e-posta ile alırsınız.
|
||||
</p>
|
||||
<p>Uygulama yakında iPhone için geliyor. Şimdi kaydolun — uygulama hazır olunca size <strong>bir</strong> e-posta göndeririz. Reklam yok.</p>
|
||||
<p class="bonus">🎁 <strong>Hediyeniz:</strong> 3 yerine <strong>5 mektubu ücretsiz</strong> analiz edin. Kodu e-posta ile alırsınız.</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="E-posta adresiniz" required autocomplete="email">
|
||||
<input type="text" name="email_address_check" value="" style="position:absolute; left:-5000px;" tabindex="-1" autocomplete="off" aria-hidden="true">
|
||||
@@ -294,10 +242,7 @@
|
||||
<input type="hidden" name="html_type" value="simple">
|
||||
<button class="cta wl-btn" type="submit">Bekleme listesine katıl →</button>
|
||||
</form>
|
||||
<p class="klein">
|
||||
E-posta adresinizi sadece bu bir mesaj için saklarız. İstediğiniz
|
||||
zaman listeden çıkabilirsiniz. <a href="datenschutz.html">Gizlilik politikası (Almanca)</a>.
|
||||
</p>
|
||||
<p class="klein">E-posta adresinizi sadece bu bir mesaj için saklarız. İstediğiniz zaman listeden çıkabilirsiniz. <a href="datenschutz.html">Gizlilik politikası (Almanca)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
+114
-170
@@ -3,40 +3,38 @@
|
||||
<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 пояснює німецькі офіційні листи простими словами — українською. Сфотографуйте лист, зрозумійте його, правильно відреагуйте. Скоро для iPhone.">
|
||||
<meta name="keywords" content="Amtsbrief, Behördenbrief, verständlich, einfache Sprache, Jobcenter, Ausländerbehörde, Warteliste">
|
||||
<meta name="author" content="BehördenKlar">
|
||||
<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">
|
||||
<meta name="apple-mobile-web-app-title" content="BehördenKlar">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta property="og:locale:alternate" content="tr_TR">
|
||||
<meta property="og:locale:alternate" content="ar_AR">
|
||||
<meta property="og:locale:alternate" content="en_US">
|
||||
<meta property="og:locale:alternate" content="uk_UA">
|
||||
<meta property="og:locale:alternate" content="ru_RU">
|
||||
<meta property="og:locale:alternate" content="pl_PL">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<meta name="google-site-verification" content="6o1sIKmK7WSloQrdTs2q4WtQsCUBB-bRa24gNXzVeFc">
|
||||
<meta name="msvalidate.01" content="...">
|
||||
<meta name="apple-app-site-association" content="...">
|
||||
<meta name="app-links" content="...">
|
||||
<meta name="target-audience" content="Erwachsene mit Leseschwierigkeiten, Migranten, Asylbewerber, Menschen mit Behinderungen, Ratsuchende">
|
||||
<meta name="accessibility" content="WCAG 2.1 AA, Vorlesen, einfache Sprache, mehrsprachig">
|
||||
<meta name="topics" content="civic-tech, legal-tech, accessibility, education, language-simplification, vulnerable-populations">
|
||||
<meta name="target-organizations" content="Beratungsstellen, Jobcenter, Caritas, Diakonie, VHS, Migrationsberatung">
|
||||
<meta name="problem-statement" content="6,2 Millionen Deutsche haben Probleme mit schweren Texten. Amtsbriefe sind eine Barriere.">
|
||||
<link rel="alternate" hreflang="de" href="https://behoerdenklar.de/">
|
||||
<link rel="alternate" hreflang="tr" href="https://behoerdenklar.de/tr">
|
||||
<link rel="alternate" hreflang="ar" href="https://behoerdenklar.de/ar">
|
||||
<link rel="alternate" hreflang="en" href="https://behoerdenklar.de/en">
|
||||
<link rel="alternate" hreflang="uk" href="https://behoerdenklar.de/uk">
|
||||
<link rel="alternate" hreflang="ru" href="https://behoerdenklar.de/ru">
|
||||
<link rel="alternate" hreflang="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">
|
||||
@@ -44,12 +42,11 @@
|
||||
<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: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 property="og:image:alt" content="BehördenKlar – Brief vom Amt. Endlich verstanden.">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<style>
|
||||
:root {
|
||||
@@ -61,9 +58,7 @@
|
||||
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);
|
||||
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; }
|
||||
@@ -74,85 +69,67 @@
|
||||
}
|
||||
.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 14px; align-items: center;
|
||||
.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;
|
||||
}
|
||||
.sprachen a { color: var(--amtsblau); text-decoration: none; border-bottom: 1px dotted var(--amtsblau); }
|
||||
.sprachen .aktiv { font-weight: 700; color: var(--tinte); border-bottom: none; }
|
||||
header { padding: 44px 0 8px; }
|
||||
h1 { font-size: clamp(32px, 6.5vw, 48px); line-height: 1.14; font-weight: 700; }
|
||||
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: 24px; font-size: 19px; max-width: 580px; }
|
||||
.hero-fuss { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 28px; }
|
||||
.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: 17px 30px; background: var(--amtsblau);
|
||||
color: #fff; text-decoration: none; font-size: 18px; font-weight: 700;
|
||||
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 0.12s ease, box-shadow 0.12s ease;
|
||||
transition: transform .12s ease, box-shadow .12s ease;
|
||||
}
|
||||
.cta:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.cta:hover { transform: translate(2px,2px); box-shadow: 3px 3px 0 var(--tinte); }
|
||||
.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: 0.08em;
|
||||
text-transform: uppercase; transform: rotate(-4deg); opacity: 0.9;
|
||||
font-weight: 700; font-size: 14px; letter-spacing: .1em; text-transform: uppercase;
|
||||
transform: rotate(-4deg); opacity: .9;
|
||||
}
|
||||
section { margin-top: 60px; }
|
||||
section { margin-top: 56px; }
|
||||
h2 {
|
||||
font-size: 15px; text-transform: uppercase; letter-spacing: 0.14em;
|
||||
color: var(--grau); font-weight: 400; margin-bottom: 20px;
|
||||
display: flex; align-items: center; gap: 12px;
|
||||
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,0.25); }
|
||||
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,0.28);
|
||||
padding: 22px 24px; position: relative;
|
||||
box-shadow: 4px 5px 0 rgba(33,33,29,0.08);
|
||||
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(-0.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(0.5deg); }
|
||||
.brief-karte.amtsdeutsch { transform: rotate(-.7deg); background: var(--papier-dunkel); }
|
||||
.brief-karte.klartext { transform: rotate(.5deg); }
|
||||
.karten-label {
|
||||
position: absolute; top: -12px; left: 16px;
|
||||
position: absolute; top: -12px; inset-inline-start: 16px;
|
||||
font-family: 'Courier New', ui-monospace, monospace; font-size: 12px;
|
||||
text-transform: uppercase; letter-spacing: 0.1em;
|
||||
text-transform: uppercase; letter-spacing: .1em;
|
||||
background: var(--tinte); color: var(--papier); padding: 3px 10px;
|
||||
}
|
||||
[dir="rtl"] .karten-label { left: auto; right: 16px; }
|
||||
.brief-karte.klartext .karten-label { background: var(--gruen); }
|
||||
.amtsdeutsch p {
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 14.5px; color: #45423b; line-height: 1.75;
|
||||
}
|
||||
.klartext p { font-size: 18px; }
|
||||
.pfeil { text-align: center; font-size: 15px; color: var(--grau); font-family: 'Courier New', ui-monospace, monospace; }
|
||||
.hinweis { margin-top: 10px; font-size: 14.5px; color: var(--grau); }
|
||||
.schritte { counter-reset: schritt; }
|
||||
.schritt {
|
||||
counter-increment: schritt; display: flex; gap: 20px; padding: 20px 4px;
|
||||
border-bottom: 1px solid rgba(33,33,29,0.15); align-items: baseline;
|
||||
}
|
||||
.schritt:last-child { border-bottom: none; }
|
||||
.schritt::before {
|
||||
content: counter(schritt, decimal-leading-zero);
|
||||
font-family: 'Courier New', ui-monospace, monospace;
|
||||
font-size: 30px; font-weight: 700; color: var(--amtsblau);
|
||||
flex-shrink: 0; width: 52px;
|
||||
}
|
||||
.schritt strong { font-size: 19px; display: block; margin-bottom: 2px; }
|
||||
.schritt span { color: var(--grau); font-size: 16px; }
|
||||
.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,0.9);
|
||||
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: 0.1em; color: var(--grau); margin-bottom: 6px;
|
||||
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; }
|
||||
@@ -163,12 +140,7 @@
|
||||
.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);
|
||||
}
|
||||
|
||||
/* Warteliste-Formular (Brevo) */
|
||||
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;
|
||||
@@ -177,134 +149,106 @@
|
||||
.wl-input::placeholder { color: #9a958a; }
|
||||
.wl-btn { width: 100%; cursor: pointer; text-align: center; font-family: inherit; }
|
||||
</style>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "SoftwareApplication",
|
||||
"name": "BehördenKlar",
|
||||
"description": "KI erklärt Amtsbriefe in einfacher Sprache für Menschen mit Leseschwierigkeiten, Migranten und Ratsuchende",
|
||||
"applicationCategory": "AccessibilityApplication",
|
||||
"offers": {
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "EUR"
|
||||
},
|
||||
"inLanguage": ["de", "tr", "ar", "en", "uk", "ru", "pl", "fa", "ro", "fr"],
|
||||
"featureList": [
|
||||
"Amtsbriefe fotografieren und erklären lassen",
|
||||
"Klartext in einfacher Sprache",
|
||||
"Übersetzung in über 25 Sprachen",
|
||||
"Automatische Erinnerungen für Fristen",
|
||||
"Fertige Antworten generieren",
|
||||
"Vorlesen der Inhalte",
|
||||
"Keine Anmeldung erforderlich"
|
||||
],
|
||||
"targetGroup": "Erwachsene mit Leseschwierigkeiten, Migranten, vulnerable Bevölkerungsgruppen",
|
||||
"author": {
|
||||
"@type": "Organization",
|
||||
"name": "BehördenKlar"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="briefkopf">
|
||||
<span class="absender">📬 BehördenKlar</span>
|
||||
<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="Оберіть мову">
|
||||
🌐
|
||||
<a href="index.html" lang="de">Deutsch</a>
|
||||
<a href="tr.html" lang="tr">Türkçe</a>
|
||||
<a href="ar.html" lang="ar">العربية</a>
|
||||
<a href="en.html" lang="en">English</a>
|
||||
<span class="aktiv">Українська</span>
|
||||
<a href="ru.html" lang="ru">Русский</a>
|
||||
<a href="pl.html" lang="pl">Polski</a>
|
||||
<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>
|
||||
<h1>Лист із німецької установи?<br><span class="markiert">Нарешті зрозуміло.</span></h1>
|
||||
<p class="intro">Сфотографуйте лист. BehördenKlar пояснить його простими словами — <strong>і українською</strong>. З усіма термінами та списком справ.</p>
|
||||
<div class="hero-fuss">
|
||||
<a class="cta" href="#anmelden">Записатися в список очікування →</a>
|
||||
<span class="stempel">Скоро для iPhone</span>
|
||||
<a class="cta" href="#anmelden">До списку очікування →</a>
|
||||
<span class="stempel">Скоро в App Store</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Перетворення</h2>
|
||||
<h2>§ 1 До і після</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">До · Оригінальний лист (німецькою)</span>
|
||||
<span class="karten-label">До · Оригінал (німецькою)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 одне фото — і готово —</p>
|
||||
<p class="pfeil">— 📷 одне фото потому —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Після · BehördenKlar українською</span>
|
||||
<p>
|
||||
Якщо ви не прийдете на зустріч без поважної причини, ви будете
|
||||
отримувати на 10% менше грошей протягом одного місяця. Прийдіть
|
||||
на зустріч — або вчасно скасуйте її.
|
||||
</p>
|
||||
<p>Якщо ви без поважної причини не прийдете на зустріч, цілий місяць отримуватимете на 10 % менше грошей. Прийдіть — або вчасно скасуйте.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">
|
||||
Застосунок пояснює листи простою німецькою та перекладає українською,
|
||||
турецькою, арабською, англійською, російською, французькою, фарсі,
|
||||
румунською і польською.
|
||||
</p>
|
||||
<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 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="anmelden">
|
||||
<h2>§ 3 Ранній доступ</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">Формуляр F-01 · Список очікування</p>
|
||||
<p class="formular-kopf">Форма F-01 · Список очікування</p>
|
||||
<h3>Будьте серед перших</h3>
|
||||
<p>
|
||||
Застосунок скоро з'явиться для iPhone. Запишіться зараз — ми
|
||||
надішлемо вам <strong>один</strong> лист, коли все буде готово.
|
||||
Без реклами.
|
||||
</p>
|
||||
<p class="bonus">
|
||||
🎁 <strong>Ваш подарунок:</strong> аналізуйте <strong>5 листів
|
||||
безкоштовно</strong> замість 3. Код отримаєте електронною поштою.
|
||||
</p>
|
||||
<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 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>
|
||||
<button class="cta wl-btn" type="submit">Записатися до списку →</button>
|
||||
</form>
|
||||
<p class="klein">
|
||||
Ми зберігаємо вашу адресу лише для цього одного повідомлення. Ви
|
||||
можете відписатися будь-коли. <a href="datenschutz.html">Політика конфіденційності (німецькою)</a>.
|
||||
</p>
|
||||
<p class="klein">Ми збережемо адресу лише для цього одного листа. Відписатися можна будь-коли. <a href="datenschutz.html">Політика конфіденційності (німецькою)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Питання? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Impressum (німецькою)</a>
|
||||
Маєте питання? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Вихідні дані (німецькою)</a>
|
||||
· <a href="datenschutz.html">Політика конфіденційності (німецькою)</a>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ur" dir="rtl">
|
||||
<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/ur">
|
||||
<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="ur_PK">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/ur">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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">Українська</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" selected>اردو</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="#anmelden">انتظار کی فہرست میں شامل ہوں →</a>
|
||||
<span class="stempel">جلد ہی iPhone پر</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 پہلے اور بعد میں</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">پہلے · اصل خط (جرمن میں)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 ایک تصویر کے بعد —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">بعد میں · BehördenKlar اردو میں</span>
|
||||
<p>اگر آپ بغیر مناسب وجہ کے ملاقات پر نہ آئیں، تو ایک مہینے تک آپ کو 10 فیصد کم رقم ملے گی۔ جائیں — یا وقت پر منسوخ کریں۔</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="anmelden">
|
||||
<h2>§ 3 جلد رسائی</h2>
|
||||
<div class="antrag">
|
||||
<p class="formular-kopf">فارم F-01 · انتظار کی فہرست</p>
|
||||
<h3>سب سے پہلے شامل ہوں</h3>
|
||||
<p>ایپ جلد ہی iPhone کے لیے آ رہی ہے۔ نام درج کرائیں — شروع ہوتے ہی ہم <strong>ایک</strong> ای میل بھیجیں گے۔ کوئی اشتہار نہیں۔</p>
|
||||
<p class="bonus">🎁 <strong>آپ کا تحفہ:</strong> 3 کے بجائے <strong>5 خطوط مفت</strong>۔ کوڈ ای میل سے ملے گا۔</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>
|
||||
|
||||
<footer>
|
||||
کوئی سوال؟ 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">اشاعتی معلومات (جرمن میں)</a>
|
||||
· <a href="datenschutz.html">رازداری کی پالیسی (جرمن میں)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="vi">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BehördenKlar – hiểu thư từ cơ quan công quyền Đức</title>
|
||||
<meta name="description" content="BehördenKlar giải thích thư công quyền Đức bằng lời đơn giản — bằng tiếng Việt. Chụp ảnh, hiểu, trả lời đúng.">
|
||||
<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/vi">
|
||||
<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="vi_VN">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/vi">
|
||||
<meta property="og:title" content="Bạn nhận được thư từ cơ quan Đức?">
|
||||
<meta property="og:description" content="Chụp ảnh — BehördenKlar giải thích lá thư bằng ngôn ngữ đơn giản, bằng tiếng Việt. Danh sách chờ: 5 lần phân tích miễn phí.">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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="Chọn ngôn ngữ">
|
||||
🌐
|
||||
<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">Українська</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" selected>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>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ờ →</a>
|
||||
<span class="stempel">Sắp có trên iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 Trước và sau</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">Trước · Thư gốc (tiếng Đức)</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 một tấm ảnh sau —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">Sau · BehördenKlar bằng tiếng Việt</span>
|
||||
<p>Nếu bạn không đến hẹn mà không có lý do chính đáng, trong một tháng bạn sẽ nhận ít hơn 10 % tiền. Hãy đến — hoặc hủy hẹn kịp thời.</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hinweis">Ứng dụng giải thích thư bằng tiếng Đức đơn giản và dịch sang hơn 25 ngôn ngữ.</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>§ 2 Cách hoạt động</h2>
|
||||
<div class="schritte">
|
||||
<div class="schritt"><div><strong>Chụp ảnh</strong> <span>Chụp ảnh lá thư — hoặc tải lên tệp PDF.</span></div></div>
|
||||
<div class="schritt"><div><strong>Hiểu</strong> <span>Lời lẽ đơn giản, bằng ngôn ngữ của bạn. Đèn tín hiệu cho biết mức độ khẩn cấp.</span></div></div>
|
||||
<div class="schritt"><div><strong>Trả lời đúng</strong> <span>Danh sách việc cần làm, nhắc nhở thời hạn và bản nháp trả lời có sẵn.</span></div></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="anmelden">
|
||||
<h2>§ 3 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>
|
||||
<p>Ứng dụng sắp có cho iPhone. Hãy đăng ký — chúng tôi sẽ gửi <strong>một</strong> email khi ra mắt. Không quảng cáo.</p>
|
||||
<p class="bonus">🎁 <strong>Quà của bạn:</strong> phân tích <strong>5 lá thư miễn phí</strong> thay vì 3. Bạn nhận mã qua email.</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="Địa chỉ email của bạn" 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">Đăng ký vào danh sách →</button>
|
||||
</form>
|
||||
<p class="klein">Chúng tôi chỉ lưu địa chỉ cho một tin nhắn duy nhất này. Bạn có thể hủy đăng ký bất cứ lúc nào. <a href="datenschutz.html">Chính sách bảo mật (tiếng Đức)</a>.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
Bạn có câu hỏi? 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">Thông tin pháp lý (tiếng Đức)</a>
|
||||
· <a href="datenschutz.html">Chính sách bảo mật (tiếng Đức)</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,258 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh">
|
||||
<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/zh">
|
||||
<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="zh_CN">
|
||||
<meta property="og:url" content="https://behoerdenklar.de/zh">
|
||||
<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); }
|
||||
.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; }
|
||||
</style>
|
||||
</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">Українська</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" selected>中文</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="#anmelden">加入等候名单 →</a>
|
||||
<span class="stempel">即将登陆 iPhone</span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section>
|
||||
<h2>§ 1 前后对比</h2>
|
||||
<div class="verwandlung">
|
||||
<div class="brief-karte amtsdeutsch">
|
||||
<span class="karten-label">之前 · 原件（德语）</span>
|
||||
<p>
|
||||
„Gemäß § 32 SGB II wird bei Nichterscheinen ohne wichtigen Grund
|
||||
eine Minderung des maßgebenden Regelbedarfs in Höhe von 10 vom
|
||||
Hundert festgestellt."
|
||||
</p>
|
||||
</div>
|
||||
<p class="pfeil">— 📷 拍一张照片之后 —</p>
|
||||
<div class="brief-karte klartext">
|
||||
<span class="karten-label">之后 · BehördenKlar 中文</span>
|
||||
<p>如果您没有正当理由而未去赴约，接下来一个月将少拿 10 % 的钱。请按时前往——或及时取消。</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="anmelden">
|
||||
<h2>§ 3 抢先体验</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>
|
||||
|
||||
<footer>
|
||||
有疑问？ 📧 <a href="mailto:behoerdenbriefhelfer@gmail.com">behoerdenbriefhelfer@gmail.com</a>
|
||||
· <a href="impressum.html">版本说明（德语）</a>
|
||||
· <a href="datenschutz.html">隐私政策（德语）</a>
|
||||
</footer>
|
||||
</div>
|
||||
<!-- Cloudflare Web Analytics: cookielose Reichweitenmessung, keine Nutzer-Profile -->
|
||||
<script type='module' src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "11f017e9a707466b9151921db6125dde"}'></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user