{"campaignId":"69fa2e43180cb4964614478f","campaignVersionId":"6a02cb7a6794ea3d9f6ac025","companyId":"672c9ea210bb67003cd93538","pageId":"69fa2e43180cb496461447c5","pageName":"Start","pageSlug":"start","tag":"landing","components":[{"_id":"69fa2e63ef88aa07ede6f2e4","type":"component","isTemplate":false,"name":"embed","content":{"body":"<!DOCTYPE html>\n<html lang="de">\n<head>\n <meta charset="UTF-8" />\n <meta name="viewport" content="width=device-width, initial-scale=1.0" />\n <title>KundenEnergie — Solar-Marketing-Pilot 2026</title>\n <meta name="description" content="KundenEnergie steuert sechsstellige Werbebudgets im Performance-Marketing. Im Pilot 2026 bauen wir einem Solar- und Speicher-Installateur in Deutschland ein komplettes Lead-System auf — kostenlos, im Tausch gegen eine offene Fallstudie." />\n\n <link rel="preconnect" href="https://fonts.googleapis.com" />\n <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />\n <link rel="preconnect" href="https://kundenenergie.youcanbook.me" />\n <link rel="dns-prefetch" href="https://kundenenergie.youcanbook.me" />\n <link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />\n\n <style>\n /* ============================================================\n KUNDENENERGIE LANDING PAGE — Light edition\n Modular sections — each commented for easy port to Perspective\n ============================================================ */\n\n :root {\n --bg: #FAF8F4; /* warm off-white / cream */\n --bg-elevated: #FFFFFF; /* cards */\n --bg-soft: #F2EFE7; /* subtle surface variation */\n --border: rgba(15, 23, 42, 0.09);\n --border-strong: rgba(15, 23, 42, 0.18);\n\n --text: #0F172A; /* slate-900 */\n --text-secondary: rgba(15, 23, 42, 0.72);\n --text-muted: rgba(15, 23, 42, 0.5);\n\n --accent: #F59E0B; /* amber-500 — solar */\n --accent-warm: #FB923C; /* orange-400 */\n --accent-deep: #D97706; /* amber-600 */\n --gradient: linear-gradient(135deg, #F59E0B 0%, #FB923C 50%, #F97316 100%);\n\n --success: #10B981;\n --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);\n --shadow-md: 0 4px 18px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);\n --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04);\n\n --container: 1140px;\n --radius: 14px;\n --radius-sm: 8px;\n\n --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n background: var(--bg);\n color: var(--text);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n font-size: 17px;\n line-height: 1.65;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n }\n\n /* ----- TYPOGRAPHY ----- */\n h1, h2, h3, h4 {\n font-family: 'Inter Tight', 'Inter', sans-serif;\n letter-spacing: -0.02em;\n line-height: 1.05;\n color: var(--text);\n }\n h1 {\n font-size: clamp(44px, 7.5vw, 84px);\n font-weight: 800;\n letter-spacing: -0.035em;\n }\n h2 {\n font-size: clamp(34px, 4.8vw, 54px);\n font-weight: 700;\n letter-spacing: -0.025em;\n }\n h3 {\n font-size: clamp(22px, 2.6vw, 28px);\n font-weight: 700;\n letter-spacing: -0.015em;\n }\n h4 {\n font-size: 18px;\n font-weight: 600;\n letter-spacing: -0.01em;\n }\n p { color: var(--text-secondary); }\n p.lead {\n font-size: clamp(18px, 1.6vw, 21px);\n color: var(--text-secondary);\n line-height: 1.55;\n }\n .eyebrow {\n display: inline-block;\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.14em;\n color: var(--accent-deep);\n margin-bottom: 18px;\n padding: 7px 14px;\n background: rgba(245, 158, 11, 0.08);\n border: 1px solid rgba(245, 158, 11, 0.22);\n border-radius: 100px;\n }\n .gradient-text {\n background: var(--gradient);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n color: transparent;\n }\n\n /* ----- LAYOUT ----- */\n .container {\n max-width: var(--container);\n margin: 0 auto;\n padding: 0 28px;\n }\n section {\n padding: clamp(72px, 10vw, 130px) 0;\n position: relative;\n scroll-margin-top: 24px;\n }\n .section-divider {\n border-top: 1px solid var(--border);\n }\n\n /* ----- BUTTONS ----- */\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 16px 28px;\n border-radius: 100px;\n font-family: inherit;\n font-size: 16px;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n transition: all var(--transition);\n border: none;\n white-space: nowrap;\n }\n .btn-primary {\n background: var(--gradient);\n color: #1A0F00;\n box-shadow: 0 4px 16px rgba(245, 158, 11, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25);\n }\n .btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 32px rgba(245, 158, 11, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);\n }\n .btn-primary .arrow { transition: transform var(--transition); }\n .btn-primary:hover .arrow { transform: translateX(4px); }\n .btn-large {\n padding: 18px 34px;\n font-size: 17px;\n }\n\n /* ============================================================\n NAVIGATION (static — sits at top, scrolls with page)\n Lift to Perspective: Header section\n ============================================================ */\n nav {\n padding: 22px 28px;\n background: transparent;\n border-bottom: 1px solid var(--border);\n }\n .nav-inner {\n max-width: var(--container);\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n .logo {\n font-family: 'Inter Tight', sans-serif;\n font-weight: 800;\n font-size: 19px;\n letter-spacing: -0.02em;\n color: var(--text);\n text-decoration: none;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .logo-mark {\n width: 28px;\n height: 28px;\n background: var(--gradient);\n border-radius: 7px;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 8px rgba(245, 158, 11, 0.25);\n }\n .logo-mark::after {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.45), transparent 60%);\n }\n .nav-cta {\n padding: 11px 22px;\n font-size: 14px;\n }\n @media (max-width: 560px) {\n nav { padding: 18px 18px; }\n .nav-inner { gap: 16px; }\n .logo { font-size: 17px; gap: 8px; }\n .logo-mark { width: 26px; height: 26px; }\n .nav-cta {\n padding: 9px 16px;\n font-size: 13px;\n }\n .nav-cta .arrow { display: none; }\n }\n @media (max-width: 360px) {\n .nav-cta-text-full { display: none; }\n .nav-cta-text-short { display: inline; }\n }\n\n /* ============================================================\n HERO\n ============================================================ */\n .hero {\n padding-top: 56px;\n padding-bottom: 32px;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: -240px;\n left: 50%;\n transform: translateX(-50%);\n width: 1100px;\n height: 700px;\n background: radial-gradient(ellipse at center, rgba(245, 158, 11, 0.16), transparent 60%);\n pointer-events: none;\n }\n .hero-inner {\n position: relative;\n z-index: 2;\n text-align: center;\n max-width: 920px;\n margin: 0 auto;\n }\n .hero h1 {\n margin: 24px 0 28px;\n }\n .hero h1 .line {\n display: block;\n }\n .hero p.lead {\n max-width: 700px;\n margin: 0 auto 40px;\n }\n .hero-cta {\n display: inline-flex;\n gap: 14px;\n flex-wrap: wrap;\n justify-content: center;\n }\n .hero-trust {\n margin-top: 36px;\n font-size: 14px;\n color: var(--text-muted);\n letter-spacing: 0.02em;\n }\n\n /* ============================================================\n STATS BAND\n ============================================================ */\n .stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 14px;\n margin-top: 60px;\n }\n .stat {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 32px 16px;\n text-align: center;\n box-shadow: var(--shadow-sm);\n overflow: hidden; /* defensive — prevents long numbers from spilling out */\n }\n .stat-num {\n font-family: 'Inter Tight', sans-serif;\n font-size: clamp(26px, 3.4vw, 48px);\n font-weight: 800;\n letter-spacing: -0.03em;\n line-height: 1;\n background: var(--gradient);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 12px;\n white-space: nowrap; /* keeps "50 - 200" together on one line */\n }\n @media (max-width: 460px) {\n .stat-num { font-size: 24px; }\n .stat { padding: 26px 12px; }\n }\n .stat-label {\n font-size: 14px;\n color: var(--text-secondary);\n line-height: 1.4;\n }\n .stat-sub {\n display: block;\n color: var(--text-muted);\n font-size: 12px;\n margin-top: 2px;\n }\n .caveat {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 24px;\n max-width: 720px;\n line-height: 1.55;\n }\n @media (max-width: 720px) {\n .stats { grid-template-columns: repeat(2, 1fr); }\n }\n\n /* ============================================================\n TWO-COLUMN BLOCK\n ============================================================ */\n .two-col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: start;\n }\n @media (max-width: 900px) {\n .two-col { grid-template-columns: 1fr; gap: 48px; }\n }\n\n /* ============================================================\n PROCESS / STEP CARDS\n ============================================================ */\n .steps {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n margin-top: 64px;\n }\n @media (max-width: 720px) {\n .steps { grid-template-columns: 1fr; }\n }\n .step {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 38px 34px;\n position: relative;\n transition: all var(--transition);\n box-shadow: var(--shadow-sm);\n }\n .step:hover {\n border-color: rgba(245, 158, 11, 0.4);\n transform: translateY(-3px);\n box-shadow: var(--shadow-md);\n }\n .step-icon {\n width: 64px;\n height: 64px;\n border-radius: 16px;\n background: linear-gradient(135deg, rgba(245, 158, 11, 0.14), rgba(251, 146, 60, 0.04));\n border: 1.5px solid rgba(245, 158, 11, 0.32);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 26px;\n }\n .step-icon svg {\n width: 32px;\n height: 32px;\n fill: none;\n stroke: var(--accent-deep);\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n .step-num {\n font-family: 'Inter Tight', sans-serif;\n font-size: 13px;\n font-weight: 700;\n color: var(--accent-deep);\n letter-spacing: 0.12em;\n margin-bottom: 14px;\n }\n .step h3 {\n margin-bottom: 12px;\n }\n .step-meta {\n display: inline-block;\n margin-top: 16px;\n padding: 5px 12px;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-muted);\n background: var(--bg-soft);\n border-radius: 100px;\n }\n\n /* ============================================================\n INCLUDED LIST\n ============================================================ */\n .included-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n .included-list li {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 0;\n border-bottom: 1px solid var(--border);\n color: var(--text);\n font-size: 17px;\n }\n .included-list li:last-child { border-bottom: none; }\n .check {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: var(--gradient);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 2px;\n }\n .check svg { width: 12px; height: 12px; }\n\n .value-card {\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 44px 36px;\n position: relative;\n overflow: hidden;\n box-shadow: var(--shadow-md);\n }\n .value-card::before {\n content: '';\n position: absolute;\n top: -100px;\n right: -100px;\n width: 280px;\n height: 280px;\n background: radial-gradient(circle, rgba(245, 158, 11, 0.18), transparent 70%);\n pointer-events: none;\n }\n .value-row {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n padding: 20px 0;\n border-bottom: 1px solid var(--border);\n position: relative;\n z-index: 1;\n }\n .value-row:last-child { border-bottom: none; padding-bottom: 0; }\n .value-row:first-child { padding-top: 0; }\n .value-label {\n font-size: 15px;\n color: var(--text-muted);\n }\n .value-amount {\n font-family: 'Inter Tight', sans-serif;\n font-size: 22px;\n font-weight: 700;\n color: var(--text);\n letter-spacing: -0.01em;\n }\n .value-amount.huge {\n font-size: clamp(44px, 5.5vw, 60px);\n letter-spacing: -0.03em;\n background: var(--gradient);\n -webkit-background-clip: text;\n background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n .value-amount.strikethrough {\n color: var(--text-muted);\n text-decoration: line-through;\n text-decoration-thickness: 2px;\n text-decoration-color: rgba(15, 23, 42, 0.3);\n }\n\n /* ============================================================\n CRITERIA / BULLET LIST\n ============================================================ */\n .criteria-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 16px;\n margin-top: 36px;\n }\n .criteria-list li {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n font-size: 17px;\n line-height: 1.55;\n }\n .criteria-list li::before {\n content: '';\n flex-shrink: 0;\n width: 8px;\n height: 8px;\n margin-top: 11px;\n border-radius: 50%;\n background: var(--accent);\n }\n\n /* ============================================================\n BOOKING\n ============================================================ */\n .booking-section {\n background: linear-gradient(180deg, transparent 0%, rgba(245, 158, 11, 0.05) 100%);\n }\n .booking-inner {\n max-width: 880px;\n margin: 0 auto;\n text-align: center;\n }\n .booking-inner h2 {\n margin-bottom: 18px;\n }\n .booking-embed {\n margin: 56px 0 32px;\n background: var(--bg-elevated);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 36px;\n min-height: 600px;\n position: relative;\n box-shadow: var(--shadow-md);\n }\n .booking-embed iframe {\n width: 100%;\n height: 600px;\n border: none;\n border-radius: var(--radius-sm);\n background: white;\n }\n .booking-placeholder {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 80px 30px;\n color: var(--text-muted);\n border: 2px dashed var(--border-strong);\n border-radius: var(--radius-sm);\n min-height: 400px;\n }\n .booking-placeholder code {\n background: var(--bg-soft);\n padding: 4px 10px;\n border-radius: 6px;\n font-size: 14px;\n color: var(--accent-deep);\n margin: 8px 4px;\n }\n .booking-fallback {\n margin-top: 24px;\n color: var(--text-muted);\n font-size: 15px;\n }\n .booking-fallback a {\n color: var(--accent-deep);\n text-decoration: none;\n border-bottom: 1px dashed currentColor;\n }\n .booking-fallback a:hover { color: var(--accent-warm); }\n\n /* ============================================================\n FOOTER\n ============================================================ */\n footer {\n padding: 48px 0 50px;\n border-top: 1px solid var(--border);\n color: var(--text-muted);\n font-size: 14px;\n }\n .footer-inner {\n display: flex;\n flex-wrap: wrap;\n gap: 24px;\n justify-content: space-between;\n align-items: center;\n }\n .footer-links {\n display: flex;\n gap: 24px;\n }\n .footer-links a {\n color: var(--text-muted);\n text-decoration: none;\n transition: color var(--transition);\n }\n .footer-links a:hover { color: var(--accent-deep); }\n\n /* ============================================================\n PROCESS DIAGRAM SVG\n ============================================================ */\n .process-svg {\n margin-top: 64px;\n width: 100%;\n max-width: 100%;\n height: auto;\n }\n\n /* Reduce motion for accessibility */\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n html { scroll-behavior: auto; }\n }\n </style>\n</head>\n<body>\n\n <!-- ============================================================\n NAVIGATION (static — top of page, not sticky)\n ============================================================ -->\n <nav>\n <div class="nav-inner">\n <a href="#top" class="logo">\n <span class="logo-mark"></span>\n KundenEnergie\n </a>\n <a href="#booking" class="btn btn-primary nav-cta">\n Pilot-Programm sichern\n <span class="arrow">→</span>\n </a>\n </div>\n </nav>\n\n <!-- ============================================================\n SECTION 1 — HERO\n ============================================================ -->\n <section class="hero" id="top">\n <div class="container">\n <div class="hero-inner">\n <span class="eyebrow">Pilot 2026 · 1 Installateur · Deutschland</span>\n <h1>\n <span class="line">Ein Pilot.</span>\n <span class="line">Ein Installateur.</span>\n <span class="line gradient-text">Null Kosten.</span>\n </h1>\n <p class="lead">\n Wir bauen einem Solar- und Speicher-Installateur in Deutschland ein komplettes Lead-System auf — vom Drehtag über die Meta-Ads bis zum qualifizierenden Funnel und 30 Tagen Live-Betrieb. Dein Beitrag: 0&nbsp;€. Unser Gegenwert: eine offene Fallstudie.\n </p>\n <div class="hero-cta">\n <a href="#booking" class="btn btn-primary btn-large">\n Pilot-Programm sichern\n <span class="arrow">→</span>\n </a>\n </div>\n <div class="hero-trust">Ein bewährtes Performance-Modell. Jetzt für die deutsche Energiewende-Branche.</div>\n </div>\n </div>\n </section>\n\n <!-- ============================================================\n SECTION 2 — WHY NOW (Opportunity gap)\n ============================================================ -->\n <section class="section-divider" id="why">\n <div class="container">\n <span class="eyebrow">Warum das jetzt passiert</span>\n <h2>Im UK läuft es bereits.<br/>In Deutschland noch nicht.</h2>\n <div style="max-width: 820px; margin-top: 32px;">\n <p class="lead" style="margin-bottom: 22px;">\n In den letzten zwei Jahren hat sich in Großbritannien ein neues Modell etabliert. Spezialisierte Marketing-Agenturen drehen ein Mal vor Ort Video-Material mit dem Installateur — auf der Baustelle, mit Drohne, persönlich vor der Kamera. Daraus entstehen kurze Meta-Ads, die in einen qualifizierenden Funnel einlaufen.\n </p>\n <p class="lead" style="margin-bottom: 22px;">\n Was UK-Installateure mit diesem System öffentlich kommunizieren: <strong style="color: var(--text);">50 bis 200 qualifizierte Solar- und Speicher-Leads pro Monat</strong>, bei einem Cost-per-Lead zwischen 20&nbsp;€ und 50&nbsp;€. Über 50 UK-Installateure arbeiten mittlerweile mit diesem System.\n </p>\n <p class="lead">\n In Deutschland — dem zweitgrößten Solarmarkt Europas, mit über 12&nbsp;GW jährlichem Zubau — läuft dieses System noch nicht. Die meisten Installateure verlassen sich auf Empfehlungen, gekaufte Lead-Broker-Listen oder Kaltakquise. Genau hier setzen wir mit KundenEnergie an.\n </p>\n </div>\n\n <div class="stats">\n <div class="stat">\n <div class="stat-num">50 - 200</div>\n <div class="stat-label">Leads / Monat<span class="stat-sub">typische UK-Range</span></div>\n </div>\n <div class="stat">\n <div class="stat-num">20 - 50 €</div>\n <div class="stat-label">Cost-per-Lead<span class="stat-sub">UK-Median: &lt;30&nbsp;€</span></div>\n </div>\n <div class="stat">\n <div class="stat-num">50+</div>\n <div class="stat-label">UK-Installateure<span class="stat-sub">arbeiten so</span></div>\n </div>\n <div class="stat">\n <div class="stat-num">1</div>\n <div class="stat-label">Pilot-Partner<span class="stat-sub">in Deutschland</span></div>\n </div>\n </div>\n <p class="caveat">\n Ranges basieren auf öffentlich kommunizierten Ergebnissen führender UK-Solar-Marketing-Agenturen. Sie sind keine Erfolgsgarantie für deine Kampagne.\n </p>\n </div>\n </section>\n\n <!-- ============================================================\n SECTION 3 — WER WIR SIND (Agency intro, no portrait)\n ============================================================ -->\n <section class="section-divider" id="about">\n <div class="container">\n <div style="max-width: 820px;">\n <span class="eyebrow">Wer wir sind</span>\n <h2>Performance-Marketing. Mit Fokus auf die Energiewende.</h2>\n <p class="lead" style="margin-top: 28px; margin-bottom: 22px;">\n Bei KundenEnergie verwalten wir monatlich sechsstellige Werbebudgets im Performance-Marketing. 2026 bauen wir ein Lead-System für Solar- und Speicher-Installateure, das Empfehlungen, Brokerlisten und Kaltakquise hinter sich lässt.\n </p>\n <p class="lead" style="margin-bottom: 22px;">\n Warum dieser Fokus? Die Energiewende ist eine der größten Investitionsbewegungen der nächsten zwei Jahrzehnte. Installateure, die jetzt ihre Lead-Maschine aufbauen, sichern sich einen Vorsprung, den Wettbewerber später kaum noch einholen.\n </p>\n <p class="lead">\n Mit dem Pilot-Programm 2026 finden wir genau einen Installateur in Deutschland, mit dem wir das Modell aufbauen, optimieren und in eine messbare, transparente Fallstudie verwandeln. Wer Pilot-Partner wird, profitiert sechs bis zwölf Monate vor jedem Wettbewerber von dieser Methode.\n </p>\n </div>\n </div>\n </section>\n\n <!-- ============================================================\n SECTION 4 — HOW IT WORKS (4-step process)\n ============================================================ -->\n <section class="section-divider" id="how">\n <div class="container">\n <span class="eyebrow">Wie es abläuft</span>\n <h2>Vier Schritte. Vom Drehtag<br/>bis zu den ersten Leads.</h2>\n\n <div class="steps">\n <!-- Step 01 — Drehtag — Camera icon -->\n <div class="step">\n <div class="step-icon" aria-hidden="true">\n <svg viewBox="0 0 24 24"><path d="M23 7l-7 5 7 5V7z"/><rect x="1" y="5" width="15" height="14" rx="2"/></svg>\n </div>\n <div class="step-num">01 · DREHTAG VOR ORT</div>\n <h3>Ein Tag, alles abgedreht.</h3>\n <p>Wir kommen zu einer aktiven Installation. Skripte, Regie, Kamera, Drohne — alles übernehmen wir. Du bist auf der Baustelle dabei, und wir holen dich an passenden Stellen vor die Kamera.</p>\n <span class="step-meta">1 Tag · vor Ort</span>\n </div>\n\n <!-- Step 02 — Ad-Produktion — Film strip icon -->\n <div class="step">\n <div class="step-icon" aria-hidden="true">\n <svg viewBox="0 0 24 24"><rect x="2" y="2" width="20" height="20" rx="2.18"/><line x1="7" y1="2" x2="7" y2="22"/><line x1="17" y1="2" x2="17" y2="22"/><line x1="2" y1="12" x2="22" y2="12"/><line x1="2" y1="7" x2="7" y2="7"/><line x1="2" y1="17" x2="7" y2="17"/><line x1="17" y1="17" x2="22" y2="17"/><line x1="17" y1="7" x2="22" y2="7"/></svg>\n </div>\n <div class="step-num">02 · AD-PRODUKTION</div>\n <h3>Sechs bis zehn fertige Video-Ads.</h3>\n <p>Wir schneiden das Material zu sechs bis zehn hochkonvertierenden Video-Ads für Facebook und Instagram — optimiert für deutsche Hausbesitzer.</p>\n <span class="step-meta">Woche 2 – 3</span>\n </div>\n\n <!-- Step 03 — Funnel & Kampagne — Megaphone icon -->\n <div class="step">\n <div class="step-icon" aria-hidden="true">\n <svg viewBox="0 0 24 24"><path d="M3 11l18-5v12L3 14v-3z"/><path d="M11.6 16.8a3 3 0 1 1-5.8-1.6"/></svg>\n </div>\n <div class="step-num">03 · FUNNEL &amp; KAMPAGNE</div>\n <h3>Funnel auf, Kampagne live.</h3>\n <p>Wir bauen einen qualifizierenden Funnel — modelliert auf das System, das im UK Conversion-Raten von über 30&nbsp;% erreicht — und starten die Meta-Kampagne. Setup, Targeting, Pixel — alles.</p>\n <span class="step-meta">Woche 3 – 4</span>\n </div>\n\n <!-- Step 04 — 30 Tage Live-Betrieb — Bar chart / reports icon -->\n <div class="step">\n <div class="step-icon" aria-hidden="true">\n <svg viewBox="0 0 24 24"><path d="M3 3v18h18"/><path d="M18 17V9"/><path d="M13 17V5"/><path d="M8 17v-3"/></svg>\n </div>\n <div class="step-num">04 · 30 TAGE LIVE-BETRIEB</div>\n <h3>Aktives Management. Wöchentliche Reports.</h3>\n <p>Wir steuern die Kampagne aktiv. Tägliches Monitoring, wöchentliche Reports.</p>\n <span class="step-meta">Woche 5 – 9</span>\n </div>\n </div>\n\n <div style="margin-top: 56px; text-align: center;">\n <a href="#booking" class="btn btn-primary btn-large">\n Jetzt Pilot-Programm sichern\n <span class="arrow">→</span>\n </a>\n </div>\n </div>\n </section>\n\n <!-- ============================================================\n SECTION 5 — WHAT'S INCLUDED (Value anchor)\n ============================================================ -->\n <section class="section-divider" id="included">\n <div class="container">\n <span class="eyebrow">Was im Pilot enthalten ist</span>\n <h2>Alles drin.<br/>Du zahlst keinen Cent.</h2>\n <p class="lead" style="max-width: 640px; margin-top: 24px; margin-bottom: 64px;">\n Wir tragen die Produktionskosten und das Werbebudget. Du bekommst das ganze Setup und alle Video-Assets — unabhängig vom Ergebnis.\n </p>\n <div class="two-col">\n <div>\n <ul class="included-list">\n <li><span class="check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6L5 9L10 3" stroke="#1A0F00" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Strategie- &amp; Skript-Entwicklung</span></li>\n <li><span class="check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6L5 9L10 3" stroke="#1A0F00" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Drehtag vor Ort, inkl. Drohne</span></li>\n <li><span class="check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6L5 9L10 3" stroke="#1A0F00" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>6 – 10 fertige Video-Ads</span></li>\n <li><span class="check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6L5 9L10 3" stroke="#1A0F00" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Qualifizierender Funnel auf Perspective</span></li>\n <li><span class="check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6L5 9L10 3" stroke="#1A0F00" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Meta-Ads-Setup &amp; Pixel-Implementierung</span></li>\n <li><span class="check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6L5 9L10 3" stroke="#1A0F00" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>30 Tage aktives Kampagnen-Management</span></li>\n <li><span class="check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6L5 9L10 3" stroke="#1A0F00" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Wöchentliche Reports &amp; Optimierung</span></li>\n <li><span class="check"><svg viewBox="0 0 12 12" fill="none"><path d="M2 6L5 9L10 3" stroke="#1A0F00" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Werbebudget für den Pilot</span></li>\n </ul>\n </div>\n <div class="value-card">\n <div class="value-row">\n <span class="value-label">Vergleichbarer Marktwert</span>\n <span class="value-amount strikethrough">~10.000&nbsp;€</span>\n </div>\n <div class="value-row" style="flex-direction: column; align-items: flex-start; gap: 6px;">\n <span class="value-label">Dein Beitrag im Pilot</span>\n <span class="value-amount huge">0&nbsp;€</span>\n </div>\n <div class="value-row" style="flex-direction: column; align-items: flex-start; gap: 6px; padding-top: 24px;">\n <span class="value-label">Im Gegenzug</span>\n <span style="font-family: 'Inter Tight', sans-serif; font-size: 18px; font-weight: 600; color: var(--text); line-height: 1.4;">Eine offene Fallstudie — der Grundstein, mit dem KundenEnergie weitere Installateure in Deutschland gewinnt.</span>\n </div>\n </div>\n </div>\n </div>\n </section>\n\n <!-- ============================================================\n SECTION 6 — PILOT PROFILE (Who we're looking for)\n ============================================================ -->\n <section class="section-divider" id="profile">\n <div class="container">\n <span class="eyebrow">Pilot-Profil</span>\n <h2>Wer wir suchen.</h2>\n <p class="lead" style="max-width: 720px; margin-top: 24px;">\n Nicht jeder Installateur passt für diesen Pilot. Wir suchen genau einen Partner in Deutschland — und entscheiden anhand der folgenden Kriterien.\n </p>\n <ul class="criteria-list">\n <li>Solar- und Batterie-Installationen im B2C oder B2B-KMU-Bereich</li>\n <li>Mindestens fünf Installationen pro Monat — also Kapazität, neue Leads zeitnah zu verarbeiten</li>\n <li>Kein Lead-Broker oder reiner Vermittler</li>\n <li>Bereitschaft, transparent über Lead-Zahlen, CPL und Outcomes zu berichten</li>\n <li>Verfügbarkeit für einen Drehtag im Mai oder Juni 2026</li>\n </ul>\n <p style="margin-top: 36px; max-width: 720px; color: var(--text-secondary); font-size: 16px;">\n Sobald die Fallstudie steht, ist das Modell nicht mehr kostenlos — wir bieten es dann als reguläres Setup mit monatlichem Retainer an. Wer den Pilot bekommt, hat einen Vorsprung von sechs bis zwölf Monaten gegenüber dem nächsten Installateur in seiner Region.\n </p>\n </div>\n </section>\n\n <!-- ============================================================\n SECTION 7 — BOOKING (#booking)\n Replace .booking-placeholder with your YouCanBookMe iframe\n ============================================================ -->\n <section class="booking-section" id="booking">\n <div class="container">\n <div class="booking-inner">\n <span class="eyebrow">Nächster Schritt</span>\n <h2>Lass uns 15 Minuten sprechen.</h2>\n <p class="lead" style="max-width: 640px; margin: 18px auto 0;">\n Im Call schauen wir gemeinsam, ob du ins Pilot-Profil passt — und du kannst alle Fragen stellen, die du zu Modell, Ablauf und Erwartungen hast. Kein Sales-Pitch.\n </p>\n\n <div class="booking-embed">\n <iframe id="ycbmiframekundenenergie"\n src="https://kundenenergie.youcanbook.me/?noframe=true&skipHeaderFooter=true"\n style="width:100%;height:650px;border:0;background:#FFFFFF;border-radius:8px;"\n frameborder="0"\n allowtransparency="true"\n loading="eager"\n importance="high"></iframe>\n <script>\n // Auto-resize the YouCanBookMe iframe to its content height.\n window.addEventListener('message', function (ev) {\n if (typeof ev.data === 'string' && ev.data.indexOf('YCBMresize') !== -1) {\n var height = parseInt(ev.data.split(':')[1], 10);\n if (!isNaN(height)) {\n document.getElementById('ycbmiframekundenenergie').style.height = (height + 40) + 'px';\n }\n }\n });\n </script>\n </div>\n\n <div class="booking-fallback">\n Lieber direkt schreiben? <a href="mailto:hello@kundenenergie.de">hello@kundenenergie.de</a>\n </div>\n </div>\n </div>\n </section>\n\n <!-- ============================================================\n FOOTER\n ============================================================ -->\n <footer>\n <div class="container">\n <div class="footer-inner">\n <div>\n <strong style="color: var(--text); font-family: 'Inter Tight', sans-serif;">KundenEnergie</strong> · Solar-Marketing-Pilot 2026\n </div>\n <div class="footer-links">\n <a href="mailto:hello@kundenenergie.de">Kontakt</a>\n <a href="#impressum">Impressum</a>\n <a href="#datenschutz">Datenschutz</a>\n </div>\n </div>\n </div>\n </footer>\n\n <script>\n // Smooth-scroll all in-page anchor links — JS fallback for browsers\n // that don't honor `scroll-behavior: smooth` reliably (some mobile Safari).\n document.querySelectorAll('a[href^="#"]').forEach(function (link) {\n link.addEventListener('click', function (e) {\n var id = this.getAttribute('href');\n if (!id || id.length <= 1) return;\n var target = document.querySelector(id);\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n history.pushState(null, '', id);\n }\n });\n });\n </script>\n\n</body>\n</html>","provider":"custom-html","box":{"left":"none","right":"none","top":"small","bottom":"small"},"framed":false,"isGdprSensitive":true},"categoryId":"61af39fa0ff35780165e4faa","sectionId":"65eb072f9671ba48e6c8390b","campaignId":"69fa2e43180cb4964614478f","components":[],"allowedChildSections":[],"pageId":"69fa2e43180cb496461447c5","companyId":"672c9ea210bb67003cd93538","componentType":"embed","createdAt":"2026-05-05T17:52:35.991Z","updatedAt":"2026-05-12T06:28:10.606Z","__v":0}],"isResultPage":false,"animation":"none","theme":{"_id":"5d5b04db87f853001d0c7c84","updatedAt":"2019-09-03T18:32:44.077Z","createdAt":"2019-08-19T20:21:47.082Z","name":"Perspective","typography":"Roboto:300,700","fontColor":"#000000","backgroundColor":"#ffffff","formFieldBackgroundColor":"#007aff","buttonBackgroundColor":"#0080FF","image":"https://perspective.imgix.net/assets/app/themes/perspective.png","type":"theme","__v":0,"transition":"default"},"themeV2":{"typography":"Roboto:300,700","fontColor":"#000000","backgroundColor":"#ffffff","formFieldBackgroundColor":"#007aff","buttonBackgroundColor":"#0080FF","borderRadius":"small","transition":"default"},"fields":[],"cookiesEnabled":false,"language":"en","showProgressBar":false,"showAffiliateBadge":false,"affiliateLink":"","resultMapping":{},"nextPage":"result","sortedPages":["69fa2e43180cb496461447c5"],"hasResultPages":true,"resultPages":["69fa2e43180cb496461447c7"],"isHomePage":true,"isLastPage":false,"firstResultPage":"69fa2e43180cb496461447c7","headScript":"","bodyScript":"","trackingProperties":[],"automaticRedirect":null,"inputMap":{"byComponent":{},"byName":{}},"pageIdSlugMap":{"69fa2e43180cb496461447c5":"start","69fa2e43180cb496461447c7":"thanks"},"context":{"slug":"","trackingVersion":"v4","url":"https://start.kunden-energie.de/","domain":"start.kunden-energie.de"}}