Kündigung rechtssicher zustellen: Urteile, Einordnungen und typische Fehler
NEU
BAG-Urteil vom 7. Mai 2026 (2 AZR 184/25): Einwurf-Einschreiben begründet keinen
Anscheinsbeweis mehr.
Zum Urteil ↓
⚖️ Rechtsprechung & Zustellungspraxis
Wenn Kündigungen an der Zustellung scheitern
Urteile und Fachbeiträge, die Arbeitgeber kennen sollten – inklusive BAG-Urteil Mai 2026
Nicht der Inhalt der Kündigung entscheidet den Prozess – sondern der Nachweis des
Zugangs. Hier finden HR, Kanzleien und Inhouse Legal eine redaktionelle Analyse realer deutscher
Urteile, in denen Arbeitgeber wegen fehlerhafter oder nicht nachweisbarer Zustellung unterlagen.
⚖️ Seit 1978
🇩🇪 Bundesweit
📋 Gerichtsverwertbar dokumentiert
🕐 Im Notfall rund um die Uhr erreichbar
Direktkontakt: 089 / 77 00 77
🔴 Aktuell · Mai 2026
Das Einschreiben ist als Beweis gescheitert.
Das Bundesarbeitsgericht hat am 7. Mai 2026
entschieden (Az. 2 AZR 184/25 ): Ein Einwurf-Einschreiben – auch mit
Auslieferungsbeleg – begründet keinen Anscheinsbeweis mehr für den Zugang einer
Kündigung.
Der Fall
Ein Arbeitgeber kündigte einem Mitarbeitenden mit hohen Arbeitsunfähigkeitszeiten
krankheitsbedingt. Mehrere Einladungen zum betrieblichen Eingliederungsmanagement (bEM)
blieben unbeantwortet. Im Kündigungsschutzverfahren bestritt der Mitarbeitende, die
Einladungen je erhalten zu haben.
Das Problem
Seit die Deutsche Post ihr Zustellverfahren digitalisiert hat, werden Adresse und Uhrzeit
der Zustellung auf dem Auslieferungsbeleg nicht mehr dokumentiert. Das BAG sah damit
keine ausreichende Grundlage für einen Anscheinsbeweis. Die Kündigung scheiterte.
✅ Die sicherere Alternative
Botenzustellung durch einen neutralen, unabhängigen Boten mit
Sichtprüfung des Dokuments vor Kuvertierung, Beweisfoto vom Einwurf, Zeitstempel und
schriftlicher Bestätigung des Boten . Kein Interessenkonflikt. Vor Gericht muss der Zugang bewiesen werden. Wir liefern Zeuge, Protokoll und Fotos.
Die Kernfrage in einem Satz
Eine Kündigung ist rechtlich nur dann wirksam, wenn der Zugang beim Empfänger nachweisbar
ist – und genau dieser Nachweis scheitert in der Praxis häufig.
Arbeitgeber tragen die volle Beweislast. Ohne lückenlose Dokumentation droht der Verlust des
Prozesses, unabhängig vom materiellen Kündigungsgrund.
Für tiefergehende Informationen siehe unsere Seite Wie muss eine
Kündigung zugestellt werden? sowie Rechtssicherheit .
Warum der Zugang entscheidet
Im deutschen Arbeitsrecht gilt: Eine Kündigung wird erst wirksam,
wenn sie dem Empfänger zugeht. Wer kündigt, trägt die volle Beweislast. Fehler in der Zustellung
führen zu Lohnfortzahlung und erheblichen Folgekosten.
📬
Machtbereich
Einwurf in den Briefkasten führt regelmäßig zum Zugang mit der nächsten üblichen Leerung –
aber nur wenn der Einwurf beweisbar ist.
🤝
Persönliche Übergabe
Zugang erfolgt im Zeitpunkt der Annahme – bei Verweigerung ist die Annahmeverweigerung zu
dokumentieren.
📋
Beweisführung
Botenprotokoll, Fotos und präzise Zeitstempel erhöhen die Gerichtsverwertbarkeit deutlich –
und sind nach dem BAG-Urteil 2026 unverzichtbar.
Urteile und Einordnungen im Überblick
Die folgende Tabelle zeigt die Fälle, in denen Arbeitgeber an der
Zustellung gescheitert sind – von 2021 bis zum aktuellen BAG-Urteil Mai 2026.
#
Gericht
Aktenzeichen
Datum
Kernproblem
Quelle
0 BAG 🔴 NEU 2 AZR 184/25 07.05.2026 Einschreiben = kein Anscheinsbeweis mehr Details ↑
1
BAG
2 AZR 68/24
30.01.2025
Sendungsstatus ≠ Anscheinsbeweis
BAG
2
LAG Baden-Württemberg
15 Sa 20/23
12.12.2023
Fehlender Auslieferungsbeleg
kuhlen-berlin
3
LAG Baden-Württemberg
4 Sa 68/20
28.07.2021
Kein Anscheinsbeweis ohne Auslieferungsbeleg
openjur
4
LAG Hamburg (Fachpresse)
–
2023/24
Zweifel am Organisationsstandard
HR Manager
5
BAG (Fachpresse)
–
2024/25
Absendung ≠ Zugang
Kanzlei Kerner
6
IHK Suhl – Urteilsbesprechung
Bezug 2 AZR 68/24
2025
Warnung vor Einwurf-Einschreiben
IHK Suhl
7
Fachpresse – Einwurf-Einschreiben
Besprechung 15 Sa 20/23
2024
Auslieferungsbeleg zwingend
esv.info
8
Fachpresse – GTKR
Besprechung 15 Sa 20/23
2024
Praxishinweis Beweislast
gtkr.de
⚠️ Hinweis: Keine Rechtsberatung. Die Darstellung ersetzt keine individuelle Prüfung
durch Anwälte.
Urteile und Fachbeiträge im Detail – inklusive konkreter Lösung
Zu jedem Urteil finden Sie direkt darunter den passenden
Lösungsbaustein vom Kündigungsboten.
🔴 Aktuellstes Urteil · BAG Mai 2026
0) BAG, 07.05.2026 – 2 AZR 184/25: Das Einschreiben ist endgültig gescheitert
Sachverhalt: Arbeitgeber kündigte einen Mitarbeitenden mit hohen
Arbeitsunfähigkeitszeiten krankheitsbedingt. Mehrere bEM-Einladungen per Einwurf-Einschreiben
blieben unbeantwortet. Im Kündigungsschutzverfahren bestritt der Mitarbeitende, die Schreiben je
erhalten zu haben.
Zustellungsfehler: Die Deutsche Post dokumentiert seit der Digitalisierung ihres
Zustellverfahrens Adresse und Uhrzeit auf dem Auslieferungsbeleg nicht mehr vollständig. Damit
fehlt die Grundlage für einen Anscheinsbeweis.
Warum verloren: Das BAG wies die Revision zurück. Der Arbeitgeber konnte den
Zugang der Schreiben nicht beweisen. Die Kündigung scheiterte – nicht am Inhalt, sondern am
Nachweis.
Praktische Lehre: Das Einwurf-Einschreiben ist für alle Schreiben, bei denen der
Zugang nachgewiesen werden muss, nicht mehr zu verwenden. Die einzige verbleibende Alternative:
Botenzustellung mit neutralem Zeugen oder Postzustellungsurkunde.
✅ Unsere Lösung
Seit fast 50 Jahren im Kuriergeschäft – der Kündigungsbote ist unsere spezialisierte Antwort auf
genau dieses Problem: neutraler, externer Bote – mit Sichtprüfung des Dokuments vor
Kuvertierung, Beweisfoto vom Einwurf, Zeitstempel und
schriftlicher Bestätigung des Boten . Kein Interessenkonflikt. Vor Gericht muss der Zugang bewiesen werden. Wir liefern Zeuge, Protokoll und Fotos.
Jetzt Angebot
anfordern
Quelle: BAG, Urteil vom 07.05.2026 · Az. 2 AZR 184/25 · Vertrauensniveau: hoch
1) BAG, 30.01.2025 – 2 AZR 68/24: Einwurf-Einschreiben + Sendungsstatus reichen nicht
Sachverhalt: Arbeitgeber kündigte per Einwurf-Einschreiben; die Arbeitnehmerin
bestritt den Zugang.
Zustellungsfehler: Nur Einlieferungsbeleg und elektronischer Sendungsstatus
vorhanden; kein Auslieferungsbeleg.
Warum verloren: Das BAG verneinte den Anscheinsbeweis. Der Arbeitgeber blieb
beweisfällig.
Praktische Lehre: Ohne dokumentierten Einwurfvorgang bleibt die Zustellung
anfechtbar.
Quelle: bundesarbeitsgericht.de · Vertrauensniveau: hoch
2) LAG Baden-Württemberg, 12.12.2023 – 15 Sa 20/23
Sachverhalt: Streit über den Zugang einer per Einwurf-Einschreiben versandten
Kündigung.
Zustellungsfehler: Arbeitgeber konnte nur Einlieferungs-, nicht aber den
Auslieferungsbeleg vorlegen.
Warum verloren: Kein Anscheinsbeweis – kein Zugangsnachweis – keine
Fristwahrung.
Praktische Lehre: Die Beweiskette muss geschlossen sein. Halbe Nachweise sind
keine.
Quelle: kuhlen-berlin.de · Vertrauensniveau:
hoch
3) LAG Baden-Württemberg, 28.07.2021 – 4 Sa 68/20
Sachverhalt: Arbeitnehmer bestritt Zugang; Arbeitgeber legte nur
Einlieferungsbeleg vor.
Zustellungsfehler: Anscheinsbeweis erfordert Einlieferungs- und
Auslieferungsbeleg.
Warum verloren: Beweiskette nicht geschlossen.
Praktische Lehre: Nur dokumentierte Zustellung entfaltet Beweiswirkung.
✅ Unsere Lösung
Ein Bote als Zeuge ersetzt die fehlerhafte Logik des Einwurf-Einschreibens. Warum das so ist,
erklärt unsere Seite Darum per Bote .
Mehr erfahren
Quelle: openjur.de · Vertrauensniveau: hoch
4) LAG Hamburg – Zweifel am Organisationsstandard (Fachpresse-Referenz)
Sachverhalt: Fachpresse berichtet von Zweifeln an der Zustellorganisation beim
Einwurf-Einschreiben.
Zustellungsfehler: Beweiswert des Sendungsstatus zu gering.
Warum verloren: Arbeitgeber vertraute auf Fremdorganisation ohne eigene
Dokumentation.
Lehre: Eigene, kontrollierte Zustellung reduziert Organisationsrisiken.
Quelle: humanresourcesmanager.de · Vertrauensniveau: mittel
5) BAG – Abgrenzung Absendung vs. Zugang (Fachpresse-Referenz)
Sachverhalt: Fachpresse verweist auf eine zweite BAG-Linie zur klaren Trennung
zwischen „abgeschickt" und „zugegangen".
Zustellungsfehler: Fehlende Dokumentation des Zugangszeitpunkts.
Lehre: Ein dokumentierter Zugangszeitpunkt ist unverzichtbar.
Quelle: kanzlei-kerner.de · Vertrauensniveau: mittel
6) IHK Suhl – Urteilsbesprechung zu 2 AZR 68/24
Kerninhalt: Offizielle Warnung an Unternehmen: Einwurf-Einschreiben +
Sendungsstatus genügen nicht.
Lehre: Auch Kammern raten zu belastbareren Zustellformen.
Quelle: suhl.ihk.de · Vertrauensniveau: hoch
7) Fachpresse (esv.info) – Besprechung 15 Sa 20/23
Kerninhalt: Analyse: Ohne Auslieferungsbeleg fällt der Anscheinsbeweis;
Praxishinweise für Arbeitgeber.
Lehre: HR sollte interne Prozesse auf dokumentierte Zustellung umstellen.
Quelle: esv.info · Vertrauensniveau: hoch
(Sekundärquelle)
8) Fachpresse (gtkr.de) – Entscheidungsbesprechung 15 Sa 20/23
Kerninhalt: Praxisanalyse: Einwurf-Einschreiben reicht nicht; Beweislast
erfordert aktive Dokumentation.
Lehre: Prozesskosten lassen sich durch saubere Zustellung vermeiden.
Quelle: gtkr.de · Vertrauensniveau: hoch
(Sekundärquelle)
Typische Zustellungsfehler – systematisch
✉️
Einwurf-Einschreiben ohne Auslieferungsbeleg
Sendungsstatus allein genügt nicht. Ohne Auslieferungsbeleg kein Anscheinsbeweis – und seit
Mai 2026 auch mit Beleg nicht mehr.
📄
Standardpost ohne Dokumentation
Gerichte akzeptieren keinen Beleg für den konkreten Dokumenteninhalt.
🚶
Bote ohne Protokoll
Ein Bote ohne schriftliches Zustellprotokoll ist im Prozess schwer verwertbar.
🏠
Falscher Empfänger
Einwurf in fremde Briefkästen oder bei falsch beschriftetem Namensschild kippt den Zugang.
🚫
Annahmeverweigerung nicht dokumentiert
Ohne Protokoll der Verweigerung fehlt der Nachweis der Zugangsfiktion.
🕐
Unklare Uhrzeit
Fristbeginn hängt an der konkreten Zustellzeit. Ungenaue Angaben sind angreifbar.
Wie der Kündigungsbote Zustellrisiken verringert
Vor Gericht muss der Zugang bewiesen werden. Wir liefern Zeuge, Protokoll und Fotos – vom Schreiben über die Übergabe bis zum dokumentierten Zugang. Seit fast 50 Jahren.
Sichtung des Schreibens vor Zustellung: Der Bote sieht Ihr Schreiben vor der Kuvertierung, liest aber nicht mit. So ist belegt, was im Umschlag war. Siehe Sichtung des Schreibens .Neutraler Bote als Zeuge: Unabhängig, kein Interessenkonflikt, schriftliche Bestätigung des Boten – siehe Darum per Bote .
Gerichtsverwertbare Dokumentation: Beweisfoto, Zeitstempel, Zustellprotokoll – siehe
Dokumentation .Express & Overnight: Fristwahrung auch in 24h – siehe Expressservice , Overnight-Angebot und Direktfahrt vs. Overnight .
Bundesweite Abdeckung: Berlin ,
Hamburg , München , Köln , Frankfurt , Stuttgart , Düsseldorf , Leipzig und mehr.Transparente Kosten: Ein Bruchteil möglicher Prozesskosten – siehe Kosten .
Häufige Fragen zur rechtssicheren Kündigungszustellung
Was hat das BAG am 7. Mai 2026 entschieden?
Das Bundesarbeitsgericht hat mit Urteil vom 7. Mai 2026 (Az. 2 AZR 184/25) entschieden, dass
das Einwurf-Einschreiben – auch mit Auslieferungsbeleg – keinen Anscheinsbeweis für den
Zugang einer Kündigung begründet. Arbeitgeber, die Kündigungen per Einschreiben versenden,
riskieren damit den Prozessverlust allein wegen fehlenden Zugangsnachweises.
Warum reicht ein Einwurf-Einschreiben nicht mehr?
Seit die Deutsche Post ihr Zustellverfahren digitalisiert hat, werden Adresse und Uhrzeit der
Zustellung auf dem Auslieferungsbeleg nicht mehr vollständig dokumentiert. Das BAG sieht
damit keine ausreichende Grundlage für einen Anscheinsbeweis mehr. Arbeitnehmer können den
Zugang bestreiten, und der Arbeitgeber kann die Beweislast oft nicht erfüllen.
Wer trägt die Beweislast für den Zugang?
Der Kündigende – gefestigte BAG-Linie, zuletzt bestätigt in 2 AZR 68/24 (Januar 2025) und 2
AZR 184/25 (Mai 2026).
Welche Zustellung ist nach dem BAG-Urteil 2026 noch sicher?
Als rechtssichere Alternativen bleiben vor allem: (1) persönliche Übergabe im Büro,
(2) Botenzustellung mit neutralem, unabhängigem Zeugen, Beweisfoto, Zeitstempel und
schriftlicher Bestätigung des Boten, (3) Postzustellungsurkunde (PZU). Details auf Darum per Bote .
Kann ein Bote die Zustellung rechtssicher machen?
Ein qualifizierter, neutraler Bote ist Zeuge des Zustellvorgangs, steht im Prozess zur
Verfügung und hat keinen Interessenkonflikt. Vor Gericht muss der Zugang bewiesen werden. Wir liefern Zeuge, Protokoll und Fotos. Mehr dazu auf Darum per Bote .
Kann ich die Zustellung heute noch buchen?
Ja – über unseren Expressservice sind
Same-Day-Zustellungen in vielen Regionen möglich. Direktkontakt: 089
/ 77 00 77
⚖️ Seit fast 50 Jahren im Kuriergeschäft. Bundesweit. Gerichtsverwertbar.
Verlassen Sie sich nicht auf den Zufall.
Das BAG hat entschieden. Das Einschreiben ist gescheitert. Die Lösung ist einfach.
" css="@charset "UTF-8";
:root {
--color-primary: #0B2545;
--color-primary-dark: #061834;
--color-accent: #D4A13A;
--color-accent-dark: #B5862A;
--color-accent-ink: #1A1200;
--color-success: #0E7C4A;
--color-success-dark: #0a6238;
--color-success-bg: #E8F6EF;
--color-danger: #C0392B;
--color-danger-bg: #FDF0EE;
--color-urgency: #B91C1C;
--color-urgency-bg: #FEF2F2;
--color-bg: #FFFFFF;
--color-bg-alt: #F5F7FB;
--color-text: #1A2238;
--color-muted: #5B6478;
--color-border: #E2E6EF;
--radius: 10px;
--radius-lg: 16px;
--shadow: 0 6px 24px rgba(11, 37, 69, .08);
--shadow-lg: 0 12px 40px rgba(11, 37, 69, .14);
--maxw: 1140px;
--font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
* {
box-sizing: border-box; }
html,
body {
margin: 0;
padding: 0; }
body {
font-family: var(--font);
color: var(--color-text);
line-height: 1.65;
background: var(--color-bg);
-webkit-font-smoothing: antialiased; }
a {
color: var(--color-primary);
text-decoration: underline;
text-underline-offset: 3px; }
a:hover {
color: var(--color-accent-dark); }
img {
max-width: 100%;
height: auto; }
.container {
max-width: var(--maxw);
margin: 0 auto;
padding: 0 20px; }
.container--narrow {
max-width: 860px; }
.text-center {
text-align: center; }
/* ============ URGENCY BANNER ============ */
.urgency-banner {
background: var(--color-urgency-bg);
border-bottom: 2px solid var(--color-urgency);
color: var(--color-urgency);
text-align: center;
padding: 12px 20px;
font-size: .93rem;
line-height: 1.5; }
.urgency-badge {
display: inline-block;
background: var(--color-urgency);
color: #fff;
font-size: .72rem;
font-weight: 700;
letter-spacing: 1px;
padding: 2px 8px;
border-radius: 999px;
margin-right: 8px;
vertical-align: middle; }
.urgency-link {
color: var(--color-urgency);
font-weight: 700;
margin-left: 6px;
text-decoration: underline;
text-underline-offset: 2px; }
.urgency-link:hover {
color: var(--color-primary); }
/* ============ HERO ============ */
.hero {
background: linear-gradient(135deg, var(--color-primary) 0%, #0d2f5e 50%, var(--color-primary-dark) 100%);
color: #fff;
padding: 64px 0 72px;
text-align: center;
position: relative;
overflow: hidden; }
.hero::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 70% 50%, rgba(212, 161, 58, 0.12) 0%, transparent 60%);
pointer-events: none; }
.hero .kicker {
color: var(--color-accent);
font-weight: 600;
letter-spacing: .5px;
text-transform: uppercase;
font-size: .85rem;
margin: 0 0 10px; }
.hero h1 {
font-size: 2rem;
line-height: 1.2;
margin: 0 auto 8px;
font-weight: 800;
max-width: 820px;
color: #fff; }
.hero-sub {
font-size: 1.1rem;
color: var(--color-accent);
font-weight: 600;
margin: 0 auto 18px;
max-width: 700px; }
.hero .lead {
font-size: 1.05rem;
max-width: 760px;
margin: 0 auto 28px;
opacity: .88; }
.hero-ctas {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
margin-bottom: 24px; }
.trust-row {
list-style: none;
padding: 0;
margin: 0 0 16px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
font-size: .93rem;
opacity: .92; }
.trust-row li {
background: rgba(255, 255, 255, 0.1);
padding: 6px 14px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.15); }
.hero-phone {
font-size: 1rem;
opacity: .9;
margin: 0; }
.hero-phone-link {
color: var(--color-accent);
font-weight: 700;
text-decoration: none; }
.hero-phone-link:hover {
color: #fff;
text-decoration: underline; }
/* ============ BUTTONS ============ */
.btn {
display: inline-block;
padding: 12px 24px;
border-radius: var(--radius);
font-weight: 600;
text-decoration: none;
transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
font-size: 1rem;
border: 2px solid transparent;
line-height: 1.2;
cursor: pointer; }
.btn-primary {
background: var(--color-accent);
color: var(--color-accent-ink);
border-color: var(--color-accent);
box-shadow: 0 4px 14px rgba(212, 161, 58, 0.35); }
.btn-primary:hover {
background: var(--color-accent-dark);
color: #fff;
border-color: var(--color-accent-dark);
box-shadow: 0 6px 20px rgba(212, 161, 58, 0.45); }
.btn-ghost {
background: transparent;
color: #fff;
border-color: rgba(255, 255, 255, 0.75); }
.btn-ghost:hover {
background: #fff;
color: var(--color-primary);
border-color: #fff; }
.btn-outline-light {
background: transparent;
color: #fff;
border-color: rgba(255, 255, 255, 0.75); }
.btn-outline-light:hover {
background: #fff;
color: var(--color-primary);
border-color: #fff; }
.btn-solution {
background: var(--color-success);
color: #fff;
border-color: var(--color-success);
padding: 10px 18px;
font-size: .92rem;
margin-top: 4px; }
.btn-solution:hover {
background: var(--color-success-dark);
color: #fff;
border-color: var(--color-success-dark); }
.btn-lg {
padding: 16px 32px;
font-size: 1.08rem; }
/* ============ SECTIONS ============ */
.section {
padding: 56px 0; }
.section-alt {
background: var(--color-bg-alt); }
.section h2 {
font-size: 1.6rem;
margin: 0 0 18px;
color: var(--color-primary);
font-weight: 700;
line-height: 1.3; }
.section p {
margin: 0 0 14px; }
/* ============ SECTION INTRO ============ */
p.section-intro {
color: var(--color-muted);
margin-left: auto;
margin-right: auto;
margin-bottom: 28px;
max-width: 780px;
text-align: center !important;
display: block; }
/* ============ VERDICT HIGHLIGHT ============ */
.verdict-highlight {
background: #fff;
padding: 56px 0; }
.verdict-card {
background: linear-gradient(135deg, #0B2545 0%, #0d2f5e 100%);
color: #fff;
border-radius: var(--radius-lg);
padding: 40px 36px;
box-shadow: var(--shadow-lg);
position: relative;
overflow: hidden; }
.verdict-card::before {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 220px;
height: 220px;
background: radial-gradient(circle, rgba(212, 161, 58, 0.18) 0%, transparent 70%);
pointer-events: none; }
.verdict-card__badge {
display: inline-block;
background: var(--color-urgency);
color: #fff;
font-size: .78rem;
font-weight: 700;
letter-spacing: .8px;
text-transform: uppercase;
padding: 4px 14px;
border-radius: 999px;
margin-bottom: 18px; }
.verdict-card h2 {
color: #fff;
font-size: 1.9rem;
font-weight: 800;
margin: 0 0 14px;
line-height: 1.2; }
.verdict-card__lead {
font-size: 1.08rem;
opacity: .92;
margin: 0 0 28px;
max-width: 820px;
line-height: 1.7; }
.verdict-card__body {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin-bottom: 28px; }
.verdict-detail {
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: var(--radius);
padding: 20px 22px; }
.verdict-detail--solution {
background: rgba(14, 124, 74, 0.2);
border-color: rgba(14, 124, 74, 0.4); }
.verdict-detail h3 {
color: var(--color-accent);
font-size: .95rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 8px; }
.verdict-detail--solution h3 {
color: #6ee7b7; }
.verdict-detail p {
margin: 0;
font-size: .97rem;
opacity: .92;
line-height: 1.65; }
.verdict-card__cta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px; }
.verdict-card__phone {
font-size: .97rem;
opacity: .85; }
.verdict-card__phone a {
color: var(--color-accent);
font-weight: 700;
text-decoration: none; }
.verdict-card__phone a:hover {
text-decoration: underline; }
/* ============ ANSWER FIRST ============ */
.answer-first .answer-box {
background: #fff;
border-left: 4px solid var(--color-accent);
padding: 22px 24px;
border-radius: 8px;
box-shadow: var(--shadow);
font-size: 1.05rem;
text-align: left;
margin-bottom: 14px; }
.answer-first .answer-sub {
text-align: center;
color: var(--color-muted);
font-size: .96rem; }
/* ============ CARDS GRID ============ */
.grid-3 {
display: grid;
grid-template-columns: 1fr;
gap: 18px;
margin-top: 10px; }
.card {
background: #fff;
border: 1px solid var(--color-border);
border-radius: var(--radius);
padding: 24px 22px;
box-shadow: var(--shadow);
transition: transform .2s ease, box-shadow .2s ease; }
.card:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-lg); }
.card--icon .card__icon {
font-size: 2rem;
margin-bottom: 12px;
display: block; }
.card--error {
border-top: 3px solid var(--color-danger); }
.card--error .card__icon {
font-size: 2rem;
margin-bottom: 12px;
display: block; }
.card h3 {
margin: 0 0 8px;
font-size: 1.05rem;
color: var(--color-primary);
font-weight: 700; }
.card p {
margin: 0;
color: var(--color-muted);
font-size: .95rem;
text-align: left; }
/* ============ TABLE ============ */
.table-wrapper {
overflow-x: auto;
border-radius: var(--radius);
box-shadow: var(--shadow);
background: #fff;
margin: 20px 0 12px; }
table {
width: 100%;
border-collapse: collapse;
font-size: .92rem;
min-width: 760px;
table-layout: auto; }
thead {
background: var(--color-primary);
color: #fff; }
th,
td {
text-align: left;
padding: 12px 14px;
border-bottom: 1px solid var(--color-border);
vertical-align: top;
word-break: normal;
overflow-wrap: normal; }
th {
font-weight: 600;
font-size: .88rem;
letter-spacing: .3px; }
tbody tr:nth-child(even) {
background: var(--color-bg-alt); }
tbody tr:hover {
background: #EEF2F9; }
/* Highlight-Zeile für neues Urteil */
tbody tr.row-highlight {
background: #FEF2F2; }
tbody tr.row-highlight:hover {
background: #fde8e8; }
td a.src-link {
display: inline-block;
white-space: nowrap;
background: var(--color-bg-alt);
padding: 5px 12px;
border-radius: 999px;
text-decoration: none;
color: var(--color-primary);
font-weight: 600;
font-size: .85rem;
border: 1px solid var(--color-border);
transition: background .2s, color .2s, border-color .2s; }
td a.src-link:hover {
background: var(--color-primary);
color: #fff;
border-color: var(--color-primary); }
td a.src-link--new {
background: var(--color-urgency);
color: #fff;
border-color: var(--color-urgency); }
td a.src-link--new:hover {
background: #991b1b;
border-color: #991b1b; }
.note {
font-size: .88rem;
color: var(--color-muted);
background: #FFF8E6;
border-left: 3px solid var(--color-accent);
padding: 10px 14px;
border-radius: 6px;
margin-top: 14px;
text-align: left; }
/* ============ CASE CARDS ============ */
.case-card {
background: #fff;
border: 1px solid var(--color-border);
border-left: 4px solid var(--color-accent);
border-radius: var(--radius);
padding: 26px 24px;
margin-bottom: 22px;
box-shadow: var(--shadow); }
.case-card--featured {
border-left: 4px solid var(--color-urgency);
background: #fffafa;
box-shadow: 0 8px 32px rgba(185, 28, 28, 0.1); }
.case-card__label {
display: inline-block;
background: var(--color-urgency);
color: #fff;
font-size: .75rem;
font-weight: 700;
letter-spacing: .6px;
text-transform: uppercase;
padding: 3px 12px;
border-radius: 999px;
margin-bottom: 14px; }
.case-card h3 {
margin: 0 0 14px;
color: var(--color-primary);
font-size: 1.1rem;
line-height: 1.35;
font-weight: 700; }
.case-card p {
margin: 0 0 8px;
font-size: .96rem;
text-align: left; }
.case-card .source {
font-size: .85rem;
color: var(--color-muted);
margin-top: 14px;
border-top: 1px dashed var(--color-border);
padding-top: 10px;
word-break: break-word;
overflow-wrap: anywhere;
text-align: left; }
/* ============ SOLUTION BOX ============ */
.solution-box {
background: var(--color-success-bg);
border: 1px solid rgba(14, 124, 74, 0.18);
border-left: 4px solid var(--color-success);
border-radius: 8px;
padding: 16px 18px;
margin: 16px 0 10px; }
.solution-box p {
margin: 0 0 10px;
font-size: .96rem;
text-align: left; }
.solution-label {
font-weight: 700;
color: var(--color-success);
font-size: .82rem;
letter-spacing: .5px;
text-transform: uppercase;
margin: 0 0 6px !important;
text-align: left; }
/* ============ BULLET LIST ============ */
.bullet-list {
list-style: none;
padding: 0;
margin: 0 0 24px; }
.bullet-list li {
background: #fff;
border: 1px solid var(--color-border);
border-radius: 8px;
padding: 14px 18px 14px 48px;
margin-bottom: 10px;
position: relative;
text-align: left;
transition: box-shadow .2s ease; }
.bullet-list li:hover {
box-shadow: var(--shadow); }
.bullet-list li::before {
content: "✓";
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
color: var(--color-accent);
font-weight: 700;
font-size: 1.1rem; }
/* ============ CTA BOX ============ */
.cta-box {
background: linear-gradient(135deg, var(--color-primary) 0%, #0d2f5e 50%, var(--color-primary-dark) 100%);
color: #fff;
padding: 40px 32px;
border-radius: var(--radius-lg);
text-align: center;
margin-top: 28px;
box-shadow: var(--shadow-lg);
position: relative;
overflow: hidden; }
.cta-box::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 80% 50%, rgba(212, 161, 58, 0.1) 0%, transparent 60%);
pointer-events: none; }
.cta-box h3 {
color: #fff;
margin: 0 0 10px;
font-size: 1.4rem;
font-weight: 700; }
.cta-box p {
opacity: .92;
margin: 0 0 20px;
text-align: center;
line-height: 1.7; }
.cta-box .btn {
margin: 6px 6px 0; }
.cta-phone {
color: var(--color-accent) !important;
font-weight: 700;
text-decoration: none !important; }
.cta-phone:hover {
text-decoration: underline !important; }
/* ============ FAQ ============ */
.faq details {
background: #fff;
border: 1px solid var(--color-border);
border-radius: var(--radius);
padding: 16px 20px;
margin-bottom: 12px;
box-shadow: 0 2px 8px rgba(11, 37, 69, 0.04);
transition: border-color .2s ease, box-shadow .2s ease; }
.faq details[open] {
border-color: var(--color-accent);
box-shadow: 0 4px 16px rgba(212, 161, 58, 0.12); }
.faq summary {
cursor: pointer;
font-weight: 600;
color: var(--color-primary);
list-style: none;
position: relative;
padding-right: 32px;
font-size: 1rem;
line-height: 1.5; }
.faq summary::-webkit-details-marker {
display: none; }
.faq summary::after {
content: "+";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.4rem;
color: var(--color-accent);
transition: transform .2s ease;
line-height: 1; }
.faq details[open] summary::after {
content: "−"; }
.faq details p {
margin: 12px 0 0;
color: var(--color-text);
font-size: .96rem;
text-align: left; }
/* ============ FINAL CTA ============ */
.final-cta {
background: linear-gradient(135deg, var(--color-primary) 0%, #0d2f5e 50%, var(--color-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 72px 0;
position: relative;
overflow: hidden; }
.final-cta::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 30% 50%, rgba(212, 161, 58, 0.1) 0%, transparent 60%);
pointer-events: none; }
.final-cta__kicker {
color: var(--color-accent);
font-weight: 600;
font-size: .9rem;
letter-spacing: .5px;
text-transform: uppercase;
margin: 0 0 12px; }
.final-cta h2 {
color: #fff;
font-size: 2rem;
font-weight: 800;
margin: 0 0 12px; }
.final-cta p {
opacity: .88;
margin-bottom: 28px;
font-size: 1.05rem;
text-align: center; }
.final-cta__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
justify-content: center; }
/* ============ INLINE LINK STYLES ============ */
.bullet-list a,
.solution-box p a {
color: var(--color-accent-dark);
font-weight: 600;
text-decoration-thickness: 2px;
transition: color .2s ease; }
.bullet-list a:hover,
.solution-box p a:hover {
color: var(--color-primary); }
/* ============ RESPONSIVE ============ */
@media (min-width: 600px) {
.verdict-card__body {
grid-template-columns: repeat(2, 1fr); }
.verdict-detail--solution {
grid-column: 1 / -1; } }
@media (min-width: 720px) {
.grid-3 {
grid-template-columns: repeat(2, 1fr); }
.hero h1 {
font-size: 2.4rem; }
.section h2 {
font-size: 2rem; }
.verdict-card h2 {
font-size: 2.2rem; } }
@media (min-width: 960px) {
.grid-3 {
grid-template-columns: repeat(3, 1fr); }
.hero {
padding: 88px 0 96px; }
.hero h1 {
font-size: 2.8rem; }
.section {
padding: 72px 0; }
.verdict-card__body {
grid-template-columns: repeat(3, 1fr); }
.verdict-detail--solution {
grid-column: auto; } }
/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion: reduce) {
* {
transition: none !important;
animation: none !important; } }
/* ============ FOCUS & ACCESSIBILITY ============ */
a:focus-visible,
button:focus-visible,
summary:focus-visible {
outline: 3px solid var(--color-accent);
outline-offset: 2px;
border-radius: 4px; }
" scss=":root {
--color-primary: #0B2545;
--color-primary-dark: #061834;
--color-accent: #D4A13A;
--color-accent-dark: #B5862A;
--color-accent-ink: #1A1200;
--color-success: #0E7C4A;
--color-success-dark: #0a6238;
--color-success-bg: #E8F6EF;
--color-danger: #C0392B;
--color-danger-bg: #FDF0EE;
--color-urgency: #B91C1C;
--color-urgency-bg: #FEF2F2;
--color-bg: #FFFFFF;
--color-bg-alt: #F5F7FB;
--color-text: #1A2238;
--color-muted: #5B6478;
--color-border: #E2E6EF;
--radius: 10px;
--radius-lg: 16px;
--shadow: 0 6px 24px rgba(11, 37, 69, .08);
--shadow-lg: 0 12px 40px rgba(11, 37, 69, .14);
--maxw: 1140px;
--font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
* {
box-sizing: border-box;
}
html,
body {
margin: 0;
padding: 0;
}
body {
font-family: var(--font);
color: var(--color-text);
line-height: 1.65;
background: var(--color-bg);
-webkit-font-smoothing: antialiased;
}
a {
color: var(--color-primary);
text-decoration: underline;
text-underline-offset: 3px;
}
a:hover {
color: var(--color-accent-dark);
}
img {
max-width: 100%;
height: auto;
}
.container {
max-width: var(--maxw);
margin: 0 auto;
padding: 0 20px;
}
.container--narrow {
max-width: 860px;
}
.text-center {
text-align: center;
}
/* ============ URGENCY BANNER ============ */
.urgency-banner {
background: var(--color-urgency-bg);
border-bottom: 2px solid var(--color-urgency);
color: var(--color-urgency);
text-align: center;
padding: 12px 20px;
font-size: .93rem;
line-height: 1.5;
}
.urgency-badge {
display: inline-block;
background: var(--color-urgency);
color: #fff;
font-size: .72rem;
font-weight: 700;
letter-spacing: 1px;
padding: 2px 8px;
border-radius: 999px;
margin-right: 8px;
vertical-align: middle;
}
.urgency-link {
color: var(--color-urgency);
font-weight: 700;
margin-left: 6px;
text-decoration: underline;
text-underline-offset: 2px;
}
.urgency-link:hover {
color: var(--color-primary);
}
/* ============ HERO ============ */
.hero {
background: linear-gradient(135deg, var(--color-primary) 0%, #0d2f5e 50%, var(--color-primary-dark) 100%);
color: #fff;
padding: 64px 0 72px;
text-align: center;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 70% 50%, rgba(212, 161, 58, .12) 0%, transparent 60%);
pointer-events: none;
}
.hero .kicker {
color: var(--color-accent);
font-weight: 600;
letter-spacing: .5px;
text-transform: uppercase;
font-size: .85rem;
margin: 0 0 10px;
}
.hero h1 {
font-size: 2rem;
line-height: 1.2;
margin: 0 auto 8px;
font-weight: 800;
max-width: 820px;
color: #fff;
}
.hero-sub {
font-size: 1.1rem;
color: var(--color-accent);
font-weight: 600;
margin: 0 auto 18px;
max-width: 700px;
}
.hero .lead {
font-size: 1.05rem;
max-width: 760px;
margin: 0 auto 28px;
opacity: .88;
}
.hero-ctas {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
margin-bottom: 24px;
}
.trust-row {
list-style: none;
padding: 0;
margin: 0 0 16px;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
font-size: .93rem;
opacity: .92;
}
.trust-row li {
background: rgba(255, 255, 255, .1);
padding: 6px 14px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, .15);
}
.hero-phone {
font-size: 1rem;
opacity: .9;
margin: 0;
}
.hero-phone-link {
color: var(--color-accent);
font-weight: 700;
text-decoration: none;
}
.hero-phone-link:hover {
color: #fff;
text-decoration: underline;
}
/* ============ BUTTONS ============ */
.btn {
display: inline-block;
padding: 12px 24px;
border-radius: var(--radius);
font-weight: 600;
text-decoration: none;
transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
font-size: 1rem;
border: 2px solid transparent;
line-height: 1.2;
cursor: pointer;
}
.btn-primary {
background: var(--color-accent);
color: var(--color-accent-ink);
border-color: var(--color-accent);
box-shadow: 0 4px 14px rgba(212, 161, 58, .35);
}
.btn-primary:hover {
background: var(--color-accent-dark);
color: #fff;
border-color: var(--color-accent-dark);
box-shadow: 0 6px 20px rgba(212, 161, 58, .45);
}
.btn-ghost {
background: transparent;
color: #fff;
border-color: rgba(255, 255, 255, .75);
}
.btn-ghost:hover {
background: #fff;
color: var(--color-primary);
border-color: #fff;
}
.btn-outline-light {
background: transparent;
color: #fff;
border-color: rgba(255, 255, 255, .75);
}
.btn-outline-light:hover {
background: #fff;
color: var(--color-primary);
border-color: #fff;
}
.btn-solution {
background: var(--color-success);
color: #fff;
border-color: var(--color-success);
padding: 10px 18px;
font-size: .92rem;
margin-top: 4px;
}
.btn-solution:hover {
background: var(--color-success-dark);
color: #fff;
border-color: var(--color-success-dark);
}
.btn-lg {
padding: 16px 32px;
font-size: 1.08rem;
}
/* ============ SECTIONS ============ */
.section {
padding: 56px 0;
}
.section-alt {
background: var(--color-bg-alt);
}
.section h2 {
font-size: 1.6rem;
margin: 0 0 18px;
color: var(--color-primary);
font-weight: 700;
line-height: 1.3;
}
.section p {
margin: 0 0 14px;
}
/* ============ SECTION INTRO ============ */
p.section-intro {
color: var(--color-muted);
margin-left: auto;
margin-right: auto;
margin-bottom: 28px;
max-width: 780px;
text-align: center !important;
display: block;
}
/* ============ VERDICT HIGHLIGHT ============ */
.verdict-highlight {
background: #fff;
padding: 56px 0;
}
.verdict-card {
background: linear-gradient(135deg, #0B2545 0%, #0d2f5e 100%);
color: #fff;
border-radius: var(--radius-lg);
padding: 40px 36px;
box-shadow: var(--shadow-lg);
position: relative;
overflow: hidden;
}
.verdict-card::before {
content: '';
position: absolute;
top: -40px;
right: -40px;
width: 220px;
height: 220px;
background: radial-gradient(circle, rgba(212, 161, 58, .18) 0%, transparent 70%);
pointer-events: none;
}
.verdict-card__badge {
display: inline-block;
background: var(--color-urgency);
color: #fff;
font-size: .78rem;
font-weight: 700;
letter-spacing: .8px;
text-transform: uppercase;
padding: 4px 14px;
border-radius: 999px;
margin-bottom: 18px;
}
.verdict-card h2 {
color: #fff;
font-size: 1.9rem;
font-weight: 800;
margin: 0 0 14px;
line-height: 1.2;
}
.verdict-card__lead {
font-size: 1.08rem;
opacity: .92;
margin: 0 0 28px;
max-width: 820px;
line-height: 1.7;
}
.verdict-card__body {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin-bottom: 28px;
}
.verdict-detail {
background: rgba(255, 255, 255, .07);
border: 1px solid rgba(255, 255, 255, .12);
border-radius: var(--radius);
padding: 20px 22px;
}
.verdict-detail--solution {
background: rgba(14, 124, 74, .2);
border-color: rgba(14, 124, 74, .4);
}
.verdict-detail h3 {
color: var(--color-accent);
font-size: .95rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 8px;
}
.verdict-detail--solution h3 {
color: #6ee7b7;
}
.verdict-detail p {
margin: 0;
font-size: .97rem;
opacity: .92;
line-height: 1.65;
}
.verdict-card__cta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}
.verdict-card__phone {
font-size: .97rem;
opacity: .85;
}
.verdict-card__phone a {
color: var(--color-accent);
font-weight: 700;
text-decoration: none;
}
.verdict-card__phone a:hover {
text-decoration: underline;
}
/* ============ ANSWER FIRST ============ */
.answer-first .answer-box {
background: #fff;
border-left: 4px solid var(--color-accent);
padding: 22px 24px;
border-radius: 8px;
box-shadow: var(--shadow);
font-size: 1.05rem;
text-align: left;
margin-bottom: 14px;
}
.answer-first .answer-sub {
text-align: center;
color: var(--color-muted);
font-size: .96rem;
}
/* ============ CARDS GRID ============ */
.grid-3 {
display: grid;
grid-template-columns: 1fr;
gap: 18px;
margin-top: 10px;
}
.card {
background: #fff;
border: 1px solid var(--color-border);
border-radius: var(--radius);
padding: 24px 22px;
box-shadow: var(--shadow);
transition: transform .2s ease, box-shadow .2s ease;
}
.card:hover {
transform: translateY(-3px);
box-shadow: var(--shadow-lg);
}
.card--icon .card__icon {
font-size: 2rem;
margin-bottom: 12px;
display: block;
}
.card--error {
border-top: 3px solid var(--color-danger);
}
.card--error .card__icon {
font-size: 2rem;
margin-bottom: 12px;
display: block;
}
.card h3 {
margin: 0 0 8px;
font-size: 1.05rem;
color: var(--color-primary);
font-weight: 700;
}
.card p {
margin: 0;
color: var(--color-muted);
font-size: .95rem;
text-align: left;
}
/* ============ TABLE ============ */
.table-wrapper {
overflow-x: auto;
border-radius: var(--radius);
box-shadow: var(--shadow);
background: #fff;
margin: 20px 0 12px;
}
table {
width: 100%;
border-collapse: collapse;
font-size: .92rem;
min-width: 760px;
table-layout: auto;
}
thead {
background: var(--color-primary);
color: #fff;
}
th,
td {
text-align: left;
padding: 12px 14px;
border-bottom: 1px solid var(--color-border);
vertical-align: top;
word-break: normal;
overflow-wrap: normal;
}
th {
font-weight: 600;
font-size: .88rem;
letter-spacing: .3px;
}
tbody tr:nth-child(even) {
background: var(--color-bg-alt);
}
tbody tr:hover {
background: #EEF2F9;
}
/* Highlight-Zeile für neues Urteil */
tbody tr.row-highlight {
background: #FEF2F2;
}
tbody tr.row-highlight:hover {
background: #fde8e8;
}
td a.src-link {
display: inline-block;
white-space: nowrap;
background: var(--color-bg-alt);
padding: 5px 12px;
border-radius: 999px;
text-decoration: none;
color: var(--color-primary);
font-weight: 600;
font-size: .85rem;
border: 1px solid var(--color-border);
transition: background .2s, color .2s, border-color .2s;
}
td a.src-link:hover {
background: var(--color-primary);
color: #fff;
border-color: var(--color-primary);
}
td a.src-link--new {
background: var(--color-urgency);
color: #fff;
border-color: var(--color-urgency);
}
td a.src-link--new:hover {
background: #991b1b;
border-color: #991b1b;
}
.note {
font-size: .88rem;
color: var(--color-muted);
background: #FFF8E6;
border-left: 3px solid var(--color-accent);
padding: 10px 14px;
border-radius: 6px;
margin-top: 14px;
text-align: left;
}
/* ============ CASE CARDS ============ */
.case-card {
background: #fff;
border: 1px solid var(--color-border);
border-left: 4px solid var(--color-accent);
border-radius: var(--radius);
padding: 26px 24px;
margin-bottom: 22px;
box-shadow: var(--shadow);
}
.case-card--featured {
border-left: 4px solid var(--color-urgency);
background: #fffafa;
box-shadow: 0 8px 32px rgba(185, 28, 28, .1);
}
.case-card__label {
display: inline-block;
background: var(--color-urgency);
color: #fff;
font-size: .75rem;
font-weight: 700;
letter-spacing: .6px;
text-transform: uppercase;
padding: 3px 12px;
border-radius: 999px;
margin-bottom: 14px;
}
.case-card h3 {
margin: 0 0 14px;
color: var(--color-primary);
font-size: 1.1rem;
line-height: 1.35;
font-weight: 700;
}
.case-card p {
margin: 0 0 8px;
font-size: .96rem;
text-align: left;
}
.case-card .source {
font-size: .85rem;
color: var(--color-muted);
margin-top: 14px;
border-top: 1px dashed var(--color-border);
padding-top: 10px;
word-break: break-word;
overflow-wrap: anywhere;
text-align: left;
}
/* ============ SOLUTION BOX ============ */
.solution-box {
background: var(--color-success-bg);
border: 1px solid rgba(14, 124, 74, .18);
border-left: 4px solid var(--color-success);
border-radius: 8px;
padding: 16px 18px;
margin: 16px 0 10px;
}
.solution-box p {
margin: 0 0 10px;
font-size: .96rem;
text-align: left;
}
.solution-label {
font-weight: 700;
color: var(--color-success);
font-size: .82rem;
letter-spacing: .5px;
text-transform: uppercase;
margin: 0 0 6px !important;
text-align: left;
}
/* ============ BULLET LIST ============ */
.bullet-list {
list-style: none;
padding: 0;
margin: 0 0 24px;
}
.bullet-list li {
background: #fff;
border: 1px solid var(--color-border);
border-radius: 8px;
padding: 14px 18px 14px 48px;
margin-bottom: 10px;
position: relative;
text-align: left;
transition: box-shadow .2s ease;
}
.bullet-list li:hover {
box-shadow: var(--shadow);
}
.bullet-list li::before {
content: "✓";
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
color: var(--color-accent);
font-weight: 700;
font-size: 1.1rem;
}
/* ============ CTA BOX ============ */
.cta-box {
background: linear-gradient(135deg, var(--color-primary) 0%, #0d2f5e 50%, var(--color-primary-dark) 100%);
color: #fff;
padding: 40px 32px;
border-radius: var(--radius-lg);
text-align: center;
margin-top: 28px;
box-shadow: var(--shadow-lg);
position: relative;
overflow: hidden;
}
.cta-box::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 80% 50%, rgba(212, 161, 58, .1) 0%, transparent 60%);
pointer-events: none;
}
.cta-box h3 {
color: #fff;
margin: 0 0 10px;
font-size: 1.4rem;
font-weight: 700;
}
.cta-box p {
opacity: .92;
margin: 0 0 20px;
text-align: center;
line-height: 1.7;
}
.cta-box .btn {
margin: 6px 6px 0;
}
.cta-phone {
color: var(--color-accent) !important;
font-weight: 700;
text-decoration: none !important;
}
.cta-phone:hover {
text-decoration: underline !important;
}
/* ============ FAQ ============ */
.faq details {
background: #fff;
border: 1px solid var(--color-border);
border-radius: var(--radius);
padding: 16px 20px;
margin-bottom: 12px;
box-shadow: 0 2px 8px rgba(11, 37, 69, .04);
transition: border-color .2s ease, box-shadow .2s ease;
}
.faq details[open] {
border-color: var(--color-accent);
box-shadow: 0 4px 16px rgba(212, 161, 58, .12);
}
.faq summary {
cursor: pointer;
font-weight: 600;
color: var(--color-primary);
list-style: none;
position: relative;
padding-right: 32px;
font-size: 1rem;
line-height: 1.5;
}
.faq summary::-webkit-details-marker {
display: none;
}
.faq summary::after {
content: "+";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.4rem;
color: var(--color-accent);
transition: transform .2s ease;
line-height: 1;
}
.faq details[open] summary::after {
content: "−";
}
.faq details p {
margin: 12px 0 0;
color: var(--color-text);
font-size: .96rem;
text-align: left;
}
/* ============ FINAL CTA ============ */
.final-cta {
background: linear-gradient(135deg, var(--color-primary) 0%, #0d2f5e 50%, var(--color-primary-dark) 100%);
color: #fff;
text-align: center;
padding: 72px 0;
position: relative;
overflow: hidden;
}
.final-cta::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 30% 50%, rgba(212, 161, 58, .1) 0%, transparent 60%);
pointer-events: none;
}
.final-cta__kicker {
color: var(--color-accent);
font-weight: 600;
font-size: .9rem;
letter-spacing: .5px;
text-transform: uppercase;
margin: 0 0 12px;
}
.final-cta h2 {
color: #fff;
font-size: 2rem;
font-weight: 800;
margin: 0 0 12px;
}
.final-cta p {
opacity: .88;
margin-bottom: 28px;
font-size: 1.05rem;
text-align: center;
}
.final-cta__actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
justify-content: center;
}
/* ============ INLINE LINK STYLES ============ */
.bullet-list a,
.solution-box p a {
color: var(--color-accent-dark);
font-weight: 600;
text-decoration-thickness: 2px;
transition: color .2s ease;
}
.bullet-list a:hover,
.solution-box p a:hover {
color: var(--color-primary);
}
/* ============ RESPONSIVE ============ */
@media (min-width: 600px) {
.verdict-card__body {
grid-template-columns: repeat(2, 1fr);
}
.verdict-detail--solution {
grid-column: 1 / -1;
}
}
@media (min-width: 720px) {
.grid-3 {
grid-template-columns: repeat(2, 1fr);
}
.hero h1 {
font-size: 2.4rem;
}
.section h2 {
font-size: 2rem;
}
.verdict-card h2 {
font-size: 2.2rem;
}
}
@media (min-width: 960px) {
.grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.hero {
padding: 88px 0 96px;
}
.hero h1 {
font-size: 2.8rem;
}
.section {
padding: 72px 0;
}
.verdict-card__body {
grid-template-columns: repeat(3, 1fr);
}
.verdict-detail--solution {
grid-column: auto;
}
}
/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion: reduce) {
* {
transition: none !important;
animation: none !important;
}
}
/* ============ FOCUS & ACCESSIBILITY ============ */
a:focus-visible,
button:focus-visible,
summary:focus-visible {
outline: 3px solid var(--color-accent);
outline-offset: 2px;
border-radius: 4px;
}" js="(function () {
'use strict';
/* -------- FAQ: nur ein Eintrag gleichzeitig offen -------- */
const faqItems = document.querySelectorAll('.faq details');
faqItems.forEach(function (item) {
item.addEventListener('toggle', function () {
if (item.open) {
faqItems.forEach(function (other) {
if (other !== item) other.removeAttribute('open');
});
}
});
});
/* -------- Smooth Scroll für interne Anker (inkl. #urteil-2026) -------- */
document.querySelectorAll('a[href^="#"]').forEach(function (anchor) {
anchor.addEventListener('click', function (e) {
const id = this.getAttribute('href');
if (id && id.length > 1) {
const target = document.querySelector(id);
if (target) {
e.preventDefault();
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
}
});
});
/* -------- Scroll-Reveal (leichtgewichtig, kein Framework) -------- */
/* Entfernen falls Onepage.ai eigene Animationen mitbringt */
if ('IntersectionObserver' in window) {
const revealEls = document.querySelectorAll(
'.case-card, .card, .cta-box, .answer-box, .solution-box, .verdict-card'
);
revealEls.forEach(function (el) {
el.style.opacity = '0';
el.style.transform = 'translateY(16px)';
el.style.transition = 'opacity .5s ease, transform .5s ease';
});
const observer = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
observer.unobserve(entry.target);
}
});
}, { threshold: 0.12 });
revealEls.forEach(function (el) { observer.observe(el); });
}
/* -------- Externe Links: rel-Attribute absichern -------- */
document.querySelectorAll('a[target="_blank"]').forEach(function (a) {
const rel = (a.getAttribute('rel') || '').split(' ').filter(Boolean);
if (!rel.includes('noopener')) rel.push('noopener');
if (!rel.includes('noreferrer')) rel.push('noreferrer');
a.setAttribute('rel', rel.join(' '));
});
})();
