Delivery Hero Kündigung? Kostenlose Ersteinschätzung | LACHMUND law :root { –primary: #7a37be; –accent: #19dedf; –dark: #0d0520; –dark2: #160a30; –text: #2d2d3a; –muted: #6b7280; –light: #f8f5ff; –white: #ffffff; –danger: #e53e3e; –success: #38a169; –radius: 12px; –shadow: 0 4px 24px rgba(122,55,190,0.12); } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: ‘Poppins’, sans-serif; color: var(–text); background: var(–white); overflow-x: hidden; } /* ─── NAVBAR ─── */ nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; display: flex; align-items: center; justify-content: space-between; padding: 14px 5%; background: rgba(255,255,255,0.97); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(122,55,190,0.12); box-shadow: 0 2px 16px rgba(0,0,0,0.08); } nav img.logo { height: 44px; object-fit: contain; } nav a.nav-cta { background: var(–accent); color: #0d1117; font-weight: 700; font-size: 0.85rem; padding: 11px 22px; border-radius: 8px; text-decoration: none; transition: transform 0.15s, box-shadow 0.15s; white-space: nowrap; } nav a.nav-cta:hover { transform: translateY(-1px); box-shadow: 0 4px 16px rgba(25,222,223,0.4); } /* ─── HERO ─── */ #hero { background: linear-gradient(135deg, #3b1278 0%, #5a1fa0 45%, #1e3a6e 100%); padding: 130px 5% 80px; min-height: 100vh; display: flex; align-items: center; position: relative; overflow: hidden; } #hero::before { content: ”; position: absolute; top: -200px; right: -200px; width: 700px; height: 700px; background: radial-gradient(circle, rgba(122,55,190,0.45) 0%, transparent 70%); pointer-events: none; } #hero::after { content: ”; position: absolute; bottom: -150px; left: -100px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(25,222,223,0.18) 0%, transparent 70%); pointer-events: none; } .hero-inner { max-width: 1200px; margin: 0 auto; width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: rgba(25,222,223,0.12); border: 1px solid rgba(25,222,223,0.3); color: var(–accent); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; padding: 6px 14px; border-radius: 50px; margin-bottom: 22px; text-transform: uppercase; } .hero-eyebrow::before { content: ‘⚡’; } h1 { font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 900; line-height: 1.15; color: var(–white); margin-bottom: 22px; } h1 .accent { color: var(–accent); } h1 .brand { color: #c9b8f0; } .hero-sub { color: rgba(255,255,255,0.7); font-size: 1.05rem; line-height: 1.7; margin-bottom: 36px; max-width: 520px; } .hero-cta-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .btn-primary { display: inline-flex; align-items: center; gap: 10px; background: var(–accent); color: #0d1117; font-family: ‘Poppins’, sans-serif; font-size: 1rem; font-weight: 700; padding: 16px 32px; border-radius: 10px; text-decoration: none; border: none; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; min-height: 56px; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(25,222,223,0.45); } .btn-primary .arrow { font-size: 1.2rem; } .hero-microcopy { font-size: 0.78rem; color: rgba(255,255,255,0.45); display: flex; align-items: center; gap: 6px; } .hero-microcopy::before { content: ‘🔒’; font-size: 0.85rem; } /* Hero visual */ .hero-visual { position: relative; } .hero-img-wrap { border-radius: 16px; overflow: hidden; box-shadow: 0 32px 80px rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.08); position: relative; } .hero-img-wrap img { width: 100%; display: block; filter: brightness(0.92); } .hero-img-wrap::after { content: ”; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(13,5,32,0.6) 100%); } .hero-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; } .stat-card { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 14px 16px; color: var(–white); backdrop-filter: blur(8px); } .stat-card .num { font-size: 1.6rem; font-weight: 800; color: var(–accent); line-height: 1; } .stat-card .label { font-size: 0.72rem; color: rgba(255,255,255,0.55); margin-top: 4px; } .stat-card.wide { grid-column: span 2; } /* ─── TRUST BAR ─── */ #trust { background: var(–light); padding: 28px 5%; border-bottom: 1px solid rgba(122,55,190,0.1); } .trust-inner { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 28px; overflow-x: auto; } .trust-item { white-space: nowrap; } .trust-item { display: flex; align-items: center; gap: 10px; font-size: 0.85rem; font-weight: 600; color: var(–text); } .trust-icon { font-size: 1.3rem; } .stars { color: #f59e0b; letter-spacing: 2px; font-size: 1rem; } /* ─── SECTIONS ─── */ section { padding: 88px 5%; } .section-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(–primary); margin-bottom: 10px; } h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 800; line-height: 1.25; color: #1a0a30; margin-bottom: 16px; } h2 .accent { color: var(–primary); } .section-sub { font-size: 1rem; color: var(–muted); line-height: 1.7; max-width: 560px; margin-bottom: 48px; } .center { text-align: center; } .center .section-sub { margin-left: auto; margin-right: auto; } /* ─── PROBLEM ─── */ #problem { background: #fff; } .problem-grid { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr) 1.2fr; gap: 20px; } .pain-card { background: #fff8f8; border-left: 4px solid var(–danger); border-radius: var(–radius); padding: 28px 24px; box-shadow: 0 2px 12px rgba(229,62,62,0.07); } .pain-card .icon { font-size: 1.8rem; margin-bottom: 14px; } .pain-card h3 { font-size: 1rem; font-weight: 700; color: #1a1a2e; margin-bottom: 8px; } .pain-card p { font-size: 0.88rem; color: var(–muted); line-height: 1.6; } .solution-card { background: linear-gradient(135deg, var(–primary) 0%, #5a1fa0 100%); border-radius: var(–radius); padding: 32px 28px; color: var(–white); box-shadow: 0 8px 32px rgba(122,55,190,0.3); } .solution-card .icon { font-size: 2rem; margin-bottom: 16px; } .solution-card h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: 12px; } .solution-card p { font-size: 0.9rem; line-height: 1.7; color: rgba(255,255,255,0.85); } .solution-card .tag { display: inline-block; background: rgba(25,222,223,0.2); border: 1px solid rgba(25,222,223,0.4); color: var(–accent); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; padding: 4px 10px; border-radius: 50px; margin-bottom: 16px; text-transform: uppercase; } /* ─── BENEFITS ─── */ #benefits { background: var(–light); } .benefits-grid { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .benefit-card { background: var(–white); border-radius: var(–radius); padding: 36px 28px; box-shadow: var(–shadow); border: 1px solid rgba(122,55,190,0.08); transition: transform 0.3s, box-shadow 0.3s; opacity: 0; transform: translateY(24px); } .benefit-card.visible { opacity: 1; transform: translateY(0); transition: opacity 0.5s ease, transform 0.5s ease; } .benefit-card:hover { transform: translateY(-4px); box-shadow: 0 12px 36px rgba(122,55,190,0.18); } .benefit-icon { font-size: 2.2rem; margin-bottom: 18px; } .benefit-before { font-size: 0.7rem; font-weight: 600; color: var(–muted); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; } .benefit-card h3 { font-size: 1.05rem; font-weight: 700; color: #1a0a30; margin-bottom: 10px; } .benefit-card p { font-size: 0.87rem; color: var(–muted); line-height: 1.7; } /* ─── TESTIMONIALS ─── */ #testimonials { background: var(–white); } .testi-grid { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; } .testi-card { background: var(–light); border-radius: var(–radius); padding: 32px 28px; border: 1px solid rgba(122,55,190,0.1); opacity: 0; transform: translateY(24px); } .testi-card.visible { opacity: 1; transform: translateY(0); transition: opacity 0.5s ease, transform 0.5s ease; } .testi-stars { color: #f59e0b; font-size: 0.95rem; margin-bottom: 14px; } .testi-text { font-size: 0.9rem; line-height: 1.7; color: var(–text); margin-bottom: 20px; font-style: italic; } .testi-author { display: flex; align-items: center; gap: 12px; } .testi-avatar { width: 40px; height: 40px; border-radius: 50%; background: linear-gradient(135deg, var(–primary), var(–accent)); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.9rem; color: white; flex-shrink: 0; } .testi-name { font-size: 0.85rem; font-weight: 700; color: #1a0a30; } .testi-role { font-size: 0.75rem; color: var(–muted); } .testi-tag { display: inline-block; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.06em; background: rgba(122,55,190,0.08); color: var(–primary); padding: 3px 8px; border-radius: 50px; text-transform: uppercase; margin-bottom: 12px; } /* ─── FORM SECTION ─── */ #form-section { background: linear-gradient(135deg, #3b1278 0%, #5a1fa0 60%, #1e3a6e 100%); padding: 96px 5%; position: relative; overflow: hidden; } #form-section::before { content: ”; position: absolute; top: -100px; right: -100px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(122,55,190,0.2) 0%, transparent 70%); pointer-events: none; } .form-wrap { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; } .form-left h2 { color: var(–white); } .form-left h2 .accent { color: var(–accent); } .form-left .section-label { color: var(–accent); } .form-left .section-sub { color: rgba(255,255,255,0.65); } .form-checklist { list-style: none; margin-top: 8px; } .form-checklist li { display: flex; align-items: flex-start; gap: 10px; font-size: 0.9rem; color: rgba(255,255,255,0.8); margin-bottom: 14px; line-height: 1.5; } .form-checklist li::before { content: ‘✓’; color: var(–accent); font-weight: 700; flex-shrink: 0; margin-top: 1px; } /* Form box */ .form-box { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.1); border-radius: 18px; padding: 40px 36px; backdrop-filter: blur(12px); } .form-title { font-size: 1.05rem; font-weight: 700; color: var(–white); margin-bottom: 6px; } .form-subtitle { font-size: 0.82rem; color: rgba(255,255,255,0.5); margin-bottom: 28px; line-height: 1.5; } /* Progress bar */ .progress-wrap { margin-bottom: 28px; } .progress-labels { display: flex; justify-content: space-between; font-size: 0.7rem; color: rgba(255,255,255,0.4); margin-bottom: 8px; font-weight: 600; } .progress-labels span.active { color: var(–accent); } .progress-bar-bg { height: 5px; background: rgba(255,255,255,0.1); border-radius: 50px; overflow: hidden; } .progress-bar-fill { height: 100%; background: linear-gradient(90deg, var(–primary), var(–accent)); border-radius: 50px; transition: width 0.4s ease; } /* Steps */ .form-step { display: none; } .form-step.active { display: block; animation: fadeIn 0.3s ease; } @keyframes fadeIn { from { opacity: 0; transform: translateX(12px); } to { opacity: 1; transform: translateX(0); } } label { display: block; font-size: 0.82rem; font-weight: 600; color: rgba(255,255,255,0.75); margin-bottom: 7px; } select, input[type=”text”], input[type=”email”], input[type=”tel”] { width: 100%; padding: 13px 16px; background: rgba(255,255,255,0.07); border: 1.5px solid rgba(255,255,255,0.12); border-radius: 9px; color: var(–white); font-family: ‘Poppins’, sans-serif; font-size: 0.9rem; margin-bottom: 18px; outline: none; transition: border-color 0.2s; -webkit-appearance: none; } select option { background: #1a0a30; color: white; } select:focus, input:focus { border-color: var(–accent); background: rgba(255,255,255,0.1); } .input-error { border-color: #f87171 !important; } .btn-next, .btn-submit { width: 100%; padding: 15px; background: var(–accent); color: #0d1117; font-family: ‘Poppins’, sans-serif; font-size: 0.95rem; font-weight: 700; border: none; border-radius: 10px; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; min-height: 52px; margin-top: 4px; } .btn-next:hover, .btn-submit:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(25,222,223,0.4); } .form-privacy { text-align: center; font-size: 0.73rem; color: rgba(255,255,255,0.35); margin-top: 14px; display: flex; align-items: center; justify-content: center; gap: 5px; } /* Step 3 confirmation */ .step3-name { color: var(–accent); } .confirmation-icon { font-size: 3rem; margin-bottom: 16px; } .confirmation-text { color: rgba(255,255,255,0.7); font-size: 0.9rem; line-height: 1.7; margin-bottom: 24px; } /* ─── FAQ ─── */ #faq { background: var(–white); padding: 88px 5%; } .faq-inner { max-width: 800px; margin: 0 auto; } .faq-item { border-bottom: 1px solid rgba(122,55,190,0.1); padding: 22px 0; cursor: pointer; } .faq-q { display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 0.95rem; color: #1a0a30; user-select: none; } .faq-q .toggle { width: 28px; height: 28px; border-radius: 50%; background: rgba(122,55,190,0.08); color: var(–primary); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; transition: transform 0.2s; } .faq-item.open .toggle { transform: rotate(45deg); } .faq-a { display: none; font-size: 0.88rem; color: var(–muted); line-height: 1.7; padding-top: 12px; } .faq-item.open .faq-a { display: block; } /* ─── FOOTER ─── */ footer { background: #ffffff; border-top: 1px solid rgba(122,55,190,0.15); padding: 40px 5%; text-align: center; } footer img { height: 36px; margin-bottom: 20px; } footer .footer-links { display: flex; justify-content: center; gap: 24px; margin-bottom: 16px; flex-wrap: wrap; } footer .footer-links a { font-size: 0.8rem; color: var(–muted); text-decoration: none; transition: color 0.2s; } footer .footer-links a:hover { color: var(–primary); } footer .copyright { font-size: 0.75rem; color: #aaa; } /* ─── URGENCY BANNER ─── */ .urgency-bar { background: linear-gradient(90deg, var(–primary), #5a1fa0); text-align: center; padding: 10px 5%; font-size: 0.82rem; font-weight: 600; color: white; position: relative; z-index: 999; } .urgency-bar .u-accent { color: var(–accent); } /* ─── RESPONSIVE ─── */ @media (max-width: 900px) { .hero-inner { grid-template-columns: 1fr; gap: 40px; } .hero-visual { display: none; } .problem-grid { grid-template-columns: 1fr; } .solution-card { } .benefits-grid { grid-template-columns: 1fr; } .testi-grid { grid-template-columns: 1fr; } .form-wrap { grid-template-columns: 1fr; gap: 40px; } h1 { font-size: 1.85rem; } } @media (max-width: 600px) { nav a.nav-cta { font-size: 0.78rem; padding: 9px 16px; } #hero { padding: 120px 5% 64px; min-height: auto; } section { padding: 64px 5%; } .trust-inner { gap: 18px; } .form-box { padding: 28px 22px; } }
⚡ Fristgefahr: Bei Kündigung läuft die Klagefrist nur 3 Wochen — jetzt kostenlos prüfen lassen
Speziell für Delivery Hero Mitarbeitende

Kündigung bei Delivery Hero?
Dein Recht durchsetzen —
ohne Risiko.

Ob Kündigung, Abmahnung oder Abfindung — als Arbeitnehmer bei Delivery Hero stehen Dir klare Rechte zu. Wir kämpfen kompromisslos für Dich. Kostenlose Ersteinschätzung in unter 24 Stunden.

Jetzt kostenlos prüfen lassen → 100% kostenlos · Keine Verpflichtung · Antwort innerhalb 24h
Rechtsanwalt LACHMUND law
500+
Arbeitnehmer erfolgreich vertreten
96%
Erfolgsquote bei Kündigungsschutz
⚖️ Spezialkanzlei für Arbeitsrecht
Exklusiv auf Arbeitnehmerseite — keine Interessenkonflikte
⭐★★★★★ 5,0 Google-Bewertung
🏆Spezialkanzlei Arbeitsrecht
⚡Antwort innerhalb von 24h
✅Ersteinschätzung kostenlos

Die Situation

Was Delivery Hero Mitarbeitende gerade erleben

Konzernkündigungen sind selten sauber. Kennst Du das?

📄

Kündigung überraschend im Briefkasten

Plötzlich liegt das Schreiben auf dem Tisch — ohne Vorwarnung, ohne Erklärung. Und die 3-Wochen-Frist beginnt sofort.

⚠️

Abmahnung für angebliche Fehler

Der Konzern legt Dir Fehler zur Last, die entweder nicht stimmen oder aus dem Kontext gerissen wurden — eine Vorbereitung auf die Kündigung.

💶

Abfindungsangebot weit unter Wert

Das erste Angebot von HR ist fast immer das schlechteste. Ohne Rechtsberatung verschenkst Du bares Geld.

⚖️
Unsere Antwort

Wir kennen die Methoden der Konzerne — und setzen Dein Recht durch.

LACHMUND law vertritt ausschließlich Arbeitnehmer. Keine geteilten Loyalitäten, keine Interessenkonflikte. Nur kompromissloser Einsatz für Deine Ansprüche.

Warum LACHMUND law

Was Du von uns erwarten kannst

Nicht irgendein Anwalt — Deine Spezialkanzlei für Arbeitnehmerrechte

⚡
Statt: wochenlang warten

Ersteinschätzung in 24 Stunden — damit Fristen nicht verstreichen

Bei Kündigungen zählt jeder Tag. Wir bewerten Deine Situation blitzschnell und sichern rechtszeitig alle Fristen — ohne dass Du ins Leere läufst.

🎯
Statt: generische Standardberatung

Tiefes Konzernwissen: Wir kennen die Taktiken von Delivery Hero

Wir haben die internen Prozesse und HR-Strategien großer Tech-Konzerne kennengelernt. Diese Erfahrung nutzen wir gezielt für Deine Verhandlung.

💪
Statt: zahme Kompromisse

Durchsetzungsstarke Vertretung — auch wenn es schwierig wird

Wir scheuen keinen Weg — ob Verhandlung, Einigung oder Klage. Unser Ziel ist Dein bestmögliches Ergebnis, nicht ein schneller Abschluss auf Kosten Deiner Ansprüche.

Erfahrungsberichte

Was Mandanten über uns sagen

Echte Menschen. Echte Ergebnisse.

Arbeitsrechtsstreit
★★★★★

„Ich möchte Frau RA Lachmund und Ihrem Team ganz herzlich für Ihre wunderbare Unterstützung in meinem Arbeitsrechtsstreit danken! Sie hat mich hervorragend, schnell und effizient vertreten sowie auch stets informiert gehalten! Ich empfehle Frau Rechtsanwältin Lachmund uneingeschränkt weiter!”

G
Google-Rezension
Verifizierter Mandant ✓
Abfindung
★★★★★

„Nach 25 Jahren Arbeit musste ich einsehen, dass ich alleine dem Kräftemessen nicht gewachsen war. Erst meine Anwältin von LACHMUND law hat, immer zeitnah, mit absoluter Klarheit, Stärke, Präzision und Überzeugungskraft letztendlich den besten Deal für mich ausgehandelt. Das hat nicht nur mich beeindruckt, sondern auch viele Kollegen vor Ort.”

G
Google Rezension
Verifizierter Mandant ✓
Kündigung
★★★★★

„Anne Lachmund and her team are truly exceptional. She genuinely cares about her clients, works tirelessly to achieve the best outcome, and provides valuable legal insights. Her staff is professional, supportive, and always ready to help. She responds quickly and keeps everything clear and transparent. Highly recommend!”

G
Google-Rezension
Verifizierter Mandant ✓

Kostenlose Ersteinschätzung

Erfahre in 24 Stunden, wo Du rechtlich stehst

Ganz ohne Risiko. Ganz ohne Kosten. Nur klare Antworten von einem Spezialisten für Arbeitsrecht.

  • Prüfung Deines konkreten Falls durch einen Fachanwalt
  • Ersteinschätzung zu Kündigung, Abmahnung oder Abfindung
  • Klare Handlungsempfehlung — ohne Juristendeutsch
  • Absolut kostenlos und unverbindlich
  • DSGVO-konform & streng vertraulich
Deine kostenlose Ersteinschätzung
3 kurze Schritte · dauert ca. 2 Minuten
Situation Kontakt Termin
— Bitte wählen — Ich habe eine Kündigung erhalten Ich habe eine Abmahnung erhalten Mir wurde eine Abfindung angeboten Ich bin in mehreren dieser Situationen
🎯
Fast geschafft, –!

Klick jetzt auf den Button, um direkt einen kostenlosen Erstberatungstermin bei LACHMUND law zu buchen. Ein Fachanwalt für Arbeitsrecht meldet sich bei Dir.

Jetzt Termin sichern ⚖️

🔒 DSGVO-konform · Keine Weitergabe · Kein Spam

FAQ

Häufige Fragen


Ist die Ersteinschätzung wirklich kostenlos und unverbindlich? +
Ja, absolut. Die erste Einschätzung Deiner rechtlichen Situation kostet Dich nichts und verpflichtet Dich zu nichts. Erst wenn Du Dich für eine Zusammenarbeit entscheidest, entstehen Kosten — und das besprechen wir offen und transparent mit Dir.
Wie lange habe ich nach einer Kündigung Zeit? +
Bei einer ordentlichen Kündigung hast Du nur 3 Wochen ab Erhalt des Kündigungsschreibens Zeit, Kündigungsschutzklage einzureichen. Diese Frist ist absolut — danach ist keine Klage mehr möglich. Handle deshalb sofort.
Lohnt sich ein Anwalt, wenn ich eine Rechtsschutzversicherung habe? +
Ja! Wenn Du eine Rechtsschutzversicherung mit Arbeitsrecht hast, übernimmt diese in der Regel die Kosten. Wir unterstützen Dich gerne bei der Kommunikation mit Deiner Versicherung.
Kann ich auch ohne Rechtsschutzversicherung vorgehen? +
Natürlich. Viele unserer Mandanten haben keine Rechtsschutzversicherung. Wir besprechen in der Erstberatung alle Optionen mit Dir — einschließlich des Kostenrisikos und wie sich dieses minimieren lässt.
Was passiert nach der Ersteinschätzung? +
Du erhältst eine klare, ehrliche Einschätzung Deiner Situation: Was sind Deine Rechte? Was sind realistische Ergebnisse? Und wie würden wir konkret für Dich vorgehen? Ohne Druck, ohne versteckte Agenda — einfach klare Informationen für Deine Entscheidung.
let currentStep = 1; const totalSteps = 3; function nextStep(from) { if (from === 1) { const sel = document.getElementById(‘situation’); if (!sel.value) { sel.classList.add(‘input-error’); sel.focus(); return; } sel.classList.remove(‘input-error’); } if (from === 2) { const name = document.getElementById(‘fname’); const email = document.getElementById(‘femail’); let valid = true; if (!name.value.trim()) { name.classList.add(‘input-error’); name.focus(); valid = false; } else name.classList.remove(‘input-error’); if (!email.value.trim() || !email.value.includes(‘@’)) { email.classList.add(‘input-error’); if (valid) email.focus(); valid = false; } else email.classList.remove(‘input-error’); if (!valid) return; // Fill name in step 3 document.getElementById(‘confirmName’).textContent = name.value.trim().split(‘ ‘)[0]; } document.getElementById(‘step’ + from).classList.remove(‘active’); currentStep = from + 1; document.getElementById(‘step’ + currentStep).classList.add(‘active’); // Update progress const pct = (currentStep / totalSteps) * 100; document.getElementById(‘progressBar’).style.width = pct + ‘%’; document.getElementById(‘lbl1’).classList.remove(‘active’); document.getElementById(‘lbl2’).classList.remove(‘active’); document.getElementById(‘lbl3’).classList.remove(‘active’); document.getElementById(‘lbl’ + currentStep).classList.add(‘active’); } function submitForm() { // ── INTEGRATION POINT ────────────────────────────────────────────── // Wire up your email/CRM tool here (Mailchimp, Brevo, HubSpot, etc.) // Available data: const formData = { situation: document.getElementById(‘situation’).value, name: document.getElementById(‘fname’).value, email: document.getElementById(‘femail’).value, phone: document.getElementById(‘fphone’).value, }; console.log(‘New lead:’, formData); // Example: fetch(‘https://your-webhook.com/lead’, { method: ‘POST’, body: JSON.stringify(formData) }) // ────────────────────────────────────────────────────────────────── } // FAQ accordion document.querySelectorAll(‘.faq-item’).forEach(item => { item.querySelector(‘.faq-q’).addEventListener(‘click’, () => { item.classList.toggle(‘open’); }); }); // Scroll-reveal for benefit + testimonial cards const observer = new IntersectionObserver((entries) => { entries.forEach((entry, i) => { if (entry.isIntersecting) { setTimeout(() => entry.target.classList.add(‘visible’), i * 120); observer.unobserve(entry.target); } }); }, { threshold: 0.15 }); document.querySelectorAll(‘.benefit-card, .testi-card’).forEach(el => observer.observe(el));