Für Arbeitgeber & HR-Teams
Mitarbeiter kündigen — rechtssicher, mit gerichtsverwertbarem Nachweis, noch heute möglich.
Eine falsch zugestellte Kündigung gilt rechtlich als nicht erfolgt — und kostet Sie im
Streitfall Monate an Lohnfortzahlung. Unser Bote dokumentiert jeden Schritt: Zeitstempel, Foto,
Zustellprotokoll.
⚖️Seit 1978
🇩🇪Bundesweit
📋Gerichtsverwertbar dokumentiert
🕐Im Notfall rund um die Uhr erreichbar
📬
Einschreiben beweist den Inhalt nicht
Ein Einwurf-Einschreiben dokumentiert nur, dass etwas zugestellt wurde — nicht, dass es die
Kündigung war. Gerichte hören regelmäßig: „Der Umschlag war leer."
⏱️
Fristen können kippen
Wird die Kündigung nicht fristgerecht zugestellt, verlängert sich das Arbeitsverhältnis automatisch — mit
allen Lohnkosten.
🚪
Annahmeverweigerung
Wird ein Einschreiben nicht abgeholt oder abgelehnt, bleibt der Zugang strittig. Ohne Boten gibt es
keinen Zeugen für diesen Moment.
⚠️
Formfehler bei der Übergabe
Wer hat die Kündigung entgegengenommen? War die Person empfangsberechtigt? Ohne Protokoll ist das im
Streitfall nicht beweisbar.
✓
Nachweis des Schreibens
Der Bote sieht Ihr Schreiben, liest aber nicht mit. So ist belegt, was im Umschlag war. Protokolliert mit Name und Unterschrift.
✓
Zeitstempel & Fotodokumentation
Jeder Zustellschritt wird mit Uhrzeit und Foto dokumentiert — Briefkasten, Übergabe, Umgebung.
✓
Fristwahrung — auch noch heute möglich
Same-Day-Zustellung bundesweit möglich. Abholung meist noch am selben Tag. Direktfahrt vs.
Overnight →
✓
Fixpreis — keine versteckten Kosten
Sie erhalten ein verbindliches Angebot vor der Beauftragung. Direktfahrt ab 179 € netto.
| Merkmal |
Kündigungsbote ✓ |
Einschreiben ✗ |
| Nachweis des Schreibens |
Ja — Schreiben belegt |
Nein — nur Umschlag belegt |
| Zeuge für Zustellung und Schreiben |
Ja — namentlich protokolliert |
Nein |
| Fotodokumentation |
Ja — Zeitstempel & Foto |
Nein |
| Annahmeverweigerung dokumentiert |
Ja — sofort vermerkt |
Nein |
| Same-Day-Zustellung |
Ja — bundesweit möglich |
Nein |
| Gerichtsverwertbar |
Ja — gerichtsverwertbar aufgebaut |
Eingeschränkt |
1
Angebot anfragen
Sie füllen unser Formular aus — in 2 Minuten. Ihr Angebot erhalten Sie im Schnitt in unter 15 Minuten.
→
2
Abholung & Sichtung des Schreibens
Der Bote holt das Schreiben ab und sieht es vor dem Verschließen, liest aber nicht mit. So ist belegt, was im Umschlag war.
→
3
Zustellung vor Ort
Dokumentierter Einwurf in den Briefkasten — mit Foto, Zeitstempel und
Protokoll.
→
4
Gerichtsverwertbares Protokoll
Sie erhalten das vollständige Protokoll — digital archiviert. Mehr zum Ablauf →
Kündigung muss heute noch zugestellt werden?
Fordern Sie jetzt Ihr unverbindliches Angebot an — kostenlos, in 2 Minuten, Antwort im Schnitt unter 15 Minuten.
📞 Oder rufen Sie uns an: 089 77 00 77 — im Notfall telefonisch rund um die Uhr erreichbar
" css="@charset "UTF-8";
/* ============================================
KÜNDIGUNGSBOTE — ARBEITGEBER LP
Finale Version — alle Fixes integriert
Defensiv mit !important gegen Onepage.ai
============================================ */
/* GLOBAL RESET für alle KB-Sections */
.kb-hero,
.kb-pain,
.kb-solution,
.kb-compare,
.kb-process,
.kb-cta-section {
all: unset;
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important; }
.kb-hero *,
.kb-pain *,
.kb-solution *,
.kb-compare *,
.kb-process *,
.kb-cta-section * {
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important; }
/* CONTAINER */
.kb-container {
display: block !important;
width: 100% !important;
max-width: 1100px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 24px !important;
padding-right: 24px !important; }
/* ============================================
HERO
============================================ */
.kb-hero {
background: linear-gradient(135deg, #f0f8ff 0%, #e8f4fd 100%) !important;
padding-top: 80px !important;
padding-bottom: 72px !important;
border-bottom: 1px solid #d0e8f8 !important; }
.kb-hero-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
width: 100% !important; }
.kb-badge {
display: inline-block !important;
background-color: #e0f2fe !important;
color: #0369a1 !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
padding: 6px 16px !important;
border-radius: 20px !important;
margin-bottom: 20px !important;
text-align: center !important; }
.kb-hero-title {
display: block !important;
font-size: clamp(26px, 4vw, 50px) !important;
font-weight: 900 !important;
color: #0f1f2e !important;
line-height: 1.15 !important;
max-width: 780px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 20px !important;
text-align: center !important; }
.kb-hero-sub {
display: block !important;
font-size: 18px !important;
color: #374151 !important;
line-height: 1.7 !important;
max-width: 680px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 36px !important;
text-align: center !important; }
.kb-hero-cta {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 16px !important;
margin-bottom: 48px !important;
width: 100% !important; }
.kb-trust-bar {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 24px !important;
width: 100% !important; }
.kb-trust-item {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #374151 !important;
white-space: nowrap !important; }
.kb-trust-icon {
font-size: 18px !important;
line-height: 1 !important; }
/* ============================================
BUTTONS
============================================ */
.kb-btn-primary {
display: inline-block !important;
background-color: #299FFC !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 700 !important;
padding: 16px 32px !important;
border-radius: 8px !important;
text-decoration: none !important;
border: none !important;
cursor: pointer !important;
text-align: center !important;
white-space: nowrap !important;
transition: background-color 0.2s ease, transform 0.15s ease !important;
line-height: 1.4 !important; }
.kb-btn-primary:hover {
background-color: #1a8de8 !important;
transform: translateY(-2px) !important;
color: #ffffff !important; }
.kb-btn-primary.kb-btn-large {
font-size: 18px !important;
padding: 20px 40px !important; }
.kb-btn-secondary {
display: inline-block !important;
background-color: transparent !important;
color: #299FFC !important;
font-size: 16px !important;
font-weight: 600 !important;
padding: 14px 28px !important;
border-radius: 8px !important;
border: 2px solid #299FFC !important;
text-decoration: none !important;
cursor: pointer !important;
text-align: center !important;
white-space: nowrap !important;
transition: all 0.2s ease !important;
line-height: 1.4 !important; }
.kb-btn-secondary:hover {
background-color: #299FFC !important;
color: #ffffff !important; }
.kb-btn-whatsapp {
display: inline-block !important;
background-color: #25D366 !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 700 !important;
padding: 16px 32px !important;
border-radius: 8px !important;
text-decoration: none !important;
border: none !important;
cursor: pointer !important;
text-align: center !important;
white-space: nowrap !important;
transition: background-color 0.2s ease, transform 0.15s ease !important;
line-height: 1.4 !important; }
.kb-btn-whatsapp:hover {
background-color: #1ebe5a !important;
transform: translateY(-2px) !important;
color: #ffffff !important; }
/* ============================================
SECTION HEADERS (Pain, Solution, Compare, Process)
============================================ */
.kb-section-header {
display: block !important;
width: 100% !important;
text-align: center !important;
margin-bottom: 48px !important; }
.kb-section-label {
display: inline-block !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #299FFC !important;
margin-bottom: 12px !important;
text-align: center !important; }
.kb-section-title {
display: block !important;
font-size: clamp(22px, 3vw, 36px) !important;
font-weight: 800 !important;
color: #0f1f2e !important;
line-height: 1.25 !important;
margin-bottom: 16px !important;
text-align: center !important; }
.kb-section-sub {
display: block !important;
font-size: 17px !important;
color: #4a5568 !important;
line-height: 1.7 !important;
max-width: 660px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important; }
.kb-inline-link {
color: #299FFC !important;
text-decoration: none !important;
font-weight: 600 !important; }
.kb-inline-link:hover {
text-decoration: underline !important; }
/* ============================================
PAIN SECTION
============================================ */
.kb-pain {
background-color: #ffffff !important;
padding-top: 80px !important;
padding-bottom: 80px !important; }
.kb-pain-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px !important;
width: 100% !important; }
.kb-pain-card {
display: block !important;
background-color: #fff8f8 !important;
border: 1px solid #fee2e2 !important;
border-radius: 12px !important;
padding: 28px 24px !important;
transition: transform 0.2s ease !important; }
.kb-pain-card:hover {
transform: translateY(-4px) !important; }
.kb-pain-icon {
font-size: 32px !important;
line-height: 1 !important;
margin-bottom: 14px !important;
display: block !important; }
.kb-pain-card h3 {
display: block !important;
font-size: 17px !important;
font-weight: 700 !important;
color: #0f1f2e !important;
margin-bottom: 10px !important;
line-height: 1.3 !important; }
.kb-pain-card p {
display: block !important;
font-size: 15px !important;
color: #4a5568 !important;
line-height: 1.65 !important; }
/* ============================================
SOLUTION SECTION
============================================ */
.kb-solution {
background-color: #f8fbff !important;
padding-top: 80px !important;
padding-bottom: 80px !important; }
.kb-solution-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px !important;
width: 100% !important; }
.kb-solution-item {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
gap: 16px !important;
background-color: #ffffff !important;
border-radius: 12px !important;
padding: 24px !important;
border: 1px solid #e0f0ff !important;
transition: box-shadow 0.2s ease !important; }
.kb-solution-item:hover {
box-shadow: 0 4px 20px rgba(41, 159, 252, 0.12) !important; }
.kb-solution-check {
flex-shrink: 0 !important;
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
background-color: #299FFC !important;
color: #ffffff !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-weight: 900 !important;
font-size: 16px !important;
line-height: 1 !important; }
.kb-solution-text {
display: block !important;
flex: 1 !important; }
.kb-solution-text h4 {
display: block !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #0f1f2e !important;
margin-bottom: 6px !important;
line-height: 1.3 !important; }
.kb-solution-text p {
display: block !important;
font-size: 15px !important;
color: #4a5568 !important;
line-height: 1.65 !important; }
/* ============================================
COMPARISON SECTION
============================================ */
.kb-compare {
background-color: #ffffff !important;
padding-top: 80px !important;
padding-bottom: 80px !important; }
.kb-compare-table-wrap {
display: block !important;
width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important; }
.kb-compare-table {
width: 100% !important;
min-width: 560px !important;
border-collapse: collapse !important;
font-size: 15px !important;
table-layout: fixed !important; }
.kb-compare-table th,
.kb-compare-table td {
padding: 15px 20px !important;
text-align: left !important;
vertical-align: middle !important;
border: none !important;
line-height: 1.4 !important; }
.kb-th-feature {
background-color: #f3f4f6 !important;
color: #374151 !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
width: 35% !important; }
.kb-th-bote {
background-color: #299FFC !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 700 !important;
width: 32.5% !important; }
.kb-th-ein {
background-color: #e5e7eb !important;
color: #374151 !important;
font-size: 14px !important;
font-weight: 700 !important;
width: 32.5% !important; }
.kb-compare-table tbody tr {
border-top: 1px solid #e5e7eb !important; }
.kb-compare-table tbody tr:hover td {
background-color: #f9fafb !important; }
.kb-td-feature {
font-weight: 600 !important;
color: #374151 !important;
background-color: #fafafa !important; }
.kb-td-yes {
color: #059669 !important;
font-weight: 600 !important;
background-color: #f0fdf4 !important; }
.kb-td-no {
color: #dc2626 !important;
font-weight: 600 !important;
background-color: #fff5f5 !important; }
/* ============================================
PROCESS SECTION
============================================ */
.kb-process {
background-color: #f8fbff !important;
padding-top: 80px !important;
padding-bottom: 80px !important; }
.kb-steps {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
justify-content: center !important;
width: 100% !important; }
.kb-step {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
flex: 1 !important;
min-width: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important; }
.kb-step-number {
width: 52px !important;
height: 52px !important;
min-width: 52px !important;
background-color: #299FFC !important;
color: #ffffff !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 22px !important;
font-weight: 900 !important;
margin-bottom: 16px !important;
line-height: 1 !important; }
.kb-step-title {
display: block !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #0f1f2e !important;
margin-bottom: 8px !important;
line-height: 1.3 !important;
text-align: center !important; }
.kb-step-text {
display: block !important;
font-size: 14px !important;
color: #4a5568 !important;
line-height: 1.6 !important;
text-align: center !important; }
.kb-step-arrow {
display: flex !important;
align-items: flex-start !important;
justify-content: center !important;
padding-top: 14px !important;
font-size: 24px !important;
color: #299FFC !important;
flex-shrink: 0 !important;
opacity: 0.5 !important;
line-height: 52px !important; }
/* ============================================
CTA SECTION
============================================ */
.kb-cta-section {
background: linear-gradient(135deg, #0f1f2e 0%, #1a3a5c 100%) !important;
padding-top: 80px !important;
padding-bottom: 80px !important; }
.kb-cta-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
width: 100% !important; }
.kb-cta-title {
display: block !important;
font-size: clamp(22px, 3vw, 38px) !important;
font-weight: 900 !important;
color: #ffffff !important;
margin-bottom: 16px !important;
line-height: 1.2 !important;
text-align: center !important; }
.kb-cta-sub {
display: block !important;
font-size: 18px !important;
color: #94c8f5 !important;
margin-bottom: 36px !important;
max-width: 600px !important;
margin-left: auto !important;
margin-right: auto !important;
line-height: 1.65 !important;
text-align: center !important; }
.kb-cta-buttons {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 16px !important;
margin-bottom: 24px !important;
width: 100% !important; }
.kb-cta-note {
display: block !important;
font-size: 15px !important;
color: #94c8f5 !important;
text-align: center !important; }
.kb-cta-note a {
color: #ffffff !important;
font-weight: 700 !important;
text-decoration: none !important; }
.kb-cta-note a:hover {
text-decoration: underline !important; }
/* ============================================
RESPONSIVE
============================================ */
@media (max-width: 900px) {
.kb-pain-grid {
grid-template-columns: 1fr 1fr !important; }
.kb-solution-grid {
grid-template-columns: 1fr !important; } }
@media (max-width: 700px) {
.kb-hero {
padding-top: 52px !important;
padding-bottom: 48px !important; }
.kb-pain,
.kb-solution,
.kb-compare,
.kb-process,
.kb-cta-section {
padding-top: 56px !important;
padding-bottom: 56px !important; }
.kb-hero-title {
font-size: 26px !important; }
.kb-hero-sub {
font-size: 16px !important; }
.kb-hero-cta {
flex-direction: column !important;
align-items: center !important; }
.kb-pain-grid {
grid-template-columns: 1fr !important; }
.kb-solution-grid {
grid-template-columns: 1fr !important; }
.kb-steps {
flex-direction: column !important;
align-items: center !important;
gap: 32px !important; }
.kb-step-arrow {
transform: rotate(90deg) !important;
padding-top: 0 !important;
line-height: 1 !important; }
.kb-btn-primary,
.kb-btn-secondary,
.kb-btn-whatsapp {
width: 100% !important;
max-width: 360px !important;
text-align: center !important; }
.kb-cta-buttons {
flex-direction: column !important;
align-items: center !important; } }
@media (max-width: 480px) {
.kb-compare-table th,
.kb-compare-table td {
padding: 10px 12px !important;
font-size: 13px !important; }
.kb-container {
padding-left: 16px !important;
padding-right: 16px !important; } }
" scss="/* ============================================
KÜNDIGUNGSBOTE — ARBEITGEBER LP
Finale Version — alle Fixes integriert
Defensiv mit !important gegen Onepage.ai
============================================ */
/* GLOBAL RESET für alle KB-Sections */
.kb-hero,
.kb-pain,
.kb-solution,
.kb-compare,
.kb-process,
.kb-cta-section {
all: unset;
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}
.kb-hero *,
.kb-pain *,
.kb-solution *,
.kb-compare *,
.kb-process *,
.kb-cta-section * {
box-sizing: border-box !important;
margin: 0 !important;
padding: 0 !important;
}
/* CONTAINER */
.kb-container {
display: block !important;
width: 100% !important;
max-width: 1100px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 24px !important;
padding-right: 24px !important;
}
/* ============================================
HERO
============================================ */
.kb-hero {
background: linear-gradient(135deg, #f0f8ff 0%, #e8f4fd 100%) !important;
padding-top: 80px !important;
padding-bottom: 72px !important;
border-bottom: 1px solid #d0e8f8 !important;
}
.kb-hero-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
width: 100% !important;
}
.kb-badge {
display: inline-block !important;
background-color: #e0f2fe !important;
color: #0369a1 !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
padding: 6px 16px !important;
border-radius: 20px !important;
margin-bottom: 20px !important;
text-align: center !important;
}
.kb-hero-title {
display: block !important;
font-size: clamp(26px, 4vw, 50px) !important;
font-weight: 900 !important;
color: #0f1f2e !important;
line-height: 1.15 !important;
max-width: 780px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 20px !important;
text-align: center !important;
}
.kb-hero-sub {
display: block !important;
font-size: 18px !important;
color: #374151 !important;
line-height: 1.7 !important;
max-width: 680px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 36px !important;
text-align: center !important;
}
.kb-hero-cta {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 16px !important;
margin-bottom: 48px !important;
width: 100% !important;
}
.kb-trust-bar {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 24px !important;
width: 100% !important;
}
.kb-trust-item {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #374151 !important;
white-space: nowrap !important;
}
.kb-trust-icon {
font-size: 18px !important;
line-height: 1 !important;
}
/* ============================================
BUTTONS
============================================ */
.kb-btn-primary {
display: inline-block !important;
background-color: #299FFC !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 700 !important;
padding: 16px 32px !important;
border-radius: 8px !important;
text-decoration: none !important;
border: none !important;
cursor: pointer !important;
text-align: center !important;
white-space: nowrap !important;
transition: background-color 0.2s ease, transform 0.15s ease !important;
line-height: 1.4 !important;
}
.kb-btn-primary:hover {
background-color: #1a8de8 !important;
transform: translateY(-2px) !important;
color: #ffffff !important;
}
.kb-btn-primary.kb-btn-large {
font-size: 18px !important;
padding: 20px 40px !important;
}
.kb-btn-secondary {
display: inline-block !important;
background-color: transparent !important;
color: #299FFC !important;
font-size: 16px !important;
font-weight: 600 !important;
padding: 14px 28px !important;
border-radius: 8px !important;
border: 2px solid #299FFC !important;
text-decoration: none !important;
cursor: pointer !important;
text-align: center !important;
white-space: nowrap !important;
transition: all 0.2s ease !important;
line-height: 1.4 !important;
}
.kb-btn-secondary:hover {
background-color: #299FFC !important;
color: #ffffff !important;
}
.kb-btn-whatsapp {
display: inline-block !important;
background-color: #25D366 !important;
color: #ffffff !important;
font-size: 16px !important;
font-weight: 700 !important;
padding: 16px 32px !important;
border-radius: 8px !important;
text-decoration: none !important;
border: none !important;
cursor: pointer !important;
text-align: center !important;
white-space: nowrap !important;
transition: background-color 0.2s ease, transform 0.15s ease !important;
line-height: 1.4 !important;
}
.kb-btn-whatsapp:hover {
background-color: #1ebe5a !important;
transform: translateY(-2px) !important;
color: #ffffff !important;
}
/* ============================================
SECTION HEADERS (Pain, Solution, Compare, Process)
============================================ */
.kb-section-header {
display: block !important;
width: 100% !important;
text-align: center !important;
margin-bottom: 48px !important;
}
.kb-section-label {
display: inline-block !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
color: #299FFC !important;
margin-bottom: 12px !important;
text-align: center !important;
}
.kb-section-title {
display: block !important;
font-size: clamp(22px, 3vw, 36px) !important;
font-weight: 800 !important;
color: #0f1f2e !important;
line-height: 1.25 !important;
margin-bottom: 16px !important;
text-align: center !important;
}
.kb-section-sub {
display: block !important;
font-size: 17px !important;
color: #4a5568 !important;
line-height: 1.7 !important;
max-width: 660px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
.kb-inline-link {
color: #299FFC !important;
text-decoration: none !important;
font-weight: 600 !important;
}
.kb-inline-link:hover {
text-decoration: underline !important;
}
/* ============================================
PAIN SECTION
============================================ */
.kb-pain {
background-color: #ffffff !important;
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.kb-pain-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px !important;
width: 100% !important;
}
.kb-pain-card {
display: block !important;
background-color: #fff8f8 !important;
border: 1px solid #fee2e2 !important;
border-radius: 12px !important;
padding: 28px 24px !important;
transition: transform 0.2s ease !important;
}
.kb-pain-card:hover {
transform: translateY(-4px) !important;
}
.kb-pain-icon {
font-size: 32px !important;
line-height: 1 !important;
margin-bottom: 14px !important;
display: block !important;
}
.kb-pain-card h3 {
display: block !important;
font-size: 17px !important;
font-weight: 700 !important;
color: #0f1f2e !important;
margin-bottom: 10px !important;
line-height: 1.3 !important;
}
.kb-pain-card p {
display: block !important;
font-size: 15px !important;
color: #4a5568 !important;
line-height: 1.65 !important;
}
/* ============================================
SOLUTION SECTION
============================================ */
.kb-solution {
background-color: #f8fbff !important;
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.kb-solution-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px !important;
width: 100% !important;
}
.kb-solution-item {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
gap: 16px !important;
background-color: #ffffff !important;
border-radius: 12px !important;
padding: 24px !important;
border: 1px solid #e0f0ff !important;
transition: box-shadow 0.2s ease !important;
}
.kb-solution-item:hover {
box-shadow: 0 4px 20px rgba(41, 159, 252, 0.12) !important;
}
.kb-solution-check {
flex-shrink: 0 !important;
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
background-color: #299FFC !important;
color: #ffffff !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-weight: 900 !important;
font-size: 16px !important;
line-height: 1 !important;
}
.kb-solution-text {
display: block !important;
flex: 1 !important;
}
.kb-solution-text h4 {
display: block !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #0f1f2e !important;
margin-bottom: 6px !important;
line-height: 1.3 !important;
}
.kb-solution-text p {
display: block !important;
font-size: 15px !important;
color: #4a5568 !important;
line-height: 1.65 !important;
}
/* ============================================
COMPARISON SECTION
============================================ */
.kb-compare {
background-color: #ffffff !important;
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.kb-compare-table-wrap {
display: block !important;
width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.kb-compare-table {
width: 100% !important;
min-width: 560px !important;
border-collapse: collapse !important;
font-size: 15px !important;
table-layout: fixed !important;
}
.kb-compare-table th,
.kb-compare-table td {
padding: 15px 20px !important;
text-align: left !important;
vertical-align: middle !important;
border: none !important;
line-height: 1.4 !important;
}
.kb-th-feature {
background-color: #f3f4f6 !important;
color: #374151 !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
width: 35% !important;
}
.kb-th-bote {
background-color: #299FFC !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 700 !important;
width: 32.5% !important;
}
.kb-th-ein {
background-color: #e5e7eb !important;
color: #374151 !important;
font-size: 14px !important;
font-weight: 700 !important;
width: 32.5% !important;
}
.kb-compare-table tbody tr {
border-top: 1px solid #e5e7eb !important;
}
.kb-compare-table tbody tr:hover td {
background-color: #f9fafb !important;
}
.kb-td-feature {
font-weight: 600 !important;
color: #374151 !important;
background-color: #fafafa !important;
}
.kb-td-yes {
color: #059669 !important;
font-weight: 600 !important;
background-color: #f0fdf4 !important;
}
.kb-td-no {
color: #dc2626 !important;
font-weight: 600 !important;
background-color: #fff5f5 !important;
}
/* ============================================
PROCESS SECTION
============================================ */
.kb-process {
background-color: #f8fbff !important;
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.kb-steps {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: flex-start !important;
justify-content: center !important;
width: 100% !important;
}
.kb-step {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
flex: 1 !important;
min-width: 0 !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.kb-step-number {
width: 52px !important;
height: 52px !important;
min-width: 52px !important;
background-color: #299FFC !important;
color: #ffffff !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 22px !important;
font-weight: 900 !important;
margin-bottom: 16px !important;
line-height: 1 !important;
}
.kb-step-title {
display: block !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #0f1f2e !important;
margin-bottom: 8px !important;
line-height: 1.3 !important;
text-align: center !important;
}
.kb-step-text {
display: block !important;
font-size: 14px !important;
color: #4a5568 !important;
line-height: 1.6 !important;
text-align: center !important;
}
.kb-step-arrow {
display: flex !important;
align-items: flex-start !important;
justify-content: center !important;
padding-top: 14px !important;
font-size: 24px !important;
color: #299FFC !important;
flex-shrink: 0 !important;
opacity: 0.5 !important;
line-height: 52px !important;
}
/* ============================================
CTA SECTION
============================================ */
.kb-cta-section {
background: linear-gradient(135deg, #0f1f2e 0%, #1a3a5c 100%) !important;
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.kb-cta-inner {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
width: 100% !important;
}
.kb-cta-title {
display: block !important;
font-size: clamp(22px, 3vw, 38px) !important;
font-weight: 900 !important;
color: #ffffff !important;
margin-bottom: 16px !important;
line-height: 1.2 !important;
text-align: center !important;
}
.kb-cta-sub {
display: block !important;
font-size: 18px !important;
color: #94c8f5 !important;
margin-bottom: 36px !important;
max-width: 600px !important;
margin-left: auto !important;
margin-right: auto !important;
line-height: 1.65 !important;
text-align: center !important;
}
.kb-cta-buttons {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 16px !important;
margin-bottom: 24px !important;
width: 100% !important;
}
.kb-cta-note {
display: block !important;
font-size: 15px !important;
color: #94c8f5 !important;
text-align: center !important;
}
.kb-cta-note a {
color: #ffffff !important;
font-weight: 700 !important;
text-decoration: none !important;
}
.kb-cta-note a:hover {
text-decoration: underline !important;
}
/* ============================================
RESPONSIVE
============================================ */
@media (max-width: 900px) {
.kb-pain-grid {
grid-template-columns: 1fr 1fr !important;
}
.kb-solution-grid {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 700px) {
.kb-hero {
padding-top: 52px !important;
padding-bottom: 48px !important;
}
.kb-pain,
.kb-solution,
.kb-compare,
.kb-process,
.kb-cta-section {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.kb-hero-title {
font-size: 26px !important;
}
.kb-hero-sub {
font-size: 16px !important;
}
.kb-hero-cta {
flex-direction: column !important;
align-items: center !important;
}
.kb-pain-grid {
grid-template-columns: 1fr !important;
}
.kb-solution-grid {
grid-template-columns: 1fr !important;
}
.kb-steps {
flex-direction: column !important;
align-items: center !important;
gap: 32px !important;
}
.kb-step-arrow {
transform: rotate(90deg) !important;
padding-top: 0 !important;
line-height: 1 !important;
}
.kb-btn-primary,
.kb-btn-secondary,
.kb-btn-whatsapp {
width: 100% !important;
max-width: 360px !important;
text-align: center !important;
}
.kb-cta-buttons {
flex-direction: column !important;
align-items: center !important;
}
}
@media (max-width: 480px) {
.kb-compare-table th,
.kb-compare-table td {
padding: 10px 12px !important;
font-size: 13px !important;
}
.kb-container {
padding-left: 16px !important;
padding-right: 16px !important;
}
}" js="/* ============================================
KÜNDIGUNGSBOTE — ARBEITGEBER LP
Finale Version — sicher für Onepage.ai
============================================ */
(function () {
'use strict';
function ready(fn) {
if (document.readyState !== 'loading') { fn(); }
else { document.addEventListener('DOMContentLoaded', fn); }
}
ready(function () {
/* 1 — FADE-IN BEIM SCROLLEN */
var style = document.createElement('style');
style.textContent = [
'.kb-fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease;}',
'.kb-fade-in.kb-in{opacity:1 !important;transform:translateY(0) !important;}'
].join('');
document.head.appendChild(style);
var targets = document.querySelectorAll(
'.kb-pain-card, .kb-solution-item, .kb-step, .kb-compare-table'
);
targets.forEach(function (el) {
el.classList.add('kb-fade-in');
});
/* Staggered Delays */
document.querySelectorAll('.kb-pain-grid .kb-pain-card').forEach(function (el, i) {
el.style.transitionDelay = (i * 0.1) + 's';
});
document.querySelectorAll('.kb-solution-grid .kb-solution-item').forEach(function (el, i) {
el.style.transitionDelay = (i * 0.08) + 's';
});
document.querySelectorAll('.kb-steps .kb-step').forEach(function (el, i) {
el.style.transitionDelay = (i * 0.12) + 's';
});
/* IntersectionObserver mit Fallback */
if ('IntersectionObserver' in window) {
var io = new IntersectionObserver(function (entries) {
entries.forEach(function (entry) {
if (entry.isIntersecting) {
entry.target.classList.add('kb-in');
io.unobserve(entry.target);
}
});
}, { threshold: 0.1 });
targets.forEach(function (el) { io.observe(el); });
} else {
targets.forEach(function (el) { el.classList.add('kb-in'); });
}
/* 2 — PULS-ANIMATION auf CTA-Buttons nach 4s */
var pulseStyle = document.createElement('style');
pulseStyle.textContent = [
'@keyframes kb-pulse{',
'0%{box-shadow:0 0 0 0 rgba(41,159,252,0.5);}',
'70%{box-shadow:0 0 0 14px rgba(41,159,252,0);}',
'100%{box-shadow:0 0 0 0 rgba(41,159,252,0);}',
'}',
'.kb-pulsing{animation:kb-pulse 1.8s ease-in-out 3;}'
].join('');
document.head.appendChild(pulseStyle);
setTimeout(function () {
document.querySelectorAll('.kb-btn-primary').forEach(function (btn) {
btn.classList.add('kb-pulsing');
});
}, 4000);
/* 3 — SMOOTH SCROLL */
document.querySelectorAll('a[href^="#"]').forEach(function (a) {
a.addEventListener('click', function (e) {
var id = this.getAttribute('href');
var target = document.querySelector(id);
if (target) {
e.preventDefault();
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
});
});
})();
