{"id":19141,"date":"2025-09-12T13:54:40","date_gmt":"2025-09-12T11:54:40","guid":{"rendered":"https:\/\/limainvestimmobilien.de\/?page_id=19141"},"modified":"2026-09-09T20:42:39","modified_gmt":"2026-09-09T18:42:39","slug":"immobilienfinanzierung-beste-zinskonditionen-in-deutschland-immobilienkredite-immobiliendarlehen","status":"publish","type":"page","link":"https:\/\/limainvestimmobilien.de\/en\/immobilienfinanzierung-beste-zinskonditionen-in-deutschland-immobilienkredite-immobiliendarlehen\/","title":{"rendered":"Immobilienfinanzierung"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n\n \n Immobilienfinanzierung Hamburg & bundesweit pr\u00fcfen | Lima Invest<\/title>\n <meta name=\"description\" content=\"Immobilienfinanzierung in 2 Minuten pr\u00fcfen: Budget berechnen, \u00fcber 700 Banken vergleichen und die passende Baufinanzierung finden. Pers\u00f6nlich begleitet von Lima Invest Immobilien in Hamburg.\">\n <meta name=\"keywords\" content=\"Immobilienfinanzierung Hamburg, Baufinanzierung, Bauzinsen, Immobilienkredit, Finanzierung pr\u00fcfen, Budgetrechner Immobilie, Annuit\u00e4tendarlehen, Eigenkapital, Lima Invest Immobilien\">\n <meta name=\"author\" content=\"Lima Invest Immobilien\">\n <meta name=\"robots\" content=\"index, follow, max-image-preview:large\">\n <link rel=\"canonical\" href=\"https:\/\/limainvestimmobilien.de\/immobilienfinanzierung\/\">\n <meta name=\"theme-color\" content=\"#F7F0DA\">\n\n <!-- ===== SEO: Lokal (Hamburg) ===== -->\n <meta name=\"geo.region\" content=\"DE-HH\">\n <meta name=\"geo.placename\" content=\"Hamburg\">\n <meta name=\"geo.position\" content=\"53.5573;10.0093\">\n <meta name=\"ICBM\" content=\"53.5573, 10.0093\">\n\n <!-- ===== Open Graph ===== -->\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:locale\" content=\"de_DE\">\n <meta property=\"og:site_name\" content=\"Lima Invest Immobilien\">\n <meta property=\"og:title\" content=\"Immobilienfinanzierung pr\u00fcfen \u2013 klar, schnell, pers\u00f6nlich | Lima Invest\">\n <meta property=\"og:description\" content=\"Budget berechnen, \u00fcber 700 Banken vergleichen und die passende Baufinanzierung finden \u2013 kostenlos und unverbindlich.\">\n <meta property=\"og:url\" content=\"https:\/\/limainvestimmobilien.de\/immobilienfinanzierung\/\">\n <meta property=\"og:image\" content=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/og-finanzierung.jpg\">\n <meta property=\"og:image:alt\" content=\"Lima Invest Immobilien \u2013 Immobilienfinanzierung Hamburg\">\n\n <!-- ===== Twitter ===== -->\n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"Immobilienfinanzierung pr\u00fcfen | Lima Invest Immobilien\">\n <meta name=\"twitter:description\" content=\"Budget berechnen, \u00fcber 700 Banken vergleichen und die passende Baufinanzierung finden.\">\n <meta name=\"twitter:image\" content=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/og-finanzierung.jpg\">\n\n <!-- ===== Fonts ===== -->\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=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700;9..144,900&family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <!-- ===== Structured Data ===== -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"RealEstateAgent\",\n \"@id\": \"https:\/\/limainvestimmobilien.de\/#organization\",\n \"name\": \"Lima Invest Immobilien\",\n \"description\": \"Off-Market Immobilienberatung und Finanzierungsvermittlung in Hamburg. Wir verbinden gepr\u00fcfte Investoren und Eigennutzer mit passenden Objekten und Bankpartnern.\",\n \"url\": \"https:\/\/limainvestimmobilien.de\/\",\n \"image\": \"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/og-finanzierung.jpg\",\n \"telephone\": \"+49 40 33464605\",\n \"email\": \"info@limaimmobilien.com\",\n \"priceRange\": \"\u20ac\u20ac\u20ac\",\n \"founder\": { \"@type\": \"Person\", \"name\": \"Pablo Lima\" },\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"An der Alster 34\",\n \"postalCode\": \"20099\",\n \"addressLocality\": \"Hamburg\",\n \"addressRegion\": \"Hamburg\",\n \"addressCountry\": \"DE\"\n },\n \"geo\": { \"@type\": \"GeoCoordinates\", \"latitude\": 53.5573, \"longitude\": 10.0093 },\n \"areaServed\": [\n { \"@type\": \"City\", \"name\": \"Hamburg\" },\n { \"@type\": \"Country\", \"name\": \"Deutschland\" }\n ],\n \"openingHoursSpecification\": [{\n \"@type\": \"OpeningHoursSpecification\",\n \"dayOfWeek\": [\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\"],\n \"opens\": \"09:00\", \"closes\": \"18:00\"\n }],\n \"makesOffer\": {\n \"@type\": \"Offer\",\n \"itemOffered\": {\n \"@type\": \"Service\",\n \"name\": \"Immobilienfinanzierung & Baufinanzierung\",\n \"serviceType\": \"Vermittlung von Immobilienfinanzierungen\",\n \"areaServed\": \"DE\",\n \"provider\": { \"@id\": \"https:\/\/limainvestimmobilien.de\/#organization\" }\n }\n }\n }\n <\/script>\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"Wie viel Immobilie kann ich mir leisten?\",\n \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Die Faustregel: Ihre monatliche Rate sollte etwa 35 bis 40 Prozent Ihres Nettoeinkommens nicht \u00fcberschreiten. Aus Rate, Zinssatz, gew\u00fcnschter Tilgung und Ihrem Eigenkapital ergibt sich das m\u00f6gliche Darlehen \u2013 und daraus der Kaufpreis. Mit dem Budget-Check oben erhalten Sie in rund zwei Minuten eine erste realistische Einsch\u00e4tzung.\" }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie viel Eigenkapital brauche ich f\u00fcr eine Baufinanzierung?\",\n \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Empfehlenswert sind mindestens die Kaufnebenkosten \u2013 in Hamburg rund 10 Prozent des Kaufpreises \u2013 aus Eigenmitteln. Mehr Eigenkapital senkt die Beleihung und damit meist den Zinssatz. Eine Finanzierung mit weniger oder ganz ohne Eigenkapital ist bei guter Bonit\u00e4t m\u00f6glich, wird aber teurer.\" }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie hoch sind die Kaufnebenkosten in Hamburg?\",\n \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"In Hamburg fallen 5,5 Prozent Grunderwerbsteuer, etwa 1,5 bis 2 Prozent f\u00fcr Notar und Grundbuch sowie \u2013 falls beauftragt \u2013 die Maklercourtage an. In Summe liegen die Kaufnebenkosten meist bei rund 10 bis 12 Prozent des Kaufpreises.\" }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Wie entwickeln sich die Bauzinsen aktuell?\",\n \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Die Bauzinsen h\u00e4ngen vor allem von der Rendite langlaufender Staatsanleihen und der EZB-Politik ab. Im Zinsverlauf auf dieser Seite sehen Sie die Entwicklung der durchschnittlichen Effektivzinsen f\u00fcr verschiedene Sollzinsbindungen. Ihr pers\u00f6nlicher Zins h\u00e4ngt zus\u00e4tzlich von Bonit\u00e4t, Objekt und Eigenkapital ab.\" }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Was bedeutet die Sollzinsbindung und welche Laufzeit ist sinnvoll?\",\n \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Die Sollzinsbindung legt fest, wie lange Ihr Zinssatz garantiert ist \u2013 \u00fcblich sind 5, 10, 15 oder 20 Jahre. Eine l\u00e4ngere Bindung gibt mehr Planungssicherheit, kostet aber in der Regel etwas Aufschlag. In einem unsicheren Zinsumfeld w\u00e4hlen viele Kaufende eine l\u00e4ngere Bindung.\" }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"Kostet die Finanzierungsanfrage bei Lima Invest etwas?\",\n \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Nein. Die Budgetpr\u00fcfung und der Vergleich \u00fcber unsere Bankpartner sind f\u00fcr Sie kostenlos und unverbindlich. Sie entscheiden erst danach, ob und mit welcher Bank Sie weitermachen.\" }\n }\n ]\n }\n <\/script>\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"BreadcrumbList\",\n \"itemListElement\": [\n { \"@type\": \"ListItem\", \"position\": 1, \"name\": \"Startseite\", \"item\": \"https:\/\/limainvestimmobilien.de\/\" },\n { \"@type\": \"ListItem\", \"position\": 2, \"name\": \"Immobilienfinanzierung\", \"item\": \"https:\/\/limainvestimmobilien.de\/immobilienfinanzierung\/\" }\n ]\n }\n <\/script>\n\n <style>\n :root {\n \/* CI *\/\n --gold: #BB9E1C;\n --gold-hi: #E7CE63; \/* metallischer Glanz *\/\n --gold-deep: #8A7314; \/* Schattenseite *\/\n --gold-soft: rgba(187, 158, 28, 0.12);\n\n \/* Weicher, heller Gold-Wash (ersetzt die dunklen Fl\u00e4chen) *\/\n --wash-1: #FCF8EC;\n --wash-2: #F4EAC9;\n --wash-3: #EADFB2;\n --soft-ink: #2C2611; \/* \u00dcberschriften \/ Basistext auf Gold *\/\n --soft-muted: #5F5731; \/* ged\u00e4mpfter Text auf Gold *\/\n --soft-line: rgba(120,100,20,0.20);\n\n \/* Dunkle Basis (Hero \/ B\u00e4nder) *\/\n --ink: #0C0D10;\n --ink-2: #14161C;\n --ink-3: #1C1F27;\n\n \/* Helle Basis *\/\n --paper: #FBFAF7;\n --paper-2: #F3F1EA;\n --white: #FFFFFF;\n\n \/* Grau *\/\n --gray-100: #F5F6F7;\n --gray-200: #E7E9EC;\n --gray-300: #D5D8DD;\n --gray-500: #8A9099;\n --gray-600: #656B74;\n --gray-700: #414750;\n --ink-70: rgba(255,255,255,0.70);\n --ink-45: rgba(255,255,255,0.45);\n --ink-line: rgba(255,255,255,0.10);\n\n --success: #3FB871;\n --danger: #E5533D;\n\n --r-sm: 10px;\n --r: 16px;\n --r-lg: 24px;\n --ease: cubic-bezier(0.22, 1, 0.36, 1);\n --shadow-card: 0 30px 70px -20px rgba(12,13,16,0.35);\n\n \/* metallischer Gold-Verlauf *\/\n --metal: linear-gradient(135deg, #F4E39A 0%, var(--gold-hi) 22%, var(--gold) 52%, var(--gold-deep) 100%);\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: 'Inter', system-ui, sans-serif;\n color: #1A1C22;\n background: var(--paper);\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n h1, h2, h3, .display {\n font-family: 'Fraunces', Georgia, serif;\n font-weight: 600;\n line-height: 1.08;\n letter-spacing: -0.01em;\n font-optical-sizing: auto;\n }\n\n .container { max-width: 1200px; margin: 0 auto; padding: 0 28px; }\n\n .eyebrow {\n display: inline-flex; align-items: center; gap: 8px;\n font-size: 13px; font-weight: 600; color: var(--gold-deep);\n letter-spacing: 0.02em;\n }\n .eyebrow::before {\n content: ''; width: 22px; height: 1.5px; background: var(--gold);\n display: inline-block;\n }\n .eyebrow.on-dark { color: var(--gold-deep); }\n .eyebrow.on-dark::before { background: var(--gold); }\n\n .gold-text {\n background: var(--metal);\n -webkit-background-clip: text; background-clip: text;\n -webkit-text-fill-color: transparent; color: var(--gold);\n }\n\n \/* ============================================================\n STICKY HEADER\n ============================================================ *\/\n .site-header {\n position: sticky; top: 0; z-index: 100;\n background: rgba(12,13,16,0.72);\n backdrop-filter: blur(14px) saturate(140%);\n -webkit-backdrop-filter: blur(14px) saturate(140%);\n border-bottom: 1px solid var(--ink-line);\n }\n .header-inner {\n max-width: 1200px; margin: 0 auto; padding: 14px 28px;\n display: flex; align-items: center; justify-content: space-between; gap: 20px;\n }\n .brand {\n font-family: 'Fraunces', serif; font-weight: 700;\n font-size: 20px; letter-spacing: 0.04em; color: var(--white);\n text-decoration: none; display: flex; align-items: baseline; gap: 2px;\n white-space: nowrap;\n }\n .brand .li-mark { color: var(--gold-hi); }\n .brand small { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 10px; letter-spacing: 0.32em; color: var(--ink-45); display: block; }\n .nav { display: flex; align-items: center; gap: 26px; }\n .nav a {\n color: var(--ink-70); text-decoration: none; font-size: 14px; font-weight: 500;\n position: relative; transition: color 0.25s;\n }\n .nav a::after {\n content: ''; position: absolute; left: 0; bottom: -6px; height: 1.5px; width: 0;\n background: var(--gold-hi); transition: width 0.3s var(--ease);\n }\n .nav a:hover { color: var(--white); }\n .nav a:hover::after { width: 100%; }\n .nav .nav-cta {\n color: var(--ink); background: var(--gold-hi);\n padding: 9px 18px; border-radius: 999px; font-weight: 700;\n transition: transform 0.25s var(--ease), box-shadow 0.25s;\n }\n .nav .nav-cta::after { display: none; }\n .nav .nav-cta:hover { color: var(--ink); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(187,158,28,0.4); }\n .nav-toggle { display: none; background: none; border: 0; cursor: pointer; padding: 6px; }\n .nav-toggle span { display: block; width: 24px; height: 2px; background: var(--white); margin: 5px 0; border-radius: 2px; transition: 0.3s; }\n\n \/* ============================================================\n HERO \u2014 der 3D-Moment\n ============================================================ *\/\n .hero {\n position: relative; overflow: hidden;\n background:\n radial-gradient(1100px 620px at 80% -12%, rgba(187,158,28,0.30), transparent 62%),\n radial-gradient(840px 520px at 6% 114%, rgba(187,158,28,0.16), transparent 60%),\n linear-gradient(168deg, var(--wash-1) 0%, var(--wash-2) 55%, var(--wash-3) 100%);\n color: var(--soft-ink);\n padding: 84px 0 96px;\n perspective: 1600px;\n }\n \/* animierte Aurora + Sternenstaub *\/\n .hero .aurora {\n position: absolute; inset: -20% -10% auto -10%; height: 90%;\n background:\n radial-gradient(closest-side, rgba(231,206,99,0.22), transparent),\n radial-gradient(closest-side, rgba(187,158,28,0.16), transparent);\n background-size: 55% 60%, 45% 50%;\n background-position: 70% 20%, 25% 60%;\n background-repeat: no-repeat;\n filter: blur(18px);\n animation: auroraDrift 16s ease-in-out infinite alternate;\n pointer-events: none;\n }\n @keyframes auroraDrift {\n from { transform: translate3d(0,0,0) scale(1); opacity: 0.9; }\n to { transform: translate3d(-40px, 30px, 0) scale(1.12); opacity: 1; }\n }\n .hero .grid-fade {\n position: absolute; inset: 0;\n background-image:\n linear-gradient(rgba(120,100,20,0.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(120,100,20,0.05) 1px, transparent 1px);\n background-size: 64px 64px;\n mask-image: radial-gradient(120% 90% at 50% 0%, #000 30%, transparent 75%);\n -webkit-mask-image: radial-gradient(120% 90% at 50% 0%, #000 30%, transparent 75%);\n pointer-events: none;\n }\n\n .hero-grid {\n position: relative; z-index: 2;\n display: grid; grid-template-columns: minmax(0, 1fr) minmax(400px, 520px);\n gap: 56px; align-items: center;\n }\n\n .hero-copy { max-width: 560px; }\n .hero h1 {\n font-size: clamp(40px, 5.4vw, 66px);\n font-weight: 600; margin: 22px 0 22px;\n letter-spacing: -0.02em;\n }\n .hero h1 em { font-style: italic; font-weight: 500; color: var(--gold-deep); }\n .hero-lead {\n font-size: clamp(17px, 1.6vw, 20px); color: var(--soft-muted);\n max-width: 480px; margin-bottom: 34px;\n }\n .hero-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-bottom: 42px; }\n\n .btn-primary {\n display: inline-flex; align-items: center; gap: 10px;\n background: var(--metal); background-size: 180% 180%;\n color: #1A150A; text-decoration: none;\n padding: 16px 28px; border-radius: 999px;\n font-weight: 700; font-size: 15px; border: 0; cursor: pointer; font-family: inherit;\n box-shadow: 0 12px 30px -8px rgba(187,158,28,0.55), inset 0 1px 0 rgba(255,255,255,0.5);\n transition: transform 0.3s var(--ease), box-shadow 0.3s, background-position 0.6s;\n position: relative; overflow: hidden;\n }\n .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 18px 40px -8px rgba(187,158,28,0.65), inset 0 1px 0 rgba(255,255,255,0.5); background-position: 100% 0; }\n .btn-primary svg { width: 17px; height: 17px; }\n\n .btn-ghost {\n display: inline-flex; align-items: center; gap: 8px;\n color: var(--soft-ink); text-decoration: none; font-weight: 600; font-size: 15px;\n padding: 14px 4px; border-bottom: 1px solid transparent; transition: border-color 0.3s;\n }\n .btn-ghost:hover { border-color: var(--gold); }\n\n .hero-stats { display: flex; gap: 34px; flex-wrap: wrap; }\n .hstat .num {\n font-family: 'Fraunces', serif; font-weight: 600; font-size: 34px;\n line-height: 1; font-variant-numeric: tabular-nums; color: var(--soft-ink);\n }\n .hstat .num.gold { background: linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }\n .hstat .lbl { font-size: 13px; color: var(--soft-muted); margin-top: 6px; }\n\n \/* ---- 3D Showcase (Widget + Siegel) ---- *\/\n .hero-showcase {\n position: relative;\n transform-style: preserve-3d;\n will-change: transform;\n transition: transform 0.5s var(--ease);\n }\n .glass-card {\n position: relative;\n background: rgba(255,255,255,0.94);\n border: 1px solid rgba(255,255,255,0.9);\n border-radius: var(--r-lg);\n padding: 22px;\n box-shadow:\n 0 40px 90px -34px rgba(120,100,20,0.45),\n 0 2px 8px rgba(120,100,20,0.10),\n inset 0 1px 0 rgba(255,255,255,0.9);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n transform-style: preserve-3d;\n animation: cardIn 1s var(--ease) both;\n }\n @keyframes cardIn {\n from { opacity: 0; transform: translateY(26px) rotateX(8deg); }\n to { opacity: 1; transform: translateY(0) rotateX(0); }\n }\n .glass-card::before {\n content: ''; position: absolute; inset: 0; border-radius: inherit;\n background: linear-gradient(120deg, transparent 30%, rgba(231,206,99,0.14) 50%, transparent 70%);\n background-size: 250% 100%;\n animation: sheen 5.5s linear infinite;\n pointer-events: none;\n }\n @keyframes sheen { from { background-position: 200% 0; } to { background-position: -120% 0; } }\n\n .glass-head { padding: 6px 8px 16px; transform: translateZ(40px); }\n .badge-live {\n display: inline-flex; align-items: center; gap: 8px;\n font-size: 12px; font-weight: 600; color: var(--gold-deep);\n background: var(--gold-soft); border: 1px solid rgba(187,158,28,0.28);\n padding: 6px 12px; border-radius: 999px;\n }\n .badge-live .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--gold); animation: pulse 2.2s infinite; }\n @keyframes pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(187,158,28,0.5); } 50% { box-shadow: 0 0 0 7px rgba(187,158,28,0); } }\n .glass-head h2 { font-size: 25px; margin: 14px 0 6px; color: #1A1C22; }\n .glass-head p { font-size: 14px; color: var(--gray-600); margin: 0; }\n\n .widget-shell {\n background: var(--white); border-radius: var(--r);\n padding: 10px; box-shadow: 0 10px 26px rgba(120,100,20,0.12); border: 1px solid var(--gray-200);\n transform: translateZ(28px);\n }\n .widget-hint {\n display: flex; align-items: center; justify-content: center; gap: 8px;\n font-size: 12px; font-weight: 600; color: var(--gold-deep);\n padding: 12px 0 6px; transform: translateZ(30px);\n }\n .widget-hint svg { width: 14px; height: 14px; animation: nudge 1.7s ease-in-out infinite; }\n @keyframes nudge { 0%,100% { transform: translateY(0); } 50% { transform: translateY(4px); } }\n\n \/* schwebendes Gold-Siegel *\/\n .seal {\n position: absolute; top: -34px; right: -30px; width: 100px; height: 100px;\n border-radius: 50%;\n background: var(--metal);\n box-shadow: 0 18px 40px -10px rgba(187,158,28,0.6), inset 0 2px 6px rgba(255,255,255,0.6), inset 0 -6px 12px rgba(138,115,20,0.5);\n display: grid; place-items: center; text-align: center;\n transform: translateZ(80px);\n animation: floatSeal 6s ease-in-out infinite;\n }\n @keyframes floatSeal { 0%,100% { transform: translateZ(80px) translateY(0) rotate(-8deg); } 50% { transform: translateZ(80px) translateY(-10px) rotate(-8deg); } }\n .seal span { font-family: 'Fraunces', serif; color: #2A2205; line-height: 1; }\n .seal .s-num { font-size: 26px; font-weight: 700; }\n .seal .s-lbl { font-size: 9px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; display: block; margin-top: 2px; }\n\n \/* Trust-Leiste unter dem Hero *\/\n .trust-band {\n position: relative; z-index: 2; margin-top: 64px;\n border-top: 1px solid var(--soft-line); padding-top: 26px;\n display: flex; gap: 14px 40px; flex-wrap: wrap; align-items: center;\n }\n .trust-band .ti { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--soft-muted); font-weight: 500; }\n .trust-band .ti svg { width: 20px; height: 20px; color: var(--gold-deep); flex-shrink: 0; }\n\n \/* ============================================================\n SECTION-GER\u00dcST\n ============================================================ *\/\n .section { padding: 96px 0; }\n .section.light { background: var(--paper); }\n .section.paper2 { background: var(--paper-2); }\n .section.dark {\n background:\n radial-gradient(900px 500px at 85% -20%, rgba(187,158,28,0.22), transparent 60%),\n linear-gradient(160deg, var(--wash-1) 0%, var(--wash-2) 60%, var(--wash-3) 100%);\n color: var(--soft-ink);\n }\n\n .section-head { max-width: 680px; margin-bottom: 46px; }\n .section-head h2 { font-size: clamp(30px, 3.6vw, 46px); margin: 16px 0 14px; }\n .section-head p { font-size: 17px; color: var(--gray-600); }\n .section.dark .section-head p { color: var(--soft-muted); }\n\n \/* ============================================================\n SCHNELL-KALKULATION\n ============================================================ *\/\n .calc {\n display: grid; grid-template-columns: minmax(0,1fr) minmax(380px, 0.94fr);\n background: var(--white); border-radius: var(--r-lg);\n border: 1px solid var(--gray-200); overflow: hidden;\n box-shadow: var(--shadow-card);\n }\n .calc-inputs { padding: 40px 42px; }\n .qc-field { margin-bottom: 26px; }\n .qc-field:last-of-type { margin-bottom: 0; }\n .qc-top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; gap: 12px; }\n .qc-label { font-size: 14px; font-weight: 600; color: var(--gray-700); }\n .qc-value { font-family: 'Fraunces', serif; font-weight: 600; font-size: 21px; color: var(--gold-deep); font-variant-numeric: tabular-nums; }\n .qc-value.bump { animation: pop 0.3s var(--ease); }\n\n input[type=\"range\"] {\n -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 999px;\n background: linear-gradient(90deg, var(--gold) var(--fill,50%), var(--gray-200) var(--fill,50%));\n outline: none; cursor: pointer;\n }\n input[type=\"range\"]:focus-visible { box-shadow: 0 0 0 4px var(--gold-soft); }\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none; width: 24px; height: 24px; border-radius: 50%;\n background: var(--white); border: 3px solid var(--gold);\n box-shadow: 0 3px 12px rgba(187,158,28,0.4); transition: transform 0.18s var(--ease);\n }\n input[type=\"range\"]::-webkit-slider-thumb:hover { transform: scale(1.18); }\n input[type=\"range\"]::-moz-range-thumb { width: 24px; height: 24px; border-radius: 50%; background: var(--white); border: 3px solid var(--gold); box-shadow: 0 3px 12px rgba(187,158,28,0.4); }\n .qc-scale { display: flex; justify-content: space-between; font-size: 12px; color: var(--gray-500); margin-top: 8px; }\n\n .qc-toggle { display: flex; align-items: center; gap: 12px; margin-top: 28px; padding-top: 22px; border-top: 1px dashed var(--gray-300); }\n .qc-switch { position: relative; width: 46px; height: 26px; flex-shrink: 0; }\n .qc-switch input { opacity: 0; width: 100%; height: 100%; position: absolute; cursor: pointer; margin: 0; z-index: 1; }\n .qc-switch .track { position: absolute; inset: 0; background: var(--gray-300); border-radius: 999px; transition: background 0.25s; }\n .qc-switch .track::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; background: var(--white); border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.2); transition: transform 0.25s var(--ease); }\n .qc-switch input:checked + .track { background: var(--gold); }\n .qc-switch input:checked + .track::after { transform: translateX(20px); }\n .qc-switch input:focus-visible + .track { box-shadow: 0 0 0 4px var(--gold-soft); }\n .qc-toggle-label { font-size: 13.5px; color: var(--gray-600); }\n\n .calc-results {\n padding: 40px 42px; display: flex; flex-direction: column; gap: 24px; justify-content: center;\n background: radial-gradient(120% 80% at 100% 0%, rgba(187,158,28,0.10), transparent 60%), var(--paper);\n border-left: 1px solid var(--gray-200);\n }\n .rate-head .rate-lbl { font-size: 13px; color: var(--gray-600); font-weight: 600; margin-bottom: 6px; }\n .rate-head .rate-val { font-family: 'Fraunces', serif; font-weight: 700; font-size: clamp(40px, 4vw, 52px); line-height: 1; background: var(--metal); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-variant-numeric: tabular-nums; }\n .rate-head .rate-val.bump { animation: pop 0.3s var(--ease); }\n .rate-head .rate-sub { font-size: 13px; color: var(--gray-600); margin-top: 8px; }\n\n .donut-wrap { display: grid; grid-template-columns: 150px 1fr; gap: 22px; align-items: center; }\n .donut-svg { width: 150px; height: 150px; transform: rotate(-90deg); filter: drop-shadow(0 8px 16px rgba(187,158,28,0.18)); }\n .donut-track { fill: none; stroke: var(--gray-200); stroke-width: 15; }\n .donut-seg { fill: none; stroke-width: 15; stroke-linecap: round; transition: stroke-dasharray 0.6s var(--ease), stroke-dashoffset 0.6s var(--ease); }\n .donut-seg.tilgung { stroke: url(#donutGold); }\n .donut-seg.zins { stroke: var(--ink-2); }\n .donut-center { transform: rotate(90deg); transform-origin: center; }\n .donut-center .num { font-family: 'Fraunces', serif; font-weight: 700; font-size: 27px; fill: #1A1C22; }\n .donut-center .lbl { font-size: 10px; font-weight: 600; fill: var(--gray-600); }\n\n .legend { display: flex; flex-direction: column; gap: 10px; }\n .legend-item { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13.5px; color: var(--gray-700); }\n .legend-item .dl { display: flex; align-items: center; gap: 9px; }\n .legend-dot { width: 11px; height: 11px; border-radius: 3px; flex-shrink: 0; }\n .legend-dot.gold { background: var(--gold); }\n .legend-dot.dark { background: var(--ink-2); }\n .legend-item strong { font-variant-numeric: tabular-nums; color: #1A1C22; }\n\n .capital-lbl { display: flex; justify-content: space-between; font-size: 13px; font-weight: 600; color: var(--gray-600); margin-bottom: 8px; }\n .capital-bar { display: flex; height: 20px; border-radius: 999px; overflow: hidden; background: var(--gray-200); box-shadow: inset 0 1px 3px rgba(0,0,0,0.08); }\n .capital-bar .ek, .capital-bar .dl2 { height: 100%; transition: width 0.6s var(--ease); }\n .capital-bar .ek { background: var(--metal); }\n .capital-bar .dl2 { background: linear-gradient(90deg, var(--ink), var(--ink-3)); }\n .capital-legend { display: flex; justify-content: space-between; gap: 10px; margin-top: 9px; font-size: 13px; color: var(--gray-700); flex-wrap: wrap; }\n .capital-legend strong { color: #1A1C22; font-variant-numeric: tabular-nums; }\n\n .rest-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; background: var(--white); border: 1px solid var(--gray-200); border-radius: var(--r-sm); padding: 14px 18px; font-size: 13.5px; color: var(--gray-700); font-weight: 500; }\n .rest-row strong { font-family: 'Fraunces', serif; font-size: 20px; color: #1A1C22; font-variant-numeric: tabular-nums; }\n\n .calc-cta { grid-column: 1 \/ -1; padding: 24px 42px; border-top: 1px solid var(--gray-200); background: var(--gray-100); display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }\n .calc-cta p { font-size: 13.5px; color: var(--gray-600); max-width: 560px; margin: 0; }\n\n \/* ============================================================\n ABLAUF (3 Schritte) \u2014 dunkles Band\n ============================================================ *\/\n .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n .step {\n position: relative; padding: 34px 28px 30px;\n border: 1px solid rgba(120,100,20,0.16); border-radius: var(--r);\n background: rgba(255,255,255,0.7);\n box-shadow: 0 20px 44px -26px rgba(120,100,20,0.4);\n transition: transform 0.4s var(--ease), border-color 0.4s, box-shadow 0.4s;\n }\n .step:hover { transform: translateY(-6px); border-color: rgba(187,158,28,0.5); box-shadow: 0 26px 54px -24px rgba(120,100,20,0.5); }\n .step-no { font-family: 'Fraunces', serif; font-size: 15px; font-weight: 600; color: var(--gold-deep); display: block; margin-bottom: 18px; }\n .step-no::after { content: ''; display: block; width: 34px; height: 1.5px; background: var(--gold); margin-top: 12px; }\n .step h3 { font-size: 22px; color: #1A1C22; margin-bottom: 10px; }\n .step p { font-size: 15px; color: var(--gray-600); }\n\n \/* ============================================================\n ZINS-CHART\n ============================================================ *\/\n .rates-card { background: var(--white); border-radius: var(--r-lg); border: 1px solid var(--gray-200); overflow: hidden; box-shadow: var(--shadow-card); }\n .rates-tabs { padding: 26px 30px 18px; border-bottom: 1px solid var(--gray-200); }\n .rates-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; flex-wrap: wrap; gap: 12px; }\n .stand-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--gray-700); background: var(--gold-soft); padding: 7px 13px; border-radius: 999px; }\n .stand-badge::before { content: ''; width: 8px; height: 8px; background: var(--success); border-radius: 50%; animation: pulse 2.2s infinite; }\n .btn-interhyp { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--gray-700); background: var(--white); border: 1px solid var(--gray-300); padding: 8px 15px; border-radius: 999px; text-decoration: none; transition: 0.25s var(--ease); }\n .btn-interhyp:hover { background: var(--ink); color: var(--white); border-color: var(--ink); transform: translateY(-1px); }\n .btn-interhyp svg { width: 14px; height: 14px; }\n .tab-row { margin-bottom: 14px; }\n .tab-row:last-child { margin-bottom: 0; }\n .tab-label { font-size: 13px; font-weight: 600; color: var(--gray-600); margin-bottom: 9px; }\n .tab-group { display: flex; gap: 7px; flex-wrap: wrap; }\n .tab-btn { padding: 8px 15px; background: var(--gray-100); border: 1px solid var(--gray-200); border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--gray-700); cursor: pointer; transition: 0.25s var(--ease); font-family: inherit; }\n .tab-btn:hover { background: var(--gray-200); color: #1A1C22; }\n .tab-btn.active { background: var(--ink); color: var(--white); border-color: var(--ink); }\n\n .kpi-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--gray-200); }\n .kpi { background: var(--white); padding: 20px 24px; transition: box-shadow 0.3s; }\n .kpi:hover { box-shadow: inset 0 3px 0 var(--gold); }\n .kpi-label { font-size: 12.5px; font-weight: 600; color: var(--gray-600); margin-bottom: 8px; }\n .kpi-value { font-size: 24px; font-weight: 600; color: #1A1C22; font-family: 'Fraunces', serif; line-height: 1.15; margin-bottom: 4px; }\n .kpi-value.gold { color: var(--gold-deep); }\n .kpi-sub { font-size: 12.5px; color: var(--gray-600); }\n .kpi-sub.up { color: var(--success); font-weight: 600; }\n .kpi-sub.down { color: var(--danger); font-weight: 600; }\n\n .chart-wrap { padding: 24px 28px; }\n .chart-container { position: relative; }\n .chart-grid-line { stroke: var(--gray-200); stroke-width: 1; }\n .chart-area { fill: url(#goldGradient); opacity: 0; animation: areaFade 0.9s ease-out 0.2s forwards; }\n .chart-line { fill: none; stroke: var(--gold); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1600; stroke-dashoffset: 1600; animation: drawLine 1.4s var(--ease) forwards; }\n .chart-axis-label { font-family: 'Inter', sans-serif; font-size: 11px; fill: var(--gray-600); }\n .chart-hover-line { stroke: var(--ink-2); stroke-width: 1; stroke-dasharray: 3 3; opacity: 0; transition: opacity 0.15s; }\n .chart-hover-dot { fill: var(--white); stroke: var(--gold); stroke-width: 3; opacity: 0; transition: opacity 0.15s; }\n .chart-tooltip { position: absolute; background: var(--ink); color: var(--white); padding: 10px 14px; border-radius: 10px; font-size: 13px; pointer-events: none; opacity: 0; transition: opacity 0.15s; white-space: nowrap; z-index: 10; box-shadow: 0 12px 30px rgba(0,0,0,0.3); }\n .chart-tooltip-date { font-size: 11px; color: var(--ink-45); margin-bottom: 2px; }\n .chart-tooltip-value { font-weight: 700; font-size: 15px; color: var(--gold-hi); }\n .chart-footer { padding: 18px 28px 20px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; border-top: 1px solid var(--gray-200); background: var(--gray-100); }\n .chart-footnote { font-size: 12.5px; color: var(--gray-600); max-width: 660px; }\n .source-link { font-size: 12.5px; font-weight: 600; color: var(--gray-700); text-decoration: none; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }\n .source-link:hover { color: var(--gold-deep); }\n .source-link svg { width: 12px; height: 12px; }\n\n \/* ============================================================\n FAQ\n ============================================================ *\/\n .faq-list { max-width: 860px; }\n .faq-item { border-bottom: 1px solid var(--gray-300); }\n .faq-q { width: 100%; text-align: left; background: none; border: 0; cursor: pointer; font-family: 'Fraunces', serif; font-size: clamp(18px, 2vw, 22px); font-weight: 600; color: #1A1C22; padding: 24px 44px 24px 0; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 20px; }\n .faq-q .ico { flex-shrink: 0; width: 26px; height: 26px; position: relative; transition: transform 0.35s var(--ease); }\n .faq-q .ico::before, .faq-q .ico::after { content: ''; position: absolute; background: var(--gold); border-radius: 2px; transition: opacity 0.3s; }\n .faq-q .ico::before { top: 12px; left: 4px; width: 18px; height: 2px; }\n .faq-q .ico::after { top: 4px; left: 12px; width: 2px; height: 18px; }\n .faq-item.open .faq-q .ico { transform: rotate(135deg); }\n .faq-a { max-height: 0; overflow: hidden; transition: max-height 0.4s var(--ease); }\n .faq-a p { font-size: 16px; color: var(--gray-600); padding: 0 44px 26px 0; margin: 0; }\n\n \/* ============================================================\n SCHLUSS-CTA + FOOTER\n ============================================================ *\/\n .final-cta { position: relative; overflow: hidden; text-align: center; }\n .final-cta .aurora2 { position: absolute; inset: 0; background: radial-gradient(650px 320px at 50% 0%, rgba(187,158,28,0.20), transparent 62%); pointer-events: none; }\n .final-cta .inner { position: relative; z-index: 2; max-width: 700px; margin: 0 auto; }\n .final-cta h2 { font-size: clamp(32px, 4vw, 50px); margin-bottom: 18px; color: var(--soft-ink); }\n .final-cta p { font-size: 18px; color: var(--soft-muted); margin-bottom: 34px; }\n\n footer { background: var(--ink-2); color: var(--ink-70); padding: 60px 0 34px; border-top: 1px solid var(--ink-line); }\n .foot-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; margin-bottom: 40px; }\n .foot-brand { font-family: 'Fraunces', serif; font-size: 22px; font-weight: 700; color: var(--white); letter-spacing: 0.04em; margin-bottom: 14px; }\n .foot-brand .li-mark { color: var(--gold-hi); }\n .foot-col h4 { color: var(--white); font-size: 14px; font-weight: 600; margin-bottom: 14px; font-family: 'Inter', sans-serif; }\n .foot-col p, .foot-col a { font-size: 14px; color: var(--ink-70); text-decoration: none; display: block; margin-bottom: 8px; line-height: 1.6; }\n .foot-col a:hover { color: var(--gold-hi); }\n .foot-bottom { border-top: 1px solid var(--ink-line); padding-top: 24px; display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 12.5px; color: var(--ink-45); }\n .foot-bottom a { color: var(--ink-45); text-decoration: none; }\n .foot-bottom a:hover { color: var(--gold-hi); }\n\n \/* Floating CTA *\/\n .floating-cta { position: fixed; right: 20px; bottom: 20px; z-index: 80; opacity: 0; transform: translateY(16px); pointer-events: none; transition: opacity 0.35s, transform 0.35s; }\n .floating-cta.visible { opacity: 1; transform: translateY(0); pointer-events: auto; }\n .floating-cta .btn-primary { box-shadow: 0 14px 34px -6px rgba(187,158,28,0.6); }\n\n \/* Keyframes *\/\n @keyframes pop { 0% { transform: scale(1); } 45% { transform: scale(1.06); } 100% { transform: scale(1); } }\n @keyframes drawLine { to { stroke-dashoffset: 0; } }\n @keyframes areaFade { to { opacity: 0.95; } }\n\n .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease); }\n .reveal.in { opacity: 1; transform: translateY(0); }\n\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }\n .reveal { opacity: 1 !important; transform: none !important; }\n }\n\n \/* ============================================================\n RESPONSIVE\n ============================================================ *\/\n @media (max-width: 1000px) {\n .hero-grid { grid-template-columns: 1fr; gap: 44px; }\n .hero-showcase { max-width: 520px; }\n .steps { grid-template-columns: 1fr; }\n .foot-grid { grid-template-columns: 1fr 1fr; }\n }\n @media (max-width: 860px) {\n .nav { position: fixed; inset: 62px 0 auto 0; flex-direction: column; align-items: flex-start; gap: 0; background: rgba(12,13,16,0.97); backdrop-filter: blur(14px); padding: 12px 28px 24px; transform: translateY(-120%); transition: transform 0.4s var(--ease); border-bottom: 1px solid var(--ink-line); }\n .nav.open { transform: translateY(0); }\n .nav a { padding: 14px 0; width: 100%; border-bottom: 1px solid var(--ink-line); }\n .nav a::after { display: none; }\n .nav .nav-cta { margin-top: 14px; text-align: center; border-bottom: 0; }\n .nav-toggle { display: block; }\n .calc { grid-template-columns: 1fr; }\n .calc-results { border-left: 0; border-top: 1px solid var(--gray-200); }\n .kpi-row { grid-template-columns: repeat(2, 1fr); }\n }\n @media (max-width: 560px) {\n .container { padding: 0 18px; }\n .hero { padding: 56px 0 66px; }\n .section { padding: 66px 0; }\n .calc-inputs, .calc-results, .calc-cta { padding: 28px 22px; }\n .donut-wrap { grid-template-columns: 1fr; justify-items: center; text-align: center; }\n .rate-head, .legend { text-align: left; width: 100%; }\n .hero-stats { gap: 24px; }\n .seal { width: 82px; height: 82px; top: -26px; right: -12px; }\n .seal .s-num { font-size: 21px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- ===== HERO ===== -->\n <section class=\"hero\">\n <div class=\"aurora\" aria-hidden=\"true\"><\/div>\n <div class=\"grid-fade\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"hero-grid\">\n <div class=\"hero-copy\">\n <span class=\"eyebrow on-dark\">Immobilienfinanzierung \u00b7 Hamburg & bundesweit<\/span>\n <h1>Ihre Finanzierung, <em>klar gerechnet<\/em> und pers\u00f6nlich begleitet.<\/h1>\n <p class=\"hero-lead\">Pr\u00fcfen Sie in zwei Minuten, welches Budget realistisch ist. Danach vergleichen wir \u00fcber 700 Banken und finden gemeinsam die Konditionen, die wirklich zu Ihnen passen.<\/p>\n <div class=\"hero-actions\">\n <a href=\"#finance-widget\" class=\"btn-primary\" data-scroll-widget>\n Jetzt Budget pr\u00fcfen\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\/><\/svg>\n <\/a>\n <a href=\"#kalkulation\" class=\"btn-ghost\">Rate berechnen<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div class=\"hstat\"><div class=\"num gold\" data-count=\"700\" data-suffix=\"+\">0<\/div><div class=\"lbl\">Bankpartner im Vergleich<\/div><\/div>\n <div class=\"hstat\"><div class=\"num\" data-count=\"2\" data-suffix=\" Min.\">0<\/div><div class=\"lbl\">bis zur Einsch\u00e4tzung<\/div><\/div>\n <div class=\"hstat\"><div class=\"num\">1:1<\/div><div class=\"lbl\">pers\u00f6nliche Begleitung<\/div><\/div>\n <\/div>\n <\/div>\n\n <!-- 3D Showcase -->\n <div class=\"hero-showcase\" id=\"showcase\">\n <aside class=\"glass-card\" id=\"finance-widget\" aria-label=\"Finanzierung pr\u00fcfen\">\n <div class=\"seal\" aria-hidden=\"true\">\n <span><span class=\"s-num\">700+<\/span><span class=\"s-lbl\">Banken<\/span><\/span>\n <\/div>\n <div class=\"glass-head\">\n <span class=\"badge-live\"><span class=\"dot\"><\/span>Kostenlos & unverbindlich<\/span>\n <h2>Finanzierung direkt pr\u00fcfen<\/h2>\n <p>Wenige Angaben gen\u00fcgen f\u00fcr Ihre erste Einsch\u00e4tzung.<\/p>\n <\/div>\n <div class=\"widget-hint\">\n Hier starten\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"\/><\/svg>\n <\/div>\n <div class=\"widget-shell\">\n <section id=\"justhome-budget-check\" data-partner-id=\"682c1c947c257c41c9ce2dc5\" data-layout=\"horizontal\"><\/section>\n <script defer type=\"application\/javascript\" src=\"https:\/\/cdn.justhome.co\/cdn\/assets\/budget-check.js\"><\/script>\n <\/div>\n <\/aside>\n <\/div>\n <\/div>\n\n <div class=\"trust-band\">\n <div class=\"ti\"><svg fill=\"currentColor\" viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.7-9.3a1 1 0 00-1.4-1.4L9 10.6 7.7 9.3a1 1 0 00-1.4 1.4l2 2a1 1 0 001.4 0l4-4z\" clip-rule=\"evenodd\"\/><\/svg>Best-Zins-Garantie<\/div>\n <div class=\"ti\"><svg fill=\"currentColor\" viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.7-9.3a1 1 0 00-1.4-1.4L9 10.6 7.7 9.3a1 1 0 00-1.4 1.4l2 2a1 1 0 001.4 0l4-4z\" clip-rule=\"evenodd\"\/><\/svg>Unabh\u00e4ngige Beratung<\/div>\n <div class=\"ti\"><svg fill=\"currentColor\" viewBox=\"0 0 20 20\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.7-9.3a1 1 0 00-1.4-1.4L9 10.6 7.7 9.3a1 1 0 00-1.4 1.4l2 2a1 1 0 001.4 0l4-4z\" clip-rule=\"evenodd\"\/><\/svg>Feste Ansprechperson in Hamburg<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== SCHNELL-KALKULATION ===== -->\n <section class=\"section light\" id=\"kalkulation\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"eyebrow\">Schnell-Kalkulation<\/span>\n <h2>Was kostet meine Finanzierung im Monat?<\/h2>\n <p>Bewegen Sie die Regler \u2013 die Grafik zeigt sofort, wie sich Ihre monatliche Rate aus Zins und Tilgung zusammensetzt und wie viel Darlehen Sie ben\u00f6tigen. Ganz ohne Vorwissen.<\/p>\n <\/div>\n\n <div class=\"calc reveal\">\n <div class=\"calc-inputs\">\n <div class=\"qc-field\">\n <div class=\"qc-top\"><span class=\"qc-label\">Kaufpreis der Immobilie<\/span><span class=\"qc-value\" id=\"val-price\">450.000 \u20ac<\/span><\/div>\n <input type=\"range\" id=\"in-price\" min=\"100000\" max=\"1500000\" step=\"10000\" value=\"450000\" aria-label=\"Kaufpreis in Euro\">\n <div class=\"qc-scale\"><span>100.000 \u20ac<\/span><span>1,5 Mio. \u20ac<\/span><\/div>\n <\/div>\n <div class=\"qc-field\">\n <div class=\"qc-top\"><span class=\"qc-label\">Eigenkapital<\/span><span class=\"qc-value\" id=\"val-equity\">90.000 \u20ac<\/span><\/div>\n <input type=\"range\" id=\"in-equity\" min=\"0\" max=\"750000\" step=\"5000\" value=\"90000\" aria-label=\"Eigenkapital in Euro\">\n <div class=\"qc-scale\"><span>0 \u20ac<\/span><span>750.000 \u20ac<\/span><\/div>\n <\/div>\n <div class=\"qc-field\">\n <div class=\"qc-top\"><span class=\"qc-label\">Sollzins pro Jahr<\/span><span class=\"qc-value\" id=\"val-interest\">3,85 %<\/span><\/div>\n <input type=\"range\" id=\"in-interest\" min=\"2.5\" max=\"5.5\" step=\"0.05\" value=\"3.85\" aria-label=\"Zinssatz in Prozent\">\n <div class=\"qc-scale\"><span>2,5 %<\/span><span>5,5 %<\/span><\/div>\n <\/div>\n <div class=\"qc-field\">\n <div class=\"qc-top\"><span class=\"qc-label\">Anf\u00e4ngliche Tilgung<\/span><span class=\"qc-value\" id=\"val-repay\">2,0 %<\/span><\/div>\n <input type=\"range\" id=\"in-repay\" min=\"1\" max=\"4\" step=\"0.25\" value=\"2\" aria-label=\"Tilgung in Prozent\">\n <div class=\"qc-scale\"><span>1 %<\/span><span>4 %<\/span><\/div>\n <\/div>\n <div class=\"qc-toggle\">\n <label class=\"qc-switch\"><input type=\"checkbox\" id=\"in-fees\" checked aria-label=\"Kaufnebenkosten einrechnen\"><span class=\"track\"><\/span><\/label>\n <span class=\"qc-toggle-label\">Kaufnebenkosten einrechnen (Hamburg ca. 10 % \u2013 Grunderwerbsteuer, Notar, Makler)<\/span>\n <\/div>\n <\/div>\n\n <div class=\"calc-results\" aria-live=\"polite\">\n <div class=\"rate-head\">\n <div class=\"rate-lbl\">Ihre monatliche Rate<\/div>\n <div class=\"rate-val\" id=\"res-rate\">\u2013<\/div>\n <div class=\"rate-sub\">bei <span id=\"res-loan-inline\">\u2013<\/span> Darlehen<\/div>\n <\/div>\n\n <div class=\"donut-wrap\">\n <svg class=\"donut-svg\" viewBox=\"0 0 120 120\" role=\"img\" aria-label=\"Aufteilung der Monatsrate in Zins und Tilgung\">\n <defs><linearGradient id=\"donutGold\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#E7CE63\"\/><stop offset=\"100%\" stop-color=\"#8A7314\"\/><\/linearGradient><\/defs>\n <circle class=\"donut-track\" cx=\"60\" cy=\"60\" r=\"48\"><\/circle>\n <circle class=\"donut-seg zins\" id=\"donut-zins\" cx=\"60\" cy=\"60\" r=\"48\"><\/circle>\n <circle class=\"donut-seg tilgung\" id=\"donut-tilgung\" cx=\"60\" cy=\"60\" r=\"48\"><\/circle>\n <g class=\"donut-center\"><text class=\"num\" x=\"60\" y=\"57\" text-anchor=\"middle\" id=\"donut-pct\">\u2013<\/text><text class=\"lbl\" x=\"60\" y=\"73\" text-anchor=\"middle\">Tilgung<\/text><\/g>\n <\/svg>\n <div class=\"legend\">\n <div class=\"legend-item\"><span class=\"dl\"><span class=\"legend-dot gold\"><\/span>Tilgung \u2013 das geh\u00f6rt Ihnen<\/span><strong id=\"res-tilgung\">\u2013<\/strong><\/div>\n <div class=\"legend-item\"><span class=\"dl\"><span class=\"legend-dot dark\"><\/span>Zinsen \u2013 Kosten der Bank<\/span><strong id=\"res-zins\">\u2013<\/strong><\/div>\n <\/div>\n <\/div>\n\n <div>\n <div class=\"capital-lbl\"><span>So setzt sich der Kauf zusammen<\/span><span id=\"res-total\">\u2013<\/span><\/div>\n <div class=\"capital-bar\" role=\"img\" aria-label=\"Anteil Eigenkapital und Darlehen\">\n <div class=\"ek\" id=\"bar-ek\" style=\"width:18%\"><\/div><div class=\"dl2\" id=\"bar-dl\" style=\"width:82%\"><\/div>\n <\/div>\n <div class=\"capital-legend\">\n <span><span class=\"legend-dot gold\" style=\"display:inline-block;vertical-align:-1px;margin-right:6px\"><\/span>Eigenkapital <strong id=\"res-ek\">\u2013<\/strong><\/span>\n <span><span class=\"legend-dot dark\" style=\"display:inline-block;vertical-align:-1px;margin-right:6px\"><\/span>Darlehen <strong id=\"res-loan\">\u2013<\/strong><\/span>\n <\/div>\n <\/div>\n\n <div class=\"rest-row\"><span>Restschuld nach 10 Jahren Zinsbindung<\/span><strong id=\"res-rest\">\u2013<\/strong><\/div>\n <\/div>\n\n <div class=\"calc-cta\">\n <p>Die Werte sind eine erste Orientierung. Welche Konditionen f\u00fcr Sie wirklich erreichbar sind, zeigt der kostenlose Banken-Vergleich \u2013 mit \u00fcber 700 Bankpartnern.<\/p>\n <a href=\"#finance-widget\" class=\"btn-primary\" data-scroll-widget>Finanzierung anfragen\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== ZINSENTWICKLUNG ===== -->\n <section class=\"section paper2\" id=\"zinsen\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"eyebrow\">Bauzinsen aktuell<\/span>\n <h2>Zinsentwicklung bei Immobiliendarlehen<\/h2>\n <p>W\u00e4hlen Sie Sollzinsbindung und R\u00fcckblickzeitraum, um die Entwicklung der durchschnittlichen Bauzinsen nachzuvollziehen \u2013 die Grundlage f\u00fcr Ihre Timing-Entscheidung.<\/p>\n <\/div>\n\n <figure class=\"rates-card reveal\" style=\"margin:0\">\n <div class=\"rates-tabs\">\n <div class=\"rates-meta\">\n <span class=\"stand-badge\">Stand: <span id=\"stand-date\">\u2013<\/span><\/span>\n <a href=\"https:\/\/www.interhyp.de\/zinsen\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-interhyp\">Zu Interhyp\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\/><\/svg>\n <\/a>\n <\/div>\n <div class=\"tab-row\">\n <div class=\"tab-label\">Sollzinsbindung<\/div>\n <div class=\"tab-group\" role=\"tablist\" aria-label=\"Sollzinsbindung\">\n <button class=\"tab-btn\" data-binding=\"5\" role=\"tab\">5 Jahre<\/button>\n <button class=\"tab-btn active\" data-binding=\"10\" role=\"tab\" aria-selected=\"true\">10 Jahre<\/button>\n <button class=\"tab-btn\" data-binding=\"15\" role=\"tab\">15 Jahre<\/button>\n <button class=\"tab-btn\" data-binding=\"20\" role=\"tab\">20 Jahre<\/button>\n <\/div>\n <\/div>\n <div class=\"tab-row\">\n <div class=\"tab-label\">Zeitraum im R\u00fcckblick<\/div>\n <div class=\"tab-group\" role=\"tablist\" aria-label=\"Zeitraum\">\n <button class=\"tab-btn\" data-range=\"3M\" role=\"tab\">3 Monate<\/button>\n <button class=\"tab-btn\" data-range=\"1J\" role=\"tab\">1 Jahr<\/button>\n <button class=\"tab-btn active\" data-range=\"3J\" role=\"tab\" aria-selected=\"true\">3 Jahre<\/button>\n <button class=\"tab-btn\" data-range=\"5J\" role=\"tab\">5 Jahre<\/button>\n <button class=\"tab-btn\" data-range=\"10J\" role=\"tab\">10 Jahre<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"kpi-row\">\n <div class=\"kpi\"><div class=\"kpi-label\">Aktueller Zins<\/div><div class=\"kpi-value gold\" id=\"kpi-current\">\u2013<\/div><div class=\"kpi-sub\" id=\"kpi-current-sub\">Stand heute<\/div><\/div>\n <div class=\"kpi\"><div class=\"kpi-label\">Ver\u00e4nderung<\/div><div class=\"kpi-value\" id=\"kpi-change\">\u2013<\/div><div class=\"kpi-sub\" id=\"kpi-change-sub\">im Zeitraum<\/div><\/div>\n <div class=\"kpi\"><div class=\"kpi-label\">H\u00f6chststand<\/div><div class=\"kpi-value\" id=\"kpi-high\">\u2013<\/div><div class=\"kpi-sub\" id=\"kpi-high-sub\">\u2013<\/div><\/div>\n <div class=\"kpi\"><div class=\"kpi-label\">Tiefststand<\/div><div class=\"kpi-value\" id=\"kpi-low\">\u2013<\/div><div class=\"kpi-sub\" id=\"kpi-low-sub\">\u2013<\/div><\/div>\n <\/div>\n\n <div class=\"chart-wrap\">\n <div class=\"chart-container\">\n <svg class=\"chart-svg\" id=\"chart\" viewBox=\"0 0 800 320\" preserveAspectRatio=\"none\" role=\"img\" aria-label=\"Diagramm der Zinsentwicklung\"><\/svg>\n <div class=\"chart-tooltip\" id=\"tooltip\"><div class=\"chart-tooltip-date\" id=\"tooltip-date\"><\/div><div class=\"chart-tooltip-value\" id=\"tooltip-value\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <figcaption class=\"chart-footer\">\n <p class=\"chart-footnote\">Durchschnittswerte (Effektivzins, Beleihung ca. 80 %). Quelle: Interhyp AG sowie markt\u00fcbliche Konditionen. Ihr pers\u00f6nlicher Zinssatz h\u00e4ngt von Bonit\u00e4t, Objekt, Eigenkapital und weiteren Faktoren ab.<\/p>\n <a href=\"https:\/\/www.interhyp.de\/zinsen\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"source-link\">Quelle: Interhyp\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\/><\/svg>\n <\/a>\n <\/figcaption>\n <\/figure>\n <\/div>\n <\/section>\n\n <!-- ===== ABLAUF (dunkles Band) ===== -->\n <section class=\"section dark\" id=\"ablauf\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"eyebrow on-dark\">In drei Schritten<\/span>\n <h2>So l\u00e4uft Ihre Finanzierung mit uns<\/h2>\n <p>Kein Papierstapel, keine Warteschleife. Wir halten den Weg von der ersten Zahl bis zur Zusage bewusst kurz.<\/p>\n <\/div>\n <div class=\"steps\">\n <article class=\"step reveal\">\n <span class=\"step-no\">Schritt 1<\/span>\n <h3>Budget pr\u00fcfen<\/h3>\n <p>Sie geben wenige Eckdaten ein und sehen sofort, welcher Kaufpreis realistisch ist \u2013 kostenlos und ohne Verpflichtung.<\/p>\n <\/article>\n <article class=\"step reveal\">\n <span class=\"step-no\">Schritt 2<\/span>\n <h3>Konditionen vergleichen<\/h3>\n <p>Wir pr\u00fcfen \u00fcber 700 Bankpartner und holen die Angebote ein, die zu Ihrem Objekt und Ihrer Bonit\u00e4t passen.<\/p>\n <\/article>\n <article class=\"step reveal\">\n <span class=\"step-no\">Schritt 3<\/span>\n <h3>Pers\u00f6nlich abschlie\u00dfen<\/h3>\n <p>Ihre feste Ansprechperson begleitet Sie bis zur Zusage und ist auch bei Notartermin und Auszahlung an Ihrer Seite.<\/p>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== FAQ ===== -->\n <section class=\"section light\" id=\"faq\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"eyebrow\">H\u00e4ufige Fragen<\/span>\n <h2>Was Sie vor der Finanzierung wissen sollten<\/h2>\n <\/div>\n <div class=\"faq-list reveal\">\n <div class=\"faq-item\">\n <button class=\"faq-q\" aria-expanded=\"false\">Wie viel Immobilie kann ich mir leisten?<span class=\"ico\" aria-hidden=\"true\"><\/span><\/button>\n <div class=\"faq-a\"><p>Die Faustregel: Ihre monatliche Rate sollte etwa 35 bis 40 Prozent Ihres Nettoeinkommens nicht \u00fcberschreiten. Aus Rate, Zinssatz, gew\u00fcnschter Tilgung und Ihrem Eigenkapital ergibt sich das m\u00f6gliche Darlehen \u2013 und daraus der Kaufpreis. Mit dem Budget-Check oben erhalten Sie in rund zwei Minuten eine erste realistische Einsch\u00e4tzung.<\/p><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-q\" aria-expanded=\"false\">Wie viel Eigenkapital brauche ich f\u00fcr eine Baufinanzierung?<span class=\"ico\" aria-hidden=\"true\"><\/span><\/button>\n <div class=\"faq-a\"><p>Empfehlenswert sind mindestens die Kaufnebenkosten \u2013 in Hamburg rund 10 Prozent des Kaufpreises \u2013 aus Eigenmitteln. Mehr Eigenkapital senkt die Beleihung und damit meist den Zinssatz. Eine Finanzierung mit weniger oder ganz ohne Eigenkapital ist bei guter Bonit\u00e4t m\u00f6glich, wird aber teurer.<\/p><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-q\" aria-expanded=\"false\">Wie hoch sind die Kaufnebenkosten in Hamburg?<span class=\"ico\" aria-hidden=\"true\"><\/span><\/button>\n <div class=\"faq-a\"><p>In Hamburg fallen 5,5 Prozent Grunderwerbsteuer, etwa 1,5 bis 2 Prozent f\u00fcr Notar und Grundbuch sowie \u2013 falls beauftragt \u2013 die Maklercourtage an. In Summe liegen die Kaufnebenkosten meist bei rund 10 bis 12 Prozent des Kaufpreises.<\/p><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-q\" aria-expanded=\"false\">Wie entwickeln sich die Bauzinsen aktuell?<span class=\"ico\" aria-hidden=\"true\"><\/span><\/button>\n <div class=\"faq-a\"><p>Die Bauzinsen h\u00e4ngen vor allem von der Rendite langlaufender Staatsanleihen und der EZB-Politik ab. Im Zinsverlauf auf dieser Seite sehen Sie die Entwicklung der durchschnittlichen Effektivzinsen f\u00fcr verschiedene Sollzinsbindungen. Ihr pers\u00f6nlicher Zins h\u00e4ngt zus\u00e4tzlich von Bonit\u00e4t, Objekt und Eigenkapital ab.<\/p><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-q\" aria-expanded=\"false\">Was bedeutet die Sollzinsbindung und welche Laufzeit ist sinnvoll?<span class=\"ico\" aria-hidden=\"true\"><\/span><\/button>\n <div class=\"faq-a\"><p>Die Sollzinsbindung legt fest, wie lange Ihr Zinssatz garantiert ist \u2013 \u00fcblich sind 5, 10, 15 oder 20 Jahre. Eine l\u00e4ngere Bindung gibt mehr Planungssicherheit, kostet aber in der Regel etwas Aufschlag. In einem unsicheren Zinsumfeld w\u00e4hlen viele Kaufende eine l\u00e4ngere Bindung.<\/p><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button class=\"faq-q\" aria-expanded=\"false\">Kostet die Finanzierungsanfrage bei Lima Invest etwas?<span class=\"ico\" aria-hidden=\"true\"><\/span><\/button>\n <div class=\"faq-a\"><p>Nein. Die Budgetpr\u00fcfung und der Vergleich \u00fcber unsere Bankpartner sind f\u00fcr Sie kostenlos und unverbindlich. Sie entscheiden erst danach, ob und mit welcher Bank Sie weitermachen.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ===== SCHLUSS-CTA ===== -->\n <section class=\"section dark final-cta\">\n <div class=\"aurora2\" aria-hidden=\"true\"><\/div>\n <div class=\"container\">\n <div class=\"inner reveal\">\n <span class=\"eyebrow on-dark\" style=\"justify-content:center\">Bereit f\u00fcr den n\u00e4chsten Schritt?<\/span>\n <h2>Finden wir Ihre Finanzierung.<\/h2>\n <p>Starten Sie mit der kostenlosen Budgetpr\u00fcfung. Den Rest \u00fcbernehmen wir gemeinsam \u2013 pers\u00f6nlich, unabh\u00e4ngig und ohne Verpflichtung.<\/p>\n <a href=\"#finance-widget\" class=\"btn-primary\" data-scroll-widget>Jetzt Budget pr\u00fcfen\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"floating-cta\" id=\"floating-cta\">\n <a href=\"#finance-widget\" class=\"btn-primary\" data-scroll-widget>Budget pr\u00fcfen\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"\/><\/svg>\n <\/a>\n <\/div>\n\n <script>\n const reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n const fmt0 = new Intl.NumberFormat('de-DE', { maximumFractionDigits: 0 });\n const fmt2 = new Intl.NumberFormat('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n const fmtEUR = v => fmt0.format(Math.round(v)) + '\\u00A0\u20ac';\n\n \/* ---- Smooth-Scroll zum Widget ---- *\/\n document.querySelectorAll('[data-scroll-widget]').forEach(el => {\n el.addEventListener('click', (e) => {\n e.preventDefault();\n document.getElementById('finance-widget').scrollIntoView({ behavior: reduced ? 'auto' : 'smooth', block: 'center' });\n });\n });\n\n \/* ---- Floating CTA ---- *\/\n const widgetCard = document.getElementById('finance-widget');\n const floatingCta = document.getElementById('floating-cta');\n if ('IntersectionObserver' in window) {\n new IntersectionObserver(es => es.forEach(en => floatingCta.classList.toggle('visible', !en.isIntersecting)), { threshold: 0.12 }).observe(widgetCard);\n }\n\n \/* ---- Counter ---- *\/\n function animateCount(el) {\n const target = parseInt(el.dataset.count, 10), suffix = el.dataset.suffix || '';\n if (reduced) { el.textContent = fmt0.format(target) + suffix; return; }\n const dur = 1200, start = performance.now();\n (function tick(now){ const t = Math.min(1,(now-start)\/dur), e = 1-Math.pow(1-t,3); el.textContent = fmt0.format(Math.round(target*e))+suffix; if(t<1) requestAnimationFrame(tick); })(start);\n }\n let counted = false;\n const hero = document.querySelector('.hero');\n if ('IntersectionObserver' in window) {\n new IntersectionObserver((es,obs) => es.forEach(en => { if(en.isIntersecting && !counted){ counted=true; document.querySelectorAll('[data-count]').forEach(animateCount);} }), { threshold: 0.2 }).observe(hero);\n } else { document.querySelectorAll('[data-count]').forEach(animateCount); }\n\n \/* ---- 3D Pointer-Tilt (freeze beim Ausf\u00fcllen) ---- *\/\n const showcase = document.getElementById('showcase');\n let holdTilt = false;\n if (showcase && !reduced && window.matchMedia('(pointer:fine)').matches) {\n const hero = document.querySelector('.hero');\n hero.addEventListener('pointermove', (e) => {\n if (holdTilt) return;\n const r = hero.getBoundingClientRect();\n const px = (e.clientX - r.left) \/ r.width - 0.5;\n const py = (e.clientY - r.top) \/ r.height - 0.5;\n showcase.style.transform = `rotateX(${(-py*5).toFixed(2)}deg) rotateY(${(px*7).toFixed(2)}deg)`;\n });\n hero.addEventListener('pointerleave', () => { showcase.style.transform = 'rotateX(0) rotateY(0)'; });\n \/\/ Formular ruhig halten, sobald der Nutzer damit interagiert\n showcase.addEventListener('pointerenter', () => { holdTilt = true; showcase.style.transform = 'rotateX(0) rotateY(0)'; });\n showcase.addEventListener('focusin', () => { holdTilt = true; showcase.style.transform = 'rotateX(0) rotateY(0)'; });\n showcase.addEventListener('pointerleave', () => { holdTilt = false; });\n }\n\n \/* ---- FAQ Accordion ---- *\/\n document.querySelectorAll('.faq-item').forEach(item => {\n const btn = item.querySelector('.faq-q');\n const ans = item.querySelector('.faq-a');\n btn.addEventListener('click', () => {\n const open = item.classList.toggle('open');\n btn.setAttribute('aria-expanded', open);\n ans.style.maxHeight = open ? ans.scrollHeight + 'px' : 0;\n });\n });\n\n \/* =========================================================\n SCHNELL-KALKULATION\n ========================================================= *\/\n const inPrice = document.getElementById('in-price'), inEquity = document.getElementById('in-equity'),\n inInterest = document.getElementById('in-interest'), inRepay = document.getElementById('in-repay'),\n inFees = document.getElementById('in-fees');\n const CIRC = 2 * Math.PI * 48;\n\n function setSliderFill(s){ const min=+s.min,max=+s.max,val=+s.value; s.style.setProperty('--fill', ((val-min)\/(max-min)*100)+'%'); }\n function bump(el){ if(reduced) return; el.classList.remove('bump'); void el.offsetWidth; el.classList.add('bump'); }\n\n function calc(){\n const price=+inPrice.value, equity=+inEquity.value, interest=+inInterest.value, repay=+inRepay.value;\n const fees = inFees.checked ? price*0.10 : 0;\n const total = price+fees, loan = Math.max(0, total-equity);\n const rate = loan*(interest+repay)\/100\/12;\n const zinsTeil = loan*interest\/100\/12;\n const tilgungTeil = Math.max(0, rate-zinsTeil);\n const tilgungPct = rate>0 ? tilgungTeil\/rate : 0;\n const i = interest\/100\/12, n=120;\n const rest = loan>0 && i>0 ? Math.max(0, loan*Math.pow(1+i,n) - rate*(Math.pow(1+i,n)-1)\/i) : Math.max(0, loan-rate*n);\n\n document.getElementById('val-price').textContent = fmtEUR(price);\n document.getElementById('val-equity').textContent = fmtEUR(equity);\n document.getElementById('val-interest').textContent = fmt2.format(interest).replace('.',',')+'\\u00A0%';\n document.getElementById('val-repay').textContent = fmt2.format(repay)+'\\u00A0%';\n\n const rateEl = document.getElementById('res-rate');\n rateEl.textContent = loan>0 ? fmtEUR(rate) : '0\\u00A0\u20ac'; bump(rateEl);\n document.getElementById('res-loan-inline').textContent = fmtEUR(loan);\n document.getElementById('res-zins').textContent = fmtEUR(zinsTeil)+' \/ Monat';\n document.getElementById('res-tilgung').textContent = fmtEUR(tilgungTeil)+' \/ Monat';\n document.getElementById('res-total').textContent = 'Gesamt: '+fmtEUR(total);\n document.getElementById('res-ek').textContent = fmtEUR(equity);\n document.getElementById('res-loan').textContent = fmtEUR(loan);\n document.getElementById('res-rest').textContent = fmtEUR(rest);\n\n const tilLen = CIRC*tilgungPct, zinLen = CIRC-tilLen;\n const dT = document.getElementById('donut-tilgung'), dZ = document.getElementById('donut-zins');\n dT.style.strokeDasharray = `${tilLen} ${CIRC-tilLen}`; dT.style.strokeDashoffset = 0;\n dZ.style.strokeDasharray = `${zinLen} ${CIRC-zinLen}`; dZ.style.strokeDashoffset = -tilLen;\n document.getElementById('donut-pct').textContent = Math.round(tilgungPct*100)+'\\u00A0%';\n\n const ekShare = total>0 ? Math.min(100, equity\/total*100) : 0;\n document.getElementById('bar-ek').style.width = ekShare+'%';\n document.getElementById('bar-dl').style.width = (100-ekShare)+'%';\n [inPrice,inEquity,inInterest,inRepay].forEach(setSliderFill);\n }\n [inPrice,inEquity,inInterest,inRepay].forEach(s=>s.addEventListener('input',calc));\n inFees.addEventListener('change',calc);\n calc();\n\n \/* =========================================================\n ZINS-CHART\n ========================================================= *\/\n const CONFIG = { LIVE_ENDPOINT: null, FETCH_TIMEOUT: 3000, FALLBACK_STAND: '6. Juni 2026' };\n const ANCHORS_10Y_FALLBACK = [\n ['2016-04',1.80],['2016-10',1.30],['2017-04',1.65],['2017-10',1.75],['2018-04',1.70],['2018-10',1.95],\n ['2019-04',1.40],['2019-10',1.00],['2020-04',0.95],['2020-10',0.80],['2021-04',0.90],['2021-10',1.00],\n ['2022-01',1.10],['2022-04',2.30],['2022-07',3.30],['2022-10',3.90],['2023-01',3.80],['2023-04',3.95],\n ['2023-07',4.05],['2023-10',4.20],['2024-01',3.80],['2024-04',3.75],['2024-07',3.55],['2024-10',3.50],\n ['2025-01',3.55],['2025-04',3.60],['2025-07',3.65],['2025-10',3.70],['2026-01',3.80],['2026-04',3.90],['2026-06',3.85]\n ];\n const BINDING_OFFSETS = { '5':-0.25, '10':0, '15':0.22, '20':0.40 };\n let anchors10Y = ANCHORS_10Y_FALLBACK, standDate = CONFIG.FALLBACK_STAND, baseSeries = [], currentBinding='10', currentRange='3J';\n\n async function loadRates(){\n document.getElementById('stand-date').textContent = standDate;\n if(!CONFIG.LIVE_ENDPOINT) return;\n try{\n const c=new AbortController(); const to=setTimeout(()=>c.abort(),CONFIG.FETCH_TIMEOUT);\n const res=await fetch(CONFIG.LIVE_ENDPOINT,{signal:c.signal}); clearTimeout(to);\n if(!res.ok) throw new Error('HTTP '+res.status);\n const data=await res.json();\n if(data.anchors_10y && Array.isArray(data.anchors_10y)){ anchors10Y=data.anchors_10y; baseSeries=expandAnchors(anchors10Y); }\n if(data.stand){ const d=new Date(data.stand); standDate=d.toLocaleDateString('de-DE',{day:'2-digit',month:'long',year:'numeric'}); document.getElementById('stand-date').textContent=standDate; }\n renderChart();\n }catch(err){ console.warn('Live-Zinsen nicht verf\u00fcgbar, Fallback aktiv:', err.message); }\n }\n function expandAnchors(anchors){\n const result=[];\n for(let i=0;i<anchors.length-1;i++){\n const [d1,v1]=anchors[i],[d2,v2]=anchors[i+1];\n const [y1,m1]=d1.split('-').map(Number),[y2,m2]=d2.split('-').map(Number);\n const months=(y2-y1)*12+(m2-m1);\n for(let m=0;m<months;m++){\n const t=m\/months, value=v1+(v2-v1)*t, noise=Math.sin(m*1.7+y1)*0.03;\n const year=y1+Math.floor((m1-1+m)\/12), month=((m1-1+m)%12)+1;\n result.push({ date:`${year}-${String(month).padStart(2,'0')}`, value:Math.round((value+noise)*100)\/100 });\n }\n }\n const last=anchors[anchors.length-1]; result.push({date:last[0],value:last[1]}); return result;\n }\n function getSeriesForBinding(b){ const off=BINDING_OFFSETS[b]||0; return baseSeries.map(p=>({date:p.date,value:Math.round((p.value+off)*100)\/100})); }\n const RANGE_MONTHS={'3M':3,'1J':12,'3J':36,'5J':60,'10J':120};\n function filterRange(s,r){ return s.slice(-RANGE_MONTHS[r]-1); }\n const MONTH_NAMES=['Jan','Feb','M\u00e4r','Apr','Mai','Jun','Jul','Aug','Sep','Okt','Nov','Dez'];\n function formatDate(str,full=false){ const [y,m]=str.split('-').map(Number); return full?`${MONTH_NAMES[m-1]} ${y}`:`${MONTH_NAMES[m-1]} ${String(y).slice(2)}`; }\n\n const svg=document.getElementById('chart'), tooltip=document.getElementById('tooltip'),\n tooltipDate=document.getElementById('tooltip-date'), tooltipValue=document.getElementById('tooltip-value');\n\n function renderChart(){\n if(!baseSeries.length) return;\n const data=filterRange(getSeriesForBinding(currentBinding),currentRange);\n const W=800,H=320,PAD={top:20,right:30,bottom:40,left:50};\n const innerW=W-PAD.left-PAD.right, innerH=H-PAD.top-PAD.bottom;\n const values=data.map(d=>d.value);\n let min=Math.min(...values),max=Math.max(...values);\n const span=max-min, padY=span<0.3?0.15:span*0.15;\n min=Math.max(0,min-padY); max=max+padY;\n const tickCount=4, tickStep=(max-min)\/tickCount;\n const yTicks=Array.from({length:tickCount+1},(_,i)=>min+tickStep*i);\n const xScale=i=>PAD.left+(i\/(data.length-1))*innerW;\n const yScale=v=>PAD.top+innerH-((v-min)\/(max-min))*innerH;\n let pathD='',areaD='';\n data.forEach((d,i)=>{ const x=xScale(i),y=yScale(d.value); if(i===0){pathD+=`M ${x} ${y}`;areaD+=`M ${x} ${PAD.top+innerH} L ${x} ${y}`;}else{pathD+=` L ${x} ${y}`;areaD+=` L ${x} ${y}`;} });\n areaD+=` L ${xScale(data.length-1)} ${PAD.top+innerH} Z`;\n const xLabelCount=Math.min(6,data.length), xLabelStep=Math.max(1,Math.floor((data.length-1)\/(xLabelCount-1)));\n const xLabels=[]; for(let i=0;i<data.length;i+=xLabelStep) xLabels.push({i,date:data[i].date});\n if(xLabels[xLabels.length-1].i!==data.length-1) xLabels.push({i:data.length-1,date:data[data.length-1].date});\n\n let s=`<defs><linearGradient id=\"goldGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\"><stop offset=\"0%\" stop-color=\"#BB9E1C\" stop-opacity=\"0.28\"\/><stop offset=\"100%\" stop-color=\"#BB9E1C\" stop-opacity=\"0\"\/><\/linearGradient><\/defs>`;\n yTicks.forEach(t=>{ const y=yScale(t); s+=`<line class=\"chart-grid-line\" x1=\"${PAD.left}\" y1=\"${y}\" x2=\"${W-PAD.right}\" y2=\"${y}\"\/>`; s+=`<text class=\"chart-axis-label\" x=\"${PAD.left-10}\" y=\"${y+4}\" text-anchor=\"end\">${fmt2.format(t)} %<\/text>`; });\n xLabels.forEach(l=>{ const x=xScale(l.i); s+=`<text class=\"chart-axis-label\" x=\"${x}\" y=\"${H-PAD.bottom+20}\" text-anchor=\"middle\">${formatDate(l.date)}<\/text>`; });\n s+=`<path class=\"chart-area\" d=\"${areaD}\"\/><path class=\"chart-line\" d=\"${pathD}\"\/>`;\n s+=`<line class=\"chart-hover-line\" id=\"hover-line\" x1=\"0\" y1=\"${PAD.top}\" x2=\"0\" y2=\"${PAD.top+innerH}\"\/>`;\n s+=`<circle class=\"chart-hover-dot\" id=\"hover-dot\" r=\"6\" cx=\"0\" cy=\"0\"\/>`;\n s+=`<rect id=\"hover-area\" x=\"${PAD.left}\" y=\"${PAD.top}\" width=\"${innerW}\" height=\"${innerH}\" fill=\"transparent\" style=\"cursor:crosshair\"\/>`;\n svg.innerHTML=s;\n\n const first=data[0].value,last=data[data.length-1].value,diff=Math.round((last-first)*100)\/100;\n const highIdx=values.indexOf(Math.max(...values)),lowIdx=values.indexOf(Math.min(...values));\n document.getElementById('kpi-current').textContent=fmt2.format(last)+' %';\n document.getElementById('kpi-current-sub').textContent=formatDate(data[data.length-1].date,true);\n const changeEl=document.getElementById('kpi-change'),changeSub=document.getElementById('kpi-change-sub');\n changeEl.textContent=(diff>0?'+':'')+fmt2.format(diff)+' %'; changeSub.className='kpi-sub';\n if(diff>0.01){changeSub.classList.add('up');changeSub.textContent='\u25b2 gestiegen';}\n else if(diff<-0.01){changeSub.classList.add('down');changeSub.textContent='\u25bc gefallen';}\n else changeSub.textContent='\u2013 unver\u00e4ndert';\n document.getElementById('kpi-high').textContent=fmt2.format(data[highIdx].value)+' %';\n document.getElementById('kpi-high-sub').textContent=formatDate(data[highIdx].date,true);\n document.getElementById('kpi-low').textContent=fmt2.format(data[lowIdx].value)+' %';\n document.getElementById('kpi-low-sub').textContent=formatDate(data[lowIdx].date,true);\n\n const hoverArea=document.getElementById('hover-area'),hoverLine=document.getElementById('hover-line'),hoverDot=document.getElementById('hover-dot');\n hoverArea.addEventListener('mousemove',(e)=>{\n const rect=svg.getBoundingClientRect(),scaleX=W\/rect.width;\n const mouseX=(e.clientX-rect.left)*scaleX, relX=(mouseX-PAD.left)\/innerW;\n const idx=Math.round(relX*(data.length-1)), c=Math.max(0,Math.min(data.length-1,idx));\n const p=data[c],cx=xScale(c),cy=yScale(p.value);\n hoverLine.setAttribute('x1',cx);hoverLine.setAttribute('x2',cx);hoverLine.style.opacity='1';\n hoverDot.setAttribute('cx',cx);hoverDot.setAttribute('cy',cy);hoverDot.style.opacity='1';\n tooltip.style.left=(cx\/W*rect.width)+'px'; tooltip.style.top=((cy\/H*rect.height)-50)+'px'; tooltip.style.transform='translateX(-50%)';\n tooltipDate.textContent=formatDate(p.date,true); tooltipValue.textContent=fmt2.format(p.value)+' %'; tooltip.style.opacity='1';\n });\n hoverArea.addEventListener('mouseleave',()=>{ hoverLine.style.opacity='0';hoverDot.style.opacity='0';tooltip.style.opacity='0'; });\n }\n\n document.querySelectorAll('.tab-btn[data-binding]').forEach(btn=>btn.addEventListener('click',()=>{\n document.querySelectorAll('.tab-btn[data-binding]').forEach(b=>{b.classList.remove('active');b.removeAttribute('aria-selected');});\n btn.classList.add('active');btn.setAttribute('aria-selected','true');currentBinding=btn.dataset.binding;renderChart();\n }));\n document.querySelectorAll('.tab-btn[data-range]').forEach(btn=>btn.addEventListener('click',()=>{\n document.querySelectorAll('.tab-btn[data-range]').forEach(b=>{b.classList.remove('active');b.removeAttribute('aria-selected');});\n btn.classList.add('active');btn.setAttribute('aria-selected','true');currentRange=btn.dataset.range;renderChart();\n }));\n\n baseSeries=expandAnchors(anchors10Y); renderChart(); loadRates();\n\n \/* ---- Scroll-Reveals ---- *\/\n const reveals=document.querySelectorAll('.reveal');\n reveals.forEach((el,i)=>{ el.style.transitionDelay=`${Math.min(i*40,180)}ms`; });\n if('IntersectionObserver' in window){\n const ro=new IntersectionObserver((es)=>es.forEach(en=>{ if(en.isIntersecting){en.target.classList.add('in');ro.unobserve(en.target);} }),{threshold:0.14});\n reveals.forEach(el=>ro.observe(el));\n } else reveals.forEach(el=>el.classList.add('in'));\n\n let rt; window.addEventListener('resize',()=>{ clearTimeout(rt); rt=setTimeout(renderChart,150); });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9ad35f5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9ad35f5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3e3cb8d\" data-id=\"3e3cb8d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-212d447 elementor-widget elementor-widget-html\" data-id=\"212d447\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n Lima Invest \u2013 White-Label CTA Banner (Variante 3)\n Breit, minimale H\u00f6he, w\u00e4rmerer Hintergrund mit verblasster\n Skyline-Silhouette (eingebettetes SVG, keine externen Bilder).\n Kopieren und unterhalb des Tools einf\u00fcgen (WordPress \"Custom HTML\"-Block).\n Styles sind gescopt (.li-cta3), kollidiert nicht mit dem Theme.\n============================================================ -->\n\n<div class=\"li-cta3\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Poppins:wght@300;400;500;600&display=swap');\n\n .li-cta3 * { margin: 0; padding: 0; box-sizing: border-box; }\n\n .li-cta3 {\n --gold: #bb9e1c;\n --gold-light: #e6c83a;\n container-type: inline-size;\n font-family: 'Poppins', system-ui, -apple-system, sans-serif;\n max-width: 1180px; \/* breit *\/\n margin: 32px auto;\n }\n\n .li-cta3__card {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 28px;\n padding: 18px 34px; \/* minimale H\u00f6he *\/\n border-radius: 14px;\n border: 1px solid rgba(187,158,28,0.30);\n overflow: hidden;\n \/* w\u00e4rmerer Hintergrund + goldener \"Dusk\"-Schimmer am unteren Rand *\/\n background:\n radial-gradient(90% 160% at 50% 130%, rgba(187,158,28,0.22) 0%, rgba(187,158,28,0) 55%),\n linear-gradient(135deg, #1c1813 0%, #262129 55%, #1a1d24 100%);\n box-shadow: 0 18px 44px -24px rgba(0,0,0,0.6);\n }\n\n \/* verblasste Skyline-Silhouette, am unteren Rand verankert *\/\n .li-cta3__card::before {\n content: \"\";\n position: absolute;\n left: 0; right: 0; bottom: 0;\n height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='1440'%20height='220'%20viewBox='0%200%201440%20220'%3E%3Cg%20fill='%23bb9e1c'%3E%3Crect%20x='0'%20y='100'%20width='90'%20height='120'\/%3E%3Crect%20x='90'%20y='50'%20width='70'%20height='170'\/%3E%3Crect%20x='160'%20y='125'%20width='110'%20height='95'\/%3E%3Crect%20x='270'%20y='20'%20width='80'%20height='200'\/%3E%3Crect%20x='350'%20y='80'%20width='95'%20height='140'\/%3E%3Crect%20x='445'%20y='35'%20width='120'%20height='185'\/%3E%3Crect%20x='565'%20y='110'%20width='85'%20height='110'\/%3E%3Crect%20x='650'%20y='15'%20width='130'%20height='205'\/%3E%3Crect%20x='780'%20y='70'%20width='90'%20height='150'\/%3E%3Crect%20x='870'%20y='30'%20width='110'%20height='190'\/%3E%3Crect%20x='980'%20y='95'%20width='95'%20height='125'\/%3E%3Crect%20x='1075'%20y='20'%20width='125'%20height='200'\/%3E%3Crect%20x='1200'%20y='60'%20width='90'%20height='160'\/%3E%3Crect%20x='1290'%20y='25'%20width='150'%20height='195'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: bottom center;\n background-size: 100% auto;\n opacity: 0.14;\n \/* nach oben hin sanft ausblenden *\/\n -webkit-mask-image: linear-gradient(to top, #000 0%, rgba(0,0,0,0.4) 55%, transparent 100%);\n mask-image: linear-gradient(to top, #000 0%, rgba(0,0,0,0.4) 55%, transparent 100%);\n pointer-events: none;\n }\n\n .li-cta3__text { position: relative; z-index: 1; }\n\n .li-cta3__eyebrow {\n display: block;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 5px;\n }\n\n .li-cta3__title {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-weight: 600;\n font-size: 24px;\n line-height: 1.15;\n color: #ffffff;\n }\n .li-cta3__title span { color: var(--gold); }\n\n .li-cta3__btn {\n position: relative;\n z-index: 1;\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 13px 28px;\n border-radius: 9px;\n background: var(--gold);\n color: #1c1813;\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 600;\n text-decoration: none;\n white-space: nowrap;\n transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;\n box-shadow: 0 10px 24px -12px rgba(187,158,28,0.6);\n }\n .li-cta3__btn svg {\n width: 16px; height: 16px;\n transition: transform 0.25s ease;\n }\n .li-cta3__btn:hover {\n background: var(--gold-light);\n transform: translateY(-2px);\n box-shadow: 0 16px 30px -12px rgba(187,158,28,0.75);\n }\n .li-cta3__btn:hover svg { transform: translateX(4px); }\n\n \/* schmale Container (Elementor-Spalten): sauber stapeln *\/\n @container (max-width: 640px) {\n .li-cta3__card {\n flex-direction: column;\n align-items: flex-start;\n text-align: left;\n gap: 16px;\n padding: 22px 24px;\n }\n .li-cta3__btn { width: 100%; justify-content: center; }\n }\n <\/style>\n\n <div class=\"li-cta3__card\">\n <div class=\"li-cta3__text\">\n <span class=\"li-cta3__eyebrow\">White-Label f\u00fcr Ihr Unternehmen<\/span>\n <h3 class=\"li-cta3__title\">Dieses Tool mit <span>Ihrer eigenen Marke<\/span><\/h3>\n <\/div>\n\n <a class=\"li-cta3__btn\" href=\"https:\/\/limainvestimmobilien.de\/shop-fuer-immobilienmakler-immobilienakteure-leadgeneratoren\/\" target=\"_blank\" rel=\"noopener\">\n Zum Shop\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\n stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n <\/svg>\n <\/a>\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Immobilienfinanzierung Hamburg & bundesweit pr\u00fcfen | Lima Invest Immobilienfinanzierung \u00b7 Hamburg & bundesweit Ihre Finanzierung, klar gerechnet und pers\u00f6nlich begleitet. Pr\u00fcfen Sie in zwei Minuten, welches Budget realistisch ist. Danach vergleichen wir \u00fcber 700 Banken und finden gemeinsam die Konditionen, die wirklich zu Ihnen passen. Jetzt Budget pr\u00fcfen Rate berechnen 0Bankpartner im Vergleich 0bis zur…<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-19141","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/19141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/comments?post=19141"}],"version-history":[{"count":10,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/19141\/revisions"}],"predecessor-version":[{"id":23918,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/19141\/revisions\/23918"}],"wp:attachment":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/media?parent=19141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}