Dein Partner für Immobilienfinanzierung
"},"categoryId":"5a957843b727462286d2d61e","sectionId":"6557bc4c32dfc44fb3c33b21","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"text","createdAt":"2026-04-27T15:58:02.266Z","updatedAt":"2026-05-19T19:16:20.022Z","__v":0},{"_id":"69ef841a23a4b3eee66e2e01","type":"component","isTemplate":false,"name":"text","content":{"kind":[],"box":{"bottom":"large","top":"xLarge","right":"xLarge","left":"xLarge"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"align":"center","size":"medium","text":"Das ist ein Text Block für deine Nachricht.","plainText":"Lass uns gemeinsam den idealen Immobilienkredit für Dich finden – 100% kostenlos und unverbindlich. Vergleiche mit uns mehr als 600 Anbieter für Baufinanzierungen und finde die passende Förderung. Profitiere von günstigen Zinsen und kompetenter Beratung.","wysiwygHtml":"Lass uns gemeinsam den idealen Immobilienkredit für Dich finden – 100% kostenlos und unverbindlich.
Vergleiche mit uns mehr als 600 Anbieter für Baufinanzierungen und finde die passende Förderung. Profitiere von günstigen Zinsen und kompetenter Beratung.
Was möchtest du finanzieren?
"},"parentId":"69e88b156e24a16f23fe21a1","categoryId":"5a957843b727462286d2d61e","sectionId":"6557bc7d32dfc44fb3c340f5","campaignId":"69e2081a94d1544d60365375","components":[{"_id":"69e88b156e24a16f23fe21b6","type":"component","isTemplate":false,"name":"questionTextAnswer","content":{"plainText":"Kauf einer Immobilie","box":{"bottom":"small","top":"small","right":"none","left":"none","backgroundColor":"transparent"},"linking":{"isInternal":true},"align":"left","icon":"house","text":"Sehr gut!","fieldName":"question_1sbylh","clickId":"answer_click_cs3fmb","showIcon":true,"backgroundColor":"#FFFFFF","emoji":"house","srcType":"emoji","wysiwygHtml":"Kauf einer Immobilie
"},"parentId":"69e88b156e24a16f23fe21a5","categoryId":"5a957843b727462286d2d61e","sectionId":"6557bc7d32dfc44fb3c340f5","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"questionTextAnswer","createdAt":"2026-04-22T08:47:17.082Z","updatedAt":"2026-04-27T15:49:43.385Z","__v":0},{"_id":"69e88b156e24a16f23fe21b7","type":"component","isTemplate":false,"name":"questionTextAnswer","content":{"plainText":"Eigenes Bauvorhaben","box":{"bottom":"small","top":"small","right":"none","left":"none","backgroundColor":"transparent"},"linking":{"isInternal":true},"align":"left","icon":"building_construction","text":"Es war okay","fieldName":"question_1sbylh","clickId":"answer_click_br762v","showIcon":true,"emoji":"building_construction","srcType":"emoji","backgroundColor":"#FFFFFF","wysiwygHtml":"Eigenes Bauvorhaben
"},"parentId":"69e88b156e24a16f23fe21a5","categoryId":"5a957843b727462286d2d61e","sectionId":"6557bc7d32dfc44fb3c340f5","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"questionTextAnswer","createdAt":"2026-04-22T08:47:17.082Z","updatedAt":"2026-04-27T15:49:43.385Z","__v":0},{"_id":"69e88b156e24a16f23fe21ba","type":"component","isTemplate":false,"name":"questionTextAnswer","content":{"plainText":"Anschlussfinanzierung","box":{"bottom":"small","top":"small","right":"none","left":"none","backgroundColor":"transparent"},"linking":{"isInternal":true},"align":"left","icon":"euro","text":"Hat mir nicht gefallen","fieldName":"question_1sbylh","clickId":"answer_click_sizdio","showIcon":true,"emoji":"euro","srcType":"emoji","backgroundColor":"#FFFFFF","wysiwygHtml":"Anschlussfinanzierung
"},"parentId":"69e88b156e24a16f23fe21a5","categoryId":"5a957843b727462286d2d61e","sectionId":"6557bc7d32dfc44fb3c340f5","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"questionTextAnswer","createdAt":"2026-04-22T08:47:17.086Z","updatedAt":"2026-04-27T15:49:43.385Z","__v":0},{"_id":"69e88b156e24a16f23fe21bb","type":"component","isTemplate":false,"name":"questionTextAnswer","content":{"plainText":"Modernisierung","box":{"bottom":"small","top":"small","right":"none","left":"none","backgroundColor":"transparent"},"linking":{"isInternal":true},"align":"left","icon":"hammer_and_pick","text":"Hat mir nicht gefallen","fieldName":"question_1sbylh","clickId":"answer_click_px82n5","showIcon":true,"emoji":"hammer_and_pick","srcType":"emoji","backgroundColor":"#FFFFFF","wysiwygHtml":"Modernisierung
"},"parentId":"69e88b156e24a16f23fe21a5","categoryId":"5a957843b727462286d2d61e","sectionId":"6557bc7d32dfc44fb3c340f5","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"questionTextAnswer","createdAt":"2026-04-22T08:47:17.086Z","updatedAt":"2026-04-27T15:49:43.385Z","__v":0},{"_id":"69e88b156e24a16f23fe21bc","type":"component","isTemplate":false,"name":"questionTextAnswer","content":{"plainText":"Kapitalbeschaffung","box":{"bottom":"small","top":"small","right":"none","left":"none","backgroundColor":"transparent"},"linking":{"isInternal":true},"align":"left","icon":"bank","text":"Hat mir nicht gefallen","fieldName":"question_1sbylh","clickId":"answer_click_x511z6","showIcon":true,"emoji":"bank","srcType":"emoji","backgroundColor":"#FFFFFF","wysiwygHtml":"Kapitalbeschaffung
"},"parentId":"69e88b156e24a16f23fe21a5","categoryId":"5a957843b727462286d2d61e","sectionId":"6557bc7d32dfc44fb3c340f5","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"questionTextAnswer","createdAt":"2026-04-22T08:47:17.086Z","updatedAt":"2026-04-27T15:49:43.385Z","__v":0},{"_id":"69e88b156e24a16f23fe21bd","type":"component","isTemplate":false,"name":"questionTextAnswer","content":{"plainText":"Grundstück","box":{"bottom":"small","top":"small","right":"none","left":"none","backgroundColor":"transparent"},"linking":{"isInternal":true},"align":"left","icon":"house_with_garden","text":"Hat mir nicht gefallen","fieldName":"question_1sbylh","clickId":"answer_click_dz884o","showIcon":true,"emoji":"house_with_garden","srcType":"emoji","backgroundColor":"#FFFFFF","wysiwygHtml":"Grundstück
"},"parentId":"69e88b156e24a16f23fe21a5","categoryId":"5a957843b727462286d2d61e","sectionId":"6557bc7d32dfc44fb3c340f5","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"questionTextAnswer","createdAt":"2026-04-22T08:47:17.086Z","updatedAt":"2026-04-27T15:49:43.385Z","__v":0}],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"questionText","createdAt":"2026-04-22T08:47:17.040Z","updatedAt":"2026-04-27T15:49:43.357Z","__v":1}],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"gridColumn","createdAt":"2026-04-22T08:47:17.027Z","updatedAt":"2026-04-27T15:57:39.967Z","__v":0}],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"gridRow","createdAt":"2026-04-22T08:47:17.014Z","updatedAt":"2026-05-21T11:28:33.909Z","__v":0},{"_id":"69e88b51429427eaf018a5d2","type":"component","isTemplate":false,"name":"logos","content":{"isGrayscale":false,"images":["https://cdn.brandfetch.io/idLzQTy3x1/theme/dark/logo.svg?c=1bxid2-Pt-fvQtMo99_KJ","https://cdn.brandfetch.io/id1FU8nOL6/w/820/h/123/theme/dark/logo.png?c=1bxid2-Pt-fvQtMo99_KJ","https://cdn.brandfetch.io/idcF6g5JNo/theme/dark/logo.svg?c=1bxid2-Pt-fvQtMo99_KJ","https://cdn.brandfetch.io/idcI-reHf5/w/1000/h/386/theme/dark/logo.png?c=1bx1735513979617id2-Pt-fvQKaH7lx3h","https://cdn.brandfetch.io/idWPmUE5JO/theme/dark/logo.svg?c=1bx1735513506539id2-Pt-fvQ6mRuxqtm","https://cdn.brandfetch.io/idNsVA30h5/theme/dark/logo.svg?c=1bx1735513906474id2-Pt-fvQSV1aQ55q","https://cdn.brandfetch.io/idED4IlbSx/theme/dark/logo.svg?c=1bx1735513962895id2-Pt-fvQvkVShL2b","https://cdn.brandfetch.io/idextKJFp5/w/800/h/110/theme/dark/logo.png?c=1bxid2-Pt-fvQtMo99_KJ","https://cdn.brandfetch.io/idRAznAJbA/w/820/h/163/theme/dark/logo.png?c=1bx1735513922700id2-Pt-fvQ0Gy0iTdD","https://cdn.brandfetch.io/idGUjf6y0G/w/820/h/305/theme/dark/logo.png?c=1bxid2-Pt-fvQtMo99_KJ","https://cdn.brandfetch.io/id9ysdakLM/theme/dark/logo.svg?c=1bxid2-Pt-fvQtMo99_KJ","https://cdn.brandfetch.io/id9F78Yl15/theme/dark/logo.svg?c=1bxid2-Pt-fvQtMo99_KJ","https://cdn.brandfetch.io/id5PmMuE2j/theme/dark/logo.svg?c=1bxid2-Pt-fvQtMo99_KJ","https://cdn.brandfetch.io/idz4Sdtuy7/w/400/h/400/theme/dark/icon.jpeg?c=1bx1735513415373id2-Pt-fvQ9RYuLeFP","https://cdn.brandfetch.io/idP89vcD4q/w/400/h/400/theme/dark/icon.jpeg?c=1bx1735513945718id2-Pt-fvQXYfGMypk","https://cdn.brandfetch.io/idvd9liMZ0/w/417/h/468/theme/dark/idhJI7NSkh.png?c=1bxid2-Pt-fvQtMo99_KJ"],"box":{"left":"none","right":"none","top":"xLarge","bottom":"none"},"size":"medium"},"categoryId":"5a957843b727462286d2d61e","sectionId":"67222925a2dd377b4db7c140","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"logos","createdAt":"2026-04-22T08:48:17.847Z","updatedAt":"2026-04-27T16:43:35.942Z","__v":0},{"_id":"69ef898c16669d4760d90f42","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>Cramer Finance – Sektion 1: Was uns ausmacht</title>\n<style>\n :root {\n --mint: #7DE3C4;\n --mint-light: #A8EDD7;\n --yellow: #F5D547;\n --ink: #1F2937;\n --ink-soft: #4B5563;\n --bg: #FFFFFF;\n --border: #E5E7EB;\n --gradient: linear-gradient(135deg, var(--mint) 0%, var(--mint-light) 50%, var(--yellow) 100%);\n --shadow-md: 0 8px 24px rgba(0,0,0,0.06);\n --shadow-lg: 0 20px 48px rgba(0,0,0,0.1);\n --radius: 20px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--ink);\n background: var(--bg);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n section {\n padding: 80px 0;\n }\n\n .section-header {\n text-align: left;\n margin-bottom: 56px;\n max-width: 720px;\n }\n\n .eyebrow {\n display: inline-block;\n background: var(--gradient);\n padding: 8px 20px;\n border-radius: 100px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ink);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n margin-bottom: 20px;\n }\n\n h2 {\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 800;\n line-height: 1.15;\n color: var(--ink);\n margin-bottom: 16px;\n letter-spacing: -0.02em;\n }\n\n h2 .accent {\n background: var(--gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-style: italic;\n }\n\n .section-intro {\n font-size: 17px;\n color: var(--ink-soft);\n }\n\n .why-grid {\n display: grid;\n gap: 20px;\n }\n\n /* Oben: 4 Cards nebeneinander */\n .row-top {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n }\n\n @media (max-width: 1000px) {\n .row-top {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 600px) {\n .row-top {\n grid-template-columns: 1fr;\n }\n }\n\n /* Standard Cards */\n .why-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 32px 28px;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n position: relative;\n overflow: hidden;\n text-align: left;\n }\n\n .why-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--gradient);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s ease;\n }\n\n .why-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n }\n\n .why-card:hover::before {\n transform: scaleX(1);\n }\n\n .why-icon {\n width: 56px;\n height: 56px;\n background: var(--gradient);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 26px;\n margin-bottom: 20px;\n }\n\n .why-card h3 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 10px;\n color: var(--ink);\n }\n\n .why-card p {\n font-size: 15px;\n color: var(--ink-soft);\n line-height: 1.55;\n }\n\n /* === BANNER CARD (unten, volle Breite, mit Verlauf) === */\n .banner-card {\n background: var(--gradient);\n border-radius: var(--radius);\n padding: 48px 56px;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n gap: 32px;\n position: relative;\n overflow: hidden;\n box-shadow: var(--shadow-md);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .banner-card::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 80% 50%, rgba(255,255,255,0.4) 0%, transparent 50%);\n pointer-events: none;\n }\n\n .banner-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-lg);\n }\n\n .banner-icon {\n width: 72px;\n height: 72px;\n background: rgba(255,255,255,0.95);\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 36px;\n flex-shrink: 0;\n position: relative;\n box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n }\n\n .banner-content {\n position: relative;\n }\n\n .banner-content h3 {\n font-size: 24px;\n font-weight: 800;\n color: var(--ink);\n margin-bottom: 8px;\n letter-spacing: -0.01em;\n }\n\n .banner-content p {\n font-size: 16px;\n color: var(--ink);\n opacity: 0.85;\n line-height: 1.55;\n max-width: 720px;\n }\n\n .banner-tags {\n display: flex;\n gap: 10px;\n flex-shrink: 0;\n position: relative;\n }\n\n .banner-tag {\n background: rgba(255,255,255,0.95);\n color: var(--ink);\n padding: 8px 16px;\n border-radius: 100px;\n font-size: 13px;\n font-weight: 600;\n white-space: nowrap;\n }\n\n @media (max-width: 900px) {\n .banner-card {\n grid-template-columns: 1fr;\n padding: 36px 32px;\n gap: 20px;\n text-align: left;\n }\n .banner-tags {\n flex-wrap: wrap;\n }\n }\n\n @media (max-width: 768px) {\n section { padding: 60px 0; }\n .banner-content h3 { font-size: 20px; }\n }\n</style>\n</head>\n<body>\n\n<section>\n <div class="container">\n <div class="section-header">\n <span class="eyebrow">Was uns ausmacht</span>\n <h2>Damit Du Deine Finanzierung <span class="accent">wirklich verstehst</span></h2>\n <p class="section-intro">Eine Immobilienfinanzierung ist eine der wichtigsten Entscheidungen Deines Lebens. Wir nehmen uns die Zeit, die diese Entscheidung verdient.</p>\n </div>\n\n <div class="why-grid">\n\n <!-- 4 Cards in einer Reihe -->\n <div class="row-top">\n <div class="why-card">\n <div class="why-icon">🤝</div>\n <h3>Beratung auf Augenhöhe</h3>\n <p>Kein Verkaufsgespräch. Wir hören zu, verstehen Deine Lebenssituation und entwickeln gemeinsam mit Dir die passende Lösung.</p>\n </div>\n\n <div class="why-card">\n <div class="why-icon">🧭</div>\n <h3>Klarheit statt Fachchinesisch</h3>\n <p>Wir erklären Dir alles verständlich – damit Du nicht auf gut Glück unterschreibst, sondern mit voller Überzeugung.</p>\n </div>\n\n <div class="why-card">\n <div class="why-icon">🛡️</div>\n <h3>Sicherheit für 20+ Jahre</h3>\n <p>Wir denken über die Zinsbindung hinaus. Was passiert bei Familienzuwachs, Jobwechsel oder Anschlussfinanzierung? Alles eingeplant.</p>\n </div>\n\n <div class="why-card">\n <div class="why-icon">⚓</div>\n <h3>Ein fester Ansprechpartner</h3>\n <p>Du bekommst nicht jedes Mal jemand Neues an die Strippe. Wir begleiten Dich – vom ersten Gespräch bis zur Schlüsselübergabe.</p>\n </div>\n </div>\n\n <!-- Banner Card mit Verlauf -->\n <div class="banner-card">\n <div class="banner-icon">🏠</div>\n <div class="banner-content">\n <h3>Mehr als nur Finanzierung</h3>\n <p>Wir denken Versicherungen, Fördermittel und steuerliche Vorteile mit – damit am Ende alles ineinandergreift und Du keine bösen Überraschungen erlebst.</p>\n </div>\n <div class="banner-tags">\n <span class="banner-tag">Versicherungen</span>\n <span class="banner-tag">Fördermittel</span>\n <span class="banner-tag">Steuern</span>\n </div>\n </div>\n\n </div>\n </div>\n</section>\n\n</body>\n</html>","provider":"custom-html","box":{"left":"none","right":"none","top":"none","bottom":"none"},"framed":false,"isGdprSensitive":false},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"embed","createdAt":"2026-04-27T16:06:36.083Z","updatedAt":"2026-04-27T16:11:59.583Z","__v":0},{"_id":"69ef8c1bf97a5a2ce04bf876","type":"component","isTemplate":false,"name":"button","content":{"buttonType":"button","box":{"bottom":"medium","top":"none","right":"large","left":"large"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"linking":{"isInternal":true,"pageId":"69e2081a94d1544d603653ad","isNewTab":false,"componentId":"69e88b156e24a16f23fe21a1"},"size":"small","align":"center","text":"Klick mich!","borderRadius":"minor","plainText":"Mehr erfahren","clickId":"button_click_lmfdq7","animation":"","backgroundColor":"linear-gradient(165deg,rgba(68,68,68,1)1%,rgb(110,110,110)100%)","fullWidthOnDesktop":true,"wysiwygHtml":"Mehr erfahren
"},"categoryId":"5a957843b727462286d2d61e","sectionId":"6904b167f0184c1c0536c234","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"button","createdAt":"2026-04-27T16:17:31.264Z","updatedAt":"2026-05-06T15:53:19.086Z","__v":0},{"_id":"69ef8ff723a4b3eee66ea211","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>Beratungsprozess – Cramer Finance</title>\n<link rel="preconnect" href="https://fonts.googleapis.com">\n<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>\n<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@400;500;600;700&display=swap" rel="stylesheet">\n<style>\n :root{\n --bg:#FFFFFF;\n --mint:#7DE3C4;\n --mint-light:#A8EDD7;\n --mint-deep:#4EC9A4;\n --yellow:#F5D547;\n --yellow-warm:#F0C419;\n --ink:#1F2937;\n --ink-soft:#4B5563;\n --ink-dim:#6B7280;\n --card-bg:#FFFFFF;\n --card-border:#E5E7EB;\n --line:rgba(125,227,196,0.45);\n --grid:rgba(125,227,196,0.10);\n --gradient:linear-gradient(135deg, var(--mint) 0%, var(--mint-light) 50%, var(--yellow) 100%);\n --shadow-card:0 4px 16px rgba(0,0,0,0.04), 0 20px 40px -20px rgba(0,0,0,0.12);\n }\n\n *{box-sizing:border-box;margin:0;padding:0}\n html,body{\n background:var(--bg);\n color:var(--ink);\n font-family:'Geist',system-ui,-apple-system,sans-serif;\n overflow-x:hidden;\n }\n\n body{\n min-height:100vh;\n display:grid;place-items:center;\n padding:40px 20px;\n background:\n radial-gradient(1200px 600px at 50% 50%, rgba(125,227,196,.10), transparent 70%),\n radial-gradient(800px 500px at 50% 100%, rgba(245,213,71,.08), transparent 70%),\n var(--bg);\n }\n\n body::before{\n content:"";\n position:fixed;inset:0;\n background-image:\n linear-gradient(var(--grid) 1px, transparent 1px),\n linear-gradient(90deg, var(--grid) 1px, transparent 1px);\n background-size:80px 80px;\n mask-image:radial-gradient(ellipse 80% 70% at 50% 50%, #000 30%, transparent 80%);\n -webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%, #000 30%, transparent 80%);\n pointer-events:none;\n z-index:0;\n }\n\n /* === DESKTOP STAGE === */\n .stage{\n position:relative;\n width:100%;\n max-width:1100px;\n aspect-ratio:1100/780;\n z-index:1;\n }\n\n .stage svg.flow{\n position:absolute;\n inset:0;\n width:100%;height:100%;\n overflow:visible;\n z-index:1;\n pointer-events:none;\n }\n\n .node{\n position:absolute;\n transform:translate(-50%,-50%);\n z-index:2;\n }\n\n /* === INPUT CARDS === */\n .card-input{\n background:var(--card-bg);\n border:1px solid var(--card-border);\n border-radius:14px;\n padding:14px 16px;\n box-shadow:var(--shadow-card);\n width:240px;\n }\n .card-label{\n text-align:center;\n margin-top:14px;\n font-size:13px;\n color:var(--ink-soft);\n font-weight:600;\n position:relative;\n z-index:3;\n }\n .card-label span{\n background:var(--bg);\n padding:4px 12px;\n border-radius:6px;\n display:inline-block;\n }\n\n .life-card{display:flex;flex-direction:column;gap:10px}\n .life-row{display:flex;align-items:center;gap:10px}\n .life-icon{\n width:28px;height:28px;border-radius:8px;\n background:var(--gradient);\n display:grid;place-items:center;\n flex-shrink:0;\n font-size:14px;\n }\n .life-bar{height:6px;border-radius:3px;background:rgba(125,227,196,.25);flex:1;position:relative;overflow:hidden}\n .life-bar::after{\n content:"";position:absolute;inset:0;\n width:60%;\n background:var(--gradient);\n border-radius:3px;\n }\n .life-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}\n .life-tag{\n font-size:10px;font-weight:600;\n padding:3px 8px;border-radius:100px;\n background:rgba(125,227,196,.15);\n color:var(--ink-soft);\n white-space:nowrap;\n }\n\n .voice-card{display:flex;align-items:center;gap:12px}\n .voice-play{\n width:36px;height:36px;border-radius:50%;\n background:var(--gradient);\n display:grid;place-items:center;\n flex-shrink:0;\n box-shadow:0 4px 14px rgba(125,227,196,.5);\n }\n .voice-play svg{width:14px;height:14px;fill:var(--ink);margin-left:2px}\n .voice-wave{\n flex:1;\n display:flex;align-items:center;gap:3px;height:36px;\n }\n .voice-wave span{\n flex:1;\n background:var(--gradient);\n border-radius:2px;\n animation:waveAnim 1.4s ease-in-out infinite;\n }\n .voice-wave span:nth-child(1){animation-delay:0s;height:30%}\n .voice-wave span:nth-child(2){animation-delay:.1s;height:60%}\n .voice-wave span:nth-child(3){animation-delay:.2s;height:90%}\n .voice-wave span:nth-child(4){animation-delay:.3s;height:50%}\n .voice-wave span:nth-child(5){animation-delay:.4s;height:80%}\n .voice-wave span:nth-child(6){animation-delay:.5s;height:40%}\n .voice-wave span:nth-child(7){animation-delay:.6s;height:70%}\n .voice-wave span:nth-child(8){animation-delay:.7s;height:30%}\n .voice-wave span:nth-child(9){animation-delay:.8s;height:55%}\n .voice-wave span:nth-child(10){animation-delay:.9s;height:25%}\n @keyframes waveAnim{\n 0%,100%{transform:scaleY(.5);opacity:.6}\n 50%{transform:scaleY(1);opacity:1}\n }\n\n .data-card{display:flex;flex-direction:column;gap:8px}\n .data-head{\n display:flex;align-items:center;gap:8px;\n font-size:11px;letter-spacing:.14em;text-transform:uppercase;\n color:var(--mint-deep);font-weight:700;\n }\n .data-head::before{\n content:"";\n width:6px;height:6px;border-radius:50%;\n background:var(--mint-deep);\n box-shadow:0 0 8px var(--mint-deep);\n animation:pulseDot 1.6s ease-in-out infinite;\n }\n @keyframes pulseDot{\n 0%,100%{opacity:1;transform:scale(1)}\n 50%{opacity:.5;transform:scale(1.3)}\n }\n\n /* Fade-Transition für rotierenden Content */\n [data-rotate]{\n transition: opacity .35s ease, transform .35s ease;\n }\n [data-rotate].is-fading{\n opacity: 0;\n transform: translateY(-4px);\n }\n [data-rotate-head]{\n transition: opacity .35s ease;\n }\n [data-rotate-head].is-fading{\n opacity: 0;\n }\n .data-row{\n transition: opacity .35s ease, transform .35s ease;\n }\n .data-row.is-fading{\n opacity: 0;\n transform: translateY(-4px);\n }\n .data-row{display:flex;align-items:center;gap:8px;justify-content:space-between}\n .data-label{font-size:11px;color:var(--ink-dim);font-weight:500}\n .data-value{\n font-size:12px;font-weight:700;color:var(--ink);\n padding:2px 8px;border-radius:6px;\n background:rgba(125,227,196,.18);\n white-space:nowrap;\n }\n\n /* === CENTER === */\n .center{\n position:absolute;\n left:50%;top:50%;\n transform:translate(-50%,-50%);\n z-index:3;\n }\n .center-card{\n background:var(--bg);\n border:1px solid var(--card-border);\n border-radius:18px;\n padding:18px 20px;\n box-shadow:\n 0 0 0 1px rgba(125,227,196,.3),\n 0 0 60px rgba(125,227,196,.25),\n 0 30px 80px -30px rgba(0,0,0,.18);\n width:320px;\n position:relative;\n }\n .center-card::after{\n content:"";\n position:absolute;\n inset:-1px;\n border-radius:18px;\n padding:1.5px;\n background:var(--gradient);\n -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n -webkit-mask-composite:xor;\n mask-composite:exclude;\n opacity:.6;\n pointer-events:none;\n }\n\n .center-header{\n display:flex;align-items:center;gap:12px;\n margin-bottom:14px;\n }\n .center-logo{\n width:40px;height:40px;border-radius:10px;\n background:var(--gradient);\n display:grid;place-items:center;\n color:var(--ink);\n font-family:'Instrument Serif',serif;\n font-style:italic;\n font-size:22px;\n line-height:1;\n font-weight:600;\n box-shadow:0 4px 16px rgba(125,227,196,.5);\n flex-shrink:0;\n }\n .center-title{\n font-size:15px;font-weight:700;color:var(--ink);\n flex:1;\n line-height:1.2;\n }\n .center-subtitle{\n font-size:11px;color:var(--ink-dim);font-weight:500;\n margin-top:2px;\n }\n .center-icon{\n width:24px;height:24px;border-radius:6px;\n background:rgba(125,227,196,.15);\n display:grid;place-items:center;color:var(--mint-deep);\n flex-shrink:0;\n }\n .center-icon svg{width:12px;height:12px}\n\n .center-tabs{\n display:flex;gap:6px;margin-bottom:12px;\n }\n .center-tabs span{height:8px;border-radius:4px}\n .center-tabs span:nth-child(1){\n width:60px;\n background:var(--gradient);\n box-shadow:0 0 10px rgba(125,227,196,.5);\n }\n .center-tabs span:nth-child(2){width:40px;background:rgba(125,227,196,.18)}\n .center-tabs span:nth-child(3){width:50px;background:rgba(125,227,196,.18)}\n\n .center-bars{display:flex;flex-direction:column;gap:6px}\n .center-bars div{height:5px;border-radius:3px;background:rgba(125,227,196,.18)}\n .center-bars div:nth-child(1){\n width:90%;\n background:var(--gradient);\n }\n .center-bars div:nth-child(2){width:65%}\n .center-bars div:nth-child(3){width:80%}\n\n /* === OUTPUT CARDS === */\n .card-output{\n background:var(--card-bg);\n border:1px solid var(--card-border);\n border-radius:14px;\n padding:14px 16px;\n width:200px;\n transition:border-color .4s ease, box-shadow .4s ease, transform .4s ease;\n box-shadow:var(--shadow-card);\n }\n .card-output.is-active{\n border-color:var(--mint-deep);\n box-shadow:\n 0 0 0 1.5px var(--mint-deep),\n 0 0 30px rgba(125,227,196,.5),\n 0 20px 40px -20px rgba(0,0,0,.15);\n transform:translateY(-2px);\n }\n\n .out-head{\n display:flex;align-items:center;gap:8px;margin-bottom:10px;\n }\n .out-icon{\n width:26px;height:26px;border-radius:7px;\n display:grid;place-items:center;\n color:var(--ink);flex-shrink:0;\n background:var(--gradient);\n }\n .out-icon svg{width:14px;height:14px}\n .out-name{font-size:13px;font-weight:700;color:var(--ink)}\n\n .out-bar{height:6px;border-radius:3px;background:rgba(125,227,196,.18);margin-bottom:6px}\n .out-bar.w70{width:70%}\n .out-bar.w50{width:50%}\n\n .out-detail{\n margin-top:10px;\n padding:8px 10px;\n border-radius:8px;\n background:rgba(125,227,196,.10);\n display:flex;align-items:center;justify-content:space-between;\n font-size:11px;\n gap:6px;\n }\n .out-detail-label{color:var(--ink-dim);font-weight:500}\n .out-detail-value{color:var(--ink);font-weight:700;white-space:nowrap}\n\n .out-status{\n margin-top:10px;\n font-size:11px;\n color:var(--mint-deep);\n font-weight:700;\n display:flex;align-items:center;gap:6px;\n opacity:0;\n transition:opacity .3s ease;\n }\n .out-status::before{content:"✓";font-size:13px;font-weight:800}\n .card-output.is-active .out-status{opacity:1}\n\n .line-static{\n fill:none;\n stroke:rgba(125,227,196,0.85);\n stroke-width:2.5;\n filter:drop-shadow(0 0 4px rgba(125,227,196,0.4));\n }\n .line-glow{\n fill:none;\n stroke:url(#flowGrad);\n stroke-width:4;\n stroke-linecap:round;\n filter:url(#lineSoftGlow);\n opacity:0;\n }\n .particle{\n fill:var(--mint-deep);\n filter:url(#particleGlow);\n }\n\n /* === MOBILE STAGE === */\n .stage-mobile{\n display:none;\n position:relative;\n width:100%;\n max-width:420px;\n z-index:1;\n padding:20px 0;\n }\n\n .mobile-section-label{\n font-size:11px;\n text-transform:uppercase;\n letter-spacing:.14em;\n font-weight:700;\n color:var(--mint-deep);\n text-align:center;\n margin:8px 0 16px;\n display:flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n }\n .mobile-section-label::before,\n .mobile-section-label::after{\n content:"";\n height:1px;\n width:40px;\n background:linear-gradient(90deg, transparent, var(--mint));\n }\n .mobile-section-label::after{\n background:linear-gradient(90deg, var(--mint), transparent);\n }\n\n .mobile-cards{\n display:flex;\n flex-direction:column;\n gap:14px;\n }\n\n .mobile-card-wrap{\n display:flex;\n flex-direction:column;\n align-items:center;\n }\n\n .mobile-connector{\n height:32px;\n width:2px;\n background:linear-gradient(180deg, var(--mint), var(--mint-light));\n position:relative;\n margin:6px 0;\n }\n .mobile-connector::after{\n content:"";\n position:absolute;\n top:0;\n left:50%;\n transform:translateX(-50%);\n width:8px;\n height:8px;\n border-radius:50%;\n background:var(--mint-deep);\n box-shadow:0 0 12px var(--mint-deep);\n animation:flowDot 1.8s ease-in-out infinite;\n }\n @keyframes flowDot{\n 0%{top:0;opacity:0}\n 20%{opacity:1}\n 80%{opacity:1}\n 100%{top:calc(100% - 8px);opacity:0}\n }\n\n .mobile-card-wrap .card-input,\n .mobile-card-wrap .card-output{\n width:100%;\n max-width:300px;\n }\n\n .mobile-card-wrap .card-label{\n margin-top:8px;\n font-size:12px;\n }\n\n .mobile-center .center-card{\n width:100%;\n max-width:320px;\n }\n\n /* Mobile fan-out for outputs (2x2 grid) */\n .mobile-outputs{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:12px;\n width:100%;\n max-width:320px;\n }\n\n .mobile-outputs .card-output{\n width:100%;\n padding:12px;\n }\n\n .mobile-outputs .out-name{\n font-size:12px;\n }\n\n .mobile-outputs .out-detail{\n font-size:10px;\n padding:6px 8px;\n }\n\n /* Status-Meldungen auf Mobile dauerhaft sichtbar */\n .mobile-outputs .out-status{\n font-size:10px;\n opacity:0.7;\n transition:opacity .4s ease, transform .4s ease;\n }\n\n .mobile-outputs .card-output.is-active .out-status{\n opacity:1;\n transform:translateY(-1px);\n }\n\n /* === BREAKPOINTS === */\n @media (max-width: 720px){\n .stage{display:none}\n .stage-mobile{display:block}\n body{padding:20px 16px}\n }\n</style>\n</head>\n<body>\n\n<!-- ================= DESKTOP VERSION ================= -->\n<div class="stage" id="stage">\n\n <svg class="flow" viewBox="0 0 1100 780" preserveAspectRatio="none">\n <defs>\n <linearGradient id="flowGrad" x1="0%" y1="0%" x2="100%" y2="0%">\n <stop offset="0%" stop-color="rgba(125,227,196,0)"/>\n <stop offset="50%" stop-color="rgba(78,201,164,1)"/>\n <stop offset="100%" stop-color="rgba(245,213,71,0)"/>\n </linearGradient>\n <filter id="particleGlow" x="-300%" y="-300%" width="700%" height="700%">\n <feGaussianBlur stdDeviation="3" result="b"/>\n <feMerge>\n <feMergeNode in="b"/>\n <feMergeNode in="SourceGraphic"/>\n </feMerge>\n </filter>\n <filter id="lineSoftGlow" x="-50%" y="-50%" width="200%" height="200%">\n <feGaussianBlur stdDeviation="1.5" result="b"/>\n <feMerge>\n <feMergeNode in="b"/>\n <feMergeNode in="SourceGraphic"/>\n </feMerge>\n </filter>\n </defs>\n\n <g id="staticLines"></g>\n <g id="glowLines"></g>\n <g id="particles"></g>\n </svg>\n\n <!-- INPUT NODES -->\n <div class="node" data-role="in" data-x="220" data-y="155" style="left:20%;top:20%">\n <div class="card-input">\n <div class="life-card">\n <div class="life-row">\n <div class="life-icon" data-rotate="life-icon">👨👩👧</div>\n <div class="life-bar"></div>\n </div>\n <div class="life-tags" data-rotate="life-tags">\n <span class="life-tag">Familie</span>\n <span class="life-tag">Eigenheim</span>\n <span class="life-tag">Sicherheit</span>\n </div>\n </div>\n </div>\n <div class="card-label"><span>Deine Lebensplanung</span></div>\n </div>\n\n <div class="node" data-role="in" data-x="550" data-y="155" style="left:50%;top:20%">\n <div class="card-input">\n <div class="voice-card">\n <div class="voice-play">\n <svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>\n </div>\n <div class="voice-wave">\n <span></span><span></span><span></span><span></span><span></span>\n <span></span><span></span><span></span><span></span><span></span>\n </div>\n </div>\n </div>\n <div class="card-label"><span>Dein persönliches Gespräch</span></div>\n </div>\n\n <div class="node" data-role="in" data-x="880" data-y="155" style="left:80%;top:20%">\n <div class="card-input">\n <div class="data-card" data-rotate="data-card">\n <div class="data-head" data-rotate-head>Eckdaten</div>\n <div class="data-row">\n <span class="data-label">Kaufpreis</span>\n <span class="data-value">450.000 €</span>\n </div>\n <div class="data-row">\n <span class="data-label">Eigenkapital</span>\n <span class="data-value">90.000 €</span>\n </div>\n <div class="data-row">\n <span class="data-label">Einkommen</span>\n <span class="data-value">5.200 €</span>\n </div>\n </div>\n </div>\n <div class="card-label"><span>Deine Eckdaten</span></div>\n </div>\n\n <!-- CENTER -->\n <div class="center" data-x="550" data-y="390">\n <div class="center-card">\n <div class="center-header">\n <div class="center-logo">cf</div>\n <div class="center-title">\n Cramer Finance\n <div class="center-subtitle">Ganzheitliche Beratung</div>\n </div>\n <div class="center-icon">\n <svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>\n </div>\n </div>\n <div class="center-tabs">\n <span></span><span></span><span></span>\n </div>\n <div class="center-bars">\n <div></div><div></div><div></div>\n </div>\n </div>\n </div>\n\n <!-- OUTPUT NODES -->\n <div class="node" data-role="out" data-x="155" data-y="640" style="left:14%;top:82%">\n <div class="card-output">\n <div class="out-head">\n <div class="out-icon">\n <svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/></svg>\n </div>\n <div class="out-name">Tilgungsplan</div>\n </div>\n <div class="out-bar w70"></div>\n <div class="out-bar w50"></div>\n <div class="out-detail">\n <span class="out-detail-label">Laufzeit</span>\n <span class="out-detail-value">25 Jahre</span>\n </div>\n <div class="out-status">Optimiert</div>\n </div>\n </div>\n\n <div class="node" data-role="out" data-x="420" data-y="640" style="left:38%;top:82%">\n <div class="card-output">\n <div class="out-head">\n <div class="out-icon">\n <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg>\n </div>\n <div class="out-name">Absicherung</div>\n </div>\n <div class="out-bar w70"></div>\n <div class="out-bar w50"></div>\n <div class="out-detail">\n <span class="out-detail-label">Risiko</span>\n <span class="out-detail-value">Abgedeckt</span>\n </div>\n <div class="out-status">Eingeplant</div>\n </div>\n </div>\n\n <div class="node" data-role="out" data-x="685" data-y="640" style="left:62%;top:82%">\n <div class="card-output">\n <div class="out-head">\n <div class="out-icon">\n <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17.93V18h-2v1.93A8.001 8.001 0 0 1 4.07 13H6v-2H4.07A8.001 8.001 0 0 1 11 4.07V6h2V4.07A8.001 8.001 0 0 1 19.93 11H18v2h1.93A8.001 8.001 0 0 1 13 19.93z"/></svg>\n </div>\n <div class="out-name">Förderungen</div>\n </div>\n <div class="out-bar w70"></div>\n <div class="out-bar w50"></div>\n <div class="out-detail">\n <span class="out-detail-label">KfW</span>\n <span class="out-detail-value">Geprüft</span>\n </div>\n <div class="out-status">Maximiert</div>\n </div>\n </div>\n\n <div class="node" data-role="out" data-x="945" data-y="640" style="left:86%;top:82%">\n <div class="card-output">\n <div class="out-head">\n <div class="out-icon">\n <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm0-12C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>\n </div>\n <div class="out-name">Anschluss</div>\n </div>\n <div class="out-bar w70"></div>\n <div class="out-bar w50"></div>\n <div class="out-detail">\n <span class="out-detail-label">Zinsbindung</span>\n <span class="out-detail-value">15 Jahre</span>\n </div>\n <div class="out-status">Vorausgeplant</div>\n </div>\n </div>\n\n</div>\n\n<!-- ================= MOBILE VERSION ================= -->\n<div class="stage-mobile">\n\n <div class="mobile-section-label">Was Du mitbringst</div>\n\n <div class="mobile-cards">\n\n <div class="mobile-card-wrap">\n <div class="card-input">\n <div class="life-card">\n <div class="life-row">\n <div class="life-icon" data-rotate="life-icon">👨👩👧</div>\n <div class="life-bar"></div>\n </div>\n <div class="life-tags" data-rotate="life-tags">\n <span class="life-tag">Familie</span>\n <span class="life-tag">Eigenheim</span>\n <span class="life-tag">Sicherheit</span>\n </div>\n </div>\n </div>\n <div class="card-label"><span>Deine Lebensplanung</span></div>\n </div>\n\n <div class="mobile-card-wrap">\n <div class="card-input">\n <div class="voice-card">\n <div class="voice-play">\n <svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>\n </div>\n <div class="voice-wave">\n <span></span><span></span><span></span><span></span><span></span>\n <span></span><span></span><span></span><span></span><span></span>\n </div>\n </div>\n </div>\n <div class="card-label"><span>Dein persönliches Gespräch</span></div>\n </div>\n\n <div class="mobile-card-wrap">\n <div class="card-input">\n <div class="data-card" data-rotate="data-card">\n <div class="data-head" data-rotate-head>Eckdaten</div>\n <div class="data-row">\n <span class="data-label">Kaufpreis</span>\n <span class="data-value">450.000 €</span>\n </div>\n <div class="data-row">\n <span class="data-label">Eigenkapital</span>\n <span class="data-value">90.000 €</span>\n </div>\n <div class="data-row">\n <span class="data-label">Einkommen</span>\n <span class="data-value">5.200 €</span>\n </div>\n </div>\n </div>\n <div class="card-label"><span>Deine Eckdaten</span></div>\n </div>\n\n </div>\n\n <div class="mobile-card-wrap">\n <div class="mobile-connector"></div>\n </div>\n\n <div class="mobile-section-label">Unsere Beratung</div>\n\n <div class="mobile-card-wrap mobile-center">\n <div class="center-card">\n <div class="center-header">\n <div class="center-logo">cf</div>\n <div class="center-title">\n Cramer Finance\n <div class="center-subtitle">Ganzheitliche Beratung</div>\n </div>\n <div class="center-icon">\n <svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>\n </div>\n </div>\n <div class="center-tabs">\n <span></span><span></span><span></span>\n </div>\n <div class="center-bars">\n <div></div><div></div><div></div>\n </div>\n </div>\n </div>\n\n <div class="mobile-card-wrap">\n <div class="mobile-connector"></div>\n </div>\n\n <div class="mobile-section-label">Dein Finanzierungs-Konzept</div>\n\n <div class="mobile-card-wrap">\n <div class="mobile-outputs">\n\n <div class="card-output mobile-out-1">\n <div class="out-head">\n <div class="out-icon">\n <svg viewBox="0 0 24 24" fill="currentColor"><path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/></svg>\n </div>\n <div class="out-name">Tilgungsplan</div>\n </div>\n <div class="out-detail">\n <span class="out-detail-label">Laufzeit</span>\n <span class="out-detail-value">25 J.</span>\n </div>\n <div class="out-status">Optimiert</div>\n </div>\n\n <div class="card-output mobile-out-2">\n <div class="out-head">\n <div class="out-icon">\n <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/></svg>\n </div>\n <div class="out-name">Absicherung</div>\n </div>\n <div class="out-detail">\n <span class="out-detail-label">Risiko</span>\n <span class="out-detail-value">Geprüft</span>\n </div>\n <div class="out-status">Eingeplant</div>\n </div>\n\n <div class="card-output mobile-out-3">\n <div class="out-head">\n <div class="out-icon">\n <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17.93V18h-2v1.93A8.001 8.001 0 0 1 4.07 13H6v-2H4.07A8.001 8.001 0 0 1 11 4.07V6h2V4.07A8.001 8.001 0 0 1 19.93 11H18v2h1.93A8.001 8.001 0 0 1 13 19.93z"/></svg>\n </div>\n <div class="out-name">Förderungen</div>\n </div>\n <div class="out-detail">\n <span class="out-detail-label">KfW</span>\n <span class="out-detail-value">Geprüft</span>\n </div>\n <div class="out-status">Maximiert</div>\n </div>\n\n <div class="card-output mobile-out-4">\n <div class="out-head">\n <div class="out-icon">\n <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm0-12C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>\n </div>\n <div class="out-name">Anschluss</div>\n </div>\n <div class="out-detail">\n <span class="out-detail-label">Zins</span>\n <span class="out-detail-value">15 J.</span>\n </div>\n <div class="out-status">Vorausgeplant</div>\n </div>\n\n </div>\n </div>\n\n</div>\n\n<script>\n(() => {\n /* ============ CONTENT ROTATION ============ */\n // Verschiedene Szenarien zum Rotieren\n const lifeScenarios = [\n { icon: '👨👩👧', tags: ['Familie', 'Eigenheim', 'Sicherheit'] },\n { icon: '📈', tags: ['Kapitalanlage', 'Vermögen', 'Rendite'] },\n { icon: '🏡', tags: ['Erstkauf', 'Junges Paar', 'Zukunft'] },\n { icon: '🔑', tags: ['Anschluss', 'Umschuldung', 'Optimierung'] },\n { icon: '🛠️', tags: ['Neubau', 'Bauvorhaben', 'Eigenleistung'] }\n ];\n\n const dataScenarios = [\n {\n head: 'Eigenheim',\n rows: [\n { label: 'Kaufpreis', value: '450.000 €' },\n { label: 'Eigenkapital', value: '90.000 €' },\n { label: 'Einkommen', value: '5.200 €' }\n ]\n },\n {\n head: 'Kapitalanlage',\n rows: [\n { label: 'Objektwert', value: '320.000 €' },\n { label: 'Mieteinnahmen', value: '1.150 €' },\n { label: 'Eigenkapital', value: '60.000 €' }\n ]\n },\n {\n head: 'Anschluss',\n rows: [\n { label: 'Restschuld', value: '180.000 €' },\n { label: 'Zinsbindung', value: '2026' },\n { label: 'Tilgung', value: '2,5 %' }\n ]\n },\n {\n head: 'Neubau',\n rows: [\n { label: 'Baukosten', value: '380.000 €' },\n { label: 'Grundstück', value: '120.000 €' },\n { label: 'Eigenleistung', value: '25.000 €' }\n ]\n }\n ];\n\n function rotateLifeCards(){\n const lifeIcons = document.querySelectorAll('[data-rotate="life-icon"]');\n const lifeTagsContainers = document.querySelectorAll('[data-rotate="life-tags"]');\n let lifeIdx = 0;\n\n setInterval(() => {\n lifeIdx = (lifeIdx + 1) % lifeScenarios.length;\n const scenario = lifeScenarios[lifeIdx];\n\n // Fade out\n lifeIcons.forEach(el => el.classList.add('is-fading'));\n lifeTagsContainers.forEach(el => el.classList.add('is-fading'));\n\n setTimeout(() => {\n // Update content\n lifeIcons.forEach(el => el.textContent = scenario.icon);\n lifeTagsContainers.forEach(container => {\n container.innerHTML = scenario.tags.map(t => `<span class="life-tag">${t}</span>`).join('');\n });\n\n // Fade in\n lifeIcons.forEach(el => el.classList.remove('is-fading'));\n lifeTagsContainers.forEach(el => el.classList.remove('is-fading'));\n }, 350);\n }, 3500);\n }\n\n function rotateDataCards(){\n const dataCards = document.querySelectorAll('[data-rotate="data-card"]');\n let dataIdx = 0;\n\n setInterval(() => {\n dataIdx = (dataIdx + 1) % dataScenarios.length;\n const scenario = dataScenarios[dataIdx];\n\n dataCards.forEach(card => {\n const head = card.querySelector('[data-rotate-head]');\n const rows = card.querySelectorAll('.data-row');\n\n // Fade out\n if (head) head.classList.add('is-fading');\n rows.forEach(r => r.classList.add('is-fading'));\n // Tag rows mit data-rotate damit CSS funktioniert\n rows.forEach(r => r.setAttribute('data-rotate', 'row'));\n });\n\n setTimeout(() => {\n dataCards.forEach(card => {\n const head = card.querySelector('[data-rotate-head]');\n const rows = card.querySelectorAll('.data-row');\n\n if (head) head.textContent = scenario.head;\n\n rows.forEach((row, i) => {\n if (scenario.rows[i]) {\n const label = row.querySelector('.data-label');\n const value = row.querySelector('.data-value');\n if (label) label.textContent = scenario.rows[i].label;\n if (value) value.textContent = scenario.rows[i].value;\n }\n });\n\n // Fade in\n if (head) head.classList.remove('is-fading');\n rows.forEach(r => r.classList.remove('is-fading'));\n });\n }, 350);\n }, 4000);\n }\n\n rotateLifeCards();\n rotateDataCards();\n\n /* ============ DESKTOP ANIMATION ============ */\n const stage = document.getElementById('stage');\n if (!stage) return;\n const svg = stage.querySelector('svg.flow');\n const staticLayer = svg.querySelector('#staticLines');\n const glowLayer = svg.querySelector('#glowLines');\n const particlesLayer = svg.querySelector('#particles');\n\n const CENTER_TOP = { x: 550, y: 320 };\n const CENTER_BOTTOM = { x: 550, y: 460 };\n\n const inputs = [...stage.querySelectorAll('[data-role="in"]')];\n const outputs = [...stage.querySelectorAll('[data-role="out"]')];\n\n function buildTreePath(role, nodeX, nodeY){\n let sx, sy, ex, ey, busY;\n\n if (role === 'in'){\n sx = nodeX;\n sy = nodeY + 75;\n ex = CENTER_TOP.x;\n ey = CENTER_TOP.y;\n busY = 250;\n } else {\n sx = CENTER_BOTTOM.x;\n sy = CENTER_BOTTOM.y;\n ex = nodeX;\n ey = nodeY - 75;\n busY = 540;\n }\n\n const cornerR = 16;\n\n if (Math.abs(ex - sx) < 1){\n return `M ${sx} ${sy} L ${ex} ${ey}`;\n }\n\n const dir = ex >= sx ? 1 : -1;\n const r = Math.min(cornerR, Math.abs(ex - sx)/2, Math.abs(busY - sy), Math.abs(ey - busY));\n\n let d = `M ${sx} ${sy}`;\n d += ` L ${sx} ${busY - r}`;\n d += ` Q ${sx} ${busY} ${sx + dir*r} ${busY}`;\n d += ` L ${ex - dir*r} ${busY}`;\n d += ` Q ${ex} ${busY} ${ex} ${busY + r}`;\n d += ` L ${ex} ${ey}`;\n return d;\n }\n\n const allPaths = [];\n\n function createPath(role, x, y, node){\n const d = buildTreePath(role, x, y);\n\n const stat = document.createElementNS('http://www.w3.org/2000/svg','path');\n stat.setAttribute('d', d);\n stat.setAttribute('class','line-static');\n staticLayer.appendChild(stat);\n\n const glow = document.createElementNS('http://www.w3.org/2000/svg','path');\n glow.setAttribute('d', d);\n glow.setAttribute('class','line-glow');\n glowLayer.appendChild(glow);\n\n allPaths.push({\n role, node,\n pathEl: stat,\n glowEl: glow,\n length: stat.getTotalLength()\n });\n }\n\n inputs.forEach(n => {\n createPath('in', parseFloat(n.dataset.x), parseFloat(n.dataset.y), n);\n });\n outputs.forEach(n => {\n createPath('out', parseFloat(n.dataset.x), parseFloat(n.dataset.y), n);\n });\n\n function spawnParticle(p){\n const dot = document.createElementNS('http://www.w3.org/2000/svg','circle');\n dot.setAttribute('r','4');\n dot.setAttribute('class','particle');\n particlesLayer.appendChild(dot);\n\n p.glowEl.style.transition = 'opacity .25s ease';\n p.glowEl.style.opacity = '.85';\n\n const duration = 1500 + Math.random()*350;\n const start = performance.now();\n\n function frame(now){\n const t = (now - start) / duration;\n if (t >= 1){\n dot.remove();\n setTimeout(() => { p.glowEl.style.opacity = '0'; }, 250);\n if (p.role === 'out') activateOutput(p.node);\n return;\n }\n const eased = t < .5 ? 2*t*t : 1 - Math.pow(-2*t+2, 2)/2;\n const pt = p.pathEl.getPointAtLength(eased * p.length);\n dot.setAttribute('cx', pt.x);\n dot.setAttribute('cy', pt.y);\n dot.setAttribute('r', 3.5 + Math.sin(eased * Math.PI) * 1.5);\n requestAnimationFrame(frame);\n }\n requestAnimationFrame(frame);\n }\n\n function activateOutput(node){\n const card = node.querySelector('.card-output');\n if (!card) return;\n card.classList.add('is-active');\n setTimeout(() => card.classList.remove('is-active'), 1800);\n }\n\n const ins = allPaths.filter(p => p.role === 'in');\n const outs = allPaths.filter(p => p.role === 'out');\n\n function pickRandom(arr, count){\n return [...arr].sort(() => Math.random()-.5).slice(0, count);\n }\n\n function wave(){\n const inCount = 1 + Math.floor(Math.random()*2);\n const outCount = 1 + Math.floor(Math.random()*2);\n\n pickRandom(ins, inCount).forEach((p, i) => {\n setTimeout(() => spawnParticle(p), i * 200);\n });\n pickRandom(outs, outCount).forEach((p, i) => {\n setTimeout(() => spawnParticle(p), 800 + i * 220);\n });\n }\n\n setTimeout(wave, 400);\n setInterval(wave, 2600);\n\n /* ============ MOBILE ANIMATION ============ */\n // Highlight Mobile Output-Cards in Sequence\n const mobileOutputs = document.querySelectorAll('.mobile-outputs .card-output');\n if (mobileOutputs.length > 0){\n let idx = 0;\n function pulseMobile(){\n mobileOutputs.forEach(c => c.classList.remove('is-active'));\n const card = mobileOutputs[idx % mobileOutputs.length];\n card.classList.add('is-active');\n setTimeout(() => card.classList.remove('is-active'), 1500);\n idx++;\n }\n setTimeout(pulseMobile, 800);\n setInterval(pulseMobile, 2200);\n }\n\n})();\n</script>\n\n</body>\n</html>","provider":"custom-html","box":{"left":"none","right":"none","top":"none","bottom":"none"},"framed":false,"isGdprSensitive":false},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"embed","createdAt":"2026-04-27T16:33:59.200Z","updatedAt":"2026-04-27T16:44:18.010Z","__v":0},{"_id":"69ef8b38b763bf9e19fd005c","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>Cramer Finance – Sektion 2: So funktioniert's</title>\n<style>\n :root {\n --mint: #7DE3C4;\n --mint-light: #A8EDD7;\n --yellow: #F5D547;\n --ink: #1F2937;\n --ink-soft: #4B5563;\n --muted: #6B7280;\n --bg: #FFFFFF;\n --bg-soft: #F9FAFB;\n --border: #E5E7EB;\n --gradient: linear-gradient(135deg, var(--mint) 0%, var(--mint-light) 50%, var(--yellow) 100%);\n --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);\n --shadow-md: 0 8px 24px rgba(0,0,0,0.06);\n --radius: 20px;\n --radius-lg: 28px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--ink);\n background: var(--bg);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n section {\n padding: 100px 0;\n }\n\n .section-header {\n text-align: left;\n margin-bottom: 72px;\n max-width: 720px;\n }\n\n .eyebrow {\n display: inline-block;\n background: var(--gradient);\n padding: 8px 20px;\n border-radius: 100px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ink);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n margin-bottom: 20px;\n }\n\n h2 {\n font-size: clamp(28px, 5vw, 42px);\n font-weight: 800;\n line-height: 1.15;\n color: var(--ink);\n margin-bottom: 16px;\n letter-spacing: -0.02em;\n }\n\n h2 .accent {\n background: var(--gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-style: italic;\n }\n\n .section-intro {\n font-size: 17px;\n color: var(--ink-soft);\n }\n\n /* === PROCESS GRID === */\n .process-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n position: relative;\n }\n\n /* Verbindungslinie zwischen Steps (Desktop) */\n .process-grid::before {\n content: '';\n position: absolute;\n top: 60px;\n left: 16%;\n right: 16%;\n height: 2px;\n background: linear-gradient(90deg, var(--mint) 0%, var(--mint-light) 50%, var(--yellow) 100%);\n opacity: 0.4;\n z-index: 0;\n }\n\n @media (max-width: 900px) {\n .process-grid {\n grid-template-columns: 1fr;\n gap: 32px;\n }\n .process-grid::before {\n display: none;\n }\n }\n\n .process-step {\n background: var(--bg);\n border-radius: var(--radius-lg);\n padding: 40px 32px 32px;\n position: relative;\n border: 1px solid var(--border);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n z-index: 1;\n }\n\n .process-step:hover {\n transform: translateY(-4px);\n box-shadow: var(--shadow-md);\n }\n\n .step-number {\n width: 64px;\n height: 64px;\n background: var(--gradient);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 26px;\n font-weight: 800;\n color: var(--ink);\n box-shadow: 0 8px 20px rgba(125,227,196,0.35);\n margin-bottom: 24px;\n position: relative;\n }\n\n .step-number::after {\n content: '';\n position: absolute;\n inset: -4px;\n border-radius: 50%;\n border: 2px solid var(--mint);\n opacity: 0.3;\n }\n\n .process-step h3 {\n font-size: 22px;\n font-weight: 700;\n margin-bottom: 12px;\n color: var(--ink);\n letter-spacing: -0.01em;\n }\n\n .process-step p {\n font-size: 15px;\n color: var(--ink-soft);\n line-height: 1.65;\n margin-bottom: 24px;\n }\n\n .step-meta {\n display: flex;\n align-items: center;\n gap: 8px;\n padding-top: 20px;\n border-top: 1px solid var(--border);\n font-size: 13px;\n color: var(--muted);\n font-weight: 600;\n }\n\n .step-meta-icon {\n font-size: 15px;\n }\n\n /* Highlight für letzten Step */\n .process-step.highlight {\n background: var(--bg);\n border: 2px solid transparent;\n background-image: linear-gradient(white, white), var(--gradient);\n background-origin: border-box;\n background-clip: padding-box, border-box;\n }\n\n @media (max-width: 768px) {\n section { padding: 70px 0; }\n }\n</style>\n</head>\n<body>\n\n<section>\n <div class="container">\n <div class="section-header">\n <span class="eyebrow">Unser Vorgehen</span>\n <h2>So treffen wir <span class="accent">die richtige Entscheidung</span> – gemeinsam</h2>\n <p class="section-intro">Drei klare Schritte. Kein Druck, keine Eile. Du bestimmst das Tempo.</p>\n </div>\n\n <div class="process-grid">\n\n <div class="process-step">\n <div class="step-number">1</div>\n <h3>Kennenlernen</h3>\n <p>Wir verschaffen uns ein Bild Deiner Situation: Lebensplanung, Einkommen, Wünsche, Sorgen. Erst wenn wir Dich verstehen, können wir Dich beraten.</p>\n <div class="step-meta">\n <span class="step-meta-icon">⏱</span>\n <span>Ca. 30 Minuten</span>\n </div>\n </div>\n\n <div class="process-step">\n <div class="step-number">2</div>\n <h3>Strategie entwickeln</h3>\n <p>Wir erarbeiten Dein persönliches Finanzierungskonzept – mit Tilgungsplan, Förderungen und Sicherheitspuffer. Transparent durchgerechnet.</p>\n <div class="step-meta">\n <span class="step-meta-icon">⏱</span>\n <span>2–3 Werktage</span>\n </div>\n </div>\n\n <div class="process-step highlight">\n <div class="step-number">3</div>\n <h3>Entscheiden & umsetzen</h3>\n <p>Du verstehst jeden Punkt im Vertrag, bevor Du unterschreibst. Wir begleiten Dich durch die Bankgespräche und sind auch danach für Dich da.</p>\n <div class="step-meta">\n <span class="step-meta-icon">🤝</span>\n <span>Lebenslange Betreuung</span>\n </div>\n </div>\n\n </div>\n </div>\n</section>\n\n</body>\n</html>","provider":"custom-html","box":{"left":"none","right":"none","top":"none","bottom":"none"},"framed":false,"isGdprSensitive":false},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"embed","createdAt":"2026-04-27T16:13:44.451Z","updatedAt":"2026-04-27T16:15:43.150Z","__v":0},{"_id":"69ef8bdc23a4b3eee66e8143","type":"component","isTemplate":false,"name":"button","content":{"buttonType":"button","box":{"bottom":"none","top":"none","right":"large","left":"large"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"linking":{"isInternal":true,"pageId":"69e2081a94d1544d603653ad","isNewTab":false,"componentId":"69e88b156e24a16f23fe21a1"},"size":"small","align":"center","text":"Klick mich!","borderRadius":"minor","plainText":"Jetzt Finanzierung anfragen","clickId":"button_click_ia6gp4","animation":"","backgroundColor":"linear-gradient(165deg, rgba(68,68,68,1) 1%, RGB(110, 110, 110) 100%)","fullWidthOnDesktop":true,"wysiwygHtml":"Jetzt Finanzierung anfragen
"},"categoryId":"5a957843b727462286d2d61e","sectionId":"6904b167f0184c1c0536c234","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"button","createdAt":"2026-04-27T16:16:28.703Z","updatedAt":"2026-05-11T14:29:15.244Z","__v":0},{"_id":"69ef8ce9f97a5a2ce04c0034","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>Cramer Finance – Sektion 3: Für wen</title>\n<style>\n :root {\n --mint: #7DE3C4;\n --mint-light: #A8EDD7;\n --yellow: #F5D547;\n --ink: #1F2937;\n --ink-soft: #4B5563;\n --muted: #6B7280;\n --bg: #FFFFFF;\n --border: #E5E7EB;\n --gradient: linear-gradient(135deg, var(--mint) 0%, var(--mint-light) 50%, var(--yellow) 100%);\n --shadow-md: 0 8px 24px rgba(0,0,0,0.06);\n --shadow-lg: 0 20px 48px rgba(0,0,0,0.08);\n --radius: 20px;\n --radius-lg: 28px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--ink);\n background: var(--bg);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n section {\n padding: 100px 0;\n }\n\n .section-header {\n text-align: left;\n margin-bottom: 40px;\n max-width: 720px;\n }\n\n .eyebrow {\n display: inline-block;\n background: var(--gradient);\n padding: 8px 20px;\n border-radius: 100px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ink);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n margin-bottom: 20px;\n }\n\n h2 {\n font-size: clamp(26px, 5vw, 42px);\n font-weight: 800;\n line-height: 1.2;\n color: var(--ink);\n margin-bottom: 16px;\n letter-spacing: -0.02em;\n }\n\n h2 .accent {\n background: var(--gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-style: italic;\n }\n\n .section-intro {\n font-size: 16px;\n color: var(--ink-soft);\n }\n\n /* === SPLIT LAYOUT === */\n .split-grid {\n display: grid;\n grid-template-columns: 1.2fr 1fr;\n gap: 32px;\n align-items: stretch;\n }\n\n /* Linke Card: Passt zu Dir */\n .audience-card {\n background: var(--bg);\n border-radius: var(--radius-lg);\n padding: 48px;\n box-shadow: var(--shadow-md);\n border: 1px solid var(--border);\n position: relative;\n overflow: hidden;\n }\n\n .audience-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 6px;\n background: var(--gradient);\n }\n\n .audience-card-header {\n display: flex;\n align-items: center;\n gap: 14px;\n margin-bottom: 28px;\n flex-wrap: wrap;\n }\n\n .audience-card-badge {\n width: 44px;\n height: 44px;\n background: var(--gradient);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 22px;\n flex-shrink: 0;\n font-weight: 800;\n color: var(--ink);\n }\n\n .audience-card h3 {\n font-size: 22px;\n font-weight: 800;\n color: var(--ink);\n letter-spacing: -0.01em;\n line-height: 1.3;\n flex: 1;\n min-width: 0;\n }\n\n .audience-list {\n list-style: none;\n }\n\n .audience-list li {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n padding: 18px 0;\n border-bottom: 1px solid var(--border);\n font-size: 15px;\n color: var(--ink);\n line-height: 1.55;\n }\n\n .audience-list li:last-child {\n border-bottom: none;\n padding-bottom: 0;\n }\n\n .check-icon {\n flex-shrink: 0;\n width: 28px;\n height: 28px;\n background: var(--gradient);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--ink);\n font-weight: 800;\n font-size: 14px;\n margin-top: 1px;\n }\n\n .audience-list li strong {\n color: var(--ink);\n }\n\n /* Rechte Card: Passt nicht zu Dir */\n .anti-audience-card {\n background: var(--bg);\n border-radius: var(--radius-lg);\n padding: 48px;\n border: 1px solid var(--border);\n position: relative;\n }\n\n .anti-audience-card .audience-card-badge {\n background: #F3F4F6;\n color: var(--muted);\n }\n\n .anti-audience-card h3 {\n font-size: 20px;\n font-weight: 700;\n color: var(--ink-soft);\n line-height: 1.3;\n flex: 1;\n min-width: 0;\n }\n\n .anti-list {\n list-style: none;\n }\n\n .anti-list li {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding: 14px 0;\n font-size: 14px;\n color: var(--muted);\n line-height: 1.55;\n }\n\n .x-icon {\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n background: #F3F4F6;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--muted);\n font-weight: 700;\n font-size: 12px;\n margin-top: 2px;\n }\n\n /* CTA Note */\n .cta-note {\n margin-top: 40px;\n padding: 24px 32px;\n background: var(--gradient);\n border-radius: var(--radius);\n display: flex;\n align-items: center;\n gap: 20px;\n box-shadow: var(--shadow-md);\n }\n\n .cta-note-icon {\n font-size: 32px;\n flex-shrink: 0;\n }\n\n .cta-note-text {\n font-size: 15px;\n color: var(--ink);\n line-height: 1.5;\n font-weight: 600;\n }\n\n .cta-note-text strong {\n font-weight: 800;\n }\n\n /* === RESPONSIVE === */\n @media (max-width: 900px) {\n .split-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n .audience-card, .anti-audience-card {\n padding: 36px 28px;\n }\n }\n\n @media (max-width: 600px) {\n section {\n padding: 70px 0;\n }\n .container {\n padding: 0 16px;\n }\n .section-header {\n margin-bottom: 40px;\n }\n .audience-card,\n .anti-audience-card {\n padding: 28px 22px;\n border-radius: 20px;\n }\n .audience-card h3 {\n font-size: 18px;\n }\n .anti-audience-card h3 {\n font-size: 17px;\n }\n .audience-card-header {\n gap: 12px;\n margin-bottom: 22px;\n }\n .audience-card-badge {\n width: 40px;\n height: 40px;\n font-size: 20px;\n }\n .audience-list li {\n font-size: 14.5px;\n padding: 16px 0;\n gap: 12px;\n line-height: 1.5;\n }\n .anti-list li {\n font-size: 13.5px;\n padding: 12px 0;\n gap: 12px;\n }\n .check-icon {\n width: 26px;\n height: 26px;\n font-size: 13px;\n }\n .x-icon {\n width: 22px;\n height: 22px;\n font-size: 11px;\n }\n .cta-note {\n margin-top: 28px;\n padding: 22px 22px;\n gap: 16px;\n border-radius: 18px;\n }\n .cta-note-icon {\n font-size: 28px;\n }\n .cta-note-text {\n font-size: 14.5px;\n }\n }\n</style>\n</head>\n<body>\n\n<section>\n <div class="container">\n <div class="section-header">\n <span class="eyebrow">Passt das zu Dir?</span>\n <h2>Beratung ist nicht <span class="accent">für jeden</span> – und das ist gut so</h2>\n <p class="section-intro">Damit Du keine Zeit verschwendest: Hier siehst Du auf einen Blick, ob wir zueinander passen.</p>\n </div>\n\n <div class="split-grid">\n\n <!-- Linke Card: Passt zu Dir -->\n <div class="audience-card">\n <div class="audience-card-header">\n <div class="audience-card-badge">✓</div>\n <h3>Cramer Finance ist richtig für Dich, wenn …</h3>\n </div>\n <ul class="audience-list">\n <li>\n <span class="check-icon">✓</span>\n <span>Du eine Entscheidung treffen willst, die Du in 20 Jahren <strong>nicht bereust</strong> – und dafür Beratung statt Verkaufsgespräch suchst.</span>\n </li>\n <li>\n <span class="check-icon">✓</span>\n <span>Du wissen möchtest, welche Finanzierung wirklich zu <strong>Deiner Lebensplanung</strong> passt – nicht nur zu Deinem Kontostand.</span>\n </li>\n <li>\n <span class="check-icon">✓</span>\n <span>Du Wert auf <strong>Verständlichkeit</strong> legst und vor der Unterschrift jeden Paragraphen verstehen willst.</span>\n </li>\n <li>\n <span class="check-icon">✓</span>\n <span>Du einen <strong>festen Ansprechpartner</strong> haben willst, der Dich auch in 5 oder 10 Jahren noch kennt.</span>\n </li>\n <li>\n <span class="check-icon">✓</span>\n <span>Dir <strong>Sicherheit und Planbarkeit</strong> wichtiger sind als das letzte Zehntelprozent beim Zins.</span>\n </li>\n </ul>\n </div>\n\n <!-- Rechte Card: Passt nicht zu Dir -->\n <div class="anti-audience-card">\n <div class="audience-card-header">\n <div class="audience-card-badge">✕</div>\n <h3>Eher nichts für Dich, wenn …</h3>\n </div>\n <ul class="anti-list">\n <li>\n <span class="x-icon">✕</span>\n <span>Du nur den allergünstigsten Zins suchst – ohne Rücksicht auf Deine Lebenssituation.</span>\n </li>\n <li>\n <span class="x-icon">✕</span>\n <span>Du keine Lust auf ein persönliches Gespräch hast und alles am liebsten online abwickelst.</span>\n </li>\n <li>\n <span class="x-icon">✕</span>\n <span>Du eine Entscheidung in 24 Stunden durchpeitschen willst – ohne sie wirklich zu durchdenken.</span>\n </li>\n <li>\n <span class="x-icon">✕</span>\n <span>Du keinen Wert auf langfristige Begleitung legst und nur eine einmalige Transaktion suchst.</span>\n </li>\n </ul>\n </div>\n\n </div>\n\n <!-- CTA Note unten -->\n <div class="cta-note">\n <div class="cta-note-icon">💡</div>\n <div class="cta-note-text">\n <strong>Du erkennst Dich auf der linken Seite wieder?</strong> Dann lass uns sprechen – wir nehmen uns die Zeit, die Deine Entscheidung verdient.\n </div>\n </div>\n\n </div>\n</section>\n\n</body>\n</html>","provider":"custom-html","box":{"left":"none","right":"none","top":"none","bottom":"none"},"framed":false,"isGdprSensitive":false},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"embed","createdAt":"2026-04-27T16:20:57.938Z","updatedAt":"2026-04-27T16:27:38.488Z","__v":0},{"_id":"69ef8e3123a4b3eee66e8e04","type":"component","isTemplate":false,"name":"button","content":{"buttonType":"button","box":{"bottom":"none","top":"none","right":"large","left":"large"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"linking":{"isInternal":true,"pageId":"69e2081a94d1544d603653ad","isNewTab":false,"componentId":"69e88b156e24a16f23fe21a1"},"size":"small","align":"center","text":"Klick mich!","borderRadius":"minor","plainText":"Jetzt Finanzierung anfragen","clickId":"button_click_zglm29","animation":"","backgroundColor":"linear-gradient(165deg, rgba(68,68,68,1) 1%, RGB(110, 110, 110) 100%)","fullWidthOnDesktop":true,"wysiwygHtml":"Jetzt Finanzierung anfragen
"},"categoryId":"5a957843b727462286d2d61e","sectionId":"6904b167f0184c1c0536c234","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"button","createdAt":"2026-04-27T16:26:25.239Z","updatedAt":"2026-05-11T14:29:22.592Z","__v":0},{"_id":"69ef8087194fbf590895be95","type":"component","isTemplate":false,"name":"media","content":{"box":{"left":"none","bottom":"none","right":"none","top":"xLarge"},"icon":"play_circle_filled","srcType":"image","size":"custom","src":"https://perspective.imgix.net/69ef83ff19f5e10c5634619e.png?auto=compress&crop=focalpoint&cropHeight=575&cropWidth=640&dpr=2&fit=crop&fp-x=0.50&fp-y=0.51&fp-z=1&h=1617.154541015625&w=1800","framed":false,"mediaIds":["69ef83ff19f5e10c5634619e"]},"categoryId":"5a957843b727462286d2d61e","sectionId":"6904b165f0184c1c0536c1f4","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"media","createdAt":"2026-04-27T15:28:07.753Z","updatedAt":"2026-05-21T11:28:09.605Z","__v":0},{"_id":"69ef93bda82fb0ad98272935","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>Cramer Finance – Sektion 6: FAQ</title>\n<style>\n :root {\n --mint: #7DE3C4;\n --mint-light: #A8EDD7;\n --mint-deep: #4EC9A4;\n --yellow: #F5D547;\n --ink: #1F2937;\n --ink-soft: #4B5563;\n --muted: #6B7280;\n --bg: #FFFFFF;\n --border: #E5E7EB;\n --gradient: linear-gradient(135deg, var(--mint) 0%, var(--mint-light) 50%, var(--yellow) 100%);\n --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);\n --shadow-md: 0 8px 24px rgba(0,0,0,0.06);\n --radius: 20px;\n --radius-lg: 28px;\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n color: var(--ink);\n background: var(--bg);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n section {\n padding: 100px 0;\n }\n\n /* === LAYOUT: 2 SPALTEN === */\n .faq-layout {\n display: grid;\n grid-template-columns: 1fr 1.4fr;\n gap: 80px;\n align-items: start;\n }\n\n /* Linke Spalte (Sticky) */\n .faq-intro {\n position: sticky;\n top: 40px;\n }\n\n .eyebrow {\n display: inline-block;\n background: var(--gradient);\n padding: 8px 20px;\n border-radius: 100px;\n font-size: 13px;\n font-weight: 700;\n color: var(--ink);\n letter-spacing: 0.5px;\n text-transform: uppercase;\n margin-bottom: 20px;\n }\n\n h2 {\n font-size: clamp(28px, 4vw, 42px);\n font-weight: 800;\n line-height: 1.15;\n color: var(--ink);\n margin-bottom: 20px;\n letter-spacing: -0.02em;\n }\n\n h2 .accent {\n background: var(--gradient);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n font-style: italic;\n }\n\n .faq-intro-text {\n font-size: 16px;\n color: var(--ink-soft);\n line-height: 1.6;\n margin-bottom: 32px;\n }\n\n /* Kontakt-Card unter Intro */\n .contact-card {\n background: var(--bg);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 28px;\n box-shadow: var(--shadow-md);\n position: relative;\n overflow: hidden;\n }\n\n .contact-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: var(--gradient);\n }\n\n .contact-card-title {\n font-size: 17px;\n font-weight: 800;\n color: var(--ink);\n margin-bottom: 8px;\n }\n\n .contact-card-text {\n font-size: 14px;\n color: var(--ink-soft);\n line-height: 1.55;\n margin-bottom: 20px;\n }\n\n .contact-card-btn {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 12px 20px;\n background: var(--ink);\n color: white;\n border-radius: 100px;\n font-size: 14px;\n font-weight: 700;\n text-decoration: none;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .contact-card-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n }\n\n .contact-card-btn-arrow {\n transition: transform 0.3s ease;\n }\n\n .contact-card-btn:hover .contact-card-btn-arrow {\n transform: translateX(3px);\n }\n\n /* Rechte Spalte (FAQ Items) */\n .faq-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .faq-item {\n background: var(--bg);\n border-radius: var(--radius);\n border: 1px solid var(--border);\n overflow: hidden;\n transition: box-shadow 0.3s ease, border-color 0.3s ease;\n }\n\n .faq-item:hover {\n box-shadow: var(--shadow-sm);\n }\n\n .faq-item[open] {\n border-color: var(--mint);\n box-shadow: var(--shadow-md);\n }\n\n .faq-item summary {\n padding: 24px 28px;\n cursor: pointer;\n font-weight: 700;\n font-size: 16px;\n color: var(--ink);\n list-style: none;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 20px;\n transition: color 0.3s ease;\n }\n\n .faq-item summary::-webkit-details-marker {\n display: none;\n }\n\n .faq-item summary:hover {\n color: var(--mint-deep);\n }\n\n /* Plus / Minus Icon */\n .faq-icon {\n flex-shrink: 0;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: rgba(125,227,196,0.15);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.3s ease, transform 0.3s ease;\n position: relative;\n }\n\n .faq-icon::before,\n .faq-icon::after {\n content: '';\n position: absolute;\n background: var(--ink);\n border-radius: 2px;\n transition: transform 0.3s ease, background 0.3s ease;\n }\n\n .faq-icon::before {\n width: 12px;\n height: 2px;\n }\n\n .faq-icon::after {\n width: 2px;\n height: 12px;\n }\n\n .faq-item[open] .faq-icon {\n background: var(--gradient);\n }\n\n .faq-item[open] .faq-icon::after {\n transform: rotate(90deg);\n }\n\n .faq-answer {\n padding: 0 28px 26px;\n color: var(--ink-soft);\n font-size: 15px;\n line-height: 1.7;\n }\n\n .faq-answer strong {\n color: var(--ink);\n font-weight: 700;\n }\n\n /* === RESPONSIVE === */\n @media (max-width: 900px) {\n .faq-layout {\n grid-template-columns: 1fr;\n gap: 48px;\n }\n .faq-intro {\n position: static;\n }\n }\n\n @media (max-width: 600px) {\n section { padding: 70px 0; }\n .container { padding: 0 16px; }\n .faq-layout { gap: 36px; }\n .contact-card { padding: 24px 22px; }\n .faq-item summary {\n padding: 20px 22px;\n font-size: 15px;\n gap: 14px;\n }\n .faq-icon {\n width: 28px;\n height: 28px;\n }\n .faq-icon::before { width: 10px; }\n .faq-icon::after { height: 10px; }\n .faq-answer {\n padding: 0 22px 22px;\n font-size: 14.5px;\n }\n }\n</style>\n</head>\n<body>\n\n<section>\n <div class="container">\n\n <div class="faq-layout">\n\n <!-- Linke Spalte: Intro -->\n <div class="faq-intro">\n <span class="eyebrow">Häufige Fragen</span>\n <h2>Was Du <span class="accent">vorher wissen</span> möchtest</h2>\n <p class="faq-intro-text">\n Eine Finanzierungsentscheidung wirft viele Fragen auf – das ist gut so. Hier findest Du Antworten auf das, was unsere Kunden am häufigsten fragen.\n </p>\n </div>\n\n <!-- Rechte Spalte: FAQ Items -->\n <div class="faq-list">\n\n <details class="faq-item" open>\n <summary>\n <span>Was kostet die Beratung?</span>\n <span class="faq-icon"></span>\n </summary>\n <div class="faq-answer">\n Für Dich ist die Beratung <strong>100% kostenfrei</strong>. Wir werden im Erfolgsfall von der Bank vergütet, die Deine Finanzierung übernimmt – nicht von Dir. Das bedeutet auch: Es gibt keine versteckten Kosten oder nachträglichen Rechnungen.\n </div>\n </details>\n\n <details class="faq-item">\n <summary>\n <span>Bin ich nach dem Erstgespräch zu etwas verpflichtet?</span>\n <span class="faq-icon"></span>\n </summary>\n <div class="faq-answer">\n Nein, das Erstgespräch ist <strong>absolut unverbindlich</strong>. Wir lernen uns kennen, schauen ob die Chemie stimmt und ob wir Dir wirklich helfen können. Erst wenn beide Seiten überzeugt sind, gehen wir den nächsten Schritt – ganz in Deinem Tempo.\n </div>\n </details>\n\n <details class="faq-item">\n <summary>\n <span>Wie lange dauert der gesamte Prozess?</span>\n <span class="faq-icon"></span>\n </summary>\n <div class="faq-answer">\n Vom Erstgespräch bis zur Finanzierungszusage rechnen wir mit etwa <strong>2–4 Wochen</strong>. Wir nehmen uns aber bewusst die Zeit, die Du brauchst – Druck ist hier fehl am Platz. Bei einer Entscheidung, die Dich 20 Jahre begleitet, ist eine Woche mehr oder weniger meist gut investiert.\n </div>\n </details>\n\n <details class="faq-item">\n <summary>\n <span>Was unterscheidet Euch von einer Bank?</span>\n <span class="faq-icon"></span>\n </summary>\n <div class="faq-answer">\n Eine Bank verkauft Dir die Produkte einer Bank – ihrer eigenen. Wir vergleichen Angebote von <strong>über 400 Bankpartnern</strong> und beraten Dich unabhängig. Vor allem: Wir nehmen uns Zeit für die Beratung, die eine Bank im Tagesgeschäft oft nicht bieten kann. Bei uns gibt es keine 30-Minuten-Termine.\n </div>\n </details>\n\n <details class="faq-item">\n <summary>\n <span>Was passiert nach Vertragsabschluss?</span>\n <span class="faq-icon"></span>\n </summary>\n <div class="faq-answer">\n Wir bleiben Dein Ansprechpartner – auch nach 5 oder 10 Jahren. Bei Anschlussfinanzierung, Sondertilgungen oder Veränderungen in Deinem Leben kannst Du Dich jederzeit melden. <strong>Diese langfristige Begleitung gehört für uns zu echter Beratung dazu</strong> – ohne Zusatzkosten.\n </div>\n </details>\n\n <details class="faq-item">\n <summary>\n <span>Ich bin mir noch unsicher, ob ich überhaupt kaufen will. Lohnt sich ein Gespräch?</span>\n <span class="faq-icon"></span>\n </summary>\n <div class="faq-answer">\n <strong>Auf jeden Fall. Gerade dann.</strong> Wir helfen Dir herauszufinden, ob ein Immobilienkauf zu Deiner Lebensplanung passt – und wenn ja, in welchem Rahmen. Auch ein „Nein, jetzt noch nicht" ist eine wertvolle Erkenntnis. Du gehst auf jeden Fall mit mehr Klarheit aus dem Gespräch heraus.\n </div>\n </details>\n\n <details class="faq-item">\n <summary>\n <span>Welche Unterlagen brauche ich für das Erstgespräch?</span>\n <span class="faq-icon"></span>\n </summary>\n <div class="faq-answer">\n Für das erste Kennenlernen brauchst Du <strong>noch gar nichts</strong>. Eine grobe Vorstellung Deiner Wünsche und Deiner finanziellen Situation reicht. Erst wenn wir gemeinsam in die Detailplanung gehen, sammeln wir die Unterlagen – und auch dabei begleiten wir Dich.\n </div>\n </details>\n\n <details class="faq-item">\n <summary>\n <span>Berät Ihr auch bei Kapitalanlage-Immobilien?</span>\n <span class="faq-icon"></span>\n </summary>\n <div class="faq-answer">\n Ja. Ob Eigenheim, Anschlussfinanzierung, Neubau oder Kapitalanlage – wir beraten Dich zu <strong>allen Finanzierungs-Szenarien</strong>. Bei Kapitalanlagen denken wir zusätzlich Steuerwirkung, Mieteinnahmen-Kalkulation und Renditeplanung mit.\n </div>\n </details>\n\n </div>\n\n </div>\n </div>\n</section>\n\n</body>\n</html>","provider":"custom-html","box":{"left":"none","right":"none","top":"none","bottom":"none"},"framed":false,"isGdprSensitive":false},"categoryId":"5a957843b727462286d2d61e","sectionId":"65eb072f9671ba48e6c83915","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"embed","createdAt":"2026-04-27T16:50:05.073Z","updatedAt":"2026-04-27T16:50:24.141Z","__v":0},{"_id":"69ef9408fa5fd05a9ca31366","type":"component","isTemplate":false,"name":"button","content":{"buttonType":"button","box":{"bottom":"none","top":"none","right":"large","left":"large"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"linking":{"isInternal":true,"pageId":"69e2081a94d1544d603653ad","isNewTab":false,"componentId":"69e88b156e24a16f23fe21a1"},"size":"small","align":"center","text":"Klick mich!","borderRadius":"minor","plainText":"Mehr erfahren","clickId":"button_click_qguv65","animation":"","backgroundColor":"linear-gradient(165deg, rgba(68,68,68,1) 1%, RGB(110, 110, 110) 100%)","fullWidthOnDesktop":true,"wysiwygHtml":"Mehr erfahren
"},"categoryId":"5a957843b727462286d2d61e","sectionId":"6904b167f0184c1c0536c234","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"button","createdAt":"2026-04-27T16:51:20.912Z","updatedAt":"2026-04-27T16:51:20.912Z","__v":0},{"_id":"69e2081a94d1544d603653db","type":"component","isTemplate":false,"name":"divider","content":{"box":{"bottom":"xLarge","top":"xLarge","right":"xLarge","left":"xLarge"},"responsive":{"active":false,"hasContainer":true,"options":{"size":[],"offset":[]},"mapping":[]},"dashed":false,"hidden":true,"spacings":"small","lineStyle":"hidden","size":"medium"},"categoryId":"5a957843b727462286d2d61e","sectionId":"5a9583314298344d61691c9b","campaignId":"69e2081a94d1544d60365375","components":[],"allowedChildSections":[],"pageId":"69e2081a94d1544d603653ad","companyId":"65c2c1eac436a60014a9992b","componentType":"divider","createdAt":"2026-04-17T10:14:50.978Z","updatedAt":"2026-04-27T16:50:33.811Z","__v":0}],"isResultPage":false,"animation":"none","theme":{"_id":"69e887cb72d40d6b75280825","type":"theme","name":"Till Cramer","image":"https://perspective.imgix.net/assets/app/themes/perspective.png","fontColor":"#444444","backgroundColor":"#ffffff","formFieldBackgroundColor":"#F5F5F5","buttonBackgroundColor":"#52F6F8","typography":"Roboto:300,700","transition":"scale","companyId":"65c2c1eac436a60014a9992b","createdAt":"2026-04-22T08:33:15.088Z","updatedAt":"2026-05-19T19:09:41.780Z","__v":0,"borderRadius":"medium"},"themeV2":{"typography":"Roboto:300,700","fontColor":"#444444","backgroundColor":"#ffffff","formFieldBackgroundColor":"#F5F5F5","buttonBackgroundColor":"#52F6F8","borderRadius":"medium","transition":"scale"},"fields":[{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_1sbylh","componentId":"69e88b156e24a16f23fe21b7","answerTextId":"69e88b156e24a16f23fe21b7","_id":"69e88b156e24a16f23fe21ca","value":"Eigenes Bauvorhaben"},{"fieldName":"question_1sbylh","componentId":"69e88b156e24a16f23fe21b6","answerTextId":"69e88b156e24a16f23fe21b6","_id":"69e88b156e24a16f23fe21cc","value":"Kauf einer Immobilie"},{"fieldName":"question_1sbylh","componentId":"69e88b156e24a16f23fe21bd","answerTextId":"69e88b156e24a16f23fe21bd","_id":"69e88b156e24a16f23fe21d2","value":"Grundstück"},{"fieldName":"question_1sbylh","componentId":"69e88b156e24a16f23fe21bc","answerTextId":"69e88b156e24a16f23fe21bc","_id":"69e88b156e24a16f23fe21d4","value":"Kapitalbeschaffung"},{"fieldName":"question_1sbylh","componentId":"69e88b156e24a16f23fe21ba","answerTextId":"69e88b156e24a16f23fe21ba","_id":"69e88b156e24a16f23fe21d6","value":"Anschlussfinanzierung"},{"fieldName":"question_1sbylh","componentId":"69e88b156e24a16f23fe21bb","answerTextId":"69e88b156e24a16f23fe21bb","_id":"69e88b156e24a16f23fe21d9","value":"Modernisierung"}]},"_id":"69e88b156e24a16f23fe21a8","type":"field","title":"Was möchtest du finanzieren?","interactionType":"answers","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","pageId":"69e2081a94d1544d603653ad","componentId":"69e88b156e24a16f23fe21a5","createdAt":"2026-04-22T08:47:17.045Z","updatedAt":"2026-04-27T15:49:43.377Z","__v":0},{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_443vzw","componentId":"69ef971301dbda867cf24b42","answerTextId":"69ef971301dbda867cf24b42","_id":"69ef971301dbda867cf24b50","value":"Konkrete Immobilie im Blick"},{"fieldName":"question_443vzw","componentId":"69ef98356f591073fd9bc3d6","answerTextId":"69ef98356f591073fd9bc3d6","_id":"69ef98356f591073fd9bc3da","value":"Aktiv auf der Suche"},{"fieldName":"question_443vzw","componentId":"69ef984e6f591073fd9bc450","answerTextId":"69ef984e6f591073fd9bc450","_id":"69ef984e6f591073fd9bc454","value":"Ich plane in den nächsten 6-12 Monaten"},{"fieldName":"question_443vzw","componentId":"69ef9877fb4d7b805879c0fb","answerTextId":"69ef9877fb4d7b805879c0fb","_id":"69ef9877fb4d7b805879c0ff","value":"Ich informiere mich erstmal"}]},"_id":"69ef971301dbda867cf24b36","type":"field","title":"-","interactionType":"answers","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","pageId":"69ef96c706cd3cc46737ae06","componentId":"69ef971301dbda867cf24b33","createdAt":"2026-04-27T17:04:19.578Z","updatedAt":"2026-04-27T17:10:30.824Z","__v":0},{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_2mvesp","componentId":"69ef9b4bfb4d7b805879c7ea","answerTextId":"69ef9b4bfb4d7b805879c7ea","_id":"69ef9b4bfb4d7b805879c7f7","value":"Bis 250.000 €"},{"fieldName":"question_2mvesp","componentId":"69ef9b4bfb4d7b805879c7ec","answerTextId":"69ef9b4bfb4d7b805879c7ec","_id":"69ef9b4bfb4d7b805879c7fc","value":"250.000 - 400.000 €"},{"fieldName":"question_2mvesp","componentId":"69ef9b4bfb4d7b805879c7ed","answerTextId":"69ef9b4bfb4d7b805879c7ed","_id":"69ef9b4bfb4d7b805879c7fe","value":"400.000 - 600.000 €"},{"fieldName":"question_2mvesp","componentId":"69ef9b4bfb4d7b805879c7ee","answerTextId":"69ef9b4bfb4d7b805879c7ee","_id":"69ef9b4bfb4d7b805879c802","value":"600.000 - 1.000.000 €"},{"fieldName":"question_2mvesp","componentId":"69ef9b666f591073fd9bcb92","answerTextId":"69ef9b666f591073fd9bcb92","_id":"69ef9b666f591073fd9bcb96","value":"Über 1.000.000 €"},{"fieldName":"question_2mvesp","componentId":"69ef9b6c78f0757cab6f7320","answerTextId":"69ef9b6c78f0757cab6f7320","_id":"69ef9b6c78f0757cab6f7324","value":"Weiß ich noch nicht genau"}]},"_id":"69ef9b4bfb4d7b805879c7de","type":"field","title":"-","interactionType":"answers","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","pageId":"69ef9b14ce90588b87defdbf","componentId":"69ef9b4bfb4d7b805879c7db","createdAt":"2026-04-27T17:22:19.128Z","updatedAt":"2026-04-27T17:23:36.497Z","__v":0},{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_gj4w22","componentId":"69ef9c4e19f5e10c56353fad","answerTextId":"69ef9c4e19f5e10c56353fad","_id":"69ef9c4e19f5e10c56353fc1","value":"Bis 20.000 €"},{"fieldName":"question_gj4w22","componentId":"69ef9c4e19f5e10c56353fae","answerTextId":"69ef9c4e19f5e10c56353fae","_id":"69ef9c4e19f5e10c56353fc3","value":"20.000 - 50.000 €"},{"fieldName":"question_gj4w22","componentId":"69ef9c4e19f5e10c56353fb2","answerTextId":"69ef9c4e19f5e10c56353fb2","_id":"69ef9c4e19f5e10c56353fc9","value":"Über 100.000 €"},{"fieldName":"question_gj4w22","componentId":"69ef9c4e19f5e10c56353fb3","answerTextId":"69ef9c4e19f5e10c56353fb3","_id":"69ef9c4e19f5e10c56353fcb","value":"50.000 - 100.000 €"},{"fieldName":"question_gj4w22","componentId":"69ef9c4e19f5e10c56353fac","answerTextId":"69ef9c4e19f5e10c56353fac","_id":"69ef9c4e19f5e10c56353fcd","value":"Kein Eigenkapital"}]},"_id":"69ef9c4e19f5e10c56353f9e","type":"field","title":"-","interactionType":"answers","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","pageId":"69ef9c4e19f5e10c56353f8a","componentId":"69ef9c4e19f5e10c56353f9b","createdAt":"2026-04-27T17:26:38.870Z","updatedAt":"2026-04-27T17:27:51.154Z","__v":0},{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_ws9c1c","componentId":"69ef9d4ae35e5f44d520faed","answerTextId":"69ef9d4ae35e5f44d520faed","_id":"69ef9d4ae35e5f44d520fafd","value":"Single, voll im Job"},{"fieldName":"question_ws9c1c","componentId":"69ef9d4ae35e5f44d520faf2","answerTextId":"69ef9d4ae35e5f44d520faf2","_id":"69ef9d4ae35e5f44d520fb03","value":"Vor dem Ruhestand / im Ruhestand"},{"fieldName":"question_ws9c1c","componentId":"69ef9d4ae35e5f44d520faf1","answerTextId":"69ef9d4ae35e5f44d520faf1","_id":"69ef9d4ae35e5f44d520fb05","value":"Familie, beide berufstätig"},{"fieldName":"question_ws9c1c","componentId":"69ef9d4ae35e5f44d520faef","answerTextId":"69ef9d4ae35e5f44d520faef","_id":"69ef9d4ae35e5f44d520fb07","value":"Familie, ein Einkommen"},{"fieldName":"question_ws9c1c","componentId":"69ef9d4ae35e5f44d520faf0","answerTextId":"69ef9d4ae35e5f44d520faf0","_id":"69ef9d4ae35e5f44d520fb0a","value":"In Beziehung, beide berufstätig"},{"fieldName":"question_ws9c1c","componentId":"69ef9d97fa5fd05a9ca35960","answerTextId":"69ef9d97fa5fd05a9ca35960","_id":"69ef9d97fa5fd05a9ca35964","value":"Selbstständig"}]},"_id":"69ef9d4ae35e5f44d520fae0","type":"field","title":"-","interactionType":"answers","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","pageId":"69ef9d4ae35e5f44d520facc","componentId":"69ef9d4ae35e5f44d520fadd","createdAt":"2026-04-27T17:30:50.910Z","updatedAt":"2026-04-27T17:33:05.181Z","__v":0},{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"question_d1b4lk","componentId":"69ef9f0523a4b3eee66f0fae","answerTextId":"69ef9f0523a4b3eee66f0fae","_id":"69ef9f0523a4b3eee66f0fc1","value":"So schnell wie möglich (innerhalb 4 Wochen)"},{"fieldName":"question_d1b4lk","componentId":"69ef9f0523a4b3eee66f0fb0","answerTextId":"69ef9f0523a4b3eee66f0fb0","_id":"69ef9f0523a4b3eee66f0fc6","value":"In den nächsten 1-3 Monaten"},{"fieldName":"question_d1b4lk","componentId":"69ef9f0523a4b3eee66f0fb2","answerTextId":"69ef9f0523a4b3eee66f0fb2","_id":"69ef9f0523a4b3eee66f0fc8","value":"Ich plane langfristig"},{"fieldName":"question_d1b4lk","componentId":"69ef9f0523a4b3eee66f0fb1","answerTextId":"69ef9f0523a4b3eee66f0fb1","_id":"69ef9f0523a4b3eee66f0fd4","value":"In den nächsten 6 Monaten"}]},"_id":"69ef9f0523a4b3eee66f0fa0","type":"field","title":"-","interactionType":"answers","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","pageId":"69ef9f0523a4b3eee66f0f8c","componentId":"69ef9f0523a4b3eee66f0f9d","createdAt":"2026-04-27T17:38:13.131Z","updatedAt":"2026-04-27T17:40:02.744Z","__v":0},{"additional":{"form":{"componentId":"69ef9fdca3546e9a683eb3d9","inputs":[{"fieldName":"email","conversionTrigger":true,"componentId":"69ef9fdca3546e9a683eb3e3","inputType":"email","required":true,"title":"Deine E-Mail Adresse","visual":"","visualType":"emoji"},{"fieldName":"phone","conversionTrigger":true,"componentId":"69ef9fdca3546e9a683eb3e6","inputType":"phone","required":true,"title":"Deine Telefonnummer","visual":"","visualType":"emoji"},{"fieldName":"input_6h2a2m","conversionTrigger":false,"componentId":"69ef9fdca3546e9a683eb3e7","inputType":"checkbox","required":true,"title":"Ich willige ein, dass meine Daten zur Bearbeitung meiner Anfrage gespeichert werden. Hinweise zum Datenschutz finde ich in der Datenschutzerklärung.","visual":":ballot_box_with_check:","visualType":"emoji"}]},"answers":[]},"_id":"69ef9fdca3546e9a683eb3d4","type":"field","title":"Kontaktdaten","interactionType":"form","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","pageId":"69ef9fcd194fbf590896d82e","componentId":"69ef9fdca3546e9a683eb3d1","createdAt":"2026-04-27T17:41:48.316Z","updatedAt":"2026-05-11T15:17:56.089Z","__v":0},{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"objekt","componentId":"6a01ec3f7951d89249a91dc5","answerTextId":"6a01ec3f7951d89249a91dc5","_id":"6a01ec3f7951d89249a91dd2","value":"Eigentumswohnung","visualType":null},{"fieldName":"objekt","componentId":"6a01ec3f7951d89249a91dc7","answerTextId":"6a01ec3f7951d89249a91dc7","_id":"6a01ec3f7951d89249a91dd7","value":"Einfamilienhaus","visualType":null},{"fieldName":"objekt","componentId":"6a01ec3f7951d89249a91dc8","answerTextId":"6a01ec3f7951d89249a91dc8","_id":"6a01ec3f7951d89249a91dd9","value":"Mehrfamilienhaus","visualType":null},{"fieldName":"objekt","componentId":"6a01ec3f7951d89249a91dc9","answerTextId":"6a01ec3f7951d89249a91dc9","_id":"6a01ec3f7951d89249a91ddd","value":"Wohn- und Geschäftshaus","visualType":null}]},"_id":"6a01ec3e7951d89249a91da3","type":"field","title":"Welche Art des Objekts möchtest du finanzieren?","interactionType":"answers","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","pageId":"6a01e9bb6794ea3d9f65d8d3","componentId":"6a01ec3e7951d89249a91d9e","createdAt":"2026-05-11T14:48:30.945Z","updatedAt":"2026-05-11T15:00:05.532Z","__v":0},{"additional":{"form":{"inputs":[]},"answers":[{"fieldName":"nutzung","componentId":"6a01eed2e3903c3671ad1360","answerTextId":"6a01eed2e3903c3671ad1360","_id":"6a01eed2e3903c3671ad136a","value":"selbstbewohnt"},{"fieldName":"nutzung","componentId":"6a01eed2e3903c3671ad1362","answerTextId":"6a01eed2e3903c3671ad1362","_id":"6a01eed2e3903c3671ad136e","value":"vermietet"},{"fieldName":"nutzung","componentId":"6a01eed2e3903c3671ad1363","answerTextId":"6a01eed2e3903c3671ad1363","_id":"6a01eed2e3903c3671ad1370","value":"Teilweise vermietet"}]},"_id":"6a01eed2e3903c3671ad1352","type":"field","title":"Wie wird die Immobilie genutzt?","interactionType":"answers","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","pageId":"6a01eed2e3903c3671ad134a","componentId":"6a01eed2e3903c3671ad134f","createdAt":"2026-05-11T14:59:30.512Z","updatedAt":"2026-05-11T15:05:21.081Z","__v":0},{"additional":{"form":{"componentId":"6a01f03de32363556443ab17","inputs":[{"fieldName":"input_86p3ls","conversionTrigger":false,"componentId":"6a01f03de32363556443ab1d","inputType":"dropdown","required":true,"title":"Bitte wählen","visual":"round_pushpin","visualType":"emoji"}]},"answers":[]},"_id":"6a01f03de32363556443ab12","type":"field","title":"Wo befindet sich dein Objekt?","interactionType":"form","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","pageId":"6a01f03de32363556443ab0a","componentId":"6a01f03de32363556443ab0f","createdAt":"2026-05-11T15:05:33.927Z","updatedAt":"2026-05-11T15:05:34.024Z","__v":0},{"additional":{"form":{"componentId":"6a01f0d29f7c4aade55e63b9","inputs":[{"fieldName":"dropdown-cd593bdbf8923fb694064f5f","conversionTrigger":false,"componentId":"6a01f0d29f7c4aade55e63c6","inputType":"dropdown","required":true,"title":"Anrede","visual":":clipboard:","visualType":"emoji"},{"fieldName":"firstName","conversionTrigger":false,"componentId":"6a01f0d29f7c4aade55e63c7","inputType":"text","required":true,"title":"Vorname","visual":":wave:","visualType":"emoji"},{"fieldName":"zip","conversionTrigger":false,"componentId":"6a01f0d29f7c4aade55e63cb","inputType":"text","required":true,"title":"Postleitzahl","visual":":mailbox:","visualType":"emoji"},{"fieldName":"schufa","conversionTrigger":false,"componentId":"6a01f0d29f7c4aade55e63cf","inputType":"dropdown","required":true,"title":"Gibt es negative SCHUFA-Einträge?","visual":":clipboard:","visualType":"emoji"},{"fieldName":"beschaeftigung","conversionTrigger":false,"componentId":"6a01f0d29f7c4aade55e63cd","inputType":"dropdown","required":true,"title":"Art der Beschäftigung","visual":":clipboard:","visualType":"emoji"},{"fieldName":"city","conversionTrigger":false,"componentId":"6a01f0d29f7c4aade55e63cc","inputType":"text","required":true,"title":"Ort","visual":":cityscape:","visualType":"emoji"},{"fieldName":"monatliches-haushaltsnettoeinkommen","conversionTrigger":false,"componentId":"6a01f0d29f7c4aade55e63ce","inputType":"text","required":true,"title":"Monatliches Haushaltsnettoeinkommen","visual":":gear:","visualType":"emoji"},{"fieldName":"lastName","conversionTrigger":false,"componentId":"6a01f0d29f7c4aade55e63ca","inputType":"text","required":true,"title":"Nachname","visual":":wave:","visualType":"emoji"}]},"answers":[]},"_id":"6a01f0d29f7c4aade55e63b4","type":"field","title":"Wer soll das Angebot erhalten?","interactionType":"form","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","pageId":"6a01f0d29f7c4aade55e63ac","componentId":"6a01f0d29f7c4aade55e63b1","createdAt":"2026-05-11T15:08:02.054Z","updatedAt":"2026-05-11T15:12:10.559Z","__v":0}],"cookiesEnabled":true,"language":"de","showProgressBar":false,"showAffiliateBadge":false,"affiliateLink":"","resultMapping":{},"nextPage":"69ef96c706cd3cc46737ae06","sortedPages":["69e2081a94d1544d603653ad","69ef96c706cd3cc46737ae06","6a01e9bb6794ea3d9f65d8d3","6a01eed2e3903c3671ad134a","6a01f03de32363556443ab0a","69ef9b14ce90588b87defdbf","69ef9c4e19f5e10c56353f8a","69ef9d4ae35e5f44d520facc","69ef9f0523a4b3eee66f0f8c","69efa0a1ce90588b87df0f69","6a01f0d29f7c4aade55e63ac","69ef9fcd194fbf590896d82e"],"hasResultPages":true,"resultPages":["69e2081a94d1544d603653af"],"isHomePage":true,"isLastPage":false,"firstResultPage":"69e2081a94d1544d603653af","headScript":"","bodyScript":"","trackingProperties":[{"_id":"6a01f0d29f7c4aade55e640f","type":"trackingProperty","fieldName":"beschaeftigung","title":"beschaeftigung","source":"input","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["6a01f0d29f7c4aade55e63cd"],"createdAt":"2026-05-11T15:08:02.213Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"6a01f0d29f7c4aade55e641c","type":"trackingProperty","fieldName":"city","title":"city","source":"input","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["6a01f0d29f7c4aade55e63cc"],"createdAt":"2026-05-11T15:08:02.234Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"6a01f0d29f7c4aade55e63fd","type":"trackingProperty","fieldName":"dropdown-cd593bdbf8923fb694064f5f","title":"dropdown-cd593bdbf8923fb694064f5f","source":"input","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["6a01f0d29f7c4aade55e63c6"],"createdAt":"2026-05-11T15:08:02.185Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"69ef9fdca3546e9a683eb406","type":"trackingProperty","fieldName":"email","title":"email","source":"input","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["69ef9fdca3546e9a683eb3e3"],"createdAt":"2026-04-27T17:41:48.419Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"69ef9ffdf97a5a2ce04c6bc7","type":"trackingProperty","fieldName":"firstName","title":"firstName","source":"input","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["6a01f0d29f7c4aade55e63c7"],"createdAt":"2026-04-27T17:42:21.659Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"6a01f03ee32363556443ab2a","type":"trackingProperty","fieldName":"input_86p3ls","title":"input_86p3ls","source":"input","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["6a01f03de32363556443ab1d"],"createdAt":"2026-05-11T15:05:34.018Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"69ef9fdca3546e9a683eb403","type":"trackingProperty","fieldName":"lastName","title":"lastName","source":"input","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["6a01f0d29f7c4aade55e63ca"],"createdAt":"2026-04-27T17:41:48.417Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"6a01f0d29f7c4aade55e641e","type":"trackingProperty","fieldName":"monatliches-haushaltsnettoeinkommen","title":"monatliches-haushaltsnettoeinkommen","source":"input","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["6a01f0d29f7c4aade55e63ce"],"createdAt":"2026-05-11T15:08:02.236Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"6a01eed2e3903c3671ad135a","type":"trackingProperty","fieldName":"nutzung","title":"Wie wird die Immobilie genutzt?","source":"question","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["6a01eed2e3903c3671ad134f"],"createdAt":"2026-05-11T14:59:30.530Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"6a01e9bb6794ea3d9f65d8e3","type":"trackingProperty","fieldName":"objekt","title":"Welche Art des Objekts möchtest du finanzieren?","source":"question","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["6a01ec3e7951d89249a91d9e"],"createdAt":"2026-05-11T14:37:47.380Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"69ef9fdca3546e9a683eb40d","type":"trackingProperty","fieldName":"phone","title":"phone","source":"input","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["69ef9fdca3546e9a683eb3e6"],"createdAt":"2026-04-27T17:41:48.428Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"69e88b156e24a16f23fe21ad","type":"trackingProperty","fieldName":"question_1sbylh","title":"Was möchtest du finanzieren?","source":"question","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["69e88b156e24a16f23fe21a5"],"createdAt":"2026-04-22T08:47:17.061Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"69ef9b4bfb4d7b805879c7e3","type":"trackingProperty","fieldName":"question_2mvesp","title":"-","source":"question","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["69ef9b4bfb4d7b805879c7db"],"createdAt":"2026-04-27T17:22:19.156Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"69ef971301dbda867cf24b3b","type":"trackingProperty","fieldName":"question_443vzw","title":"-","source":"question","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["69ef971301dbda867cf24b33"],"createdAt":"2026-04-27T17:04:19.596Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"69ef9f0523a4b3eee66f0fa5","type":"trackingProperty","fieldName":"question_d1b4lk","title":"-","source":"question","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["69ef9f0523a4b3eee66f0f9d"],"createdAt":"2026-04-27T17:38:13.150Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"69ef9c4e19f5e10c56353fa3","type":"trackingProperty","fieldName":"question_gj4w22","title":"-","source":"question","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["69ef9c4e19f5e10c56353f9b"],"createdAt":"2026-04-27T17:26:38.891Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"69ef9d4ae35e5f44d520fae5","type":"trackingProperty","fieldName":"question_ws9c1c","title":"-","source":"question","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["69ef9d4ae35e5f44d520fadd"],"createdAt":"2026-04-27T17:30:50.930Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"6a01f0d29f7c4aade55e640d","type":"trackingProperty","fieldName":"schufa","title":"schufa","source":"input","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["6a01f0d29f7c4aade55e63cf"],"createdAt":"2026-05-11T15:08:02.211Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0},{"_id":"6a01f0d29f7c4aade55e640b","type":"trackingProperty","fieldName":"zip","title":"zip","source":"input","companyId":"65c2c1eac436a60014a9992b","campaignId":"69e2081a94d1544d60365375","components":["6a01f0d29f7c4aade55e63cb"],"createdAt":"2026-05-11T15:08:02.208Z","updatedAt":"2026-05-27T08:38:29.916Z","__v":0}],"automaticRedirect":null,"inputMap":{"byComponent":{"69ef9fdca3546e9a683eb3e3":{"name":"email","originalName":"email","parentId":"69ef9fdca3546e9a683eb3d9","autocomplete":"email"},"69ef9fdca3546e9a683eb3e6":{"name":"phone","originalName":"phone","parentId":"69ef9fdca3546e9a683eb3d9","autocomplete":"tel"},"69ef9fdca3546e9a683eb3e7":{"name":"input_6h2a2m","originalName":"input_6h2a2m","parentId":"69ef9fdca3546e9a683eb3d9","autocomplete":""},"6a01f03de32363556443ab1d":{"name":"input_86p3ls","originalName":"input_86p3ls","parentId":"6a01f03de32363556443ab17","autocomplete":""},"6a01f0d29f7c4aade55e63c6":{"name":"dropdown-cd593bdbf8923fb694064f5f","originalName":"dropdown-cd593bdbf8923fb694064f5f","parentId":"6a01f0d29f7c4aade55e63b9","autocomplete":""},"6a01f0d29f7c4aade55e63c7":{"name":"fname","originalName":"fname","parentId":"6a01f0d29f7c4aade55e63b9","autocomplete":"given-name"},"6a01f0d29f7c4aade55e63ca":{"name":"lname","originalName":"lname","parentId":"6a01f0d29f7c4aade55e63b9","autocomplete":"family-name"},"6a01f0d29f7c4aade55e63cb":{"name":"zip","originalName":"zip","parentId":"6a01f0d29f7c4aade55e63b9","autocomplete":""},"6a01f0d29f7c4aade55e63cc":{"name":"city","originalName":"city","parentId":"6a01f0d29f7c4aade55e63b9","autocomplete":""},"6a01f0d29f7c4aade55e63cd":{"name":"beschaeftigung","originalName":"beschaeftigung","parentId":"6a01f0d29f7c4aade55e63b9","autocomplete":""},"6a01f0d29f7c4aade55e63ce":{"name":"monatliches-haushaltsnettoeinkommen","originalName":"monatliches-haushaltsnettoeinkommen","parentId":"6a01f0d29f7c4aade55e63b9","autocomplete":""},"6a01f0d29f7c4aade55e63cf":{"name":"schufa","originalName":"schufa","parentId":"6a01f0d29f7c4aade55e63b9","autocomplete":""}},"byName":{"69ef9fdca3546e9a683eb3d9":{"email":"69ef9fdca3546e9a683eb3e3","phone":"69ef9fdca3546e9a683eb3e6","input_6h2a2m":"69ef9fdca3546e9a683eb3e7"},"6a01f03de32363556443ab17":{"input_86p3ls":"6a01f03de32363556443ab1d"},"6a01f0d29f7c4aade55e63b9":{"dropdown-cd593bdbf8923fb694064f5f":"6a01f0d29f7c4aade55e63c6","fname":"6a01f0d29f7c4aade55e63c7","lname":"6a01f0d29f7c4aade55e63ca","zip":"6a01f0d29f7c4aade55e63cb","city":"6a01f0d29f7c4aade55e63cc","beschaeftigung":"6a01f0d29f7c4aade55e63cd","monatliches-haushaltsnettoeinkommen":"6a01f0d29f7c4aade55e63ce","schufa":"6a01f0d29f7c4aade55e63cf"}}},"pageIdSlugMap":{"69e2081a94d1544d603653ad":"startseite","69e2081a94d1544d603653af":"danke","69ef96c706cd3cc46737ae06":"page_salr2s","69ef9b14ce90588b87defdbf":"page_haew93","69ef9c4e19f5e10c56353f8a":"page_o57ysf","69ef9d4ae35e5f44d520facc":"page_a9g3at","69ef9f0523a4b3eee66f0f8c":"page_igd23g","69ef9fcd194fbf590896d82e":"page_qp579s","69efa0a1ce90588b87df0f69":"page_xj2rev","6a01e9bb6794ea3d9f65d8d3":"page_4ismql","6a01eed2e3903c3671ad134a":"page_okh4f2","6a01f03de32363556443ab0a":"page_xlj8jr","6a01f0d29f7c4aade55e63ac":"page_ieodud"},"context":{"slug":"","trackingVersion":"v4","url":"https://baufi.cramer-finance.de/","domain":"baufi.cramer-finance.de"}}