{"id":18503,"date":"2024-04-20T12:37:08","date_gmt":"2024-04-20T10:37:08","guid":{"rendered":"https:\/\/limainvestimmobilien.de\/?page_id=18503"},"modified":"2026-08-31T11:47:18","modified_gmt":"2026-08-31T09:47:18","slug":"immobilienbewertung","status":"publish","type":"page","link":"https:\/\/limainvestimmobilien.de\/en\/immobilienbewertung\/","title":{"rendered":"Real estate valuation"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Immobilienbewertung | Lima Invest Immobilien<\/title>\n\n <!-- Preload kritische Ressourcen -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap\" as=\"style\">\n\n <!-- Google Fonts: Cormorant Garamond (600\/700) + Poppins (300\u2013600) -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n <!-- Leaflet CSS f\u00fcr OpenStreetMap -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.css\" \/>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.js\"><\/script>\n\n <!-- Leaflet Geocoder -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet-geosearch\/3.11.0\/geosearch.min.css\" \/>\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet-geosearch\/3.11.0\/geosearch.umd.js\"><\/script>\n\n <style>\n \/* =========================================== *\/\n \/* RESET & BASIS *\/\n \/* Komplett eigenst\u00e4ndiges CSS \u2013 kein Tailwind *\/\n \/* =========================================== *\/\n *, *::before, *::after {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n -webkit-text-size-adjust: 100%;\n scroll-behavior: smooth;\n }\n\n :root {\n --primary-color: #BB9E1C;\n --primary-dark: #9A8216;\n --primary-light: #D4B82A;\n --bg-dark: #1a1a1a;\n --text-light: #f5f5f5;\n --gray-50: #f9fafb;\n --gray-100: #f3f4f6;\n --gray-200: #e5e7eb;\n --gray-400: #9ca3af;\n --gray-500: #6b7280;\n --gray-600: #4b5563;\n --gray-700: #374151;\n --gray-800: #1f2937;\n --gray-900: #111827;\n --font-display: 'Cormorant Garamond', serif;\n --font-body: 'Poppins', sans-serif;\n }\n\n html, body {\n width: 100%;\n font-family: var(--font-body);\n font-weight: 400;\n background-color: #ffffff;\n color: #1a1a1a;\n overflow-x: hidden;\n }\n\n img, svg, canvas {\n display: block;\n max-width: 100%;\n }\n\n button {\n border: none;\n background: none;\n cursor: pointer;\n }\n\n \/* FOUC-Fix: Visibility statt Opacity, kein Flash *\/\n body {\n visibility: hidden;\n }\n\n body.loaded {\n visibility: visible;\n animation: fadeInBody 0.8s ease-out forwards;\n }\n\n @keyframes fadeInBody {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n\n .container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n \/* =========================================== *\/\n \/* TYPOGRAFIE-SYSTEM *\/\n \/* Cormorant Garamond: gro\u00dfe Headlines *\/\n \/* Poppins: alle \u00fcbrigen Texte & UI-Elemente *\/\n \/* =========================================== *\/\n\n h1, h2, .font-serif {\n font-family: var(--font-display);\n font-weight: 600;\n line-height: 1.15;\n }\n\n h1 {\n font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n letter-spacing: -0.01em;\n }\n\n h2 {\n font-size: clamp(1.65rem, 3vw, 2.4rem);\n }\n\n h3, h4 {\n font-family: var(--font-body);\n font-weight: 600;\n }\n\n h3 { font-size: 1.15rem; }\n h4 { font-size: 0.95rem; }\n\n p, li, label {\n font-family: var(--font-body);\n font-size: 0.95rem;\n font-weight: 400;\n line-height: 1.7;\n }\n\n .eyebrow {\n font-family: var(--font-body);\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n }\n\n .badge-text {\n font-family: var(--font-body);\n font-size: 0.72rem;\n font-weight: 500;\n }\n\n button, input, select, textarea {\n font-family: var(--font-body);\n }\n\n .btn-primary {\n display: inline-block;\n background-color: var(--primary-color);\n color: #ffffff;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n padding: 0.8rem 2.5rem;\n border-radius: 0.5rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .btn-primary:hover {\n background-color: var(--primary-dark);\n transform: translateY(-2px);\n box-shadow: 0 10px 15px -3px rgba(187, 158, 28, 0.3);\n }\n\n .btn-primary:active {\n transform: translateY(0);\n }\n\n .btn-submit {\n width: 100%;\n padding: 1.1rem 1rem;\n border-radius: 0.75rem;\n box-shadow: 0 10px 15px -3px rgba(187, 158, 28, 0.2);\n }\n\n .btn-back {\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--gray-400);\n transition: color 0.25s ease;\n }\n\n .btn-back:hover {\n color: var(--gray-600);\n }\n\n .btn-back-full {\n display: block;\n width: 100%;\n margin-top: 1rem;\n text-align: center;\n }\n\n @media (max-width: 900px) {\n h1 { font-size: clamp(2.15rem, 9vw, 3.2rem); }\n }\n\n @media (max-width: 520px) {\n h1 { font-size: clamp(2.05rem, 11vw, 2.85rem); }\n p, li, label { font-size: 0.9rem; }\n .eyebrow { font-size: 0.62rem; }\n }\n\n \/* =========================================== *\/\n \/* HERO *\/\n \/* =========================================== *\/\n .hero-bg {\n position: relative;\n overflow: hidden;\n padding: 3rem 0;\n background-image: linear-gradient(rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)), url('https:\/\/images.unsplash.com\/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n }\n\n @media (min-width: 768px) {\n .hero-bg { padding: 6rem 0; }\n }\n\n @media (max-width: 1024px), (hover: none) {\n .hero-bg {\n background-attachment: scroll;\n }\n }\n\n .hero-inner {\n position: relative;\n z-index: 10;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2rem;\n }\n\n @media (min-width: 1024px) {\n .hero-inner {\n flex-direction: row;\n align-items: flex-start;\n gap: 3rem;\n }\n }\n\n .hero-text {\n width: 100%;\n }\n\n @media (min-width: 1024px) {\n .hero-text { width: 50%; }\n }\n\n .hero-badge {\n display: inline-block;\n padding: 0.375rem 0.75rem;\n border-radius: 9999px;\n background-color: rgba(187, 158, 28, 0.1);\n color: var(--primary-color);\n margin-bottom: 1rem;\n }\n\n .hero-title {\n margin-top: 1rem;\n margin-bottom: 1.5rem;\n color: var(--gray-900);\n }\n\n .hero-copy {\n font-size: 1.05rem;\n color: var(--gray-700);\n margin-bottom: 2rem;\n }\n\n .hero-enter {\n opacity: 0;\n transform: translateY(24px);\n animation: heroEnter 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n .hero-enter-1 { animation-delay: 0.15s; }\n .hero-enter-2 { animation-delay: 0.3s; }\n .hero-enter-3 { animation-delay: 0.45s; }\n .hero-enter-4 { animation-delay: 0.6s; }\n .hero-enter-form { animation-delay: 0.5s; }\n\n @keyframes heroEnter {\n to { opacity: 1; transform: translateY(0); }\n }\n\n .gold-underline {\n display: block;\n width: 72px;\n height: 3px;\n margin-top: 1.25rem;\n background: linear-gradient(90deg, var(--primary-color), var(--primary-light));\n border-radius: 2px;\n transform-origin: left;\n transform: scaleX(0);\n animation: growLine 1s cubic-bezier(0.16, 1, 0.3, 1) 0.7s forwards;\n }\n\n @keyframes growLine {\n to { transform: scaleX(1); }\n }\n\n .kpi-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0.75rem;\n }\n\n @media (min-width: 768px) {\n .kpi-grid { gap: 1rem; }\n }\n\n .kpi-card {\n position: relative;\n text-align: center;\n padding: 0.75rem;\n background-color: rgba(255, 255, 255, 0.6);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-radius: 0.75rem;\n border: 1px solid rgba(255, 255, 255, 0.3);\n transition: all 0.3s ease;\n }\n\n @media (min-width: 768px) {\n .kpi-card { padding: 1rem; }\n }\n\n .kpi-card:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px -4px rgba(187, 158, 28, 0.15);\n }\n\n .kpi-value {\n font-family: var(--font-display);\n font-weight: 600;\n font-size: 1.6rem;\n background: linear-gradient(135deg, var(--primary-color), var(--primary-light));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .kpi-label {\n font-size: 0.62rem;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: var(--gray-500);\n }\n\n .particles-canvas {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 1;\n }\n\n .shimmer-badge {\n position: relative;\n overflow: hidden;\n }\n\n .shimmer-badge::after {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 60%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n animation: shimmer 3s ease-in-out infinite;\n }\n\n @keyframes shimmer {\n 0% { left: -100%; }\n 50% { left: 150%; }\n 100% { left: 150%; }\n }\n\n \/* =========================================== *\/\n \/* TRUST-STRIP (neu) *\/\n \/* =========================================== *\/\n .trust-strip {\n background-color: #ffffff;\n border-bottom: 1px solid var(--gray-100);\n padding: 1.1rem 0;\n }\n\n .trust-strip .container {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 0.9rem 2.25rem;\n }\n\n .trust-item {\n display: flex;\n align-items: center;\n gap: 0.55rem;\n font-size: 0.8rem;\n font-weight: 500;\n color: var(--gray-600);\n white-space: nowrap;\n }\n\n .trust-item svg {\n width: 17px;\n height: 17px;\n stroke: var(--primary-color);\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n flex-shrink: 0;\n }\n\n \/* =========================================== *\/\n \/* LEAD-FORM *\/\n \/* =========================================== *\/\n .form-card {\n width: 100%;\n max-width: 36rem;\n background-color: #ffffff;\n border-radius: 1rem;\n border: 1px solid var(--gray-100);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n overflow: hidden;\n }\n\n @media (min-width: 1024px) {\n .form-card { width: 50%; }\n }\n\n .form-progress-wrap {\n padding: 1.25rem 1.25rem 0;\n }\n\n @media (min-width: 768px) {\n .form-progress-wrap { padding: 2rem 2rem 0; }\n }\n\n .progress-labels {\n display: flex;\n justify-content: space-between;\n margin-bottom: 0.5rem;\n color: var(--gray-400);\n }\n\n .progress-label {\n font-size: 0.62rem;\n font-weight: 600;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n }\n\n .progress-bar {\n height: 4px;\n background-color: #e2e8f0;\n border-radius: 2px;\n overflow: hidden;\n }\n\n .progress-fill {\n height: 100%;\n background: linear-gradient(90deg, var(--primary-color), var(--primary-light));\n transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n }\n\n .progress-fill::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: 24px;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5));\n }\n\n #lead-form {\n padding: 1.25rem;\n }\n\n @media (min-width: 768px) {\n #lead-form { padding: 2rem; }\n }\n\n .step-card {\n display: none;\n }\n\n .step-card.active {\n display: block;\n animation: stepIn 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n @keyframes stepIn {\n from { opacity: 0; transform: translateY(14px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .step-title {\n text-align: center;\n margin-bottom: 1.5rem;\n }\n\n .step-subtitle {\n text-align: center;\n color: var(--gray-400);\n font-style: italic;\n margin-bottom: 2rem;\n }\n\n .step-nav {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .step-nav-spaced {\n margin-top: 2.5rem;\n }\n\n .option-list {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-bottom: 2rem;\n }\n\n .option-card {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1rem;\n border: 2px solid var(--gray-100);\n border-radius: 0.75rem;\n background-color: #ffffff;\n color: var(--gray-800);\n font-family: var(--font-body);\n font-size: 0.9rem;\n font-weight: 500;\n min-height: 48px;\n cursor: pointer;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-tap-highlight-color: transparent;\n }\n\n .option-card:hover {\n border-color: var(--primary-color);\n background-color: rgba(187, 158, 28, 0.05);\n transform: translateX(3px);\n }\n\n .option-card:active {\n transform: scale(0.98);\n }\n\n .option-card.selected {\n border-color: var(--primary-color);\n background-color: rgba(187, 158, 28, 0.1);\n }\n\n .option-card .arrow {\n color: var(--primary-color);\n transition: transform 0.25s ease;\n }\n\n .option-card:hover .arrow {\n transform: translateX(4px);\n }\n\n .grid-rooms {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0.75rem;\n margin-bottom: 2rem;\n }\n\n .grid-rooms .option-card {\n justify-content: center;\n padding: 1rem 0.5rem;\n font-weight: 600;\n }\n\n .grid-energy {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0.5rem;\n margin-bottom: 2rem;\n }\n\n .grid-energy .option-card {\n justify-content: center;\n padding: 0.75rem 0.25rem;\n font-weight: 600;\n font-size: 0.85rem;\n }\n\n .grid-objektart {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0.75rem;\n }\n\n @media (min-width: 768px) {\n .grid-objektart { gap: 1rem; }\n }\n\n .icon-card {\n position: relative;\n overflow: hidden;\n text-align: center;\n padding: 1.25rem;\n border: 2px solid var(--gray-100);\n border-radius: 0.75rem;\n background: linear-gradient(135deg, #ffffff 0%, #fdfcf7 100%);\n cursor: pointer;\n transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n -webkit-tap-highlight-color: transparent;\n }\n\n @media (min-width: 768px) {\n .icon-card { padding: 1.5rem; }\n }\n\n .icon-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(135deg, rgba(187,158,28,0.08) 0%, rgba(187,158,28,0) 60%);\n opacity: 0;\n transition: opacity 0.35s ease;\n }\n\n .icon-card:hover::before {\n opacity: 1;\n }\n\n .icon-card:hover {\n border-color: var(--primary-color);\n transform: translateY(-4px);\n box-shadow: 0 12px 24px -8px rgba(187, 158, 28, 0.2);\n }\n\n .icon-card:active {\n transform: scale(0.97);\n }\n\n .icon-card.selected {\n border-color: var(--primary-color);\n background: linear-gradient(135deg, rgba(187,158,28,0.08) 0%, rgba(187,158,28,0.03) 100%);\n box-shadow: 0 0 0 1px var(--primary-color), 0 8px 20px -6px rgba(187, 158, 28, 0.25);\n }\n\n .icon-card svg {\n transition: transform 0.35s ease;\n }\n\n .icon-card:hover svg {\n transform: scale(1.1);\n }\n\n .icon-card .icon-wrapper {\n width: 56px;\n height: 56px;\n border-radius: 16px;\n background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 12px;\n box-shadow: 0 4px 12px -2px rgba(187, 158, 28, 0.35);\n }\n\n .icon-card .icon-wrapper svg {\n width: 28px;\n height: 28px;\n stroke: white;\n fill: none;\n stroke-width: 1.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .icon-card-label {\n font-family: var(--font-body);\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.04em;\n text-transform: uppercase;\n color: var(--gray-700);\n }\n\n .form-input {\n display: block;\n width: 100%;\n padding: 1rem;\n border: 1px solid var(--gray-100);\n border-radius: 0.75rem;\n background-color: var(--gray-50);\n font-family: var(--font-body);\n font-size: 0.95rem;\n font-weight: 400;\n outline: none;\n transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;\n }\n\n .form-input:focus {\n border-color: var(--primary-color);\n background-color: #ffffff;\n box-shadow: 0 0 0 3px rgba(187, 158, 28, 0.12);\n }\n\n .form-input-big {\n padding: 1.25rem;\n text-align: center;\n font-family: var(--font-display);\n font-weight: 600;\n font-size: 1.6rem;\n }\n\n .form-input-center {\n text-align: center;\n padding: 1rem;\n }\n\n @media (min-width: 768px) {\n .form-input-center { padding: 1.25rem; }\n }\n\n .input-hint {\n text-align: center;\n margin-top: 1rem;\n color: var(--gray-400);\n }\n\n .input-block {\n margin-bottom: 2rem;\n }\n\n .contact-fields {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 2rem;\n }\n\n .consent-label {\n display: flex;\n align-items: flex-start;\n gap: 0.75rem;\n color: var(--gray-400);\n font-size: 0.72rem;\n line-height: 1.5;\n }\n\n .consent-label input[type=\"checkbox\"] {\n margin-top: 0.125rem;\n min-width: 16px;\n min-height: 16px;\n accent-color: var(--primary-color);\n }\n\n .slider-wrap {\n margin-bottom: 2rem;\n padding: 0 0.5rem;\n text-align: center;\n }\n\n @media (min-width: 768px) {\n .slider-wrap { padding: 0 1rem; }\n }\n\n input[type=\"range\"] {\n -webkit-appearance: none;\n appearance: none;\n width: 100%;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-color) 0%, var(--gray-200) 0%);\n border-radius: 2px;\n outline: none;\n cursor: pointer;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 26px;\n height: 26px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--primary-color), var(--primary-light));\n border: 3px solid #ffffff;\n box-shadow: 0 3px 10px rgba(187, 158, 28, 0.4);\n cursor: pointer;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n }\n\n input[type=\"range\"]::-webkit-slider-thumb:hover,\n input[type=\"range\"]::-webkit-slider-thumb:active {\n transform: scale(1.15);\n box-shadow: 0 4px 14px rgba(187, 158, 28, 0.55);\n }\n\n input[type=\"range\"]::-moz-range-thumb {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--primary-color), var(--primary-light));\n border: 3px solid #ffffff;\n box-shadow: 0 3px 10px rgba(187, 158, 28, 0.4);\n cursor: pointer;\n }\n\n @media (hover: none) {\n input[type=\"range\"]::-webkit-slider-thumb {\n width: 30px;\n height: 30px;\n }\n }\n\n .slider-value {\n margin-top: 1.5rem;\n font-family: var(--font-display);\n font-weight: 600;\n font-size: 2.4rem;\n color: var(--primary-color);\n }\n\n .slider-value .unit {\n font-size: 1.15rem;\n }\n\n #map {\n width: 100%;\n height: 300px;\n border-radius: 12px;\n margin-top: 12px;\n border: 2px solid var(--gray-100);\n z-index: 10;\n }\n\n @media (max-width: 640px) {\n #map { height: 230px; }\n }\n\n .address-confirm {\n margin-top: 1rem;\n padding: 1rem;\n background-color: var(--gray-50);\n border: 1px solid var(--gray-100);\n border-radius: 0.5rem;\n }\n\n .address-confirm p {\n color: var(--gray-800);\n }\n\n .address-confirm .placeholder {\n color: var(--gray-500);\n font-style: italic;\n }\n\n \/* Pers\u00f6nlicher Kontakt-Hinweis unter dem Formular *\/\n .form-footer-note {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n gap: 0.4rem 0.5rem;\n padding: 1rem 1.25rem 1.5rem;\n border-top: 1px solid var(--gray-100);\n text-align: center;\n font-size: 0.8rem;\n color: var(--gray-500);\n }\n\n @media (min-width: 768px) {\n .form-footer-note { padding: 1.25rem 2rem 2rem; }\n }\n\n .form-footer-note svg {\n width: 15px;\n height: 15px;\n stroke: var(--primary-color);\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .form-footer-note a {\n color: var(--primary-color);\n font-weight: 600;\n text-decoration: none;\n }\n\n .form-footer-note a:hover {\n text-decoration: underline;\n }\n\n \/* =========================================== *\/\n \/* VORTEILE-SEKTION *\/\n \/* =========================================== *\/\n .section {\n padding: 4rem 0;\n }\n\n @media (min-width: 768px) {\n .section { padding: 6rem 0; }\n }\n\n .section-white { background-color: #ffffff; }\n .section-gray { background-color: var(--gray-50); overflow: hidden; }\n\n .section-head {\n text-align: center;\n margin-bottom: 3rem;\n max-width: 42rem;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (min-width: 768px) {\n .section-head { margin-bottom: 5rem; }\n }\n\n .section-head .eyebrow {\n display: block;\n color: var(--primary-color);\n margin-bottom: 0.5rem;\n }\n\n .section-head h2 {\n margin-bottom: 1rem;\n }\n\n .section-head p {\n color: var(--gray-600);\n }\n\n .gold-divider {\n width: 5rem;\n height: 4px;\n background-color: var(--primary-color);\n margin: 0 auto 1.5rem;\n }\n\n .vorteile-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n\n @media (min-width: 768px) {\n .vorteile-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 3rem;\n }\n }\n\n .vorteil-card {\n position: relative;\n text-align: center;\n padding: 2rem;\n border: 1px solid var(--gray-50);\n border-radius: 1.5rem;\n background-color: #ffffff;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .vorteil-card::after {\n content: '';\n position: absolute;\n inset: -1px;\n border-radius: 1.5rem;\n background: linear-gradient(135deg, var(--primary-color), transparent 60%);\n opacity: 0;\n z-index: -1;\n transition: opacity 0.5s ease;\n }\n\n .vorteil-card:hover::after {\n opacity: 0.15;\n }\n\n .vorteil-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 40px -12px rgba(187, 158, 28, 0.15);\n }\n\n .vorteil-card h3 {\n margin-bottom: 1rem;\n }\n\n .vorteil-card p {\n color: var(--gray-500);\n }\n\n .vorteil-card .icon-box {\n width: 5rem;\n height: 5rem;\n background-color: rgba(187, 158, 28, 0.1);\n border-radius: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 2rem;\n transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n\n .vorteil-card .icon-box svg {\n width: 2.5rem;\n height: 2.5rem;\n color: var(--primary-color);\n }\n\n .rotate-p3 { transform: rotate(3deg); }\n .rotate-m3 { transform: rotate(-3deg); }\n .rotate-p2 { transform: rotate(2deg); }\n\n .vorteil-card:hover .icon-box {\n transform: rotate(0deg) scale(1.08);\n }\n\n \/* =========================================== *\/\n \/* WANN LOHNT SICH EINE BEWERTUNG (neu) *\/\n \/* =========================================== *\/\n .gruende-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.25rem;\n }\n\n @media (min-width: 640px) {\n .gruende-grid { grid-template-columns: repeat(2, 1fr); }\n }\n\n @media (min-width: 1024px) {\n .gruende-grid { grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }\n }\n\n .grund-card {\n padding: 1.75rem 1.5rem;\n border-radius: 1rem;\n background-color: #ffffff;\n border: 1px solid var(--gray-100);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .grund-card:hover {\n border-color: var(--primary-color);\n transform: translateY(-4px);\n box-shadow: 0 12px 24px -8px rgba(187, 158, 28, 0.15);\n }\n\n .grund-icon {\n width: 44px;\n height: 44px;\n border-radius: 12px;\n background-color: rgba(187, 158, 28, 0.1);\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 1.1rem;\n }\n\n .grund-icon svg {\n width: 22px;\n height: 22px;\n stroke: var(--primary-color);\n fill: none;\n stroke-width: 1.6;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .grund-card h3 {\n margin-bottom: 0.5rem;\n font-size: 1rem;\n }\n\n .grund-card p {\n color: var(--gray-500);\n font-size: 0.85rem;\n }\n\n \/* =========================================== *\/\n \/* PROZESS-SEKTION *\/\n \/* =========================================== *\/\n .step-connector-container {\n position: relative;\n max-width: 64rem;\n margin: 0 auto;\n }\n\n .prozess-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n @media (min-width: 768px) {\n .prozess-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n }\n\n @media (min-width: 1024px) {\n .prozess-grid {\n grid-template-columns: repeat(5, 1fr);\n }\n }\n\n .process-step {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n position: relative;\n z-index: 2;\n }\n\n .process-step-number {\n font-family: var(--font-display);\n font-size: 3rem;\n font-weight: 600;\n color: var(--primary-color);\n opacity: 0.3;\n line-height: 1;\n display: inline-block;\n padding-right: 10px;\n transition: opacity 0.4s ease, transform 0.4s ease;\n }\n\n .process-step:hover .process-step-number {\n opacity: 0.65;\n transform: translateY(-3px);\n }\n\n .process-step h4 {\n font-size: 0.95rem;\n font-weight: 600;\n }\n\n .process-step p {\n font-size: 0.82rem;\n color: var(--gray-500);\n }\n\n .animated-thread-svg {\n position: absolute;\n top: 2.5rem;\n left: 0;\n width: 100%;\n height: 60px;\n z-index: 1;\n pointer-events: none;\n opacity: 0.4;\n }\n\n .snake-line {\n fill: none;\n stroke: var(--primary-color);\n stroke-width: 2;\n stroke-dasharray: 10, 5;\n animation: snakeFlow 10s linear infinite;\n }\n\n @keyframes snakeFlow {\n from { stroke-dashoffset: 100; }\n to { stroke-dashoffset: 0; }\n }\n\n @media (max-width: 1024px) {\n .animated-thread-svg { display: none; }\n }\n\n \/* =========================================== *\/\n \/* FAQ-SEKTION (neu) *\/\n \/* =========================================== *\/\n .faq-list {\n max-width: 46rem;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .faq-item {\n border: 1px solid var(--gray-100);\n border-radius: 0.75rem;\n background-color: #ffffff;\n overflow: hidden;\n transition: border-color 0.25s ease;\n }\n\n .faq-item.open {\n border-color: var(--primary-color);\n }\n\n .faq-question {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n padding: 1.15rem 1.25rem;\n text-align: left;\n font-family: var(--font-body);\n font-size: 0.92rem;\n font-weight: 600;\n color: var(--gray-800);\n cursor: pointer;\n }\n\n .faq-question .faq-icon {\n flex-shrink: 0;\n width: 20px;\n height: 20px;\n stroke: var(--primary-color);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n transition: transform 0.3s ease;\n }\n\n .faq-item.open .faq-icon {\n transform: rotate(45deg);\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .faq-answer p {\n padding: 0 1.25rem 1.15rem;\n color: var(--gray-600);\n font-size: 0.88rem;\n }\n\n \/* =========================================== *\/\n \/* FOOTER-NOTE (neu) *\/\n \/* =========================================== *\/\n .footer-note {\n padding: 2.5rem 0;\n text-align: center;\n background-color: var(--gray-50);\n border-top: 1px solid var(--gray-100);\n }\n\n .footer-note p {\n font-size: 0.75rem;\n color: var(--gray-400);\n line-height: 1.8;\n }\n\n .footer-note a {\n color: var(--gray-500);\n text-decoration: underline;\n }\n\n .footer-note a:hover {\n color: var(--primary-color);\n }\n\n \/* ===================== *\/\n \/* Scroll Reveal *\/\n \/* ===================== *\/\n .reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .reveal.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .reveal-delay-1 { transition-delay: 0.1s; }\n .reveal-delay-2 { transition-delay: 0.2s; }\n .reveal-delay-3 { transition-delay: 0.3s; }\n\n \/* ===================== *\/\n \/* Reduced Motion *\/\n \/* ===================== *\/\n @media (prefers-reduced-motion: reduce) {\n *, *::before, *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n .reveal {\n opacity: 1;\n transform: none;\n }\n .hero-enter {\n opacity: 1;\n transform: none;\n }\n .gold-underline {\n transform: scaleX(1);\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- Hero Section with Lead Generator -->\n <section id=\"bewertung\" class=\"hero-bg\">\n <canvas class=\"particles-canvas\" id=\"particles\"><\/canvas>\n\n <div class=\"container\">\n <div class=\"hero-inner\">\n\n <!-- Hero Text -->\n <div class=\"hero-text\">\n <span class=\"eyebrow hero-badge shimmer-badge hero-enter hero-enter-1\">Kostenlose Marktwertanalyse \u00b7 ca. 2 Minuten<\/span>\n <h1 class=\"hero-title hero-enter hero-enter-2\">Was ist Ihre Immobilie heute wert?<span class=\"gold-underline\"><\/span><\/h1>\n <p class=\"hero-copy hero-enter hero-enter-3\">\n Wir sch\u00e4tzen Ihre Immobilie anhand aktueller Abschlussdaten aus unserem eigenen K\u00e4ufernetzwerk ein \u2013 nicht nur anhand \u00f6ffentlicher Durchschnittswerte. Sie erhalten das Ergebnis pers\u00f6nlich von uns, diskret und unverbindlich.\n <\/p>\n <div class=\"kpi-grid hero-enter hero-enter-4\">\n <div class=\"kpi-card\">\n <div class=\"kpi-value\">100%<\/div>\n <div class=\"kpi-label\">Kostenfrei<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"kpi-value\">24h<\/div>\n <div class=\"kpi-label\">Antwortzeit<\/div>\n <\/div>\n <div class=\"kpi-card\">\n <div class=\"kpi-value\">Diskret<\/div>\n <div class=\"kpi-label\">Abwicklung<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Lead Generator Form -->\n <div class=\"form-card hero-enter hero-enter-form\">\n <!-- Progress Bar -->\n <div class=\"form-progress-wrap\">\n <div class=\"progress-labels\">\n <span class=\"progress-label\" id=\"step-indicator\">Schritt 1<\/span>\n <span class=\"progress-label\" id=\"progress-percentage\">10%<\/span>\n <\/div>\n <div class=\"progress-bar\">\n <div id=\"progress-fill\" class=\"progress-fill\" style=\"width: 10%;\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Form Content -->\n <form id=\"lead-form\">\n <!-- Step 1: Objektart w\u00e4hlen -->\n <div class=\"step-card active\" data-step=\"1\">\n <h2 class=\"step-title\">Objektart w\u00e4hlen<\/h2>\n <div class=\"grid-objektart\">\n <div class=\"icon-card\" onclick=\"selectOption(1, 'Haus')\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 10.5L12 3l9 7.5V21a1 1 0 01-1 1H4a1 1 0 01-1-1V10.5z\"\/><path d=\"M9 22V12h6v10\"\/><\/svg>\n <\/div>\n <div class=\"icon-card-label\">Haus<\/div>\n <\/div>\n <div class=\"icon-card\" onclick=\"selectOption(1, 'Wohnung')\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"1\"\/><path d=\"M9 6h2m4 0h-2m-4 4h2m4 0h-2m-4 4h2m4 0h-2\"\/><path d=\"M9 22v-4h6v4\"\/><\/svg>\n <\/div>\n <div class=\"icon-card-label\">Wohnung<\/div>\n <\/div>\n <div class=\"icon-card\" onclick=\"selectOption(1, 'Anlageobjekt')\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M2 20h20\"\/><rect x=\"4\" y=\"8\" width=\"6\" height=\"12\" rx=\"0.5\"\/><rect x=\"14\" y=\"4\" width=\"6\" height=\"16\" rx=\"0.5\"\/><path d=\"M6 11h2m-2 3h2m8-7h2m-2 3h2m-2 3h2\"\/><\/svg>\n <\/div>\n <div class=\"icon-card-label\">Anlageobjekt<\/div>\n <\/div>\n <div class=\"icon-card\" onclick=\"selectOption(1, 'Grundst\u00fcck')\">\n <div class=\"icon-wrapper\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 21L8 8l5 6 4-3 4 10H3z\"\/><circle cx=\"15\" cy=\"6\" r=\"2\"\/><path d=\"M6 18l2-5 3 3.5\"\/><\/svg>\n <\/div>\n <div class=\"icon-card-label\">Grundst\u00fcck<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Step 1b: Unterkategorie Haus -->\n <div class=\"step-card\" data-step=\"1b\">\n <h2 class=\"step-title\">Haustyp w\u00e4hlen<\/h2>\n <div class=\"option-list\">\n <div class=\"option-card\" onclick=\"selectOption('1b', 'Einfamilienhaus')\">\n <span>Einfamilienhaus<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1b', 'Doppelhaus')\">\n <span>Doppelhaus<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1b', 'Reihenhaus')\">\n <span>Reihenhaus<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1b', 'Villa')\">\n <span>Villa<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <\/div>\n <div class=\"step-nav\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 1c: Unterkategorie Wohnung -->\n <div class=\"step-card\" data-step=\"1c\">\n <h2 class=\"step-title\">Wohnungstyp w\u00e4hlen<\/h2>\n <div class=\"option-list\">\n <div class=\"option-card\" onclick=\"selectOption('1c', 'Eigentumswohnung')\">\n <span>Eigentumswohnung<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1c', 'Penthouse')\">\n <span>Penthouse<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1c', 'Loft')\">\n <span>Loft<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <\/div>\n <div class=\"step-nav\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 1d: Unterkategorie Anlageobjekt -->\n <div class=\"step-card\" data-step=\"1d\">\n <h2 class=\"step-title\">Anlageobjekttyp w\u00e4hlen<\/h2>\n <div class=\"option-list\">\n <div class=\"option-card\" onclick=\"selectOption('1d', 'B\u00fcrohaus')\">\n <span>B\u00fcrohaus<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1d', 'Wohn- und Gesch\u00e4ftshaus')\">\n <span>Wohn- und Gesch\u00e4ftshaus<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1d', 'Wohnanlage')\">\n <span>Wohnanlage<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1d', 'Mehrfamilienhaus')\">\n <span>Mehrfamilienhaus<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1d', 'Gesch\u00e4ftsgeb\u00e4ude')\">\n <span>Gesch\u00e4ftsgeb\u00e4ude<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <\/div>\n <div class=\"step-nav\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 1e: Unterkategorie Grundst\u00fcck -->\n <div class=\"step-card\" data-step=\"1e\">\n <h2 class=\"step-title\">Grundst\u00fcckstyp w\u00e4hlen<\/h2>\n <div class=\"option-list\">\n <div class=\"option-card\" onclick=\"selectOption('1e', 'Wohnbaugrundst\u00fcck')\">\n <span>Wohnbaugrundst\u00fcck<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1e', 'Mischgrundst\u00fcck')\">\n <span>Mischgrundst\u00fcck<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1e', 'Gewerbegrundst\u00fcck')\">\n <span>Gewerbegrundst\u00fcck<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption('1e', 'Industriegrundst\u00fcck')\">\n <span>Industriegrundst\u00fcck<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <\/div>\n <div class=\"step-nav\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 2: Vermietbare Fl\u00e4che \/ Grundst\u00fccksfl\u00e4che -->\n <div class=\"step-card\" data-step=\"2\">\n <h2 class=\"step-title\" id=\"area-label\">Vermietbare Fl\u00e4che (ca. m\u00b2)<\/h2>\n <div class=\"slider-wrap\">\n <input type=\"range\" min=\"20\" max=\"1000\" value=\"120\" id=\"area-slider\" oninput=\"updateArea(this.value)\">\n <div class=\"slider-value\"><span id=\"area-val\">120<\/span> <span class=\"unit\">m\u00b2<\/span><\/div>\n <\/div>\n <div class=\"step-nav step-nav-spaced\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <button type=\"button\" onclick=\"nextStep()\" class=\"btn-primary\">Weiter<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 3: Zimmer -->\n <div class=\"step-card\" data-step=\"3\">\n <h2 class=\"step-title\">Anzahl der Zimmer<\/h2>\n <div class=\"grid-rooms\">\n <button type=\"button\" onclick=\"selectOption(3, '1')\" class=\"option-card\">1<\/button>\n <button type=\"button\" onclick=\"selectOption(3, '2')\" class=\"option-card\">2<\/button>\n <button type=\"button\" onclick=\"selectOption(3, '3')\" class=\"option-card\">3<\/button>\n <button type=\"button\" onclick=\"selectOption(3, '4')\" class=\"option-card\">4<\/button>\n <button type=\"button\" onclick=\"selectOption(3, '5')\" class=\"option-card\">5<\/button>\n <button type=\"button\" onclick=\"selectOption(3, '6+')\" class=\"option-card\">6+<\/button>\n <\/div>\n <div class=\"step-nav\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <button type=\"button\" onclick=\"nextStep()\" class=\"btn-primary\">Weiter<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 3b: Anzahl Einheiten (nur Anlageobjekt) -->\n <div class=\"step-card\" data-step=\"3b\">\n <h2 class=\"step-title\">Anzahl Einheiten<\/h2>\n <div class=\"slider-wrap\">\n <input type=\"range\" min=\"1\" max=\"500\" value=\"10\" id=\"units-slider\" oninput=\"updateUnits(this.value)\">\n <div class=\"slider-value\"><span id=\"units-val\">10<\/span> <span class=\"unit\">Einheiten<\/span><\/div>\n <\/div>\n <div class=\"step-nav step-nav-spaced\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <button type=\"button\" onclick=\"nextStep()\" class=\"btn-primary\">Weiter<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 4: Baujahr -->\n <div class=\"step-card\" data-step=\"4\">\n <h2 class=\"step-title\">Baujahr<\/h2>\n <div class=\"input-block\">\n <input type=\"number\" inputmode=\"numeric\" placeholder=\"z.B. 1990\" class=\"form-input form-input-big\" id=\"year-input\">\n <\/div>\n <div class=\"step-nav\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <button type=\"button\" onclick=\"nextStep()\" class=\"btn-primary\">Weiter<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 5: Zustand -->\n <div class=\"step-card\" data-step=\"5\">\n <h2 class=\"step-title\">Objektzustand<\/h2>\n <div class=\"option-list\">\n <div class=\"option-card\" onclick=\"selectOption(5, 'Erstbezug')\">\n <span>Erstbezug \/ Neuwertig<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption(5, 'Gepflegt')\">\n <span>Gepflegt \/ Modernisiert<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <div class=\"option-card\" onclick=\"selectOption(5, 'Renovierungsbed\u00fcrftig')\">\n <span>Renovierungsbed\u00fcrftig<\/span>\n <span class=\"arrow\">\u2192<\/span>\n <\/div>\n <\/div>\n <div class=\"step-nav\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 6: Energieeffizienz -->\n <div class=\"step-card\" data-step=\"6\">\n <h2 class=\"step-title\">Energieeffizienz<\/h2>\n <div class=\"grid-energy\">\n <button type=\"button\" onclick=\"selectOption(6, 'A+')\" class=\"option-card\">A+<\/button>\n <button type=\"button\" onclick=\"selectOption(6, 'A')\" class=\"option-card\">A<\/button>\n <button type=\"button\" onclick=\"selectOption(6, 'B')\" class=\"option-card\">B<\/button>\n <button type=\"button\" onclick=\"selectOption(6, 'C')\" class=\"option-card\">C<\/button>\n <button type=\"button\" onclick=\"selectOption(6, 'D')\" class=\"option-card\">D<\/button>\n <button type=\"button\" onclick=\"selectOption(6, 'E')\" class=\"option-card\">E<\/button>\n <button type=\"button\" onclick=\"selectOption(6, 'F')\" class=\"option-card\">F<\/button>\n <button type=\"button\" onclick=\"selectOption(6, 'H')\" class=\"option-card\">H<\/button>\n <\/div>\n <div class=\"step-nav\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <button type=\"button\" onclick=\"nextStep()\" class=\"btn-primary\">Weiter<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 7: J\u00e4hrliche Kaltmiete -->\n <div class=\"step-card\" data-step=\"7\">\n <h2 class=\"step-title\">J\u00e4hrliche Kaltmiete<\/h2>\n <div class=\"input-block\">\n <input type=\"number\" inputmode=\"numeric\" placeholder=\"z.B. 12000\" class=\"form-input form-input-big\" id=\"rent-input\">\n <div class=\"badge-text input-hint\">in Euro pro Jahr<\/div>\n <\/div>\n <div class=\"step-nav\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <button type=\"button\" onclick=\"nextStep()\" class=\"btn-primary\">Weiter<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 8: Standort mit OpenStreetMap -->\n <div class=\"step-card\" data-step=\"8\">\n <h2 class=\"step-title\">Standort<\/h2>\n <div class=\"input-block\">\n <input type=\"text\" id=\"address-input\" placeholder=\"Adresse eingeben (z.B. Berlin, Charlottenburg)\" class=\"form-input form-input-center\" autocomplete=\"off\">\n <div class=\"map-container\">\n <div id=\"map\"><\/div>\n <\/div>\n <div class=\"address-confirm\">\n <p class=\"badge-text\"><strong>Adresse:<\/strong> <span id=\"confirmed-address\" class=\"placeholder\">Keine Adresse ausgew\u00e4hlt<\/span><\/p>\n <\/div>\n <\/div>\n <div class=\"step-nav\">\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back\">Zur\u00fcck<\/button>\n <button type=\"button\" onclick=\"nextStep()\" class=\"btn-primary\">Weiter<\/button>\n <\/div>\n <\/div>\n\n <!-- Step 9: Kontakt -->\n <div class=\"step-card\" data-step=\"9\">\n <h2 class=\"step-title\" style=\"margin-bottom: 0.5rem;\">Ergebnis anfordern<\/h2>\n <p class=\"badge-text step-subtitle\">Wir melden uns diskret und pers\u00f6nlich bei Ihnen zur\u00fcck.<\/p>\n <div class=\"contact-fields\">\n <input type=\"text\" id=\"name-input\" placeholder=\"Vollst\u00e4ndiger Name\" autocomplete=\"name\" class=\"form-input\" required>\n <input type=\"email\" id=\"email-input\" placeholder=\"E-Mail Adresse\" autocomplete=\"email\" class=\"form-input\" required>\n <input type=\"tel\" id=\"phone-input\" placeholder=\"Telefonnummer\" autocomplete=\"tel\" class=\"form-input\" required>\n <label class=\"consent-label\">\n <input type=\"checkbox\" id=\"consent-checkbox\" required>\n <span>Ich willige ein, dass meine Daten zur Wertermittlung genutzt werden und ich kontaktiert werde.<\/span>\n <\/label>\n <\/div>\n <button type=\"button\" onclick=\"sendEmail()\" class=\"btn-primary btn-submit\">Anfrage senden<\/button>\n <button type=\"button\" onclick=\"prevStep()\" class=\"btn-back btn-back-full\">Zur\u00fcck<\/button>\n <\/div>\n <\/form>\n\n <!-- Pers\u00f6nlicher Kontakt-Hinweis, sichtbar auf jedem Schritt -->\n <div class=\"form-footer-note\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.36 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.34 1.85.573 2.81.7A2 2 0 0122 16.92z\"\/><\/svg>\n <span>Lieber pers\u00f6nlich? Rufen Sie mich direkt an:<\/span>\n <a href=\"tel:+4915560293395\">+49 155 60293395<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Trust-Strip -->\n <section class=\"trust-strip\">\n <div class=\"container\">\n <div class=\"trust-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l8 4v6c0 5-3.4 8.4-8 10-4.6-1.6-8-5-8-10V6l8-4z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\n <span>IHK-zertifiziert gem. \u00a734c & \u00a734i GewO<\/span>\n <\/div>\n <div class=\"trust-item\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\n <span>Am Markt seit 2016<\/span>\n <\/div>\n <div class=\"trust-item\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"8\" r=\"4\"\/><path d=\"M4 21c0-4.4 3.6-8 8-8s8 3.6 8 8\"\/><\/svg>\n <span>Pers\u00f6nlich betreut von Pablo Lima<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Warum mit Lima Invest verkaufen -->\n <section id=\"vorteile\" class=\"section section-white\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"eyebrow\">Ihre Vorteile<\/span>\n <h2>Warum mit Lima Invest bewerten?<\/h2>\n <div class=\"gold-divider\"><\/div>\n <\/div>\n <div class=\"vorteile-grid\">\n <div class=\"vorteil-card reveal reveal-delay-1\">\n <div class=\"icon-box rotate-p3\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"><\/path>\n <\/svg>\n <\/div>\n <h3>Pr\u00e4zise Bewertung<\/h3>\n <p>Die Einsch\u00e4tzung basiert auf echten Abschlussdaten aus unserem Netzwerk und aktuellen Marktdaten f\u00fcr Ihre Lage \u2013 nicht auf pauschalen Quadratmeterpreisen.<\/p>\n <\/div>\n <div class=\"vorteil-card reveal reveal-delay-2\">\n <div class=\"icon-box rotate-m3\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n <\/svg>\n <\/div>\n <h3>100% Kostenlos<\/h3>\n <p>Die Bewertung ist f\u00fcr Sie komplett kostenfrei und unverbindlich. Sie entscheiden danach in Ruhe, ob und wie es weitergeht.<\/p>\n <\/div>\n <div class=\"vorteil-card reveal reveal-delay-3\">\n <div class=\"icon-box rotate-p2\">\n <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path>\n <\/svg>\n <\/div>\n <h3>Exklusives Netzwerk<\/h3>\n <p>Direkter Zugang zu gepr\u00fcften Investoren und Off-Market-K\u00e4ufern \u2013 ohne dass Ihre Immobilie \u00f6ffentlich inseriert werden muss.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Wann lohnt sich eine Bewertung -->\n <section id=\"anlaesse\" class=\"section section-gray\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"eyebrow\">Typische Anl\u00e4sse<\/span>\n <h2>Wann lohnt sich eine Immobilienbewertung?<\/h2>\n <div class=\"gold-divider\"><\/div>\n <p>Vier Situationen, in denen unsere Kunden am h\u00e4ufigsten den Marktwert kennen wollen.<\/p>\n <\/div>\n <div class=\"gruende-grid\">\n <div class=\"grund-card reveal reveal-delay-1\">\n <div class=\"grund-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 10.5L12 3l9 7.5V21a1 1 0 01-1 1H4a1 1 0 01-1-1V10.5z\"\/><path d=\"M9 22V12h6v10\"\/><\/svg>\n <\/div>\n <h3>Verkauf planen<\/h3>\n <p>Sie \u00fcberlegen zu verkaufen und m\u00f6chten wissen, welcher Preis realistisch ist, bevor Sie sich festlegen.<\/p>\n <\/div>\n <div class=\"grund-card reveal reveal-delay-2\">\n <div class=\"grund-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3v18M5 7h14\"\/><path d=\"M5 7l-3 7a3 3 0 006 0L5 7z\"\/><path d=\"M19 7l-3 7a3 3 0 006 0l-3-7z\"\/><\/svg>\n <\/div>\n <h3>Erbschaft oder Scheidung<\/h3>\n <p>F\u00fcr die faire Aufteilung von Verm\u00f6gen brauchen Sie eine objektive, nachvollziehbare Werteinsch\u00e4tzung.<\/p>\n <\/div>\n <div class=\"grund-card reveal reveal-delay-3\">\n <div class=\"grund-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18M5 21V10M19 21V10M3 10l9-6 9 6\"\/><path d=\"M9 21v-6h6v6\"\/><\/svg>\n <\/div>\n <h3>Finanzierung & Bankgespr\u00e4ch<\/h3>\n <p>Banken verlangen vor der Kreditvergabe meist eine aktuelle Einsch\u00e4tzung des Beleihungswerts.<\/p>\n <\/div>\n <div class=\"grund-card reveal\">\n <div class=\"grund-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 17l6-6 4 4 8-8\"\/><path d=\"M15 7h6v6\"\/><\/svg>\n <\/div>\n <h3>Strategische Entscheidung<\/h3>\n <p>Sie pr\u00fcfen, ob sich Halten, Verkaufen oder eine Vermittlung an einen Investor aus unserem Netzwerk lohnt.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- In 5 Schritten zum Erfolg -->\n <section id=\"prozess\" class=\"section section-white\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <h2>In 5 Schritten zum Erfolg<\/h2>\n <p>Unser bew\u00e4hrter Prozess f\u00fcr Ihren Immobilienverkauf.<\/p>\n <\/div>\n <div class=\"step-connector-container\">\n <svg class=\"animated-thread-svg\" viewBox=\"0 0 1000 60\" preserveAspectRatio=\"none\">\n <path class=\"snake-line\" d=\"M0,30 Q125,0 250,30 T500,30 T750,30 T1000,30\" \/>\n <\/svg>\n <div class=\"prozess-grid\">\n <div class=\"process-step reveal reveal-delay-1\">\n <div class=\"process-step-number\">01<\/div>\n <div class=\"process-step-content\">\n <h4>Bewertung<\/h4>\n <p>Fundierte Werteinsch\u00e4tzung auf Basis realer Vergleichsdaten.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step reveal reveal-delay-2\">\n <div class=\"process-step-number\">02<\/div>\n <div class=\"process-step-content\">\n <h4>Vermarktung<\/h4>\n <p>Diskrete Ansprache passender K\u00e4ufer aus unserem Netzwerk.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step reveal reveal-delay-3\">\n <div class=\"process-step-number\">03<\/div>\n <div class=\"process-step-content\">\n <h4>Besichtigung<\/h4>\n <p>Vorstellung an vorqualifizierte, bonit\u00e4tsgepr\u00fcfte Investoren.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step reveal\">\n <div class=\"process-step-number\">04<\/div>\n <div class=\"process-step-content\">\n <h4>Verhandlung<\/h4>\n <p>Wir verhandeln f\u00fcr den bestm\u00f6glichen Preis.<\/p>\n <\/div>\n <\/div>\n <div class=\"process-step reveal reveal-delay-1\">\n <div class=\"process-step-number\">05<\/div>\n <div class=\"process-step-content\">\n <h4>Abschluss<\/h4>\n <p>Sichere Abwicklung bis zur notariellen Beurkundung.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FAQ -->\n <section id=\"faq\" class=\"section section-gray\">\n <div class=\"container\">\n <div class=\"section-head reveal\">\n <span class=\"eyebrow\">H\u00e4ufige Fragen<\/span>\n <h2>Fragen zur Immobilienbewertung<\/h2>\n <div class=\"gold-divider\"><\/div>\n <\/div>\n <div class=\"faq-list reveal\">\n <div class=\"faq-item\">\n <button type=\"button\" class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>Was kostet die Bewertung?<\/span>\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n <\/button>\n <div class=\"faq-answer\"><p>Nichts. Die Ersteinsch\u00e4tzung ist zu jedem Zeitpunkt kostenfrei und unverbindlich f\u00fcr Sie.<\/p><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button type=\"button\" class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>Wie schnell bekomme ich eine R\u00fcckmeldung?<\/span>\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n <\/button>\n <div class=\"faq-answer\"><p>In der Regel innerhalb von 24 Stunden, oft schon am selben Tag.<\/p><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button type=\"button\" class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>Wird meine Anfrage diskret behandelt?<\/span>\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n <\/button>\n <div class=\"faq-answer\"><p>Ja. Wir arbeiten grunds\u00e4tzlich vertraulich und geben Ihre Daten nicht ohne Ihre Zustimmung an Dritte weiter.<\/p><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button type=\"button\" class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>F\u00fcr welche Immobilienarten eignet sich das?<\/span>\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n <\/button>\n <div class=\"faq-answer\"><p>H\u00e4user, Eigentumswohnungen, Anlageobjekte wie Mehrfamilienh\u00e4user und Gewerbe sowie Grundst\u00fccke aller Art.<\/p><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button type=\"button\" class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>Was passiert nach der Online-Einsch\u00e4tzung?<\/span>\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n <\/button>\n <div class=\"faq-answer\"><p>Wir melden uns pers\u00f6nlich bei Ihnen, besprechen die Zahlen und die m\u00f6glichen n\u00e4chsten Schritte \u2013 unverbindlich.<\/p><\/div>\n <\/div>\n <div class=\"faq-item\">\n <button type=\"button\" class=\"faq-question\" onclick=\"toggleFaq(this)\">\n <span>Muss ich meine Immobilie danach verkaufen?<\/span>\n <svg class=\"faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 5v14M5 12h14\"\/><\/svg>\n <\/button>\n <div class=\"faq-answer\"><p>Nein. Viele nutzen die Bewertung zun\u00e4chst nur zur eigenen Orientierung.<\/p><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Footer-Hinweis -->\n <section class=\"footer-note\">\n <div class=\"container\">\n <p>\n Lima Invest Immobilien \u00b7 Pablo Lima \u00b7 An der Alster 34 \u00b7 20099 Hamburg<br>\n IHK-zertifiziert gem. \u00a734c & \u00a734i GewO \u00b7\n <a href=\"mailto:anfrage@limaimmobilien.com\">anfrage@limaimmobilien.com<\/a> \u00b7\n <a href=\"tel:+4915560293395\">+49 155 60293395<\/a><br>\n Diese Einsch\u00e4tzung basiert auf den von Ihnen angegebenen Daten und ersetzt kein Wertgutachten.\n <a href=\"https:\/\/limainvestimmobilien.de\/impressum\/\" target=\"_blank\" rel=\"noopener\">Impressum<\/a>\n <\/p>\n <\/div>\n <\/section>\n\n <script>\n \/\/ ==============================\n \/\/ FOUC-Fix: Body erst sichtbar machen wenn alles geladen\n \/\/ ==============================\n document.addEventListener('DOMContentLoaded', function() {\n requestAnimationFrame(function() {\n document.body.classList.add('loaded');\n });\n });\n\n if (document.readyState === 'interactive' || document.readyState === 'complete') {\n requestAnimationFrame(function() {\n document.body.classList.add('loaded');\n });\n }\n\n \/\/ ==============================\n \/\/ Goldene Partikel Animation\n \/\/ (mobil reduziert, respektiert prefers-reduced-motion)\n \/\/ ==============================\n (function() {\n const canvas = document.getElementById('particles');\n if (!canvas) return;\n if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n const ctx = canvas.getContext('2d');\n let particles = [];\n let animFrameId;\n const isMobile = window.matchMedia('(max-width: 768px)').matches;\n\n function resize() {\n const section = canvas.parentElement;\n canvas.width = section.offsetWidth;\n canvas.height = section.offsetHeight;\n }\n\n function createParticles() {\n particles = [];\n const density = isMobile ? 30000 : 15000;\n const count = Math.floor(canvas.width * canvas.height \/ density);\n for (let i = 0; i < count; i++) {\n particles.push({\n x: Math.random() * canvas.width,\n y: Math.random() * canvas.height,\n size: Math.random() * 2.5 + 0.5,\n speedX: (Math.random() - 0.5) * 0.3,\n speedY: (Math.random() - 0.5) * 0.3,\n opacity: Math.random() * 0.4 + 0.1,\n pulse: Math.random() * Math.PI * 2\n });\n }\n }\n\n function draw() {\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n particles.forEach(p => {\n p.x += p.speedX;\n p.y += p.speedY;\n p.pulse += 0.015;\n\n if (p.x < 0) p.x = canvas.width;\n if (p.x > canvas.width) p.x = 0;\n if (p.y < 0) p.y = canvas.height;\n if (p.y > canvas.height) p.y = 0;\n\n const glow = p.opacity + Math.sin(p.pulse) * 0.15;\n ctx.beginPath();\n ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2);\n ctx.fillStyle = `rgba(187, 158, 28, ${Math.max(0.05, glow)})`;\n ctx.fill();\n });\n animFrameId = requestAnimationFrame(draw);\n }\n\n document.addEventListener('visibilitychange', function() {\n if (document.hidden) {\n cancelAnimationFrame(animFrameId);\n } else {\n draw();\n }\n });\n\n resize();\n createParticles();\n draw();\n\n let resizeTimer;\n window.addEventListener('resize', function() {\n clearTimeout(resizeTimer);\n resizeTimer = setTimeout(function() {\n resize();\n createParticles();\n }, 200);\n });\n })();\n\n \/\/ ==============================\n \/\/ Scroll Reveal\n \/\/ ==============================\n (function() {\n const observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\n document.querySelectorAll('.reveal').forEach(function(el) {\n observer.observe(el);\n });\n })();\n\n \/\/ ==============================\n \/\/ Slider-Track: gef\u00fcllter Bereich in Gold\n \/\/ ==============================\n function paintSliderTrack(slider) {\n const min = parseFloat(slider.min) || 0;\n const max = parseFloat(slider.max) || 100;\n const val = parseFloat(slider.value);\n const pct = ((val - min) \/ (max - min)) * 100;\n slider.style.background = `linear-gradient(90deg, var(--primary-color) ${pct}%, #e5e7eb ${pct}%)`;\n }\n\n document.querySelectorAll('input[type=\"range\"]').forEach(function(slider) {\n paintSliderTrack(slider);\n slider.addEventListener('input', function() { paintSliderTrack(slider); });\n });\n\n \/\/ ==============================\n \/\/ FAQ Accordion\n \/\/ ==============================\n function toggleFaq(button) {\n const item = button.closest('.faq-item');\n const answer = item.querySelector('.faq-answer');\n const isOpen = item.classList.contains('open');\n\n document.querySelectorAll('.faq-item.open').forEach(function(other) {\n if (other !== item) {\n other.classList.remove('open');\n other.querySelector('.faq-answer').style.maxHeight = null;\n }\n });\n\n if (isOpen) {\n item.classList.remove('open');\n answer.style.maxHeight = null;\n } else {\n item.classList.add('open');\n answer.style.maxHeight = answer.scrollHeight + 'px';\n }\n }\n\n \/\/ ==============================\n \/\/ Lead Generator Logic\n \/\/ ==============================\n let currentStep = 1;\n const formData = {};\n let selectedObjectType = null;\n let map = null;\n let marker = null;\n\n function updateProgress() {\n let percentage = 10;\n if (currentStep === 1) percentage = 10;\n else if (['1b', '1c', '1d', '1e'].includes(currentStep)) percentage = 15;\n else if (currentStep === 2) percentage = 25;\n else if (currentStep === 3) percentage = 35;\n else if (currentStep === '3b') percentage = 35;\n else if (currentStep === 4) percentage = 45;\n else if (currentStep === 5) percentage = 55;\n else if (currentStep === 6) percentage = 65;\n else if (currentStep === 7) percentage = 75;\n else if (currentStep === 8) percentage = 85;\n else if (currentStep === 9) percentage = 100;\n\n document.getElementById('step-indicator').innerText = `Schritt ${['1b', '1c', '1d', '1e'].includes(currentStep) ? '1.1' : currentStep === '3b' ? '3' : currentStep}`;\n document.getElementById('progress-percentage').innerText = `${percentage}%`;\n document.getElementById('progress-fill').style.width = `${percentage}%`;\n }\n\n function initMap() {\n if (currentStep === 8 && !map) {\n const defaultLocation = [51.1657, 10.4515];\n map = L.map('map').setView(defaultLocation, 6);\n\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '\u00a9 OpenStreetMap contributors',\n maxZoom: 19\n }).addTo(map);\n\n marker = L.marker(defaultLocation, { draggable: true }).addTo(map);\n\n const addressInput = document.getElementById('address-input');\n if (addressInput) {\n addressInput.addEventListener('keypress', function(e) {\n if (e.key === 'Enter') {\n e.preventDefault();\n searchAddress(addressInput.value);\n }\n });\n }\n\n marker.on('dragend', function() {\n const position = marker.getLatLng();\n reverseGeocode(position.lat, position.lng);\n });\n } else if (currentStep === 8 && map) {\n setTimeout(function() { map.invalidateSize(); }, 150);\n }\n }\n\n function searchAddress(query) {\n if (!query) return;\n fetch(`https:\/\/nominatim.openstreetmap.org\/search?format=json&q=${encodeURIComponent(query)}&countrycodes=de`)\n .then(response => response.json())\n .then(data => {\n if (data.length > 0) {\n const result = data[0];\n const lat = parseFloat(result.lat);\n const lng = parseFloat(result.lon);\n map.setView([lat, lng], 15);\n marker.setLatLng([lat, lng]);\n document.getElementById('confirmed-address').textContent = result.display_name;\n formData.address = result.display_name;\n formData.lat = lat;\n formData.lng = lng;\n }\n });\n }\n\n function reverseGeocode(lat, lng) {\n fetch(`https:\/\/nominatim.openstreetmap.org\/reverse?format=json&lat=${lat}&lon=${lng}`)\n .then(response => response.json())\n .then(data => {\n document.getElementById('confirmed-address').textContent = data.address.road ? `${data.address.road}, ${data.address.postcode} ${data.address.city}` : data.display_name;\n formData.address = data.display_name;\n formData.lat = lat;\n formData.lng = lng;\n });\n }\n\n function scrollFormIntoView() {\n if (window.matchMedia('(max-width: 1024px)').matches) {\n const form = document.getElementById('lead-form');\n if (form) {\n const rect = form.getBoundingClientRect();\n if (rect.top < 0 || rect.top > 120) {\n form.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n }\n }\n }\n\n function nextStep() {\n const currentStepElement = document.querySelector(`.step-card[data-step=\"${currentStep}\"]`);\n if (currentStepElement) currentStepElement.classList.remove('active');\n\n if (currentStep === 1) {\n if (selectedObjectType === 'Haus') currentStep = '1b';\n else if (selectedObjectType === 'Wohnung') currentStep = '1c';\n else if (selectedObjectType === 'Anlageobjekt') currentStep = '1d';\n else if (selectedObjectType === 'Grundst\u00fcck') currentStep = '1e';\n } else if (['1b', '1c', '1d', '1e'].includes(currentStep)) {\n currentStep = 2;\n updateAreaLabel();\n } else if (currentStep === 2) {\n if (selectedObjectType === 'Grundst\u00fcck') currentStep = 8;\n else if (selectedObjectType === 'Anlageobjekt') currentStep = '3b';\n else currentStep = 3;\n } else if (currentStep === 3) {\n currentStep = 4;\n } else if (currentStep === '3b') {\n currentStep = 4;\n } else if (currentStep === 4) {\n currentStep = 5;\n } else if (currentStep === 5) {\n currentStep = 6;\n } else if (currentStep === 6) {\n if (selectedObjectType === 'Anlageobjekt') currentStep = 7;\n else currentStep = 8;\n } else if (currentStep === 7) {\n currentStep = 8;\n } else if (currentStep === 8) {\n currentStep = 9;\n }\n\n const nextStepElement = document.querySelector(`.step-card[data-step=\"${currentStep}\"]`);\n if (nextStepElement) {\n nextStepElement.classList.add('active');\n if (currentStep === 8) {\n setTimeout(initMap, 100);\n }\n }\n updateProgress();\n scrollFormIntoView();\n }\n\n function prevStep() {\n const currentStepElement = document.querySelector(`.step-card[data-step=\"${currentStep}\"]`);\n if (currentStepElement) currentStepElement.classList.remove('active');\n\n if (['1b', '1c', '1d', '1e'].includes(currentStep)) {\n currentStep = 1;\n } else if (currentStep === 2) {\n if (selectedObjectType === 'Haus') currentStep = '1b';\n else if (selectedObjectType === 'Wohnung') currentStep = '1c';\n else if (selectedObjectType === 'Anlageobjekt') currentStep = '1d';\n else if (selectedObjectType === 'Grundst\u00fcck') currentStep = '1e';\n } else if (currentStep === 3) {\n currentStep = 2;\n } else if (currentStep === '3b') {\n currentStep = 2;\n } else if (currentStep === 4) {\n if (selectedObjectType === 'Anlageobjekt') currentStep = '3b';\n else currentStep = 3;\n } else if (currentStep === 5) {\n currentStep = 4;\n } else if (currentStep === 6) {\n currentStep = 5;\n } else if (currentStep === 7) {\n currentStep = 6;\n } else if (currentStep === 8) {\n if (selectedObjectType === 'Grundst\u00fcck') currentStep = 2;\n else if (selectedObjectType === 'Anlageobjekt') currentStep = 7;\n else currentStep = 6;\n } else if (currentStep === 9) {\n currentStep = 8;\n }\n\n const prevStepElement = document.querySelector(`.step-card[data-step=\"${currentStep}\"]`);\n if (prevStepElement) {\n prevStepElement.classList.add('active');\n if (currentStep === 8) {\n setTimeout(initMap, 100);\n }\n }\n updateProgress();\n scrollFormIntoView();\n }\n\n function selectOption(step, value) {\n formData[`step${step}`] = value;\n if (step === 1) selectedObjectType = value;\n\n const cards = document.querySelectorAll(`.step-card[data-step=\"${step}\"] .option-card, .step-card[data-step=\"${step}\"] .icon-card`);\n cards.forEach(card => card.classList.remove('selected'));\n if (event && event.currentTarget) event.currentTarget.classList.add('selected');\n\n if (step === 1 || ['1b', '1c', '1d', '1e'].includes(step) || step === 3 || step === 5 || step === 6) {\n setTimeout(nextStep, 300);\n }\n }\n\n function updateArea(val) {\n document.getElementById('area-val').innerText = val;\n formData.area = val;\n }\n\n function updateUnits(val) {\n document.getElementById('units-val').innerText = val;\n formData.units = val;\n }\n\n function updateAreaLabel() {\n const label = document.getElementById('area-label');\n const slider = document.getElementById('area-slider');\n if (selectedObjectType === 'Grundst\u00fcck') {\n label.textContent = 'Grundst\u00fccksfl\u00e4che (ca. m\u00b2)';\n slider.max = 50000;\n } else if (selectedObjectType === 'Haus' || selectedObjectType === 'Anlageobjekt') {\n label.textContent = 'Vermietbare Fl\u00e4che (ca. m\u00b2)';\n slider.max = 10000;\n } else {\n label.textContent = 'Vermietbare Fl\u00e4che (ca. m\u00b2)';\n slider.max = 1000;\n }\n paintSliderTrack(slider);\n }\n\n function sendEmail() {\n const name = document.getElementById('name-input').value;\n const email = document.getElementById('email-input').value;\n const phone = document.getElementById('phone-input').value;\n const consent = document.getElementById('consent-checkbox').checked;\n\n if (!name || !email || !phone || !consent) {\n alert('Bitte f\u00fcllen Sie alle Felder aus.');\n return;\n }\n\n formData.name = name;\n formData.email = email;\n formData.phone = phone;\n\n const subject = `Neue Marktwertanalyse-Anfrage von ${name}`;\n const body = `Neue Anfrage f\u00fcr eine Immobilienbewertung:\\n\\n` +\n `Name: ${name}\\n` +\n `E-Mail: ${email}\\n` +\n `Telefon: ${phone}\\n\\n` +\n `Objektdaten:\\n` +\n `Typ: ${selectedObjectType}\\n` +\n `Details: ${JSON.stringify(formData)}\\n` +\n `Adresse: ${formData.address || 'Nicht angegeben'}`;\n\n window.location.href = `mailto:anfrage@limaimmobilien.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\n }\n <\/script>\n<\/body>\n<\/html>\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>Immobilienbewertung | Lima Invest Immobilien Kostenlose Marktwertanalyse \u00b7 ca. 2 Minuten Was ist Ihre Immobilie heute wert? Wir sch\u00e4tzen Ihre Immobilie anhand aktueller Abschlussdaten aus unserem eigenen K\u00e4ufernetzwerk ein \u2013 nicht nur anhand \u00f6ffentlicher Durchschnittswerte. Sie erhalten das Ergebnis pers\u00f6nlich von uns, diskret und unverbindlich. 100% Kostenfrei 24h Antwortzeit Diskret Abwicklung Schritt 1 10% Objektart…<\/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-18503","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/18503","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=18503"}],"version-history":[{"count":10,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/18503\/revisions"}],"predecessor-version":[{"id":23812,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/18503\/revisions\/23812"}],"wp:attachment":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/media?parent=18503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}