Lima Invest Immobilien \u2013 Off-Market-Investments<\/title>\n\n \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=Playfair+Display:wght@700&family=Montserrat:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n .li-hero {\n --li-gold: #bb9e1c;\n --li-black: #000000;\n --li-white: #ffffff;\n --li-text: #ffffff;\n\n font-family: 'Montserrat', sans-serif;\n line-height: 1.6;\n color: var(--li-text);\n background: transparent;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n text-align: left;\n padding: 30px 20px;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n .li-hero *,\n .li-hero *::before,\n .li-hero *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n @media (min-width: 640px) {\n .li-hero { padding: 30px 40px; }\n }\n\n @media (min-width: 1024px) {\n .li-hero { padding: 30px 80px; }\n }\n\n .li-hero__container {\n position: relative;\n z-index: 1;\n max-width: 900px;\n width: 100%;\n }\n\n \/* ========================================\n BEWERTUNGSSTERNE \u2013 einzeln animiert\n ======================================== *\/\n\n .li-hero__stars {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n margin-bottom: 1.5rem;\n perspective: 500px;\n }\n\n .li-hero__star {\n display: inline-block;\n font-size: 15px;\n color: var(--li-gold);\n line-height: 1;\n opacity: 0;\n transform: translateY(18px) rotateX(80deg) scale(0.75);\n transform-origin: bottom center;\n text-shadow: 0 2px 8px rgba(187, 158, 28, 0.35);\n animation: li-star-rise 0.36s cubic-bezier(0.18, 0.95, 0.34, 1.25) forwards;\n }\n\n .li-hero__star:nth-child(1) { animation-delay: 0.08s; }\n .li-hero__star:nth-child(2) { animation-delay: 0.18s; }\n .li-hero__star:nth-child(3) { animation-delay: 0.28s; }\n .li-hero__star:nth-child(4) { animation-delay: 0.38s; }\n .li-hero__star:nth-child(5) { animation-delay: 0.48s; }\n\n .li-hero__sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n\n @media (max-width: 640px) {\n .li-hero__stars { margin-bottom: 1.2rem; }\n .li-hero__star { font-size: 13px; }\n }\n\n \/* ========================================\n MARKENTITEL\n ======================================== *\/\n\n .li-hero__title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.2rem, 6vw, 4.8rem);\n margin-bottom: 1.5rem;\n line-height: 1.1;\n font-weight: 700;\n letter-spacing: -1px;\n opacity: 0;\n transform: translateY(30px);\n animation: li-fade-up 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.45s forwards;\n }\n\n @media (max-width: 640px) {\n .li-hero__title { margin-bottom: 1.2rem; }\n }\n\n .li-hero__title-gold {\n color: var(--li-gold);\n display: inline-block;\n font-weight: 700;\n text-shadow: none;\n }\n\n .li-hero__title-black {\n color: var(--li-white);\n display: inline-block;\n font-weight: 300;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);\n }\n\n \/* ========================================\n GOLD-DIVIDER\n ======================================== *\/\n\n .li-hero__divider {\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--li-gold), rgba(187, 158, 28, 0.3));\n margin: 1.5rem 0;\n border-radius: 2px;\n box-shadow: none;\n animation: li-expand 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 1s forwards;\n }\n\n @media (max-width: 640px) {\n .li-hero__divider { margin: 1.2rem 0; }\n }\n\n \/* ========================================\n BESCHREIBUNG \u2013 dezenter Glas-Effekt, stark durchsichtig\n ======================================== *\/\n\n .li-hero__description {\n max-width: 790px;\n margin-bottom: 2rem;\n padding: 20px 24px;\n border-radius: 12px;\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.10),\n rgba(255, 255, 255, 0.04)\n );\n border: 1px solid rgba(255, 255, 255, 0.14);\n box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n }\n\n @media (max-width: 640px) {\n .li-hero__description {\n margin-bottom: 1.5rem;\n padding: 16px 17px;\n border-radius: 9px;\n }\n }\n\n .li-hero__tagline {\n display: block;\n font-weight: 600;\n letter-spacing: 1.6px;\n text-transform: uppercase;\n margin-bottom: 12px;\n color: var(--li-white);\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.75);\n font-size: clamp(0.82rem, 1.45vw, 0.98rem);\n opacity: 0;\n transform: translate(-32px, 12px);\n animation: li-slide-in 0.95s cubic-bezier(0.2, 0.8, 0.2, 1) 0.72s forwards;\n }\n\n .li-hero__text {\n display: block;\n font-weight: 300;\n color: var(--li-white);\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.75);\n font-size: clamp(1rem, 2vw, 1.34rem);\n line-height: 1.75;\n opacity: 0;\n transform: translate(32px, 12px);\n animation: li-slide-in 0.95s cubic-bezier(0.2, 0.8, 0.2, 1) 0.92s forwards;\n }\n\n \/* ========================================\n CALL-TO-ACTION BUTTON\n ======================================== *\/\n\n .li-hero__cta {\n display: inline-block;\n margin-top: 2.5rem;\n padding: 14px 40px;\n background-color: transparent;\n color: var(--li-gold);\n text-decoration: none;\n font-weight: 600;\n font-size: clamp(0.9rem, 1.5vw, 1.15rem);\n letter-spacing: 1.5px;\n text-transform: uppercase;\n border: 1.5px solid var(--li-gold);\n border-radius: 2px;\n position: relative;\n overflow: hidden;\n transition: color 0.5s cubic-bezier(0.2, 0.8, 0.2, 1),\n transform 0.3s ease,\n box-shadow 0.3s ease;\n cursor: pointer;\n opacity: 0;\n transform: translateY(20px);\n animation: li-fade-up 1s cubic-bezier(0.2, 0.8, 0.2, 1) 1.08s forwards;\n z-index: 0;\n }\n\n @media (max-width: 640px) {\n .li-hero__cta {\n padding: 12px 32px;\n margin-top: 2rem;\n }\n }\n\n .li-hero__cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: -101%;\n width: 101%;\n height: 100%;\n background: var(--li-gold);\n transition: left 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n z-index: -1;\n }\n\n .li-hero__cta:hover::before,\n .li-hero__cta:focus-visible::before {\n left: 0;\n }\n\n .li-hero__cta:hover,\n .li-hero__cta:focus-visible {\n color: var(--li-white);\n box-shadow: 0 6px 16px rgba(187, 158, 28, 0.3);\n }\n\n .li-hero__cta:hover {\n transform: translateY(-2px);\n }\n\n .li-hero__cta:focus-visible {\n outline: 2px solid var(--li-gold);\n outline-offset: 3px;\n }\n\n .li-hero__cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 8px rgba(187, 158, 28, 0.2);\n }\n\n \/* ========================================\n DEKORATIVE PUNKTE\n ======================================== *\/\n\n .li-hero__dots {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n }\n\n .li-hero__dot {\n position: absolute;\n width: 3px;\n height: 3px;\n background-color: var(--li-gold);\n border-radius: 50%;\n opacity: 0.10;\n }\n\n .li-hero__dot:nth-child(1) {\n top: 10%; right: 15%;\n }\n\n .li-hero__dot:nth-child(2) {\n top: 60%; right: 5%;\n }\n\n .li-hero__dot:nth-child(3) {\n top: 80%; right: 25%;\n }\n\n @media (max-width: 768px) {\n .li-hero__dot:nth-child(1) { top: 15%; right: 10%; }\n .li-hero__dot:nth-child(2) { top: 65%; right: 8%; }\n .li-hero__dot:nth-child(3) { top: 85%; right: 15%; }\n }\n\n \/* ========================================\n KEYFRAMES\n ======================================== *\/\n\n @keyframes li-star-rise {\n 0% {\n opacity: 0;\n transform: translateY(18px) rotateX(80deg) scale(0.75);\n filter: blur(1px);\n }\n\n 70% {\n opacity: 1;\n transform: translateY(-3px) rotateX(-8deg) scale(1.12);\n filter: blur(0);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0) rotateX(0deg) scale(1);\n filter: blur(0);\n }\n }\n\n @keyframes li-fade-up {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes li-slide-in {\n to {\n opacity: 1;\n transform: translate(0, 0);\n }\n }\n\n @keyframes li-expand {\n to { width: 100px; }\n }\n\n \/* ========================================\n REDUCED MOTION & PRINT\n ======================================== *\/\n\n @media (prefers-reduced-motion: reduce) {\n .li-hero *,\n .li-hero *::before,\n .li-hero *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n\n .li-hero__star,\n .li-hero__title,\n .li-hero__tagline,\n .li-hero__text,\n .li-hero__cta {\n opacity: 1;\n transform: none;\n }\n\n .li-hero__divider { width: 100px; }\n }\n\n @media print {\n .li-hero__dots,\n .li-hero__cta {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"li-hero\" aria-label=\"Lima Invest Immobilien \u2013 Startbereich\">\n <div class=\"li-hero__dots\" aria-hidden=\"true\">\n <span class=\"li-hero__dot\"><\/span>\n <span class=\"li-hero__dot\"><\/span>\n <span class=\"li-hero__dot\"><\/span>\n <\/div>\n\n <div class=\"li-hero__container\">\n \n <div class=\"li-hero__stars\" aria-hidden=\"true\">\n <span class=\"li-hero__star\">\u2605<\/span>\n <span class=\"li-hero__star\">\u2605<\/span>\n <span class=\"li-hero__star\">\u2605<\/span>\n <span class=\"li-hero__star\">\u2605<\/span>\n <span class=\"li-hero__star\">\u2605<\/span>\n <\/div>\n <span class=\"li-hero__sr-only\">Bewertung: 5 von 5 Sternen<\/span>\n\n \n <h1 class=\"li-hero__title\">\n <span class=\"li-hero__title-gold\">Lima Invest<\/span> <span class=\"li-hero__title-black\">Immobilien<\/span>\n <\/h1>\n\n \n <div class=\"li-hero__divider\" aria-hidden=\"true\"><\/div>\n\n \n <p class=\"li-hero__description\">\n <span class=\"li-hero__tagline\">Ihr Zugang zu gepr\u00fcften Off-Market-Investments<\/span>\n <span class=\"li-hero__text\">Als Investmentmakler mit Sitz in Hamburg verbinden wir seit 2016 Kapitalanleger mit exklusiven, diskret gehandelten Anlageimmobilien in den Top-Lagen Deutschlands.<\/span>\n <\/p>\n\n \n <a href=\"https:\/\/limainvestimmobilien.de\/immobilienangebot\/\" class=\"li-hero__cta\">\n Jetzt Angebote entdecken\n <\/a>\n <\/div>\n <\/section>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-785f6b2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"785f6b2\" 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-7c44bc1\" data-id=\"7c44bc1\" 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-f752a16 elementor-widget elementor-widget-spacer\" data-id=\"f752a16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-e85f584 e-flex e-con-boxed e-con e-parent\" data-id=\"e85f584\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-518a7c2 elementor-widget elementor-widget-html\" data-id=\"518a7c2\" 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<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Lima Invest \u2013 Hero<\/title>\n\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=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* =========================================================\n LIMA INVEST \u2014 STARTSEITEN-HERO v2 (nahtlos)\n Kein Card-Look mehr: vollfl\u00e4chig, ohne Rahmen\/Radius\/\n Schatten, l\u00e4uft unten weich in reines Wei\u00df aus.\n Neue Animationen:\n \u2013 Geb\u00e4ude der Iso-Stadt bauen sich gestaffelt auf\n \u2013 Pulsierende Gold-Beacons auf den Hochh\u00e4usern\n \u2013 Aufsteigende Gold-Partikel (dezent)\n \u2013 Sanfter Parallax auf Maus + Scroll\n \u2013 Goldene Linie unter der Headline zeichnet sich\n CI-Farbe: #bb9e1c\n ========================================================= *\/\n\n.lib-hero {\n --gold: #bb9e1c;\n --gold-bright: #d8b93f;\n --ink: #1f1f1f;\n --soft: rgba(31,31,31,0.68);\n\n position: relative;\n width: 100vw;\n left: 50%;\n margin-left: -50vw;\n min-height: clamp(460px, 52vh, 580px);\n overflow: hidden;\n box-sizing: border-box;\n\n font-family: 'Poppins', sans-serif;\n color: var(--ink);\n\n \/* Kein Rahmen, kein Radius, kein Schatten \u2013\n Goldt\u00f6ne liegen nur sanft auf reinem Wei\u00df *\/\n background:\n radial-gradient(circle at 82% 14%, rgba(187,158,28,0.10), transparent 36%),\n radial-gradient(circle at 10% 20%, rgba(187,158,28,0.06), transparent 30%),\n #ffffff;\n}\n\n.lib-hero *,\n.lib-hero *::before,\n.lib-hero *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n\/* Weicher Auslauf: oben und unten blendet alles in reines\n Wei\u00df \u2013 der Hero geht flie\u00dfend in die Seite \u00fcber *\/\n.lib-hero::after {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: 3;\n pointer-events: none;\n background:\n linear-gradient(180deg, rgba(255,255,255,0.9) 0%, transparent 12%),\n linear-gradient(0deg, #ffffff 0%, rgba(255,255,255,0.85) 6%, transparent 22%);\n}\n\n\/* ---------- Goldene Iso-Stadt im Hintergrund ---------- *\/\n\n.lib-hero__city {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n will-change: transform;\n transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\n}\n\n.lib-hero__city-svg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n animation: lib-city-in 1.4s ease-out 0.1s forwards;\n}\n\n@keyframes lib-city-in {\n to { opacity: 0.5; }\n}\n\n\/* Geb\u00e4ude bauen sich einzeln von unten auf *\/\n.lib-bld {\n opacity: 0;\n transform: translateY(26px);\n animation: lib-bld-rise 0.9s cubic-bezier(0.16,1,0.3,1) forwards;\n}\n\n@keyframes lib-bld-rise {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.lib-face-top { fill: rgba(187,158,28,0.22); }\n.lib-face-right { fill: rgba(187,158,28,0.14); }\n.lib-face-left { fill: rgba(187,158,28,0.08); }\n.lib-roof-a { fill: rgba(187,158,28,0.22); }\n.lib-roof-b { fill: rgba(187,158,28,0.13); }\n.lib-edge { stroke: rgba(187,158,28,0.48); stroke-width: 0.8; fill: none; stroke-linejoin: round; }\n.lib-floor { stroke: rgba(187,158,28,0.24); stroke-width: 0.5; }\n\n\/* Pulsierende Beacons auf den Hochhaus-D\u00e4chern *\/\n.lib-beacon {\n fill: var(--gold);\n animation: lib-beacon-pulse 3s ease-in-out infinite;\n transform-box: fill-box;\n transform-origin: center;\n}\n\n@keyframes lib-beacon-pulse {\n 0%, 100% { opacity: 0.25; transform: scale(1); }\n 50% { opacity: 0.85; transform: scale(1.6); }\n}\n\n\/* ---------- Aufsteigende Gold-Partikel ---------- *\/\n\n.lib-hero__particles {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n.lib-particle {\n position: absolute;\n bottom: -10px;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: rgba(187,158,28,0.35);\n animation: lib-particle-rise linear infinite;\n}\n\n@keyframes lib-particle-rise {\n 0% { transform: translateY(0) translateX(0); opacity: 0; }\n 12% { opacity: 0.7; }\n 80% { opacity: 0.4; }\n 100% { transform: translateY(-62vh) translateX(24px); opacity: 0; }\n}\n\n\/* ---------- Dezenter Licht-Sweep ---------- *\/\n\n.lib-hero__shine {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n.lib-hero__shine::after {\n content: '';\n position: absolute;\n top: -30%;\n bottom: -30%;\n left: 0;\n width: 42%;\n opacity: 0.3;\n background: linear-gradient(\n 100deg,\n transparent,\n rgba(187,158,28,0.07) 45%,\n rgba(255,255,255,0.7) 50%,\n rgba(187,158,28,0.07) 55%,\n transparent\n );\n transform: translateX(-260%) rotate(4deg);\n animation: lib-shine 10s ease-in-out 3s infinite;\n}\n\n@keyframes lib-shine {\n 0% { transform: translateX(-260%) rotate(4deg); }\n 22% { transform: translateX(560%) rotate(4deg); }\n 100% { transform: translateX(560%) rotate(4deg); }\n}\n\n\/* ---------- Heller Verlauf f\u00fcr Lesbarkeit links ---------- *\/\n\n.lib-hero__scrim {\n position: absolute;\n inset: 0;\n z-index: 1;\n pointer-events: none;\n background:\n linear-gradient(\n 90deg,\n rgba(255,255,255,0.94) 0%,\n rgba(255,255,255,0.80) 36%,\n rgba(255,255,255,0.38) 62%,\n rgba(255,255,255,0.04) 100%\n );\n}\n\n\/* ---------- Layout ---------- *\/\n\n.lib-hero__inner {\n position: relative;\n z-index: 2;\n max-width: 1160px;\n min-height: clamp(460px, 52vh, 580px);\n margin: 0 auto;\n padding: clamp(48px, 5.5vw, 76px) clamp(24px, 4.8vw, 64px);\n display: flex;\n align-items: center;\n gap: clamp(34px, 5vw, 72px);\n}\n\n.lib-hero__text {\n flex: 1 1 58%;\n}\n\n\/* ---------- Text ---------- *\/\n\n.lib-hero__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 11px;\n margin-bottom: 16px;\n\n font-size: 0.68rem;\n font-weight: 500;\n letter-spacing: 3.2px;\n text-transform: uppercase;\n color: rgba(31,31,31,0.62);\n\n opacity: 0;\n animation: lib-fade-up 0.7s ease-out 0.5s forwards;\n}\n\n.lib-hero__eyebrow::before {\n content: '';\n width: 28px;\n height: 1px;\n background: var(--gold);\n flex: 0 0 auto;\n}\n\n.lib-hero__headline {\n position: relative;\n max-width: 14.8ch;\n margin-bottom: 22px;\n padding-bottom: 18px;\n\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n line-height: 1.02;\n letter-spacing: -0.005em;\n color: #1f1f1f;\n text-wrap: balance;\n}\n\n\/* Goldene Linie zeichnet sich unter der Headline *\/\n.lib-hero__headline::after {\n content: '';\n position: absolute;\n left: 2px;\n bottom: 0;\n height: 2px;\n width: 0;\n background: linear-gradient(90deg, var(--gold), rgba(187,158,28,0.15));\n animation: lib-underline 1s cubic-bezier(0.16,1,0.3,1) 1.35s forwards;\n}\n\n@keyframes lib-underline {\n to { width: 118px; }\n}\n\n.lib-hero__headline .lib-word {\n display: inline-block;\n opacity: 0;\n transform: translateY(22px);\n animation: lib-word-in 0.7s cubic-bezier(0.16,1,0.3,1) forwards;\n}\n\n.lib-hero__headline .lib-word--accent {\n color: var(--gold);\n}\n\n@keyframes lib-word-in {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.lib-hero__desc {\n max-width: 58ch;\n font-size: 0.95rem;\n font-weight: 300;\n line-height: 1.78;\n color: var(--soft);\n\n opacity: 0;\n animation: lib-fade-up 0.8s ease-out 1.35s forwards;\n}\n\n.lib-hero__badge {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-top: 24px;\n\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--gold);\n\n opacity: 0;\n animation: lib-fade-up 0.8s ease-out 1.55s forwards;\n}\n\n.lib-hero__badge::before {\n content: '';\n width: 0;\n height: 1px;\n opacity: 0.9;\n background: var(--gold);\n animation: lib-line-draw 0.8s ease-out 1.75s forwards;\n}\n\n@keyframes lib-line-draw {\n to { width: 42px; }\n}\n\n\/* ---------- Buttons \u2013 rechteckig, konsistent zur Seite ---------- *\/\n\n.lib-hero__actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 14px;\n margin-top: 28px;\n\n opacity: 0;\n animation: lib-fade-up 0.8s ease-out 1.7s forwards;\n}\n\n.lib-hero__btn {\n position: relative;\n min-height: 48px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n\n padding: 14px 28px;\n border-radius: 0;\n overflow: hidden;\n\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.6px;\n text-transform: uppercase;\n text-decoration: none;\n cursor: pointer;\n z-index: 1;\n\n transition:\n transform 0.25s ease,\n border-color 0.25s ease,\n color 0.25s ease,\n box-shadow 0.25s ease;\n}\n\n.lib-hero__btn--primary {\n background: var(--gold);\n color: #ffffff;\n border: 1px solid var(--gold);\n box-shadow: 0 10px 24px rgba(187,158,28,0.22);\n}\n\n\/* Dunkle Fl\u00e4che schiebt sich beim Hovern von links ein *\/\n.lib-hero__btn--primary::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--ink);\n transform: translateX(-101%);\n transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\n z-index: -1;\n}\n\n.lib-hero__btn--primary:hover {\n transform: translateY(-2px);\n border-color: var(--ink);\n box-shadow: 0 14px 28px rgba(31,31,31,0.20);\n}\n\n.lib-hero__btn--primary:hover::before {\n transform: translateX(0);\n}\n\n.lib-hero__btn--ghost {\n background: transparent;\n color: #1f1f1f;\n border: 1px solid rgba(31,31,31,0.22);\n}\n\n.lib-hero__btn--ghost:hover {\n border-color: var(--gold);\n color: var(--gold);\n transform: translateY(-2px);\n}\n\n.lib-hero__btn svg {\n width: 14px;\n height: 14px;\n flex: 0 0 auto;\n transition: transform 0.3s cubic-bezier(0.16,1,0.3,1);\n}\n\n.lib-hero__btn:hover svg {\n transform: translateX(4px);\n}\n\n.lib-hero__btn:focus-visible {\n outline: 3px solid rgba(187,158,28,0.45);\n outline-offset: 3px;\n}\n\n\/* ---------- Portr\u00e4t ---------- *\/\n\n.lib-hero__media {\n flex: 0 0 36%;\n align-self: center;\n display: flex;\n justify-content: center;\n perspective: 1000px;\n}\n\n.lib-hero__frame {\n position: relative;\n width: min(100%, 360px);\n transform-style: preserve-3d;\n transition: transform 0.3s ease-out;\n will-change: transform;\n}\n\n.lib-hero__frame::before {\n content: '';\n position: absolute;\n top: 12px;\n left: 12px;\n right: -12px;\n bottom: -12px;\n z-index: 0;\n\n border: 1.5px solid rgba(187,158,28,0.68);\n border-radius: 18px;\n\n opacity: 0;\n animation: lib-frame-in 0.9s ease-out 1.0s forwards;\n}\n\n@keyframes lib-frame-in {\n from {\n opacity: 0;\n transform: translate(-8px,-8px);\n }\n to {\n opacity: 0.85;\n transform: translate(0,0);\n }\n}\n\n.lib-hero__image-wrap {\n position: relative;\n z-index: 1;\n\n padding: 14px;\n border-radius: 18px;\n overflow: hidden;\n\n background:\n linear-gradient(145deg, rgba(255,255,255,0.96), rgba(247,244,232,0.92));\n\n box-shadow:\n 0 26px 60px rgba(0,0,0,0.14),\n 0 0 0 1px rgba(187,158,28,0.16);\n}\n\n.lib-hero__image {\n display: block;\n width: 100%;\n height: auto;\n max-height: 330px;\n object-fit: contain;\n border-radius: 14px;\n transform: scale(1);\n transition: transform 0.5s ease;\n}\n\n.lib-hero__curtain {\n position: absolute;\n inset: 0;\n z-index: 2;\n background: linear-gradient(135deg, #bb9e1c, #e1c95c);\n transform-origin: right;\n animation: lib-curtain 1s cubic-bezier(0.77,0,0.18,1) 0.35s forwards;\n}\n\n@keyframes lib-curtain {\n to { transform: scaleX(0); }\n}\n\n@keyframes lib-fade-up {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* ---------- Responsive ---------- *\/\n\n@media (max-width: 900px) {\n .lib-hero {\n min-height: auto;\n }\n\n .lib-hero__inner {\n min-height: auto;\n flex-direction: column;\n align-items: flex-start;\n padding: 48px 28px 56px;\n gap: 36px;\n }\n\n .lib-hero__text {\n flex: 1 1 auto;\n width: 100%;\n }\n\n .lib-hero__headline {\n max-width: 12ch;\n font-size: clamp(2.15rem, 9vw, 3.2rem);\n }\n\n .lib-hero__media {\n width: 100%;\n flex: 0 0 auto;\n align-self: center;\n }\n\n .lib-hero__frame {\n width: min(100%, 340px);\n }\n\n .lib-hero__image {\n max-height: 320px;\n }\n\n .lib-hero__scrim {\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,0.94) 0%,\n rgba(255,255,255,0.80) 54%,\n rgba(255,255,255,0.96) 100%\n );\n }\n}\n\n@media (max-width: 520px) {\n .lib-hero__inner {\n padding: 40px 22px 48px;\n }\n\n .lib-hero__eyebrow {\n font-size: 0.62rem;\n letter-spacing: 2.4px;\n }\n\n .lib-hero__headline {\n font-size: clamp(2.05rem, 11vw, 2.85rem);\n }\n\n .lib-hero__desc {\n font-size: 0.9rem;\n }\n\n .lib-hero__actions {\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n }\n\n .lib-hero__btn {\n width: 100%;\n justify-content: center;\n }\n\n .lib-hero__frame::before {\n top: 9px;\n left: 9px;\n right: -9px;\n bottom: -9px;\n }\n}\n\n\/* ---------- Reduced Motion ---------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n .lib-hero *,\n .lib-hero *::before,\n .lib-hero *::after {\n animation-duration: 0.01ms !important;\n animation-delay: 0s !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n\n .lib-hero__city {\n transform: none !important;\n }\n\n .lib-hero__city-svg {\n opacity: 0.5;\n }\n\n .lib-bld {\n opacity: 1;\n transform: none;\n }\n\n .lib-beacon {\n opacity: 0.5;\n animation: none;\n }\n\n .lib-hero__particles,\n .lib-hero__shine {\n display: none;\n }\n\n .lib-hero__curtain {\n transform: scaleX(0);\n }\n\n .lib-hero__frame::before {\n opacity: 0.85;\n }\n\n .lib-hero__headline::after {\n width: 118px;\n }\n\n .lib-hero__eyebrow,\n .lib-hero__desc,\n .lib-hero__badge,\n .lib-hero__actions,\n .lib-word {\n opacity: 1;\n transform: none;\n }\n}\n<\/style>\n<\/head>\n\n<body style=\"margin:0;\">\n\n<section class=\"lib-hero\" id=\"libHero\" aria-label=\"Lima Invest Immobilien \u2013 Off-Market Investmentimmobilien\">\n\n <div class=\"lib-hero__city\" id=\"libCity\" aria-hidden=\"true\">\n <svg class=\"lib-hero__city-svg\" id=\"libCitySvg\" viewBox=\"0 0 1600 560\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/svg>\n <\/div>\n\n <div class=\"lib-hero__particles\" id=\"libParticles\" aria-hidden=\"true\"><\/div>\n <div class=\"lib-hero__shine\" aria-hidden=\"true\"><\/div>\n <div class=\"lib-hero__scrim\" aria-hidden=\"true\"><\/div>\n\n <div class=\"lib-hero__inner\">\n\n <div class=\"lib-hero__text\">\n <div class=\"lib-hero__eyebrow\">Diskret · Geprüft · Renditestark<\/div>\n\n <h1 class=\"lib-hero__headline\" id=\"libHeadline\"><\/h1>\n\n <p class=\"lib-hero__desc\">\n Lima Invest Immobilien ist Ihr spezialisierter Investmentmakler für diskrete Off-Market-Transaktionen im Bereich Commercial und Residential. Seit 2016 verbinden wir kapitalstarke Investoren mit Eigentümern renditestarker Immobilien in Deutschlands Top-Metropolregionen – abseits des öffentlichen Marktes. IHK-zertifiziert.\n <\/p>\n\n <div class=\"lib-hero__badge\">Since 2016<\/div>\n\n <div class=\"lib-hero__actions\">\n <a href=\"https:\/\/limainvestimmobilien.de\/kontakt\/#\/\" class=\"lib-hero__btn lib-hero__btn--primary\">\n Anfrage stellen\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n <\/svg>\n <\/a>\n\n <a href=\"https:\/\/limainvestimmobilien.de\/immobilienangebote-off-market-immobilien-renditestarke-investmentimmobilien-cash-on-cash-lukrative-deals\/\" class=\"lib-hero__btn lib-hero__btn--ghost\">\n Portfolio ansehen\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"lib-hero__media\">\n <div class=\"lib-hero__frame\" id=\"libTiltFrame\">\n <div class=\"lib-hero__image-wrap\">\n <img decoding=\"async\"\n src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2026\/02\/f5a4a62c-3bce-451c-bc73-71f35ad948cc-1.png\"\n alt=\"Pablo Lima \u2013 Lima Invest Immobilien\"\n class=\"lib-hero__image\"\n loading=\"lazy\">\n <div class=\"lib-hero__curtain\" aria-hidden=\"true\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(function () {\n 'use strict';\n\n var hero = document.getElementById('libHero');\n if (!hero) return;\n\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var finePointer = window.matchMedia('(pointer: fine)').matches;\n\n \/* ---------- Headline: Wort-f\u00fcr-Wort-Reveal ---------- *\/\n\n var headEl = document.getElementById('libHeadline');\n\n var words = [\n { t: 'Exklusive', a: false },\n { t: 'Off-Market', a: true },\n { t: 'Investmentimmobilien', a: false },\n { t: 'in', a: false },\n { t: 'Deutschland', a: false }\n ];\n\n var delay = 0;\n\n words.forEach(function (w) {\n var span = document.createElement('span');\n span.className = 'lib-word' + (w.a ? ' lib-word--accent' : '');\n span.innerHTML = w.t + ' ';\n span.style.animationDelay = (600 + delay) + 'ms';\n delay += 90;\n headEl.appendChild(span);\n });\n\n \/* ---------- Portr\u00e4t: 3D-Tilt bei Mausbewegung ---------- *\/\n\n var tiltFrame = document.getElementById('libTiltFrame');\n var media = tiltFrame ? tiltFrame.closest('.lib-hero__media') : null;\n\n if (tiltFrame && media && !reducedMotion && finePointer) {\n media.addEventListener('mousemove', function (e) {\n var rect = tiltFrame.getBoundingClientRect();\n var px = (e.clientX - rect.left) \/ rect.width - 0.5;\n var py = (e.clientY - rect.top) \/ rect.height - 0.5;\n\n tiltFrame.style.transform =\n 'rotateY(' + (px * 4.5) + 'deg) rotateX(' + (py * -4.5) + 'deg)';\n });\n\n media.addEventListener('mouseleave', function () {\n tiltFrame.style.transform = 'rotateY(0deg) rotateX(0deg)';\n });\n }\n\n \/* ---------- Gold-Partikel (dezent, 9 St\u00fcck) ---------- *\/\n\n var particleHost = document.getElementById('libParticles');\n\n if (particleHost && !reducedMotion) {\n for (var p = 0; p < 9; p++) {\n var dot = document.createElement('span');\n dot.className = 'lib-particle';\n dot.style.left = (6 + Math.random() * 88) + '%';\n dot.style.width = dot.style.height = (2.5 + Math.random() * 3) + 'px';\n dot.style.animationDuration = (11 + Math.random() * 9) + 's';\n dot.style.animationDelay = (Math.random() * 12) + 's';\n particleHost.appendChild(dot);\n }\n }\n\n \/* ---------- Iso-Stadt bauen ---------- *\/\n\n var svg = document.getElementById('libCitySvg');\n if (!svg) return;\n\n var U = 15;\n var COS = 0.866;\n var SIN = 0.5;\n\n function proj(x, y, z) {\n return [\n (x - y) * COS * U,\n (x + y) * SIN * U - z * U\n ];\n }\n\n var buildings = [\n { t:'com', x:6, y:1, w:6, d:6, h:28, floors:13 },\n { t:'com', x:15, y:5, w:7, d:7, h:36, floors:17 },\n { t:'com', x:27, y:0, w:6, d:8, h:22, floors:10 },\n { t:'com', x:38, y:4, w:8, d:6, h:32, floors:15 },\n { t:'com', x:50, y:1, w:6, d:7, h:25, floors:12 },\n { t:'com', x:60, y:5, w:8, d:8, h:18, floors:7 },\n\n { t:'res', x:1, y:12, w:5, d:6, h:7, roof:5 },\n { t:'res', x:9, y:14, w:5, d:6, h:8, roof:5 },\n { t:'res', x:18, y:13, w:6, d:6, h:7, roof:5 },\n { t:'res', x:28, y:15, w:5, d:6, h:8, roof:6 },\n { t:'res', x:37, y:13, w:6, d:6, h:7, roof:5 },\n { t:'res', x:46, y:15, w:5, d:6, h:8, roof:5 },\n { t:'res', x:55, y:13, w:6, d:7, h:9, roof:6 },\n { t:'res', x:64, y:15, w:5, d:6, h:7, roof:5 }\n ];\n\n buildings.sort(function (a, b) {\n return (a.x + a.y) - (b.x + b.y);\n });\n\n var allPts = [];\n\n function pt(p) {\n allPts.push(p);\n return p[0].toFixed(1) + ',' + p[1].toFixed(1);\n }\n\n function poly(points, cls) {\n return '<polygon class=\"' + cls + '\" points=\"' + points.map(pt).join(' ') + '\"\/>';\n }\n\n function line(p1, p2, cls) {\n allPts.push(p1);\n allPts.push(p2);\n\n return '<line class=\"' + cls + '\" x1=\"' + p1[0].toFixed(1) + '\" y1=\"' + p1[1].toFixed(1) + '\" x2=\"' + p2[0].toFixed(1) + '\" y2=\"' + p2[1].toFixed(1) + '\"\/>';\n }\n\n var groups = [];\n\n buildings.forEach(function (b, idx) {\n var parts = [];\n\n var x0 = b.x;\n var y0 = b.y;\n var x1 = b.x + b.w;\n var y1 = b.y + b.d;\n var h = b.h;\n\n var A = proj(x0,y0,h);\n var B = proj(x1,y0,h);\n var C = proj(x1,y1,h);\n var D = proj(x0,y1,h);\n\n var B0 = proj(x1,y0,0);\n var C0 = proj(x1,y1,0);\n var D0 = proj(x0,y1,0);\n\n if (b.t === 'com') {\n parts.push(poly([A, B, C, D], 'lib-face-top'));\n parts.push(poly([B, C, C0, B0], 'lib-face-right'));\n parts.push(poly([C, D, D0, C0], 'lib-face-left'));\n\n parts.push(poly([A, B, C, D], 'lib-edge'));\n parts.push(line(B, B0, 'lib-edge'));\n parts.push(line(C, C0, 'lib-edge'));\n parts.push(line(D, D0, 'lib-edge'));\n\n for (var i = 1; i < b.floors; i++) {\n var fh = (h \/ b.floors) * i;\n\n var Bf = proj(x1,y0,fh);\n var Cf = proj(x1,y1,fh);\n var Df = proj(x0,y1,fh);\n\n parts.push(line(Bf, Cf, 'lib-floor'));\n parts.push(line(Cf, Df, 'lib-floor'));\n }\n\n \/* Beacon auf den drei h\u00f6chsten T\u00fcrmen *\/\n if (b.h >= 28) {\n var beaconPos = proj(x0 + b.w \/ 2, y0 + b.d \/ 2, h + 1.2);\n parts.push(\n '<circle class=\"lib-beacon\" cx=\"' + beaconPos[0].toFixed(1) +\n '\" cy=\"' + beaconPos[1].toFixed(1) +\n '\" r=\"2.4\" style=\"animation-delay:' + (idx * 0.9) + 's\"\/>'\n );\n }\n } else {\n var rh = b.h + b.roof;\n var R = proj(x0 + b.w \/ 2, y0 + b.d \/ 2, rh);\n\n parts.push(poly([A, B, R], 'lib-roof-a'));\n parts.push(poly([B, C, R], 'lib-roof-b'));\n parts.push(poly([C, D, R], 'lib-roof-a'));\n parts.push(poly([D, A, R], 'lib-roof-b'));\n\n parts.push(poly([B, C, C0, B0], 'lib-face-right'));\n parts.push(poly([C, D, D0, C0], 'lib-face-left'));\n\n parts.push(line(A, R, 'lib-edge'));\n parts.push(line(B, R, 'lib-edge'));\n parts.push(line(C, R, 'lib-edge'));\n parts.push(line(D, R, 'lib-edge'));\n\n parts.push(line(A, B, 'lib-edge'));\n parts.push(line(B, C, 'lib-edge'));\n parts.push(line(C, D, 'lib-edge'));\n parts.push(line(D, A, 'lib-edge'));\n\n parts.push(line(B, B0, 'lib-edge'));\n parts.push(line(C, C0, 'lib-edge'));\n parts.push(line(D, D0, 'lib-edge'));\n }\n\n \/* Jedes Geb\u00e4ude als eigene Gruppe \u2192 gestaffelter Aufbau *\/\n groups.push(\n '<g class=\"lib-bld\" style=\"animation-delay:' + (250 + idx * 110) + 'ms\">' +\n parts.join('') +\n '<\/g>'\n );\n });\n\n var minX = 0;\n var maxX = 0;\n var minY = 0;\n var maxY = 0;\n\n allPts.forEach(function (p) {\n if (p[0] < minX) minX = p[0];\n if (p[0] > maxX) maxX = p[0];\n if (p[1] < minY) minY = p[1];\n if (p[1] > maxY) maxY = p[1];\n });\n\n var pad = 40;\n\n svg.setAttribute(\n 'viewBox',\n (minX - pad) + ' ' +\n (minY - pad) + ' ' +\n (maxX - minX + pad * 2) + ' ' +\n (maxY - minY + pad * 2)\n );\n\n svg.innerHTML = groups.join('');\n\n \/* ---------- Sanfter Parallax: Maus + Scroll ---------- *\/\n\n var city = document.getElementById('libCity');\n\n if (city && !reducedMotion) {\n var mx = 0;\n var scrollY = 0;\n var ticking = false;\n\n function applyParallax() {\n ticking = false;\n city.style.transform =\n 'translate3d(' + mx.toFixed(1) + 'px, ' + (scrollY * 0.12).toFixed(1) + 'px, 0)';\n }\n\n function requestTick() {\n if (!ticking) {\n ticking = true;\n requestAnimationFrame(applyParallax);\n }\n }\n\n if (finePointer) {\n hero.addEventListener('mousemove', function (e) {\n var rect = hero.getBoundingClientRect();\n mx = ((e.clientX - rect.left) \/ rect.width - 0.5) * -14;\n requestTick();\n });\n\n hero.addEventListener('mouseleave', function () {\n mx = 0;\n requestTick();\n });\n }\n\n window.addEventListener('scroll', function () {\n var rect = hero.getBoundingClientRect();\n scrollY = Math.max(0, -rect.top);\n requestTick();\n }, { passive: true });\n }\n})();\n<\/script>\n\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\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a8c6f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a8c6f8\" 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-863fc55\" data-id=\"863fc55\" 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-72658ae elementor-widget elementor-widget-html\" data-id=\"72658ae\" 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<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap');\n\n.lima-valuation-cta {\n --lima-ink: #1a1a1a;\n --lima-ink-soft: #2c2c2c;\n --lima-muted: #6b6b6b;\n --lima-gold: #bb9e1c;\n --lima-gold-light: #d4bc4a;\n --lima-gold-soft: #eadfba;\n --lima-paper: #f7f8f4;\n --lima-white: #ffffff;\n --lima-line: rgba(26, 26, 26, 0.1);\n --lima-shadow: 0 18px 52px rgba(26, 26, 26, 0.11);\n\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n padding: clamp(24px, 3.8vw, 48px) 16px;\n color: var(--lima-ink);\n isolation: isolate;\n}\n\n.lima-valuation-cta * {\n box-sizing: border-box;\n}\n\n.lima-valuation-shell {\n width: min(920px, 100%);\n margin: 0 auto;\n}\n\n\/* ========================================\n KARTE\n ======================================== *\/\n\n.lima-valuation-card {\n position: relative;\n overflow: hidden;\n border: 1px solid var(--lima-line);\n border-radius: 24px;\n background:\n linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(247, 248, 244, 0.97)),\n #fff;\n box-shadow: var(--lima-shadow);\n text-align: center;\n opacity: 0;\n transform: translateY(24px) scale(0.985);\n transition:\n opacity 800ms cubic-bezier(0.16, 1, 0.3, 1),\n transform 800ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-card {\n opacity: 1;\n transform: translateY(0) scale(1);\n}\n\n.lima-valuation-cta.no-js .lima-valuation-card {\n opacity: 1;\n transform: none;\n}\n\n.lima-valuation-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: 0;\n background-image:\n radial-gradient(ellipse 60% 50% at 50% 0%, rgba(187, 158, 28, 0.07), transparent 70%),\n repeating-linear-gradient(0deg, rgba(26, 26, 26, 0.018) 0 1px, transparent 1px 48px),\n repeating-linear-gradient(90deg, rgba(26, 26, 26, 0.018) 0 1px, transparent 1px 48px);\n pointer-events: none;\n}\n\n.lima-valuation-card::after {\n content: \"\";\n position: absolute;\n inset: auto 24px 0 24px;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(187, 158, 28, 0.55), transparent);\n}\n\n.lima-valuation-topline {\n position: absolute;\n inset: 0 0 auto 0;\n height: 4px;\n background: linear-gradient(90deg, transparent, var(--lima-gold), transparent);\n opacity: 0.9;\n z-index: 2;\n}\n\n\/* ========================================\n MAUS-SPOTLIGHT\n ======================================== *\/\n\n.lima-valuation-spotlight {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background: radial-gradient(\n 340px circle at var(--mx, 50%) var(--my, -20%),\n rgba(187, 158, 28, 0.09),\n transparent 70%\n );\n opacity: 0;\n transition: opacity 400ms ease;\n}\n\n.lima-valuation-card:hover .lima-valuation-spotlight {\n opacity: 1;\n}\n\n\/* ========================================\n WERTKURVE\n ======================================== *\/\n\n.lima-valuation-chart {\n position: absolute;\n inset: auto 0 0 0;\n height: 42%;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n.lima-valuation-chart svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.lima-chart-line {\n fill: none;\n stroke: var(--lima-gold);\n stroke-width: 2;\n stroke-linecap: round;\n opacity: 0.36;\n stroke-dasharray: 1300;\n stroke-dashoffset: 1300;\n}\n\n.lima-chart-fill {\n fill: url(#limaChartGradient);\n opacity: 0;\n transition: opacity 1200ms ease 1100ms;\n}\n\n.lima-valuation-cta.is-visible .lima-chart-line {\n animation: lima-chart-draw 2.2s cubic-bezier(0.4, 0, 0.2, 1) 500ms forwards;\n}\n\n.lima-valuation-cta.is-visible .lima-chart-fill {\n opacity: 0.45;\n}\n\n@keyframes lima-chart-draw {\n to {\n stroke-dashoffset: 0;\n }\n}\n\n.lima-chart-dot {\n fill: var(--lima-gold);\n opacity: 0;\n}\n\n.lima-chart-dot-ring {\n fill: none;\n stroke: var(--lima-gold);\n stroke-width: 1.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n}\n\n.lima-valuation-cta.is-visible .lima-chart-dot {\n animation: lima-dot-in 400ms ease 2.5s forwards;\n}\n\n.lima-valuation-cta.is-visible .lima-chart-dot-ring {\n animation: lima-dot-pulse 2s ease-in-out 2.9s infinite;\n}\n\n@keyframes lima-dot-in {\n to {\n opacity: 0.85;\n }\n}\n\n@keyframes lima-dot-pulse {\n 0% {\n opacity: 0.6;\n transform: scale(1);\n }\n\n 70% {\n opacity: 0;\n transform: scale(2.4);\n }\n\n 100% {\n opacity: 0;\n transform: scale(2.4);\n }\n}\n\n\/* ========================================\n INHALT\n ======================================== *\/\n\n.lima-valuation-inner {\n position: relative;\n z-index: 1;\n display: grid;\n justify-items: center;\n padding: clamp(30px, 4.6vw, 52px) clamp(22px, 5vw, 58px);\n}\n\n.lima-valuation-badge,\n.lima-valuation-title,\n.lima-valuation-text,\n.lima-valuation-actions,\n.lima-valuation-trust,\n.lima-valuation-note {\n opacity: 0;\n transform: translateY(14px);\n transition:\n opacity 650ms cubic-bezier(0.16, 1, 0.3, 1),\n transform 650ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-badge {\n transition-delay: 250ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-title {\n transition-delay: 400ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-text {\n transition-delay: 550ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-actions {\n transition-delay: 700ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust {\n transition-delay: 850ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-note {\n transition-delay: 1000ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-badge,\n.lima-valuation-cta.is-visible .lima-valuation-title,\n.lima-valuation-cta.is-visible .lima-valuation-text,\n.lima-valuation-cta.is-visible .lima-valuation-actions,\n.lima-valuation-cta.is-visible .lima-valuation-trust,\n.lima-valuation-cta.is-visible .lima-valuation-note,\n.lima-valuation-cta.no-js .lima-valuation-badge,\n.lima-valuation-cta.no-js .lima-valuation-title,\n.lima-valuation-cta.no-js .lima-valuation-text,\n.lima-valuation-cta.no-js .lima-valuation-actions,\n.lima-valuation-cta.no-js .lima-valuation-trust,\n.lima-valuation-cta.no-js .lima-valuation-note {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* ========================================\n BADGE\n ======================================== *\/\n\n.lima-valuation-badge {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin-bottom: 16px;\n border: 1px solid rgba(187, 158, 28, 0.26);\n border-radius: 999px;\n padding: 6px 13px;\n background: rgba(255, 255, 255, 0.76);\n box-shadow: 0 8px 24px rgba(26, 26, 26, 0.06);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n}\n\n.lima-valuation-badge-dot {\n position: relative;\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: var(--lima-gold);\n}\n\n.lima-valuation-badge-dot::after {\n content: \"\";\n position: absolute;\n inset: -5px;\n border-radius: inherit;\n border: 1px solid rgba(187, 158, 28, 0.45);\n animation: lima-pulse 1.8s ease-in-out infinite;\n}\n\n@keyframes lima-pulse {\n 0%,\n 100% {\n opacity: 0.3;\n transform: scale(0.9);\n }\n\n 50% {\n opacity: 0;\n transform: scale(1.35);\n }\n}\n\n.lima-valuation-badge-text {\n color: #8c7212;\n font-family: 'Poppins', sans-serif;\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n}\n\n\/* ========================================\n HEADLINE\n ======================================== *\/\n\n.lima-valuation-title {\n max-width: 720px;\n margin: 0;\n color: var(--lima-ink);\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.08;\n}\n\n.lima-valuation-title span {\n display: inline-block;\n color: var(--lima-gold);\n white-space: nowrap;\n}\n\n.lima-valuation-text {\n max-width: 610px;\n margin: 14px auto 0;\n color: var(--lima-muted);\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 400;\n line-height: 1.62;\n}\n\n\/* ========================================\n BUTTON\n ======================================== *\/\n\n.lima-valuation-actions {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 14px;\n margin-top: 24px;\n}\n\n.lima-valuation-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 11px;\n min-height: 50px;\n border: 1px solid rgba(187, 158, 28, 0.38);\n border-radius: 4px;\n padding: 14px 32px;\n overflow: hidden;\n background: linear-gradient(135deg, #111111, #2b2b2b);\n color: #ffffff;\n box-shadow: 0 13px 30px rgba(26, 26, 26, 0.18);\n font-family: 'Poppins', sans-serif;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.075em;\n text-decoration: none;\n text-transform: uppercase;\n transition:\n transform 180ms ease,\n box-shadow 180ms ease,\n border-color 180ms ease,\n background 180ms ease;\n}\n\n.lima-valuation-button::after {\n content: \"\";\n position: absolute;\n inset: auto 0 0 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--lima-gold), transparent);\n opacity: 0.78;\n}\n\n.lima-valuation-button::before {\n content: \"\";\n position: absolute;\n inset: 0 auto 0 -45%;\n width: 32%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);\n transform: skewX(-22deg);\n transition: transform 600ms ease;\n}\n\n.lima-valuation-button:hover {\n transform: translateY(-2px);\n border-color: rgba(187, 158, 28, 0.75);\n box-shadow: 0 18px 40px rgba(187, 158, 28, 0.2);\n background: linear-gradient(135deg, #0b0b0b, #202020);\n}\n\n.lima-valuation-button:hover::before {\n transform: translateX(460%) skewX(-22deg);\n}\n\n.lima-valuation-button:focus-visible {\n outline: 3px solid rgba(187, 158, 28, 0.45);\n outline-offset: 4px;\n}\n\n.lima-valuation-button svg {\n flex: 0 0 auto;\n transition: transform 180ms ease;\n}\n\n.lima-valuation-button:hover svg {\n transform: translateX(4px);\n}\n\n\/* ========================================\n TRUST-LEISTE \u2013 PREMIUM SERVICE CARDS\n ======================================== *\/\n\n.lima-valuation-trust {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n justify-content: center;\n gap: 12px;\n width: 100%;\n max-width: 720px;\n margin-top: 24px;\n padding-top: 20px;\n border-top: 1px solid rgba(26, 26, 26, 0.08);\n}\n\n.lima-valuation-trust-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 9px;\n min-height: 48px;\n padding: 11px 14px;\n border: 1px solid rgba(187, 158, 28, 0.18);\n border-radius: 6px;\n background:\n linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(247, 248, 244, 0.68));\n color: #3a3a3a;\n font-family: 'Poppins', sans-serif;\n font-size: 0.72rem;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n box-shadow: 0 8px 22px rgba(26, 26, 26, 0.045);\n transform: translateY(0);\n transition:\n transform 220ms ease,\n box-shadow 220ms ease,\n border-color 220ms ease,\n background 220ms ease;\n}\n\n.lima-valuation-trust-item::before {\n content: \"\";\n position: absolute;\n inset: 0 auto 0 -42%;\n width: 34%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(187, 158, 28, 0.16),\n transparent\n );\n transform: skewX(-22deg);\n opacity: 0;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item::before {\n animation: lima-trust-sweep 4.8s ease-in-out infinite;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(1)::before {\n animation-delay: 1.4s;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(2)::before {\n animation-delay: 2s;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(3)::before {\n animation-delay: 2.6s;\n}\n\n@keyframes lima-trust-sweep {\n 0% {\n opacity: 0;\n transform: translateX(0) skewX(-22deg);\n }\n\n 12% {\n opacity: 1;\n }\n\n 28% {\n opacity: 0;\n transform: translateX(430%) skewX(-22deg);\n }\n\n 100% {\n opacity: 0;\n transform: translateX(430%) skewX(-22deg);\n }\n}\n\n.lima-valuation-trust-item:hover {\n transform: translateY(-3px);\n border-color: rgba(187, 158, 28, 0.46);\n background:\n linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(250, 247, 235, 0.88));\n box-shadow: 0 14px 32px rgba(187, 158, 28, 0.13);\n}\n\n.lima-valuation-check {\n position: relative;\n display: inline-grid;\n flex: 0 0 auto;\n width: 22px;\n height: 22px;\n place-items: center;\n border-radius: 50%;\n background: rgba(187, 158, 28, 0.13);\n color: var(--lima-gold);\n}\n\n.lima-valuation-check::after {\n content: \"\";\n position: absolute;\n inset: -4px;\n border-radius: inherit;\n border: 1px solid rgba(187, 158, 28, 0.28);\n opacity: 0;\n transform: scale(0.8);\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-check::after {\n animation: lima-check-ring 2.7s ease-in-out infinite;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(1) .lima-valuation-check::after {\n animation-delay: 1s;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(2) .lima-valuation-check::after {\n animation-delay: 1.4s;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(3) .lima-valuation-check::after {\n animation-delay: 1.8s;\n}\n\n@keyframes lima-check-ring {\n 0% {\n opacity: 0;\n transform: scale(0.78);\n }\n\n 25% {\n opacity: 0.75;\n }\n\n 70% {\n opacity: 0;\n transform: scale(1.55);\n }\n\n 100% {\n opacity: 0;\n transform: scale(1.55);\n }\n}\n\n.lima-valuation-check svg {\n width: 13px;\n height: 13px;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item {\n animation: lima-trust-pop 700ms cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(1) {\n animation-delay: 960ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(2) {\n animation-delay: 1080ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(3) {\n animation-delay: 1200ms;\n}\n\n@keyframes lima-trust-pop {\n from {\n opacity: 0;\n transform: translateY(10px) scale(0.96);\n }\n\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n\n.lima-valuation-note {\n margin-top: 14px;\n color: #828282;\n font-family: 'Poppins', sans-serif;\n font-size: 0.72rem;\n font-weight: 400;\n line-height: 1.45;\n}\n\n\/* ========================================\n RESPONSIVE TYPOGRAFIE\n ======================================== *\/\n\n@media (max-width: 900px) {\n .lima-valuation-title {\n font-size: clamp(2.15rem, 9vw, 3.2rem);\n }\n}\n\n@media (max-width: 520px) {\n .lima-valuation-title {\n font-size: clamp(2.05rem, 11vw, 2.85rem);\n }\n}\n\n\/* ========================================\n RESPONSIVE\n ======================================== *\/\n\n@media (max-width: 720px) {\n .lima-valuation-card {\n border-radius: 18px;\n }\n\n .lima-valuation-inner {\n padding: 30px 18px;\n }\n\n .lima-valuation-badge-text {\n font-size: 0.62rem;\n }\n\n .lima-valuation-text {\n font-size: 0.9rem;\n }\n\n .lima-valuation-title span {\n white-space: normal;\n }\n\n .lima-valuation-actions,\n .lima-valuation-button {\n width: 100%;\n }\n\n .lima-valuation-button {\n border-radius: 4px;\n }\n\n .lima-valuation-trust {\n grid-template-columns: 1fr;\n gap: 9px;\n margin-top: 20px;\n padding-top: 18px;\n }\n\n .lima-valuation-trust-item {\n justify-content: flex-start;\n white-space: normal;\n min-height: 46px;\n }\n}\n\n\/* ========================================\n REDUCED MOTION\n ======================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n .lima-valuation-cta .lima-valuation-card,\n .lima-valuation-cta .lima-valuation-badge,\n .lima-valuation-cta .lima-valuation-title,\n .lima-valuation-cta .lima-valuation-text,\n .lima-valuation-cta .lima-valuation-actions,\n .lima-valuation-cta .lima-valuation-trust,\n .lima-valuation-cta .lima-valuation-note {\n opacity: 1 !important;\n transform: none !important;\n transition: none !important;\n }\n\n .lima-valuation-badge-dot::after,\n .lima-chart-dot-ring,\n .lima-valuation-trust-item,\n .lima-valuation-trust-item::before,\n .lima-valuation-check::after {\n animation: none !important;\n transition: none !important;\n }\n\n .lima-chart-line {\n stroke-dashoffset: 0 !important;\n animation: none !important;\n }\n\n .lima-chart-fill {\n opacity: 0.45 !important;\n transition: none !important;\n }\n\n .lima-chart-dot {\n opacity: 0.85 !important;\n animation: none !important;\n }\n\n .lima-valuation-spotlight {\n display: none;\n }\n\n .lima-valuation-button,\n .lima-valuation-button::before,\n .lima-valuation-button svg {\n transition: none !important;\n }\n}\n<\/style>\n\n<section class=\"lima-valuation-cta no-js\" id=\"limaValuationCta\" aria-labelledby=\"lima-valuation-title\">\n <div class=\"lima-valuation-shell\">\n <div class=\"lima-valuation-card\" id=\"limaValuationCard\">\n <div class=\"lima-valuation-topline\" aria-hidden=\"true\"><\/div>\n\n <div class=\"lima-valuation-spotlight\" aria-hidden=\"true\"><\/div>\n\n <div class=\"lima-valuation-chart\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 920 220\" preserveAspectRatio=\"none\">\n <defs>\n <linearGradient id=\"limaChartGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#bb9e1c\" stop-opacity=\"0.10\"\/>\n <stop offset=\"100%\" stop-color=\"#bb9e1c\" stop-opacity=\"0\"\/>\n <\/linearGradient>\n <\/defs>\n\n <path\n class=\"lima-chart-fill\"\n d=\"M 0 190 C 120 185, 200 170, 300 158 C 400 146, 470 150, 560 122 C 650 94, 720 88, 800 58 C 850 40, 890 32, 920 24 L 920 220 L 0 220 Z\"\n \/>\n\n <path\n class=\"lima-chart-line\"\n d=\"M 0 190 C 120 185, 200 170, 300 158 C 400 146, 470 150, 560 122 C 650 94, 720 88, 800 58 C 850 40, 890 32, 920 24\"\n \/>\n\n <circle class=\"lima-chart-dot-ring\" cx=\"920\" cy=\"24\" r=\"6\"\/>\n <circle class=\"lima-chart-dot\" cx=\"920\" cy=\"24\" r=\"4\"\/>\n <\/svg>\n <\/div>\n\n <div class=\"lima-valuation-inner\">\n <div class=\"lima-valuation-badge\">\n <span class=\"lima-valuation-badge-dot\" aria-hidden=\"true\"><\/span>\n <span class=\"lima-valuation-badge-text\">Kostenlose Immobilienbewertung<\/span>\n <\/div>\n\n <h2 class=\"lima-valuation-title\" id=\"lima-valuation-title\">\n Was ist Ihre Immobilie <span>heute wirklich wert?<\/span>\n <\/h2>\n\n <p class=\"lima-valuation-text\">\n Erhalten Sie eine professionelle Marktwertanalyse auf Basis aktueller Vergleichsdaten,\n Lagefaktoren und objektbezogener Kennzahlen – kostenfrei, unverbindlich und persönlich\n durch unsere Immobilienexperten.\n <\/p>\n\n <div class=\"lima-valuation-actions\">\n <a\n class=\"lima-valuation-button\"\n href=\"https:\/\/limainvestimmobilien.de\/immobilienbewertung\/\"\n aria-label=\"Kostenlose Immobilienbewertung bei Lima Invest starten\"\n >\n <span>Jetzt bewerten lassen<\/span>\n <svg width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n <\/svg>\n <\/a>\n <\/div>\n\n <div class=\"lima-valuation-trust\" aria-label=\"Vorteile der Immobilienbewertung\">\n <div class=\"lima-valuation-trust-item\">\n <span class=\"lima-valuation-check\" aria-hidden=\"true\">\n <svg fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.704 5.29a1 1 0 0 1 .006 1.414l-7.92 8.004a1 1 0 0 1-1.421.004L3.29 10.63a1 1 0 1 1 1.414-1.414l3.367 3.367 7.214-7.287a1 1 0 0 1 1.419-.006Z\" clip-rule=\"evenodd\"\/>\n <\/svg>\n <\/span>\n <span>Antwort innerhalb von 24h<\/span>\n <\/div>\n\n <div class=\"lima-valuation-trust-item\">\n <span class=\"lima-valuation-check\" aria-hidden=\"true\">\n <svg fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.704 5.29a1 1 0 0 1 .006 1.414l-7.92 8.004a1 1 0 0 1-1.421.004L3.29 10.63a1 1 0 1 1 1.414-1.414l3.367 3.367 7.214-7.287a1 1 0 0 1 1.419-.006Z\" clip-rule=\"evenodd\"\/>\n <\/svg>\n <\/span>\n <span>100% kostenfrei<\/span>\n <\/div>\n\n <div class=\"lima-valuation-trust-item\">\n <span class=\"lima-valuation-check\" aria-hidden=\"true\">\n <svg fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.704 5.29a1 1 0 0 1 .006 1.414l-7.92 8.004a1 1 0 0 1-1.421.004L3.29 10.63a1 1 0 1 1 1.414-1.414l3.367 3.367 7.214-7.287a1 1 0 0 1 1.419-.006Z\" clip-rule=\"evenodd\"\/>\n <\/svg>\n <\/span>\n <span>Unverbindlich & diskret<\/span>\n <\/div>\n <\/div>\n\n <p class=\"lima-valuation-note\">\n Ideal für Eigentümer, die verkaufen, vermieten, finanzieren oder den aktuellen Marktwert realistisch einschätzen möchten.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function () {\n 'use strict';\n\n var section = document.getElementById('limaValuationCta');\n var card = document.getElementById('limaValuationCard');\n\n if (!section || !card) return;\n\n section.classList.remove('no-js');\n\n if ('IntersectionObserver' in window) {\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n section.classList.add('is-visible');\n observer.disconnect();\n }\n });\n }, {\n threshold: 0.25\n });\n\n observer.observe(section);\n } else {\n section.classList.add('is-visible');\n }\n\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var finePointer = window.matchMedia('(pointer: fine)').matches;\n\n if (!reducedMotion && finePointer) {\n card.addEventListener('mousemove', function (e) {\n var rect = card.getBoundingClientRect();\n\n card.style.setProperty('--mx', (e.clientX - rect.left) + 'px');\n card.style.setProperty('--my', (e.clientY - rect.top) + 'px');\n });\n }\n})();\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-013a9d9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"013a9d9\" 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-ddd00fb\" data-id=\"ddd00fb\" 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-ec5065c elementor-widget elementor-widget-spacer\" data-id=\"ec5065c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bcdf5ef elementor-widget elementor-widget-html\" data-id=\"bcdf5ef\" 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<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>LIMA Performance Engine \u2013 Premium Edition<\/title>\n\n\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=Cormorant+Garamond:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n \/**\n * LIMA PERFORMANCE ENGINE \u2013 PREMIUM EDITION v4\n *\n * \u00c4nderungen gegen\u00fcber v3 (nur Typografie):\n * 1. Headline jetzt in Cormorant Garamond, font-weight 600\n * 2. Alle \u00fcbrigen Texte (Sub, Labels, Zahlen, Button) in Poppins\n * 3. Schriftgr\u00f6\u00dfen an das globale Typo-System der Homepage angepasst:\n * - Headline: clamp(2.25rem, 4.2vw, 3.55rem)\n * \u00b7 bis 900 px: clamp(2.15rem, 9vw, 3.2rem)\n * \u00b7 bis 520 px: clamp(2.05rem, 11vw, 2.85rem)\n * - Flie\u00dftext\/Subline: 0.95rem (mobil 0.9rem)\n * - Eyebrow-\/Label-Texte: 0.68rem (mobil 0.62rem)\n * - Buttons: 0.82rem\n * Layout, Farben, Abst\u00e4nde und Animationen unver\u00e4ndert.\n *\/\n\n .lima-pe {\n \/* Geschwindigkeit des Loops: kleiner = schneller *\/\n --pe-speed: 12s;\n --pe-gold: #bb9e1c;\n --pe-gold-dark: #a48a18;\n --pe-ink: #1c1f26; \/* Anthrazit *\/\n --pe-grey: #6b6f76;\n --pe-bg: #f6f5f2;\n --pe-line: rgba(28, 31, 38, 0.08);\n\n width: 100vw;\n position: relative;\n left: 50%;\n margin-left: -50vw;\n padding: 84px 0 92px;\n overflow: hidden;\n font-family: 'Poppins', sans-serif;\n text-align: center;\n background-color: var(--pe-bg);\n box-sizing: border-box;\n }\n\n .lima-pe *,\n .lima-pe *::before,\n .lima-pe *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* Feine vertikale Hairlines im Hintergrund *\/\n .lima-pe::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 90deg,\n transparent,\n transparent 119px,\n var(--pe-line) 119px,\n var(--pe-line) 120px\n );\n pointer-events: none;\n }\n\n \/* ========================================\n KOPFBEREICH \u2013 Headline + Subline\n ======================================== *\/\n\n .lima-pe__head {\n position: relative;\n padding: 0 24px;\n margin-bottom: 42px;\n }\n\n .lima-pe__headline {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n color: var(--pe-ink);\n font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n line-height: 1.2;\n letter-spacing: 0.005em;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1),\n transform 700ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .lima-pe__headline strong {\n font-weight: 700;\n color: var(--pe-gold);\n }\n\n .lima-pe__sub {\n margin-top: 10px;\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 400;\n color: var(--pe-grey);\n max-width: 540px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n opacity: 0;\n transform: translateY(12px);\n transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1) 150ms,\n transform 700ms cubic-bezier(0.16, 1, 0.3, 1) 150ms;\n }\n\n .lima-pe.is-visible .lima-pe__headline,\n .lima-pe.is-visible .lima-pe__sub,\n .lima-pe.no-js .lima-pe__headline,\n .lima-pe.no-js .lima-pe__sub {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* ========================================\n MARQUEE \u2013 reiner CSS-Loop\n Track enth\u00e4lt den Kartensatz 2x,\n Animation f\u00e4hrt exakt -50% \u2192 nahtlos\n ======================================== *\/\n\n .lima-pe__viewport {\n position: relative;\n width: 100%;\n padding: 18px 0 26px;\n mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);\n -webkit-mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);\n overflow: hidden;\n }\n\n .lima-pe__track {\n display: flex;\n gap: 22px;\n width: max-content;\n animation: lima-pe-loop var(--pe-speed) linear infinite;\n will-change: transform;\n }\n\n @keyframes lima-pe-loop {\n from { transform: translateX(0); }\n to { transform: translateX(calc(-50% - 11px)); } \/* 11px = halber gap *\/\n }\n\n \/* Pause beim Hovern \u2013 Zahlen in Ruhe lesen *\/\n .lima-pe__viewport:hover .lima-pe__track {\n animation-play-state: paused;\n }\n\n \/* ========================================\n KARTEN \u2013 kompakt, horizontal aufgebaut\n ======================================== *\/\n\n .lima-pe__card {\n position: relative;\n background: #ffffff;\n border: 1px solid var(--pe-line);\n border-radius: 6px;\n padding: 20px 24px;\n width: 268px;\n flex: 0 0 auto;\n box-shadow: 0 8px 22px rgba(28, 31, 38, 0.05);\n transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 16px;\n text-align: left;\n overflow: hidden;\n }\n\n \/* Goldene Top-Linie: w\u00e4chst beim Hovern \u00fcber die volle Breite *\/\n .lima-pe__card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 3px;\n background: var(--pe-gold);\n transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .lima-pe__card:hover {\n transform: translateY(-4px);\n box-shadow: 0 16px 34px rgba(187, 158, 28, 0.14);\n border-color: rgba(187, 158, 28, 0.35);\n }\n\n .lima-pe__card:hover::before {\n width: 100%;\n }\n\n \/* Gold-Sweep: sehr dezenter Glanz *\/\n .lima-pe__card::after {\n content: '';\n position: absolute;\n top: 0;\n left: -80%;\n width: 45%;\n height: 100%;\n background: linear-gradient(\n 105deg,\n transparent,\n rgba(255, 255, 255, 0.35) 50%,\n transparent\n );\n transform: skewX(-18deg);\n animation: lima-pe-shine 9s ease-in-out infinite;\n pointer-events: none;\n }\n\n .lima-pe__card:nth-child(odd)::after { animation-delay: 2s; }\n .lima-pe__card:nth-child(3n)::after { animation-delay: 4.5s; }\n .lima-pe__card:nth-child(4n)::after { animation-delay: 6.5s; }\n\n @keyframes lima-pe-shine {\n 0% { left: -80%; }\n 25%, 100% { left: 160%; }\n }\n\n \/* ========================================\n ICONS \u2013 Inline-SVG, Gold-Ring (kompakt)\n ======================================== *\/\n\n .lima-pe__icon-ring {\n width: 56px;\n height: 56px;\n flex: 0 0 auto;\n border-radius: 50%;\n border: 1.5px solid rgba(187, 158, 28, 0.55);\n background: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.35s ease, border-color 0.35s ease, transform 0.35s ease;\n }\n\n .lima-pe__card:hover .lima-pe__icon-ring {\n background-color: var(--pe-gold);\n border-color: var(--pe-gold);\n transform: scale(1.05);\n }\n\n .lima-pe__icon-ring svg {\n width: 26px;\n height: 26px;\n stroke: var(--pe-gold);\n fill: none;\n stroke-width: 1.6;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.35s ease;\n }\n\n .lima-pe__card:hover .lima-pe__icon-ring svg {\n stroke: #ffffff;\n }\n\n \/* ========================================\n ZAHLEN & LABELS\n ======================================== *\/\n\n .lima-pe__number {\n font-family: 'Poppins', sans-serif;\n font-size: 1.7rem;\n font-weight: 600;\n color: var(--pe-ink);\n line-height: 1.1;\n font-variant-numeric: tabular-nums; \/* kein Zappeln beim Hochz\u00e4hlen *\/\n letter-spacing: -0.01em;\n white-space: nowrap;\n }\n\n .lima-pe__number .suffix {\n color: var(--pe-gold);\n font-weight: 600;\n }\n\n .lima-pe__label {\n font-family: 'Poppins', sans-serif;\n color: var(--pe-grey);\n font-size: 0.68rem;\n font-weight: 600;\n text-transform: uppercase;\n margin-top: 5px;\n letter-spacing: 0.12em;\n line-height: 1.4;\n }\n\n \/* ========================================\n CTA-BUTTON \u2013 rechteckig, ruhig, pr\u00e4zise\n ======================================== *\/\n\n .lima-pe__btn {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background: var(--pe-gold);\n color: #ffffff !important;\n padding: 16px 44px;\n font-family: 'Poppins', sans-serif;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n text-decoration: none;\n border-radius: 0; \/* rechteckig *\/\n margin-top: 42px;\n overflow: hidden;\n box-shadow: 0 12px 26px rgba(187, 158, 28, 0.28);\n transition: box-shadow 0.35s ease, transform 0.35s ease;\n z-index: 1;\n }\n\n \/* Dunkle Fl\u00e4che schiebt sich beim Hovern von links ein *\/\n .lima-pe__btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--pe-ink);\n transform: translateX(-101%);\n transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n z-index: -1;\n }\n\n .lima-pe__btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 16px 32px rgba(28, 31, 38, 0.25);\n }\n\n .lima-pe__btn:hover::before {\n transform: translateX(0);\n }\n\n \/* Pfeil rutscht beim Hovern leicht nach rechts *\/\n .lima-pe__btn svg {\n width: 17px;\n height: 17px;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .lima-pe__btn:hover svg {\n transform: translateX(5px);\n }\n\n .lima-pe__btn:focus-visible {\n outline: 3px solid rgba(187, 158, 28, 0.45);\n outline-offset: 4px;\n }\n\n \/* ========================================\n RESPONSIVE \u2013 nur Schriftgr\u00f6\u00dfen gestaffelt,\n Layout-Breakpoint bei 768px unver\u00e4ndert\n ======================================== *\/\n\n \/* Headline-Staffelung gem\u00e4\u00df globalem Typo-System *\/\n @media (max-width: 900px) {\n .lima-pe__headline { font-size: clamp(2.15rem, 9vw, 3.2rem); }\n }\n\n @media (max-width: 768px) {\n .lima-pe { padding: 60px 0 68px; --pe-speed: 9s; }\n .lima-pe__head { margin-bottom: 30px; }\n .lima-pe__sub { font-size: 0.9rem; }\n .lima-pe__card { width: 240px; padding: 16px 18px; gap: 13px; }\n .lima-pe__icon-ring { width: 48px; height: 48px; }\n .lima-pe__icon-ring svg { width: 22px; height: 22px; }\n .lima-pe__number { font-size: 1.45rem; }\n .lima-pe__label { font-size: 0.62rem; }\n .lima-pe__btn { padding: 14px 34px; letter-spacing: 0.16em; }\n }\n\n @media (max-width: 520px) {\n .lima-pe__headline { font-size: clamp(2.05rem, 11vw, 2.85rem); }\n }\n\n \/* ========================================\n REDUCED MOTION\n Marquee steht, Inhalt horizontal scrollbar,\n Zahlen sofort final\n ======================================== *\/\n\n @media (prefers-reduced-motion: reduce) {\n .lima-pe__track {\n animation: none;\n }\n .lima-pe__viewport {\n overflow-x: auto;\n mask-image: none;\n -webkit-mask-image: none;\n }\n .lima-pe__card::after {\n animation: none;\n }\n .lima-pe__btn,\n .lima-pe__btn::before,\n .lima-pe__btn svg {\n transition: none;\n }\n .lima-pe__headline,\n .lima-pe__sub {\n opacity: 1;\n transform: none;\n transition: none;\n }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"lima-pe no-js\" id=\"limaPerformance\">\n\n <div class=\"lima-pe__head\">\n <h2 class=\"lima-pe__headline\">Zugang zu <strong>Netzwerk, Deals & freien Flächen<\/strong><\/h2>\n <p class=\"lima-pe__sub\">Off-Market-Investments entstehen über Beziehungen. Diese Zahlen zeigen, worauf Sie bei uns zurückgreifen.<\/p>\n <\/div>\n\n <div class=\"lima-pe__viewport\">\n <div class=\"lima-pe__track\" id=\"limaPeTrack\">\n \n <\/div>\n <\/div>\n\n <a href=\"https:\/\/limainvestimmobilien.de\/suchprofil-hinterlegen\/\" class=\"lima-pe__btn\">\n Suchprofil anlegen\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n <\/a>\n<\/section>\n\n<script>\n(function () {\n 'use strict';\n\n var section = document.getElementById('limaPerformance');\n var track = document.getElementById('limaPeTrack');\n if (!section || !track) return;\n\n section.classList.remove('no-js');\n\n \/* ----------------------------------------\n ICONS \u2013 Inline-SVG (24x24 ViewBox)\n ---------------------------------------- *\/\n var icons = {\n \/* Skyline: verkaufte Objekte *\/\n skyline:\n '<svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18\"\/><path d=\"M5 21V9h5v12\"\/>' +\n '<path d=\"M10 21V4h6v17\"\/><path d=\"M16 21V12h3v9\"\/>' +\n '<path d=\"M7 12h1M7 15h1M12.5 8h1M12.5 11h1M12.5 14h1\"\/><\/svg>',\n\n \/* Tacho: schnelle Wertermittlung *\/\n gauge:\n '<svg viewBox=\"0 0 24 24\"><path d=\"M5 19a9 9 0 1 1 14 0\"\/>' +\n '<path d=\"M12 13.5 16 9\"\/><circle cx=\"12\" cy=\"14\" r=\"1.4\"\/>' +\n '<path d=\"M12 5.5v1M6 8.5l.8.8M18 8.5l-.8.8\"\/><\/svg>',\n\n \/* Netzwerk-Knoten: K\u00e4ufernetzwerk *\/\n network:\n '<svg viewBox=\"0 0 24 24\"><circle cx=\"6\" cy=\"6\" r=\"2.6\"\/>' +\n '<circle cx=\"18\" cy=\"6\" r=\"2.6\"\/><circle cx=\"12\" cy=\"18\" r=\"2.6\"\/>' +\n '<path d=\"M8.3 7.3 10.8 15.7M15.7 7.3 13.2 15.7M8.6 6h6.8\"\/><\/svg>',\n\n \/* Schild mit Haken: Eigent\u00fcmernetzwerk \/ Vertrauen *\/\n shield:\n '<svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 2.8v5.2c0 4.6-3 8.2-7 10-4-1.8-7-5.4-7-10V5.8z\"\/>' +\n '<path d=\"M9 12l2.2 2.2L15.5 9.7\"\/><\/svg>',\n\n \/* Klemmbrett: aktuelle Auftr\u00e4ge *\/\n clipboard:\n '<svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"4\" width=\"14\" height=\"17\" rx=\"2\"\/>' +\n '<path d=\"M9 4a3 3 0 0 1 6 0\"\/><path d=\"M9 10h6M9 13.5h6M9 17h3.5\"\/><\/svg>'\n };\n\n \/* ----------------------------------------\n DATEN\n value = Zielwert f\u00fcr den Count-up\n ---------------------------------------- *\/\n var cardData = [\n { icon: icons.skyline, value: 100, suffix: '+', label: 'Objekte ver\\u00e4u\\u00dfert' },\n { icon: icons.gauge, value: 24, suffix: ' Std.', label: 'Qualifizierte Wertermittlung' },\n { icon: icons.network, value: 5000, suffix: '+', label: 'K\\u00e4ufernetzwerk' },\n { icon: icons.shield, value: 2500, suffix: '+', label: 'Eigent\\u00fcmernetzwerk' },\n { icon: icons.clipboard, value: 50, suffix: '+', label: 'Aktuelle Auftr\\u00e4ge' }\n ];\n\n \/* Deutsche Tausender-Formatierung (5.000 statt 5000) *\/\n function formatDE(n) {\n return n.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '.');\n }\n\n function renderNumber(el, current) {\n el.innerHTML = formatDE(current) + '<span class=\"suffix\">' + el.dataset.suffix + '<\/span>';\n }\n\n \/* ----------------------------------------\n TRACK 2x BEF\u00dcLLEN (nahtloser CSS-Loop)\n ---------------------------------------- *\/\n function buildCard(data) {\n var card = document.createElement('div');\n card.className = 'lima-pe__card';\n card.innerHTML =\n '<div class=\"lima-pe__icon-ring\" aria-hidden=\"true\">' + data.icon + '<\/div>' +\n '<div class=\"lima-pe__body\">' +\n '<div class=\"lima-pe__number\" data-value=\"' + data.value + '\" data-suffix=\"' + data.suffix + '\">0<span class=\"suffix\">' + data.suffix + '<\/span><\/div>' +\n '<div class=\"lima-pe__label\">' + data.label + '<\/div>' +\n '<\/div>';\n return card;\n }\n\n var fragment = document.createDocumentFragment();\n cardData.concat(cardData).forEach(function (data) {\n fragment.appendChild(buildCard(data));\n });\n track.appendChild(fragment);\n\n \/* ----------------------------------------\n COUNT-UP \u2013 Zahlen z\u00e4hlen beim Einscrollen hoch\n ---------------------------------------- *\/\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function setFinalNumbers() {\n track.querySelectorAll('.lima-pe__number').forEach(function (el) {\n renderNumber(el, parseInt(el.dataset.value, 10));\n });\n }\n\n function animateNumbers() {\n var duration = 1600;\n var start = null;\n\n function easeOutCubic(t) {\n return 1 - Math.pow(1 - t, 3);\n }\n\n var numbers = track.querySelectorAll('.lima-pe__number');\n\n function step(timestamp) {\n if (!start) start = timestamp;\n var progress = Math.min((timestamp - start) \/ duration, 1);\n var eased = easeOutCubic(progress);\n\n numbers.forEach(function (el) {\n var target = parseInt(el.dataset.value, 10);\n renderNumber(el, Math.round(target * eased));\n });\n\n if (progress < 1) {\n requestAnimationFrame(step);\n }\n }\n\n requestAnimationFrame(step);\n }\n\n if (reducedMotion || !('IntersectionObserver' in window)) {\n setFinalNumbers();\n section.classList.add('is-visible');\n } else {\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n section.classList.add('is-visible');\n observer.disconnect();\n animateNumbers();\n }\n });\n }, { threshold: 0.3 });\n observer.observe(section);\n }\n})();\n<\/script>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-82df0f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"82df0f8\" 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-553245a\" data-id=\"553245a\" 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-cb611b1 elementor-widget elementor-widget-spacer\" data-id=\"cb611b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f01d232 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f01d232\" 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-09b0b3f\" data-id=\"09b0b3f\" 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-4d5336c elementor-widget elementor-widget-html\" data-id=\"4d5336c\" 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\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap');\n\n #lima-tools-section {\n --lt-gold: #bb9e1c;\n --lt-gold-dark: #8e7815;\n --lt-ink: #1a1a1a;\n --lt-muted: #64748b;\n\n font-family: 'Poppins', sans-serif;\n background-color: transparent;\n padding: 60px 20px;\n max-width: 1200px;\n margin: 0 auto;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n #lima-tools-section * {\n box-sizing: border-box;\n }\n\n \/* ========================================\n HEADER \u2013 Entrance beim Einscrollen\n ======================================== *\/\n\n .lima-header {\n text-align: center;\n margin-bottom: 60px;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 800ms cubic-bezier(0.16, 1, 0.3, 1),\n transform 800ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n #lima-tools-section.is-visible .lima-header,\n #lima-tools-section.no-js .lima-header {\n opacity: 1;\n transform: translateY(0);\n }\n\n .lima-header h2 {\n color: var(--lt-ink);\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.15;\n letter-spacing: -0.01em;\n }\n\n .lima-header h2 em {\n font-style: normal;\n color: var(--lt-gold);\n }\n\n .lima-header p {\n color: #475569;\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n margin: 0 auto;\n font-weight: 400;\n max-width: 600px;\n }\n\n \/* ========================================\n GRID & KARTEN\n ======================================== *\/\n\n .lima-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 32px;\n justify-content: center;\n }\n\n .lima-card {\n background: #ffffff;\n flex: 1;\n min-width: 320px;\n max-width: 360px;\n border-radius: 20px;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 10px 15px -3px rgba(0, 0, 0, 0.03);\n padding: 0 0 35px 0;\n text-align: center;\n transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),\n box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),\n border-color 0.5s ease,\n opacity 800ms cubic-bezier(0.16, 1, 0.3, 1);\n border: 1px solid #f1f5f9;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n }\n\n \/* Gestaffelte Entrance, getriggert per .is-visible *\/\n #lima-tools-section.is-visible .lima-card,\n #lima-tools-section.no-js .lima-card {\n opacity: 1;\n transform: translateY(0);\n }\n\n #lima-tools-section.is-visible .lima-card:nth-child(1) { transition-delay: 150ms; }\n #lima-tools-section.is-visible .lima-card:nth-child(2) { transition-delay: 300ms; }\n #lima-tools-section.is-visible .lima-card:nth-child(3) { transition-delay: 450ms; }\n\n .lima-card:hover {\n transform: translateY(-12px);\n box-shadow: 0 25px 50px -12px rgba(187, 158, 28, 0.18);\n border-color: rgba(187, 158, 28, 0.35);\n transition-delay: 0ms !important;\n }\n\n \/* ========================================\n TOOL-PREVIEWS (ersetzen die Icons)\n Gemeinsamer Rahmen: heller Panel-Look\n mit feinem Raster wie Millimeterpapier\n ======================================== *\/\n\n .lima-tool-visual {\n position: relative;\n width: 100%;\n aspect-ratio: 16 \/ 10;\n background:\n radial-gradient(ellipse 70% 60% at 50% 0%, rgba(187, 158, 28, 0.08), transparent 70%),\n repeating-linear-gradient(0deg, rgba(26, 26, 26, 0.025) 0 1px, transparent 1px 28px),\n repeating-linear-gradient(90deg, rgba(26, 26, 26, 0.025) 0 1px, transparent 1px 28px),\n #f8f7f2;\n border-bottom: 1px solid rgba(187, 158, 28, 0.18);\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 30px;\n }\n\n \/* --- Preview 1: RENDITE-DISPLAY --- *\/\n\n .lima-pv-rendite {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n }\n\n .lima-pv-rendite .pv-label {\n font-family: 'Poppins', sans-serif;\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #8a8a8a;\n }\n\n .lima-pv-rendite .pv-value {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(40px, 5vw, 52px);\n font-weight: 600;\n color: var(--lt-gold);\n line-height: 1;\n font-variant-numeric: tabular-nums;\n }\n\n .lima-pv-rendite .pv-chips {\n display: flex;\n gap: 8px;\n }\n\n .lima-pv-rendite .pv-chip {\n font-family: 'Poppins', sans-serif;\n font-size: 0.72rem;\n font-weight: 500;\n color: #555;\n background: #ffffff;\n border: 1px solid rgba(26, 26, 26, 0.08);\n border-radius: 999px;\n padding: 5px 12px;\n opacity: 0;\n transform: translateY(8px);\n transition: opacity 500ms ease, transform 500ms ease;\n }\n\n #lima-tools-section.is-visible .pv-chip:nth-child(1) { transition-delay: 1500ms; }\n #lima-tools-section.is-visible .pv-chip:nth-child(2) { transition-delay: 1700ms; }\n\n #lima-tools-section.is-visible .pv-chip,\n #lima-tools-section.no-js .pv-chip {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* --- Preview 2: STANDORT-KARTE mit Pin-Drop --- *\/\n\n .lima-pv-map {\n position: absolute;\n inset: 0;\n }\n\n \/* Abstrakte Stra\u00dfenz\u00fcge *\/\n .lima-pv-map svg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n }\n\n .lima-pv-map .pv-street {\n stroke: rgba(26, 26, 26, 0.1);\n stroke-width: 2;\n fill: none;\n }\n\n .lima-pv-map .pv-street--gold {\n stroke: rgba(187, 158, 28, 0.35);\n stroke-width: 2.5;\n }\n\n \/* Pin: droppt beim Einscrollen *\/\n .lima-pv-pin {\n position: absolute;\n left: 50%;\n top: 38%;\n width: 30px;\n height: 38px;\n transform: translate(-50%, -160%);\n opacity: 0;\n }\n\n #lima-tools-section.is-visible .lima-pv-pin {\n animation: lima-pin-drop 600ms cubic-bezier(0.34, 1.56, 0.64, 1) 900ms forwards;\n }\n\n #lima-tools-section.no-js .lima-pv-pin {\n transform: translate(-50%, -100%);\n opacity: 1;\n }\n\n @keyframes lima-pin-drop {\n 0% { transform: translate(-50%, -260%); opacity: 0; }\n 60% { opacity: 1; }\n 100% { transform: translate(-50%, -100%); opacity: 1; }\n }\n\n .lima-pv-pin svg {\n width: 100%;\n height: 100%;\n fill: var(--lt-gold);\n filter: drop-shadow(0 4px 8px rgba(187, 158, 28, 0.4));\n }\n\n \/* Puls-Ring unter dem Pin *\/\n .lima-pv-ring {\n position: absolute;\n left: 50%;\n top: 38%;\n width: 14px;\n height: 14px;\n border: 2px solid var(--lt-gold);\n border-radius: 50%;\n transform: translate(-50%, -50%) scale(0.5);\n opacity: 0;\n }\n\n #lima-tools-section.is-visible .lima-pv-ring {\n animation: lima-ring-pulse 2.2s ease-out 1500ms infinite;\n }\n\n @keyframes lima-ring-pulse {\n 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.7; }\n 70% { transform: translate(-50%, -50%) scale(3.2); opacity: 0; }\n 100% { transform: translate(-50%, -50%) scale(3.2); opacity: 0; }\n }\n\n \/* Score-Balken unten in der Karte *\/\n .lima-pv-scores {\n position: absolute;\n left: 16px;\n right: 16px;\n bottom: 12px;\n display: flex;\n gap: 8px;\n }\n\n .lima-pv-score {\n flex: 1;\n background: #ffffff;\n border: 1px solid rgba(26, 26, 26, 0.07);\n border-radius: 8px;\n padding: 6px 8px;\n text-align: left;\n }\n\n .lima-pv-score .pv-score-label {\n font-family: 'Poppins', sans-serif;\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n color: #8a8a8a;\n display: block;\n margin-bottom: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .lima-pv-score .pv-score-bar {\n height: 4px;\n border-radius: 2px;\n background: rgba(187, 158, 28, 0.15);\n overflow: hidden;\n }\n\n .lima-pv-score .pv-score-bar i {\n display: block;\n height: 100%;\n background: var(--lt-gold);\n border-radius: 2px;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n #lima-tools-section.is-visible .pv-score:nth-child(1) i { transition-delay: 1600ms; transform: scaleX(0.85); }\n #lima-tools-section.is-visible .pv-score:nth-child(2) i { transition-delay: 1750ms; transform: scaleX(0.7); }\n #lima-tools-section.is-visible .pv-score:nth-child(3) i { transition-delay: 1900ms; transform: scaleX(0.9); }\n\n #lima-tools-section.no-js .pv-score:nth-child(1) i { transform: scaleX(0.85); }\n #lima-tools-section.no-js .pv-score:nth-child(2) i { transform: scaleX(0.7); }\n #lima-tools-section.no-js .pv-score:nth-child(3) i { transform: scaleX(0.9); }\n\n \/* --- Preview 3: FINANZIERUNGS-CHART --- *\/\n\n .lima-pv-finance {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n width: 100%;\n padding: 0 36px;\n }\n\n .lima-pv-bars {\n display: flex;\n align-items: flex-end;\n gap: 14px;\n height: 80px;\n width: 100%;\n max-width: 220px;\n border-bottom: 2px solid rgba(26, 26, 26, 0.12);\n padding-bottom: 0;\n }\n\n .lima-pv-bar {\n flex: 1;\n border-radius: 6px 6px 0 0;\n background: linear-gradient(180deg, var(--lt-gold), rgba(187, 158, 28, 0.55));\n transform: scaleY(0);\n transform-origin: bottom;\n transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .lima-pv-bar:nth-child(1) { height: 45%; }\n .lima-pv-bar:nth-child(2) { height: 65%; }\n .lima-pv-bar:nth-child(3) { height: 52%; background: linear-gradient(180deg, #2c2c2c, #555); }\n .lima-pv-bar:nth-child(4) { height: 88%; }\n\n #lima-tools-section.is-visible .lima-pv-bar:nth-child(1) { transition-delay: 1000ms; transform: scaleY(1); }\n #lima-tools-section.is-visible .lima-pv-bar:nth-child(2) { transition-delay: 1150ms; transform: scaleY(1); }\n #lima-tools-section.is-visible .lima-pv-bar:nth-child(3) { transition-delay: 1300ms; transform: scaleY(1); }\n #lima-tools-section.is-visible .lima-pv-bar:nth-child(4) { transition-delay: 1450ms; transform: scaleY(1); }\n\n #lima-tools-section.no-js .lima-pv-bar { transform: scaleY(1); }\n\n .lima-pv-finance .pv-rate {\n font-family: 'Poppins', sans-serif;\n font-size: 0.72rem;\n font-weight: 500;\n color: #555;\n background: #ffffff;\n border: 1px solid rgba(187, 158, 28, 0.25);\n border-radius: 999px;\n padding: 6px 14px;\n opacity: 0;\n transform: translateY(8px);\n transition: opacity 500ms ease 1700ms, transform 500ms ease 1700ms;\n }\n\n .lima-pv-finance .pv-rate strong {\n color: var(--lt-gold);\n font-weight: 600;\n }\n\n #lima-tools-section.is-visible .pv-rate,\n #lima-tools-section.no-js .pv-rate {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* ========================================\n KARTENINHALT\n ======================================== *\/\n\n .lima-card-body {\n padding: 0 35px;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n }\n\n .lima-card h3 {\n color: #1e293b;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.75rem;\n margin: 0 0 12px 0;\n font-weight: 600;\n letter-spacing: -0.01em;\n }\n\n .lima-card .short-text {\n color: var(--lt-muted);\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 400;\n margin: 0 0 30px 0;\n line-height: 1.6;\n min-height: 52px;\n }\n\n .lima-bullets {\n text-align: left;\n list-style: none;\n padding: 0;\n margin: 0 0 35px 0;\n flex-grow: 1;\n }\n\n .lima-bullets li {\n margin-bottom: 14px;\n color: #334155;\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 400;\n padding-left: 32px;\n position: relative;\n line-height: 1.5;\n transition: transform 0.3s ease;\n }\n\n .lima-card:hover .lima-bullets li {\n transform: translateX(5px);\n }\n\n .lima-bullets li::before {\n content: '';\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23bb9e1c'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'\/%3E%3C\/svg%3E\");\n width: 22px;\n height: 22px;\n position: absolute;\n left: 0;\n top: 0;\n background-size: cover;\n transition: transform 0.3s ease;\n }\n\n .lima-card:hover .lima-bullets li::before {\n transform: scale(1.15);\n }\n\n \/* ========================================\n CTA-BUTTON (3D-Press bleibt)\n ======================================== *\/\n\n .lima-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 18px;\n background-color: var(--lt-gold);\n color: #ffffff;\n text-decoration: none;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 0.82rem;\n border-radius: 12px;\n transition: background-color 0.3s ease, box-shadow 0.2s ease, top 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 1px;\n box-shadow: 0 4px 0px var(--lt-gold-dark);\n position: relative;\n top: 0;\n }\n\n .lima-btn:hover {\n background-color: #a38915;\n box-shadow: 0 2px 0px var(--lt-gold-dark);\n top: 2px;\n }\n\n .lima-btn:active {\n box-shadow: 0 0px 0px var(--lt-gold-dark);\n top: 4px;\n }\n\n .lima-btn:focus-visible {\n outline: 3px solid rgba(187, 158, 28, 0.45);\n outline-offset: 3px;\n }\n\n \/* ========================================\n RESPONSIVE \u2013 Typografie-Breakpoints\n ======================================== *\/\n\n @media (max-width: 900px) {\n .lima-header h2 {\n font-size: clamp(2.15rem, 9vw, 3.2rem);\n }\n }\n\n @media (max-width: 768px) {\n #lima-tools-section { padding: 40px 15px; }\n .lima-grid { flex-direction: column; align-items: center; }\n .lima-card { max-width: 100%; width: 100%; min-width: unset; }\n .lima-card .short-text { min-height: auto; }\n .lima-card-body { padding: 0 25px; }\n\n \/* Mobile Schriftgr\u00f6\u00dfen gem\u00e4\u00df Typografie-System *\/\n .lima-header p { font-size: 0.9rem; }\n .lima-card .short-text { font-size: 0.9rem; }\n .lima-bullets li { font-size: 0.9rem; }\n .lima-pv-rendite .pv-label { font-size: 0.62rem; }\n .lima-pv-score .pv-score-label { font-size: 0.62rem; }\n }\n\n @media (max-width: 520px) {\n .lima-header h2 {\n font-size: clamp(2.05rem, 11vw, 2.85rem);\n }\n }\n\n \/* ========================================\n REDUCED MOTION \u2013 alles sofort final\n ======================================== *\/\n\n @media (prefers-reduced-motion: reduce) {\n #lima-tools-section .lima-header,\n #lima-tools-section .lima-card,\n #lima-tools-section .pv-chip,\n #lima-tools-section .pv-rate {\n opacity: 1 !important;\n transform: none !important;\n transition: none !important;\n }\n #lima-tools-section .lima-pv-bar { transform: scaleY(1) !important; transition: none !important; }\n #lima-tools-section .pv-score-bar i { transition: none !important; }\n #lima-tools-section.is-visible .pv-score:nth-child(1) i { transform: scaleX(0.85) !important; }\n #lima-tools-section.is-visible .pv-score:nth-child(2) i { transform: scaleX(0.7) !important; }\n #lima-tools-section.is-visible .pv-score:nth-child(3) i { transform: scaleX(0.9) !important; }\n #lima-tools-section .lima-pv-pin {\n animation: none !important;\n transform: translate(-50%, -100%) !important;\n opacity: 1 !important;\n }\n #lima-tools-section .lima-pv-ring { animation: none !important; }\n }\n<\/style>\n\n<div id=\"lima-tools-section\" class=\"no-js\">\n\n <div class=\"lima-header\">\n <h2>Digitale Tools für bessere <em>Investment-Entscheidungen<\/em><\/h2>\n <p>In Sekunden Klarheit statt Bauchgefühl. Wählen Sie das passende Tool für Ihren Erfolg.<\/p>\n <\/div>\n\n <div class=\"lima-grid\">\n\n \n <div class=\"lima-card\">\n <div class=\"lima-tool-visual\" aria-hidden=\"true\">\n <div class=\"lima-pv-rendite\">\n <span class=\"pv-label\">Nettorendite p.a.<\/span>\n <span class=\"pv-value\" id=\"limaPvRendite\" data-target=\"7.2\">0,0 %<\/span>\n <div class=\"pv-chips\">\n <span class=\"pv-chip\">Cashflow +312 €\/Monat<\/span>\n <span class=\"pv-chip\">Faktor 13,9<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"lima-card-body\">\n <h3>Renditekalkulator<\/h3>\n <p class=\"short-text\">Cashflow, Brutto- & Nettorendite sowie Faktor in Sekunden berechnen.<\/p>\n <ul class=\"lima-bullets\">\n <li>Sofortiges Ergebnis mit Ihren Zahlen<\/li>\n <li>Klare Einschätzung der Rentabilität<\/li>\n <li>Ideal für Anleger, Makler & Entwickler<\/li>\n <\/ul>\n <a href=\"https:\/\/limainvestimmobilien.de\/kalkulationstool-komplett\/\" class=\"lima-btn\">Cashflow berechnen<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lima-card\">\n <div class=\"lima-tool-visual\" aria-hidden=\"true\">\n <div class=\"lima-pv-map\">\n <svg viewBox=\"0 0 360 225\" preserveAspectRatio=\"xMidYMid slice\">\n <path class=\"pv-street\" d=\"M-10 60 C 80 50, 160 80, 380 55\"\/>\n <path class=\"pv-street\" d=\"M-10 120 C 100 110, 220 140, 380 115\"\/>\n <path class=\"pv-street--gold pv-street\" d=\"M-10 90 C 90 82, 200 108, 380 85\"\/>\n <path class=\"pv-street\" d=\"M70 -10 C 75 80, 60 150, 80 235\"\/>\n <path class=\"pv-street\" d=\"M180 -10 C 185 70, 170 160, 190 235\"\/>\n <path class=\"pv-street\" d=\"M290 -10 C 280 90, 300 150, 285 235\"\/>\n <\/svg>\n <span class=\"lima-pv-ring\"><\/span>\n <span class=\"lima-pv-pin\">\n <svg viewBox=\"0 0 24 30\">\n <path d=\"M12 0C5.4 0 0 5.4 0 12c0 9 12 18 12 18s12-9 12-18C24 5.4 18.6 0 12 0zm0 16.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9z\"\/>\n <\/svg>\n <\/span>\n <div class=\"lima-pv-scores\">\n <div class=\"pv-score lima-pv-score\">\n <span class=\"pv-score-label\">Demografie<\/span>\n <span class=\"pv-score-bar\"><i><\/i><\/span>\n <\/div>\n <div class=\"pv-score lima-pv-score\">\n <span class=\"pv-score-label\">Arbeitsmarkt<\/span>\n <span class=\"pv-score-bar\"><i><\/i><\/span>\n <\/div>\n <div class=\"pv-score lima-pv-score\">\n <span class=\"pv-score-label\">Trend<\/span>\n <span class=\"pv-score-bar\"><i><\/i><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"lima-card-body\">\n <h3>Standort Analysetool<\/h3>\n <p class=\"short-text\">Demografie, Arbeitsmarkt, Wohlstand und Trends sofort analysieren.<\/p>\n <ul class=\"lima-bullets\">\n <li>Standortqualität auf einen Blick sehen<\/li>\n <li>Städte und Regionen direkt vergleichen<\/li>\n <li>Besser investieren durch harte Daten<\/li>\n <\/ul>\n <a href=\"https:\/\/limainvestimmobilien.de\/staedte-toolanalyse\/\" class=\"lima-btn\">Städte analysieren<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lima-card\">\n <div class=\"lima-tool-visual\" aria-hidden=\"true\">\n <div class=\"lima-pv-finance\">\n <div class=\"lima-pv-bars\">\n <span class=\"lima-pv-bar\"><\/span>\n <span class=\"lima-pv-bar\"><\/span>\n <span class=\"lima-pv-bar\"><\/span>\n <span class=\"lima-pv-bar\"><\/span>\n <\/div>\n <span class=\"pv-rate\">Monatliche Rate: <strong>1.180 €<\/strong><\/span>\n <\/div>\n <\/div>\n <div class=\"lima-card-body\">\n <h3>Finanzierungsrechner<\/h3>\n <p class=\"short-text\">Maximales Budget, Zinsen, Tilgung und monatliche Rate kalkulieren.<\/p>\n <ul class=\"lima-bullets\">\n <li>Maximales Kaufpreisbudget ermitteln<\/li>\n <li>Monatliche Belastung sicher planen<\/li>\n <li>Perfekte Vorbereitung für die Bank<\/li>\n <\/ul>\n <a href=\"https:\/\/limainvestimmobilien.de\/immobilienfinanzierung\/\" class=\"lima-btn\">Finanzierung berechnen<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n(function () {\n 'use strict';\n\n var section = document.getElementById('lima-tools-section');\n if (!section) return;\n\n section.classList.remove('no-js');\n\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var renditeEl = document.getElementById('limaPvRendite');\n\n \/* Rendite-Counter: 0,0 % \u2192 7,2 % mit deutschem Komma *\/\n function animateRendite() {\n if (!renditeEl) return;\n var target = parseFloat(renditeEl.dataset.target);\n var duration = 1400;\n var start = null;\n\n function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }\n\n function step(ts) {\n if (!start) start = ts;\n var progress = Math.min((ts - start) \/ duration, 1);\n var value = target * easeOutCubic(progress);\n renditeEl.textContent = value.toFixed(1).replace('.', ',') + '\\u00a0%';\n if (progress < 1) requestAnimationFrame(step);\n }\n requestAnimationFrame(step);\n }\n\n function setFinal() {\n if (renditeEl) {\n renditeEl.textContent =\n parseFloat(renditeEl.dataset.target).toFixed(1).replace('.', ',') + '\\u00a0%';\n }\n }\n\n if (reducedMotion || !('IntersectionObserver' in window)) {\n section.classList.add('is-visible');\n setFinal();\n } else {\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n section.classList.add('is-visible');\n \/* Counter startet, wenn die Karten stehen *\/\n setTimeout(animateRendite, 600);\n observer.disconnect();\n }\n });\n }, { threshold: 0.2 });\n observer.observe(section);\n }\n})();\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-26067e6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"26067e6\" 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-928fade\" data-id=\"928fade\" 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-cd09acd elementor-widget__width-inherit elementor-widget elementor-widget-image-carousel\" data-id=\"cd09acd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"autoplay_speed":500,"image_spacing_custom":{"unit":"px","size":100,"sizes":[]},"navigation":"none","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Bild Karussell\" dir=\"rtl\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/Bildschirmfoto-2025-09-15-um-09.16.19.png\" alt=\"investmentimmobilien-hamburg-Renditeimmobilien\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/Bildschirmfoto-2025-09-15-um-09.22.44.png\" alt=\"Kapitalanlage-hamburg-Renditeimmobilien\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/Bildschirmfoto-2025-09-15-um-09.22.36.png\" alt=\"Kapitalanlage-hamburg-Renditeimmobilien\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/download.png\" alt=\"investmentimmobilien-hamburg\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/justhome.png\" alt=\"justhome-Baufinanzierung-Immobilienfinanzierung-Zinsen-Tilgung\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/Bildschirmfoto-2025-09-15-um-09.22.50-1.png\" alt=\"Handelskammer-Mitgliedinderhandelskammerhamburg\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2026\/03\/immoportal_logo.png\" alt=\"immoportal_logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2026\/07\/images.jpg\" alt=\"images\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\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>Lima Invest Immobilien \u2013 Off-Market-Investments \u2605 \u2605 \u2605 \u2605 \u2605 Bewertung: 5 von 5 Sternen Lima Invest Immobilien Ihr Zugang zu gepr\u00fcften Off-Market-Investments Als Investmentmakler mit Sitz in Hamburg verbinden wir seit 2016 Kapitalanleger mit exklusiven, diskret gehandelten Anlageimmobilien in den Top-Lagen Deutschlands. Jetzt Angebote entdecken Lima Invest \u2013 Hero Diskret · Geprüft · Renditestark Lima…<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_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-1298","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/1298","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/comments?post=1298"}],"version-history":[{"count":10,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/1298\/revisions"}],"predecessor-version":[{"id":23631,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/1298\/revisions\/23631"}],"wp:attachment":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/media?parent=1298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t

<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t

<\/div>\n\t\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 \n \n Lima Invest Immobilien \u2013 Off-Market-Investments<\/title>\n\n \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=Playfair+Display:wght@700&family=Montserrat:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n .li-hero {\n --li-gold: #bb9e1c;\n --li-black: #000000;\n --li-white: #ffffff;\n --li-text: #ffffff;\n\n font-family: 'Montserrat', sans-serif;\n line-height: 1.6;\n color: var(--li-text);\n background: transparent;\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n text-align: left;\n padding: 30px 20px;\n position: relative;\n overflow: hidden;\n box-sizing: border-box;\n }\n\n .li-hero *,\n .li-hero *::before,\n .li-hero *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n @media (min-width: 640px) {\n .li-hero { padding: 30px 40px; }\n }\n\n @media (min-width: 1024px) {\n .li-hero { padding: 30px 80px; }\n }\n\n .li-hero__container {\n position: relative;\n z-index: 1;\n max-width: 900px;\n width: 100%;\n }\n\n \/* ========================================\n BEWERTUNGSSTERNE \u2013 einzeln animiert\n ======================================== *\/\n\n .li-hero__stars {\n display: inline-flex;\n align-items: center;\n gap: 5px;\n margin-bottom: 1.5rem;\n perspective: 500px;\n }\n\n .li-hero__star {\n display: inline-block;\n font-size: 15px;\n color: var(--li-gold);\n line-height: 1;\n opacity: 0;\n transform: translateY(18px) rotateX(80deg) scale(0.75);\n transform-origin: bottom center;\n text-shadow: 0 2px 8px rgba(187, 158, 28, 0.35);\n animation: li-star-rise 0.36s cubic-bezier(0.18, 0.95, 0.34, 1.25) forwards;\n }\n\n .li-hero__star:nth-child(1) { animation-delay: 0.08s; }\n .li-hero__star:nth-child(2) { animation-delay: 0.18s; }\n .li-hero__star:nth-child(3) { animation-delay: 0.28s; }\n .li-hero__star:nth-child(4) { animation-delay: 0.38s; }\n .li-hero__star:nth-child(5) { animation-delay: 0.48s; }\n\n .li-hero__sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n }\n\n @media (max-width: 640px) {\n .li-hero__stars { margin-bottom: 1.2rem; }\n .li-hero__star { font-size: 13px; }\n }\n\n \/* ========================================\n MARKENTITEL\n ======================================== *\/\n\n .li-hero__title {\n font-family: 'Playfair Display', serif;\n font-size: clamp(2.2rem, 6vw, 4.8rem);\n margin-bottom: 1.5rem;\n line-height: 1.1;\n font-weight: 700;\n letter-spacing: -1px;\n opacity: 0;\n transform: translateY(30px);\n animation: li-fade-up 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 0.45s forwards;\n }\n\n @media (max-width: 640px) {\n .li-hero__title { margin-bottom: 1.2rem; }\n }\n\n .li-hero__title-gold {\n color: var(--li-gold);\n display: inline-block;\n font-weight: 700;\n text-shadow: none;\n }\n\n .li-hero__title-black {\n color: var(--li-white);\n display: inline-block;\n font-weight: 300;\n text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);\n }\n\n \/* ========================================\n GOLD-DIVIDER\n ======================================== *\/\n\n .li-hero__divider {\n width: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--li-gold), rgba(187, 158, 28, 0.3));\n margin: 1.5rem 0;\n border-radius: 2px;\n box-shadow: none;\n animation: li-expand 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) 1s forwards;\n }\n\n @media (max-width: 640px) {\n .li-hero__divider { margin: 1.2rem 0; }\n }\n\n \/* ========================================\n BESCHREIBUNG \u2013 dezenter Glas-Effekt, stark durchsichtig\n ======================================== *\/\n\n .li-hero__description {\n max-width: 790px;\n margin-bottom: 2rem;\n padding: 20px 24px;\n border-radius: 12px;\n background: linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.10),\n rgba(255, 255, 255, 0.04)\n );\n border: 1px solid rgba(255, 255, 255, 0.14);\n box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n }\n\n @media (max-width: 640px) {\n .li-hero__description {\n margin-bottom: 1.5rem;\n padding: 16px 17px;\n border-radius: 9px;\n }\n }\n\n .li-hero__tagline {\n display: block;\n font-weight: 600;\n letter-spacing: 1.6px;\n text-transform: uppercase;\n margin-bottom: 12px;\n color: var(--li-white);\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.75);\n font-size: clamp(0.82rem, 1.45vw, 0.98rem);\n opacity: 0;\n transform: translate(-32px, 12px);\n animation: li-slide-in 0.95s cubic-bezier(0.2, 0.8, 0.2, 1) 0.72s forwards;\n }\n\n .li-hero__text {\n display: block;\n font-weight: 300;\n color: var(--li-white);\n text-shadow: 0 1px 8px rgba(0, 0, 0, 0.75);\n font-size: clamp(1rem, 2vw, 1.34rem);\n line-height: 1.75;\n opacity: 0;\n transform: translate(32px, 12px);\n animation: li-slide-in 0.95s cubic-bezier(0.2, 0.8, 0.2, 1) 0.92s forwards;\n }\n\n \/* ========================================\n CALL-TO-ACTION BUTTON\n ======================================== *\/\n\n .li-hero__cta {\n display: inline-block;\n margin-top: 2.5rem;\n padding: 14px 40px;\n background-color: transparent;\n color: var(--li-gold);\n text-decoration: none;\n font-weight: 600;\n font-size: clamp(0.9rem, 1.5vw, 1.15rem);\n letter-spacing: 1.5px;\n text-transform: uppercase;\n border: 1.5px solid var(--li-gold);\n border-radius: 2px;\n position: relative;\n overflow: hidden;\n transition: color 0.5s cubic-bezier(0.2, 0.8, 0.2, 1),\n transform 0.3s ease,\n box-shadow 0.3s ease;\n cursor: pointer;\n opacity: 0;\n transform: translateY(20px);\n animation: li-fade-up 1s cubic-bezier(0.2, 0.8, 0.2, 1) 1.08s forwards;\n z-index: 0;\n }\n\n @media (max-width: 640px) {\n .li-hero__cta {\n padding: 12px 32px;\n margin-top: 2rem;\n }\n }\n\n .li-hero__cta::before {\n content: '';\n position: absolute;\n top: 0;\n left: -101%;\n width: 101%;\n height: 100%;\n background: var(--li-gold);\n transition: left 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n z-index: -1;\n }\n\n .li-hero__cta:hover::before,\n .li-hero__cta:focus-visible::before {\n left: 0;\n }\n\n .li-hero__cta:hover,\n .li-hero__cta:focus-visible {\n color: var(--li-white);\n box-shadow: 0 6px 16px rgba(187, 158, 28, 0.3);\n }\n\n .li-hero__cta:hover {\n transform: translateY(-2px);\n }\n\n .li-hero__cta:focus-visible {\n outline: 2px solid var(--li-gold);\n outline-offset: 3px;\n }\n\n .li-hero__cta:active {\n transform: translateY(0);\n box-shadow: 0 2px 8px rgba(187, 158, 28, 0.2);\n }\n\n \/* ========================================\n DEKORATIVE PUNKTE\n ======================================== *\/\n\n .li-hero__dots {\n position: absolute;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n }\n\n .li-hero__dot {\n position: absolute;\n width: 3px;\n height: 3px;\n background-color: var(--li-gold);\n border-radius: 50%;\n opacity: 0.10;\n }\n\n .li-hero__dot:nth-child(1) {\n top: 10%; right: 15%;\n }\n\n .li-hero__dot:nth-child(2) {\n top: 60%; right: 5%;\n }\n\n .li-hero__dot:nth-child(3) {\n top: 80%; right: 25%;\n }\n\n @media (max-width: 768px) {\n .li-hero__dot:nth-child(1) { top: 15%; right: 10%; }\n .li-hero__dot:nth-child(2) { top: 65%; right: 8%; }\n .li-hero__dot:nth-child(3) { top: 85%; right: 15%; }\n }\n\n \/* ========================================\n KEYFRAMES\n ======================================== *\/\n\n @keyframes li-star-rise {\n 0% {\n opacity: 0;\n transform: translateY(18px) rotateX(80deg) scale(0.75);\n filter: blur(1px);\n }\n\n 70% {\n opacity: 1;\n transform: translateY(-3px) rotateX(-8deg) scale(1.12);\n filter: blur(0);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0) rotateX(0deg) scale(1);\n filter: blur(0);\n }\n }\n\n @keyframes li-fade-up {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes li-slide-in {\n to {\n opacity: 1;\n transform: translate(0, 0);\n }\n }\n\n @keyframes li-expand {\n to { width: 100px; }\n }\n\n \/* ========================================\n REDUCED MOTION & PRINT\n ======================================== *\/\n\n @media (prefers-reduced-motion: reduce) {\n .li-hero *,\n .li-hero *::before,\n .li-hero *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n\n .li-hero__star,\n .li-hero__title,\n .li-hero__tagline,\n .li-hero__text,\n .li-hero__cta {\n opacity: 1;\n transform: none;\n }\n\n .li-hero__divider { width: 100px; }\n }\n\n @media print {\n .li-hero__dots,\n .li-hero__cta {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"li-hero\" aria-label=\"Lima Invest Immobilien \u2013 Startbereich\">\n <div class=\"li-hero__dots\" aria-hidden=\"true\">\n <span class=\"li-hero__dot\"><\/span>\n <span class=\"li-hero__dot\"><\/span>\n <span class=\"li-hero__dot\"><\/span>\n <\/div>\n\n <div class=\"li-hero__container\">\n \n <div class=\"li-hero__stars\" aria-hidden=\"true\">\n <span class=\"li-hero__star\">\u2605<\/span>\n <span class=\"li-hero__star\">\u2605<\/span>\n <span class=\"li-hero__star\">\u2605<\/span>\n <span class=\"li-hero__star\">\u2605<\/span>\n <span class=\"li-hero__star\">\u2605<\/span>\n <\/div>\n <span class=\"li-hero__sr-only\">Bewertung: 5 von 5 Sternen<\/span>\n\n \n <h1 class=\"li-hero__title\">\n <span class=\"li-hero__title-gold\">Lima Invest<\/span> <span class=\"li-hero__title-black\">Immobilien<\/span>\n <\/h1>\n\n \n <div class=\"li-hero__divider\" aria-hidden=\"true\"><\/div>\n\n \n <p class=\"li-hero__description\">\n <span class=\"li-hero__tagline\">Ihr Zugang zu gepr\u00fcften Off-Market-Investments<\/span>\n <span class=\"li-hero__text\">Als Investmentmakler mit Sitz in Hamburg verbinden wir seit 2016 Kapitalanleger mit exklusiven, diskret gehandelten Anlageimmobilien in den Top-Lagen Deutschlands.<\/span>\n <\/p>\n\n \n <a href=\"https:\/\/limainvestimmobilien.de\/immobilienangebot\/\" class=\"li-hero__cta\">\n Jetzt Angebote entdecken\n <\/a>\n <\/div>\n <\/section>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-785f6b2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"785f6b2\" 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-7c44bc1\" data-id=\"7c44bc1\" 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-f752a16 elementor-widget elementor-widget-spacer\" data-id=\"f752a16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-e85f584 e-flex e-con-boxed e-con e-parent\" data-id=\"e85f584\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-518a7c2 elementor-widget elementor-widget-html\" data-id=\"518a7c2\" 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<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Lima Invest \u2013 Hero<\/title>\n\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=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* =========================================================\n LIMA INVEST \u2014 STARTSEITEN-HERO v2 (nahtlos)\n Kein Card-Look mehr: vollfl\u00e4chig, ohne Rahmen\/Radius\/\n Schatten, l\u00e4uft unten weich in reines Wei\u00df aus.\n Neue Animationen:\n \u2013 Geb\u00e4ude der Iso-Stadt bauen sich gestaffelt auf\n \u2013 Pulsierende Gold-Beacons auf den Hochh\u00e4usern\n \u2013 Aufsteigende Gold-Partikel (dezent)\n \u2013 Sanfter Parallax auf Maus + Scroll\n \u2013 Goldene Linie unter der Headline zeichnet sich\n CI-Farbe: #bb9e1c\n ========================================================= *\/\n\n.lib-hero {\n --gold: #bb9e1c;\n --gold-bright: #d8b93f;\n --ink: #1f1f1f;\n --soft: rgba(31,31,31,0.68);\n\n position: relative;\n width: 100vw;\n left: 50%;\n margin-left: -50vw;\n min-height: clamp(460px, 52vh, 580px);\n overflow: hidden;\n box-sizing: border-box;\n\n font-family: 'Poppins', sans-serif;\n color: var(--ink);\n\n \/* Kein Rahmen, kein Radius, kein Schatten \u2013\n Goldt\u00f6ne liegen nur sanft auf reinem Wei\u00df *\/\n background:\n radial-gradient(circle at 82% 14%, rgba(187,158,28,0.10), transparent 36%),\n radial-gradient(circle at 10% 20%, rgba(187,158,28,0.06), transparent 30%),\n #ffffff;\n}\n\n.lib-hero *,\n.lib-hero *::before,\n.lib-hero *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n\/* Weicher Auslauf: oben und unten blendet alles in reines\n Wei\u00df \u2013 der Hero geht flie\u00dfend in die Seite \u00fcber *\/\n.lib-hero::after {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: 3;\n pointer-events: none;\n background:\n linear-gradient(180deg, rgba(255,255,255,0.9) 0%, transparent 12%),\n linear-gradient(0deg, #ffffff 0%, rgba(255,255,255,0.85) 6%, transparent 22%);\n}\n\n\/* ---------- Goldene Iso-Stadt im Hintergrund ---------- *\/\n\n.lib-hero__city {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n will-change: transform;\n transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\n}\n\n.lib-hero__city-svg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n animation: lib-city-in 1.4s ease-out 0.1s forwards;\n}\n\n@keyframes lib-city-in {\n to { opacity: 0.5; }\n}\n\n\/* Geb\u00e4ude bauen sich einzeln von unten auf *\/\n.lib-bld {\n opacity: 0;\n transform: translateY(26px);\n animation: lib-bld-rise 0.9s cubic-bezier(0.16,1,0.3,1) forwards;\n}\n\n@keyframes lib-bld-rise {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.lib-face-top { fill: rgba(187,158,28,0.22); }\n.lib-face-right { fill: rgba(187,158,28,0.14); }\n.lib-face-left { fill: rgba(187,158,28,0.08); }\n.lib-roof-a { fill: rgba(187,158,28,0.22); }\n.lib-roof-b { fill: rgba(187,158,28,0.13); }\n.lib-edge { stroke: rgba(187,158,28,0.48); stroke-width: 0.8; fill: none; stroke-linejoin: round; }\n.lib-floor { stroke: rgba(187,158,28,0.24); stroke-width: 0.5; }\n\n\/* Pulsierende Beacons auf den Hochhaus-D\u00e4chern *\/\n.lib-beacon {\n fill: var(--gold);\n animation: lib-beacon-pulse 3s ease-in-out infinite;\n transform-box: fill-box;\n transform-origin: center;\n}\n\n@keyframes lib-beacon-pulse {\n 0%, 100% { opacity: 0.25; transform: scale(1); }\n 50% { opacity: 0.85; transform: scale(1.6); }\n}\n\n\/* ---------- Aufsteigende Gold-Partikel ---------- *\/\n\n.lib-hero__particles {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n.lib-particle {\n position: absolute;\n bottom: -10px;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background: rgba(187,158,28,0.35);\n animation: lib-particle-rise linear infinite;\n}\n\n@keyframes lib-particle-rise {\n 0% { transform: translateY(0) translateX(0); opacity: 0; }\n 12% { opacity: 0.7; }\n 80% { opacity: 0.4; }\n 100% { transform: translateY(-62vh) translateX(24px); opacity: 0; }\n}\n\n\/* ---------- Dezenter Licht-Sweep ---------- *\/\n\n.lib-hero__shine {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n.lib-hero__shine::after {\n content: '';\n position: absolute;\n top: -30%;\n bottom: -30%;\n left: 0;\n width: 42%;\n opacity: 0.3;\n background: linear-gradient(\n 100deg,\n transparent,\n rgba(187,158,28,0.07) 45%,\n rgba(255,255,255,0.7) 50%,\n rgba(187,158,28,0.07) 55%,\n transparent\n );\n transform: translateX(-260%) rotate(4deg);\n animation: lib-shine 10s ease-in-out 3s infinite;\n}\n\n@keyframes lib-shine {\n 0% { transform: translateX(-260%) rotate(4deg); }\n 22% { transform: translateX(560%) rotate(4deg); }\n 100% { transform: translateX(560%) rotate(4deg); }\n}\n\n\/* ---------- Heller Verlauf f\u00fcr Lesbarkeit links ---------- *\/\n\n.lib-hero__scrim {\n position: absolute;\n inset: 0;\n z-index: 1;\n pointer-events: none;\n background:\n linear-gradient(\n 90deg,\n rgba(255,255,255,0.94) 0%,\n rgba(255,255,255,0.80) 36%,\n rgba(255,255,255,0.38) 62%,\n rgba(255,255,255,0.04) 100%\n );\n}\n\n\/* ---------- Layout ---------- *\/\n\n.lib-hero__inner {\n position: relative;\n z-index: 2;\n max-width: 1160px;\n min-height: clamp(460px, 52vh, 580px);\n margin: 0 auto;\n padding: clamp(48px, 5.5vw, 76px) clamp(24px, 4.8vw, 64px);\n display: flex;\n align-items: center;\n gap: clamp(34px, 5vw, 72px);\n}\n\n.lib-hero__text {\n flex: 1 1 58%;\n}\n\n\/* ---------- Text ---------- *\/\n\n.lib-hero__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 11px;\n margin-bottom: 16px;\n\n font-size: 0.68rem;\n font-weight: 500;\n letter-spacing: 3.2px;\n text-transform: uppercase;\n color: rgba(31,31,31,0.62);\n\n opacity: 0;\n animation: lib-fade-up 0.7s ease-out 0.5s forwards;\n}\n\n.lib-hero__eyebrow::before {\n content: '';\n width: 28px;\n height: 1px;\n background: var(--gold);\n flex: 0 0 auto;\n}\n\n.lib-hero__headline {\n position: relative;\n max-width: 14.8ch;\n margin-bottom: 22px;\n padding-bottom: 18px;\n\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n line-height: 1.02;\n letter-spacing: -0.005em;\n color: #1f1f1f;\n text-wrap: balance;\n}\n\n\/* Goldene Linie zeichnet sich unter der Headline *\/\n.lib-hero__headline::after {\n content: '';\n position: absolute;\n left: 2px;\n bottom: 0;\n height: 2px;\n width: 0;\n background: linear-gradient(90deg, var(--gold), rgba(187,158,28,0.15));\n animation: lib-underline 1s cubic-bezier(0.16,1,0.3,1) 1.35s forwards;\n}\n\n@keyframes lib-underline {\n to { width: 118px; }\n}\n\n.lib-hero__headline .lib-word {\n display: inline-block;\n opacity: 0;\n transform: translateY(22px);\n animation: lib-word-in 0.7s cubic-bezier(0.16,1,0.3,1) forwards;\n}\n\n.lib-hero__headline .lib-word--accent {\n color: var(--gold);\n}\n\n@keyframes lib-word-in {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.lib-hero__desc {\n max-width: 58ch;\n font-size: 0.95rem;\n font-weight: 300;\n line-height: 1.78;\n color: var(--soft);\n\n opacity: 0;\n animation: lib-fade-up 0.8s ease-out 1.35s forwards;\n}\n\n.lib-hero__badge {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-top: 24px;\n\n font-size: 0.72rem;\n font-weight: 600;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--gold);\n\n opacity: 0;\n animation: lib-fade-up 0.8s ease-out 1.55s forwards;\n}\n\n.lib-hero__badge::before {\n content: '';\n width: 0;\n height: 1px;\n opacity: 0.9;\n background: var(--gold);\n animation: lib-line-draw 0.8s ease-out 1.75s forwards;\n}\n\n@keyframes lib-line-draw {\n to { width: 42px; }\n}\n\n\/* ---------- Buttons \u2013 rechteckig, konsistent zur Seite ---------- *\/\n\n.lib-hero__actions {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 14px;\n margin-top: 28px;\n\n opacity: 0;\n animation: lib-fade-up 0.8s ease-out 1.7s forwards;\n}\n\n.lib-hero__btn {\n position: relative;\n min-height: 48px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n\n padding: 14px 28px;\n border-radius: 0;\n overflow: hidden;\n\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.6px;\n text-transform: uppercase;\n text-decoration: none;\n cursor: pointer;\n z-index: 1;\n\n transition:\n transform 0.25s ease,\n border-color 0.25s ease,\n color 0.25s ease,\n box-shadow 0.25s ease;\n}\n\n.lib-hero__btn--primary {\n background: var(--gold);\n color: #ffffff;\n border: 1px solid var(--gold);\n box-shadow: 0 10px 24px rgba(187,158,28,0.22);\n}\n\n\/* Dunkle Fl\u00e4che schiebt sich beim Hovern von links ein *\/\n.lib-hero__btn--primary::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--ink);\n transform: translateX(-101%);\n transition: transform 0.4s cubic-bezier(0.16,1,0.3,1);\n z-index: -1;\n}\n\n.lib-hero__btn--primary:hover {\n transform: translateY(-2px);\n border-color: var(--ink);\n box-shadow: 0 14px 28px rgba(31,31,31,0.20);\n}\n\n.lib-hero__btn--primary:hover::before {\n transform: translateX(0);\n}\n\n.lib-hero__btn--ghost {\n background: transparent;\n color: #1f1f1f;\n border: 1px solid rgba(31,31,31,0.22);\n}\n\n.lib-hero__btn--ghost:hover {\n border-color: var(--gold);\n color: var(--gold);\n transform: translateY(-2px);\n}\n\n.lib-hero__btn svg {\n width: 14px;\n height: 14px;\n flex: 0 0 auto;\n transition: transform 0.3s cubic-bezier(0.16,1,0.3,1);\n}\n\n.lib-hero__btn:hover svg {\n transform: translateX(4px);\n}\n\n.lib-hero__btn:focus-visible {\n outline: 3px solid rgba(187,158,28,0.45);\n outline-offset: 3px;\n}\n\n\/* ---------- Portr\u00e4t ---------- *\/\n\n.lib-hero__media {\n flex: 0 0 36%;\n align-self: center;\n display: flex;\n justify-content: center;\n perspective: 1000px;\n}\n\n.lib-hero__frame {\n position: relative;\n width: min(100%, 360px);\n transform-style: preserve-3d;\n transition: transform 0.3s ease-out;\n will-change: transform;\n}\n\n.lib-hero__frame::before {\n content: '';\n position: absolute;\n top: 12px;\n left: 12px;\n right: -12px;\n bottom: -12px;\n z-index: 0;\n\n border: 1.5px solid rgba(187,158,28,0.68);\n border-radius: 18px;\n\n opacity: 0;\n animation: lib-frame-in 0.9s ease-out 1.0s forwards;\n}\n\n@keyframes lib-frame-in {\n from {\n opacity: 0;\n transform: translate(-8px,-8px);\n }\n to {\n opacity: 0.85;\n transform: translate(0,0);\n }\n}\n\n.lib-hero__image-wrap {\n position: relative;\n z-index: 1;\n\n padding: 14px;\n border-radius: 18px;\n overflow: hidden;\n\n background:\n linear-gradient(145deg, rgba(255,255,255,0.96), rgba(247,244,232,0.92));\n\n box-shadow:\n 0 26px 60px rgba(0,0,0,0.14),\n 0 0 0 1px rgba(187,158,28,0.16);\n}\n\n.lib-hero__image {\n display: block;\n width: 100%;\n height: auto;\n max-height: 330px;\n object-fit: contain;\n border-radius: 14px;\n transform: scale(1);\n transition: transform 0.5s ease;\n}\n\n.lib-hero__curtain {\n position: absolute;\n inset: 0;\n z-index: 2;\n background: linear-gradient(135deg, #bb9e1c, #e1c95c);\n transform-origin: right;\n animation: lib-curtain 1s cubic-bezier(0.77,0,0.18,1) 0.35s forwards;\n}\n\n@keyframes lib-curtain {\n to { transform: scaleX(0); }\n}\n\n@keyframes lib-fade-up {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* ---------- Responsive ---------- *\/\n\n@media (max-width: 900px) {\n .lib-hero {\n min-height: auto;\n }\n\n .lib-hero__inner {\n min-height: auto;\n flex-direction: column;\n align-items: flex-start;\n padding: 48px 28px 56px;\n gap: 36px;\n }\n\n .lib-hero__text {\n flex: 1 1 auto;\n width: 100%;\n }\n\n .lib-hero__headline {\n max-width: 12ch;\n font-size: clamp(2.15rem, 9vw, 3.2rem);\n }\n\n .lib-hero__media {\n width: 100%;\n flex: 0 0 auto;\n align-self: center;\n }\n\n .lib-hero__frame {\n width: min(100%, 340px);\n }\n\n .lib-hero__image {\n max-height: 320px;\n }\n\n .lib-hero__scrim {\n background:\n linear-gradient(\n 180deg,\n rgba(255,255,255,0.94) 0%,\n rgba(255,255,255,0.80) 54%,\n rgba(255,255,255,0.96) 100%\n );\n }\n}\n\n@media (max-width: 520px) {\n .lib-hero__inner {\n padding: 40px 22px 48px;\n }\n\n .lib-hero__eyebrow {\n font-size: 0.62rem;\n letter-spacing: 2.4px;\n }\n\n .lib-hero__headline {\n font-size: clamp(2.05rem, 11vw, 2.85rem);\n }\n\n .lib-hero__desc {\n font-size: 0.9rem;\n }\n\n .lib-hero__actions {\n flex-direction: column;\n align-items: stretch;\n width: 100%;\n }\n\n .lib-hero__btn {\n width: 100%;\n justify-content: center;\n }\n\n .lib-hero__frame::before {\n top: 9px;\n left: 9px;\n right: -9px;\n bottom: -9px;\n }\n}\n\n\/* ---------- Reduced Motion ---------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n .lib-hero *,\n .lib-hero *::before,\n .lib-hero *::after {\n animation-duration: 0.01ms !important;\n animation-delay: 0s !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n\n .lib-hero__city {\n transform: none !important;\n }\n\n .lib-hero__city-svg {\n opacity: 0.5;\n }\n\n .lib-bld {\n opacity: 1;\n transform: none;\n }\n\n .lib-beacon {\n opacity: 0.5;\n animation: none;\n }\n\n .lib-hero__particles,\n .lib-hero__shine {\n display: none;\n }\n\n .lib-hero__curtain {\n transform: scaleX(0);\n }\n\n .lib-hero__frame::before {\n opacity: 0.85;\n }\n\n .lib-hero__headline::after {\n width: 118px;\n }\n\n .lib-hero__eyebrow,\n .lib-hero__desc,\n .lib-hero__badge,\n .lib-hero__actions,\n .lib-word {\n opacity: 1;\n transform: none;\n }\n}\n<\/style>\n<\/head>\n\n<body style=\"margin:0;\">\n\n<section class=\"lib-hero\" id=\"libHero\" aria-label=\"Lima Invest Immobilien \u2013 Off-Market Investmentimmobilien\">\n\n <div class=\"lib-hero__city\" id=\"libCity\" aria-hidden=\"true\">\n <svg class=\"lib-hero__city-svg\" id=\"libCitySvg\" viewBox=\"0 0 1600 560\" preserveAspectRatio=\"xMidYMid slice\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><\/svg>\n <\/div>\n\n <div class=\"lib-hero__particles\" id=\"libParticles\" aria-hidden=\"true\"><\/div>\n <div class=\"lib-hero__shine\" aria-hidden=\"true\"><\/div>\n <div class=\"lib-hero__scrim\" aria-hidden=\"true\"><\/div>\n\n <div class=\"lib-hero__inner\">\n\n <div class=\"lib-hero__text\">\n <div class=\"lib-hero__eyebrow\">Diskret · Geprüft · Renditestark<\/div>\n\n <h1 class=\"lib-hero__headline\" id=\"libHeadline\"><\/h1>\n\n <p class=\"lib-hero__desc\">\n Lima Invest Immobilien ist Ihr spezialisierter Investmentmakler für diskrete Off-Market-Transaktionen im Bereich Commercial und Residential. Seit 2016 verbinden wir kapitalstarke Investoren mit Eigentümern renditestarker Immobilien in Deutschlands Top-Metropolregionen – abseits des öffentlichen Marktes. IHK-zertifiziert.\n <\/p>\n\n <div class=\"lib-hero__badge\">Since 2016<\/div>\n\n <div class=\"lib-hero__actions\">\n <a href=\"https:\/\/limainvestimmobilien.de\/kontakt\/#\/\" class=\"lib-hero__btn lib-hero__btn--primary\">\n Anfrage stellen\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\">\n <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n <\/svg>\n <\/a>\n\n <a href=\"https:\/\/limainvestimmobilien.de\/immobilienangebote-off-market-immobilien-renditestarke-investmentimmobilien-cash-on-cash-lukrative-deals\/\" class=\"lib-hero__btn lib-hero__btn--ghost\">\n Portfolio ansehen\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"lib-hero__media\">\n <div class=\"lib-hero__frame\" id=\"libTiltFrame\">\n <div class=\"lib-hero__image-wrap\">\n <img decoding=\"async\"\n src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2026\/02\/f5a4a62c-3bce-451c-bc73-71f35ad948cc-1.png\"\n alt=\"Pablo Lima \u2013 Lima Invest Immobilien\"\n class=\"lib-hero__image\"\n loading=\"lazy\">\n <div class=\"lib-hero__curtain\" aria-hidden=\"true\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(function () {\n 'use strict';\n\n var hero = document.getElementById('libHero');\n if (!hero) return;\n\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var finePointer = window.matchMedia('(pointer: fine)').matches;\n\n \/* ---------- Headline: Wort-f\u00fcr-Wort-Reveal ---------- *\/\n\n var headEl = document.getElementById('libHeadline');\n\n var words = [\n { t: 'Exklusive', a: false },\n { t: 'Off-Market', a: true },\n { t: 'Investmentimmobilien', a: false },\n { t: 'in', a: false },\n { t: 'Deutschland', a: false }\n ];\n\n var delay = 0;\n\n words.forEach(function (w) {\n var span = document.createElement('span');\n span.className = 'lib-word' + (w.a ? ' lib-word--accent' : '');\n span.innerHTML = w.t + ' ';\n span.style.animationDelay = (600 + delay) + 'ms';\n delay += 90;\n headEl.appendChild(span);\n });\n\n \/* ---------- Portr\u00e4t: 3D-Tilt bei Mausbewegung ---------- *\/\n\n var tiltFrame = document.getElementById('libTiltFrame');\n var media = tiltFrame ? tiltFrame.closest('.lib-hero__media') : null;\n\n if (tiltFrame && media && !reducedMotion && finePointer) {\n media.addEventListener('mousemove', function (e) {\n var rect = tiltFrame.getBoundingClientRect();\n var px = (e.clientX - rect.left) \/ rect.width - 0.5;\n var py = (e.clientY - rect.top) \/ rect.height - 0.5;\n\n tiltFrame.style.transform =\n 'rotateY(' + (px * 4.5) + 'deg) rotateX(' + (py * -4.5) + 'deg)';\n });\n\n media.addEventListener('mouseleave', function () {\n tiltFrame.style.transform = 'rotateY(0deg) rotateX(0deg)';\n });\n }\n\n \/* ---------- Gold-Partikel (dezent, 9 St\u00fcck) ---------- *\/\n\n var particleHost = document.getElementById('libParticles');\n\n if (particleHost && !reducedMotion) {\n for (var p = 0; p < 9; p++) {\n var dot = document.createElement('span');\n dot.className = 'lib-particle';\n dot.style.left = (6 + Math.random() * 88) + '%';\n dot.style.width = dot.style.height = (2.5 + Math.random() * 3) + 'px';\n dot.style.animationDuration = (11 + Math.random() * 9) + 's';\n dot.style.animationDelay = (Math.random() * 12) + 's';\n particleHost.appendChild(dot);\n }\n }\n\n \/* ---------- Iso-Stadt bauen ---------- *\/\n\n var svg = document.getElementById('libCitySvg');\n if (!svg) return;\n\n var U = 15;\n var COS = 0.866;\n var SIN = 0.5;\n\n function proj(x, y, z) {\n return [\n (x - y) * COS * U,\n (x + y) * SIN * U - z * U\n ];\n }\n\n var buildings = [\n { t:'com', x:6, y:1, w:6, d:6, h:28, floors:13 },\n { t:'com', x:15, y:5, w:7, d:7, h:36, floors:17 },\n { t:'com', x:27, y:0, w:6, d:8, h:22, floors:10 },\n { t:'com', x:38, y:4, w:8, d:6, h:32, floors:15 },\n { t:'com', x:50, y:1, w:6, d:7, h:25, floors:12 },\n { t:'com', x:60, y:5, w:8, d:8, h:18, floors:7 },\n\n { t:'res', x:1, y:12, w:5, d:6, h:7, roof:5 },\n { t:'res', x:9, y:14, w:5, d:6, h:8, roof:5 },\n { t:'res', x:18, y:13, w:6, d:6, h:7, roof:5 },\n { t:'res', x:28, y:15, w:5, d:6, h:8, roof:6 },\n { t:'res', x:37, y:13, w:6, d:6, h:7, roof:5 },\n { t:'res', x:46, y:15, w:5, d:6, h:8, roof:5 },\n { t:'res', x:55, y:13, w:6, d:7, h:9, roof:6 },\n { t:'res', x:64, y:15, w:5, d:6, h:7, roof:5 }\n ];\n\n buildings.sort(function (a, b) {\n return (a.x + a.y) - (b.x + b.y);\n });\n\n var allPts = [];\n\n function pt(p) {\n allPts.push(p);\n return p[0].toFixed(1) + ',' + p[1].toFixed(1);\n }\n\n function poly(points, cls) {\n return '<polygon class=\"' + cls + '\" points=\"' + points.map(pt).join(' ') + '\"\/>';\n }\n\n function line(p1, p2, cls) {\n allPts.push(p1);\n allPts.push(p2);\n\n return '<line class=\"' + cls + '\" x1=\"' + p1[0].toFixed(1) + '\" y1=\"' + p1[1].toFixed(1) + '\" x2=\"' + p2[0].toFixed(1) + '\" y2=\"' + p2[1].toFixed(1) + '\"\/>';\n }\n\n var groups = [];\n\n buildings.forEach(function (b, idx) {\n var parts = [];\n\n var x0 = b.x;\n var y0 = b.y;\n var x1 = b.x + b.w;\n var y1 = b.y + b.d;\n var h = b.h;\n\n var A = proj(x0,y0,h);\n var B = proj(x1,y0,h);\n var C = proj(x1,y1,h);\n var D = proj(x0,y1,h);\n\n var B0 = proj(x1,y0,0);\n var C0 = proj(x1,y1,0);\n var D0 = proj(x0,y1,0);\n\n if (b.t === 'com') {\n parts.push(poly([A, B, C, D], 'lib-face-top'));\n parts.push(poly([B, C, C0, B0], 'lib-face-right'));\n parts.push(poly([C, D, D0, C0], 'lib-face-left'));\n\n parts.push(poly([A, B, C, D], 'lib-edge'));\n parts.push(line(B, B0, 'lib-edge'));\n parts.push(line(C, C0, 'lib-edge'));\n parts.push(line(D, D0, 'lib-edge'));\n\n for (var i = 1; i < b.floors; i++) {\n var fh = (h \/ b.floors) * i;\n\n var Bf = proj(x1,y0,fh);\n var Cf = proj(x1,y1,fh);\n var Df = proj(x0,y1,fh);\n\n parts.push(line(Bf, Cf, 'lib-floor'));\n parts.push(line(Cf, Df, 'lib-floor'));\n }\n\n \/* Beacon auf den drei h\u00f6chsten T\u00fcrmen *\/\n if (b.h >= 28) {\n var beaconPos = proj(x0 + b.w \/ 2, y0 + b.d \/ 2, h + 1.2);\n parts.push(\n '<circle class=\"lib-beacon\" cx=\"' + beaconPos[0].toFixed(1) +\n '\" cy=\"' + beaconPos[1].toFixed(1) +\n '\" r=\"2.4\" style=\"animation-delay:' + (idx * 0.9) + 's\"\/>'\n );\n }\n } else {\n var rh = b.h + b.roof;\n var R = proj(x0 + b.w \/ 2, y0 + b.d \/ 2, rh);\n\n parts.push(poly([A, B, R], 'lib-roof-a'));\n parts.push(poly([B, C, R], 'lib-roof-b'));\n parts.push(poly([C, D, R], 'lib-roof-a'));\n parts.push(poly([D, A, R], 'lib-roof-b'));\n\n parts.push(poly([B, C, C0, B0], 'lib-face-right'));\n parts.push(poly([C, D, D0, C0], 'lib-face-left'));\n\n parts.push(line(A, R, 'lib-edge'));\n parts.push(line(B, R, 'lib-edge'));\n parts.push(line(C, R, 'lib-edge'));\n parts.push(line(D, R, 'lib-edge'));\n\n parts.push(line(A, B, 'lib-edge'));\n parts.push(line(B, C, 'lib-edge'));\n parts.push(line(C, D, 'lib-edge'));\n parts.push(line(D, A, 'lib-edge'));\n\n parts.push(line(B, B0, 'lib-edge'));\n parts.push(line(C, C0, 'lib-edge'));\n parts.push(line(D, D0, 'lib-edge'));\n }\n\n \/* Jedes Geb\u00e4ude als eigene Gruppe \u2192 gestaffelter Aufbau *\/\n groups.push(\n '<g class=\"lib-bld\" style=\"animation-delay:' + (250 + idx * 110) + 'ms\">' +\n parts.join('') +\n '<\/g>'\n );\n });\n\n var minX = 0;\n var maxX = 0;\n var minY = 0;\n var maxY = 0;\n\n allPts.forEach(function (p) {\n if (p[0] < minX) minX = p[0];\n if (p[0] > maxX) maxX = p[0];\n if (p[1] < minY) minY = p[1];\n if (p[1] > maxY) maxY = p[1];\n });\n\n var pad = 40;\n\n svg.setAttribute(\n 'viewBox',\n (minX - pad) + ' ' +\n (minY - pad) + ' ' +\n (maxX - minX + pad * 2) + ' ' +\n (maxY - minY + pad * 2)\n );\n\n svg.innerHTML = groups.join('');\n\n \/* ---------- Sanfter Parallax: Maus + Scroll ---------- *\/\n\n var city = document.getElementById('libCity');\n\n if (city && !reducedMotion) {\n var mx = 0;\n var scrollY = 0;\n var ticking = false;\n\n function applyParallax() {\n ticking = false;\n city.style.transform =\n 'translate3d(' + mx.toFixed(1) + 'px, ' + (scrollY * 0.12).toFixed(1) + 'px, 0)';\n }\n\n function requestTick() {\n if (!ticking) {\n ticking = true;\n requestAnimationFrame(applyParallax);\n }\n }\n\n if (finePointer) {\n hero.addEventListener('mousemove', function (e) {\n var rect = hero.getBoundingClientRect();\n mx = ((e.clientX - rect.left) \/ rect.width - 0.5) * -14;\n requestTick();\n });\n\n hero.addEventListener('mouseleave', function () {\n mx = 0;\n requestTick();\n });\n }\n\n window.addEventListener('scroll', function () {\n var rect = hero.getBoundingClientRect();\n scrollY = Math.max(0, -rect.top);\n requestTick();\n }, { passive: true });\n }\n})();\n<\/script>\n\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\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a8c6f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a8c6f8\" 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-863fc55\" data-id=\"863fc55\" 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-72658ae elementor-widget elementor-widget-html\" data-id=\"72658ae\" 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<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap');\n\n.lima-valuation-cta {\n --lima-ink: #1a1a1a;\n --lima-ink-soft: #2c2c2c;\n --lima-muted: #6b6b6b;\n --lima-gold: #bb9e1c;\n --lima-gold-light: #d4bc4a;\n --lima-gold-soft: #eadfba;\n --lima-paper: #f7f8f4;\n --lima-white: #ffffff;\n --lima-line: rgba(26, 26, 26, 0.1);\n --lima-shadow: 0 18px 52px rgba(26, 26, 26, 0.11);\n\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n padding: clamp(24px, 3.8vw, 48px) 16px;\n color: var(--lima-ink);\n isolation: isolate;\n}\n\n.lima-valuation-cta * {\n box-sizing: border-box;\n}\n\n.lima-valuation-shell {\n width: min(920px, 100%);\n margin: 0 auto;\n}\n\n\/* ========================================\n KARTE\n ======================================== *\/\n\n.lima-valuation-card {\n position: relative;\n overflow: hidden;\n border: 1px solid var(--lima-line);\n border-radius: 24px;\n background:\n linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(247, 248, 244, 0.97)),\n #fff;\n box-shadow: var(--lima-shadow);\n text-align: center;\n opacity: 0;\n transform: translateY(24px) scale(0.985);\n transition:\n opacity 800ms cubic-bezier(0.16, 1, 0.3, 1),\n transform 800ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-card {\n opacity: 1;\n transform: translateY(0) scale(1);\n}\n\n.lima-valuation-cta.no-js .lima-valuation-card {\n opacity: 1;\n transform: none;\n}\n\n.lima-valuation-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: 0;\n background-image:\n radial-gradient(ellipse 60% 50% at 50% 0%, rgba(187, 158, 28, 0.07), transparent 70%),\n repeating-linear-gradient(0deg, rgba(26, 26, 26, 0.018) 0 1px, transparent 1px 48px),\n repeating-linear-gradient(90deg, rgba(26, 26, 26, 0.018) 0 1px, transparent 1px 48px);\n pointer-events: none;\n}\n\n.lima-valuation-card::after {\n content: \"\";\n position: absolute;\n inset: auto 24px 0 24px;\n height: 1px;\n background: linear-gradient(90deg, transparent, rgba(187, 158, 28, 0.55), transparent);\n}\n\n.lima-valuation-topline {\n position: absolute;\n inset: 0 0 auto 0;\n height: 4px;\n background: linear-gradient(90deg, transparent, var(--lima-gold), transparent);\n opacity: 0.9;\n z-index: 2;\n}\n\n\/* ========================================\n MAUS-SPOTLIGHT\n ======================================== *\/\n\n.lima-valuation-spotlight {\n position: absolute;\n inset: 0;\n z-index: 0;\n pointer-events: none;\n background: radial-gradient(\n 340px circle at var(--mx, 50%) var(--my, -20%),\n rgba(187, 158, 28, 0.09),\n transparent 70%\n );\n opacity: 0;\n transition: opacity 400ms ease;\n}\n\n.lima-valuation-card:hover .lima-valuation-spotlight {\n opacity: 1;\n}\n\n\/* ========================================\n WERTKURVE\n ======================================== *\/\n\n.lima-valuation-chart {\n position: absolute;\n inset: auto 0 0 0;\n height: 42%;\n z-index: 0;\n pointer-events: none;\n overflow: hidden;\n}\n\n.lima-valuation-chart svg {\n display: block;\n width: 100%;\n height: 100%;\n}\n\n.lima-chart-line {\n fill: none;\n stroke: var(--lima-gold);\n stroke-width: 2;\n stroke-linecap: round;\n opacity: 0.36;\n stroke-dasharray: 1300;\n stroke-dashoffset: 1300;\n}\n\n.lima-chart-fill {\n fill: url(#limaChartGradient);\n opacity: 0;\n transition: opacity 1200ms ease 1100ms;\n}\n\n.lima-valuation-cta.is-visible .lima-chart-line {\n animation: lima-chart-draw 2.2s cubic-bezier(0.4, 0, 0.2, 1) 500ms forwards;\n}\n\n.lima-valuation-cta.is-visible .lima-chart-fill {\n opacity: 0.45;\n}\n\n@keyframes lima-chart-draw {\n to {\n stroke-dashoffset: 0;\n }\n}\n\n.lima-chart-dot {\n fill: var(--lima-gold);\n opacity: 0;\n}\n\n.lima-chart-dot-ring {\n fill: none;\n stroke: var(--lima-gold);\n stroke-width: 1.5;\n opacity: 0;\n transform-origin: center;\n transform-box: fill-box;\n}\n\n.lima-valuation-cta.is-visible .lima-chart-dot {\n animation: lima-dot-in 400ms ease 2.5s forwards;\n}\n\n.lima-valuation-cta.is-visible .lima-chart-dot-ring {\n animation: lima-dot-pulse 2s ease-in-out 2.9s infinite;\n}\n\n@keyframes lima-dot-in {\n to {\n opacity: 0.85;\n }\n}\n\n@keyframes lima-dot-pulse {\n 0% {\n opacity: 0.6;\n transform: scale(1);\n }\n\n 70% {\n opacity: 0;\n transform: scale(2.4);\n }\n\n 100% {\n opacity: 0;\n transform: scale(2.4);\n }\n}\n\n\/* ========================================\n INHALT\n ======================================== *\/\n\n.lima-valuation-inner {\n position: relative;\n z-index: 1;\n display: grid;\n justify-items: center;\n padding: clamp(30px, 4.6vw, 52px) clamp(22px, 5vw, 58px);\n}\n\n.lima-valuation-badge,\n.lima-valuation-title,\n.lima-valuation-text,\n.lima-valuation-actions,\n.lima-valuation-trust,\n.lima-valuation-note {\n opacity: 0;\n transform: translateY(14px);\n transition:\n opacity 650ms cubic-bezier(0.16, 1, 0.3, 1),\n transform 650ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-badge {\n transition-delay: 250ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-title {\n transition-delay: 400ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-text {\n transition-delay: 550ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-actions {\n transition-delay: 700ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust {\n transition-delay: 850ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-note {\n transition-delay: 1000ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-badge,\n.lima-valuation-cta.is-visible .lima-valuation-title,\n.lima-valuation-cta.is-visible .lima-valuation-text,\n.lima-valuation-cta.is-visible .lima-valuation-actions,\n.lima-valuation-cta.is-visible .lima-valuation-trust,\n.lima-valuation-cta.is-visible .lima-valuation-note,\n.lima-valuation-cta.no-js .lima-valuation-badge,\n.lima-valuation-cta.no-js .lima-valuation-title,\n.lima-valuation-cta.no-js .lima-valuation-text,\n.lima-valuation-cta.no-js .lima-valuation-actions,\n.lima-valuation-cta.no-js .lima-valuation-trust,\n.lima-valuation-cta.no-js .lima-valuation-note {\n opacity: 1;\n transform: translateY(0);\n}\n\n\/* ========================================\n BADGE\n ======================================== *\/\n\n.lima-valuation-badge {\n display: inline-flex;\n align-items: center;\n gap: 9px;\n margin-bottom: 16px;\n border: 1px solid rgba(187, 158, 28, 0.26);\n border-radius: 999px;\n padding: 6px 13px;\n background: rgba(255, 255, 255, 0.76);\n box-shadow: 0 8px 24px rgba(26, 26, 26, 0.06);\n backdrop-filter: blur(10px);\n -webkit-backdrop-filter: blur(10px);\n}\n\n.lima-valuation-badge-dot {\n position: relative;\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background: var(--lima-gold);\n}\n\n.lima-valuation-badge-dot::after {\n content: \"\";\n position: absolute;\n inset: -5px;\n border-radius: inherit;\n border: 1px solid rgba(187, 158, 28, 0.45);\n animation: lima-pulse 1.8s ease-in-out infinite;\n}\n\n@keyframes lima-pulse {\n 0%,\n 100% {\n opacity: 0.3;\n transform: scale(0.9);\n }\n\n 50% {\n opacity: 0;\n transform: scale(1.35);\n }\n}\n\n.lima-valuation-badge-text {\n color: #8c7212;\n font-family: 'Poppins', sans-serif;\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n}\n\n\/* ========================================\n HEADLINE\n ======================================== *\/\n\n.lima-valuation-title {\n max-width: 720px;\n margin: 0;\n color: var(--lima-ink);\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n font-weight: 600;\n letter-spacing: -0.02em;\n line-height: 1.08;\n}\n\n.lima-valuation-title span {\n display: inline-block;\n color: var(--lima-gold);\n white-space: nowrap;\n}\n\n.lima-valuation-text {\n max-width: 610px;\n margin: 14px auto 0;\n color: var(--lima-muted);\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 400;\n line-height: 1.62;\n}\n\n\/* ========================================\n BUTTON\n ======================================== *\/\n\n.lima-valuation-actions {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 14px;\n margin-top: 24px;\n}\n\n.lima-valuation-button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 11px;\n min-height: 50px;\n border: 1px solid rgba(187, 158, 28, 0.38);\n border-radius: 4px;\n padding: 14px 32px;\n overflow: hidden;\n background: linear-gradient(135deg, #111111, #2b2b2b);\n color: #ffffff;\n box-shadow: 0 13px 30px rgba(26, 26, 26, 0.18);\n font-family: 'Poppins', sans-serif;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.075em;\n text-decoration: none;\n text-transform: uppercase;\n transition:\n transform 180ms ease,\n box-shadow 180ms ease,\n border-color 180ms ease,\n background 180ms ease;\n}\n\n.lima-valuation-button::after {\n content: \"\";\n position: absolute;\n inset: auto 0 0 0;\n height: 2px;\n background: linear-gradient(90deg, transparent, var(--lima-gold), transparent);\n opacity: 0.78;\n}\n\n.lima-valuation-button::before {\n content: \"\";\n position: absolute;\n inset: 0 auto 0 -45%;\n width: 32%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);\n transform: skewX(-22deg);\n transition: transform 600ms ease;\n}\n\n.lima-valuation-button:hover {\n transform: translateY(-2px);\n border-color: rgba(187, 158, 28, 0.75);\n box-shadow: 0 18px 40px rgba(187, 158, 28, 0.2);\n background: linear-gradient(135deg, #0b0b0b, #202020);\n}\n\n.lima-valuation-button:hover::before {\n transform: translateX(460%) skewX(-22deg);\n}\n\n.lima-valuation-button:focus-visible {\n outline: 3px solid rgba(187, 158, 28, 0.45);\n outline-offset: 4px;\n}\n\n.lima-valuation-button svg {\n flex: 0 0 auto;\n transition: transform 180ms ease;\n}\n\n.lima-valuation-button:hover svg {\n transform: translateX(4px);\n}\n\n\/* ========================================\n TRUST-LEISTE \u2013 PREMIUM SERVICE CARDS\n ======================================== *\/\n\n.lima-valuation-trust {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n justify-content: center;\n gap: 12px;\n width: 100%;\n max-width: 720px;\n margin-top: 24px;\n padding-top: 20px;\n border-top: 1px solid rgba(26, 26, 26, 0.08);\n}\n\n.lima-valuation-trust-item {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 9px;\n min-height: 48px;\n padding: 11px 14px;\n border: 1px solid rgba(187, 158, 28, 0.18);\n border-radius: 6px;\n background:\n linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(247, 248, 244, 0.68));\n color: #3a3a3a;\n font-family: 'Poppins', sans-serif;\n font-size: 0.72rem;\n font-weight: 500;\n white-space: nowrap;\n overflow: hidden;\n box-shadow: 0 8px 22px rgba(26, 26, 26, 0.045);\n transform: translateY(0);\n transition:\n transform 220ms ease,\n box-shadow 220ms ease,\n border-color 220ms ease,\n background 220ms ease;\n}\n\n.lima-valuation-trust-item::before {\n content: \"\";\n position: absolute;\n inset: 0 auto 0 -42%;\n width: 34%;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(187, 158, 28, 0.16),\n transparent\n );\n transform: skewX(-22deg);\n opacity: 0;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item::before {\n animation: lima-trust-sweep 4.8s ease-in-out infinite;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(1)::before {\n animation-delay: 1.4s;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(2)::before {\n animation-delay: 2s;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(3)::before {\n animation-delay: 2.6s;\n}\n\n@keyframes lima-trust-sweep {\n 0% {\n opacity: 0;\n transform: translateX(0) skewX(-22deg);\n }\n\n 12% {\n opacity: 1;\n }\n\n 28% {\n opacity: 0;\n transform: translateX(430%) skewX(-22deg);\n }\n\n 100% {\n opacity: 0;\n transform: translateX(430%) skewX(-22deg);\n }\n}\n\n.lima-valuation-trust-item:hover {\n transform: translateY(-3px);\n border-color: rgba(187, 158, 28, 0.46);\n background:\n linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(250, 247, 235, 0.88));\n box-shadow: 0 14px 32px rgba(187, 158, 28, 0.13);\n}\n\n.lima-valuation-check {\n position: relative;\n display: inline-grid;\n flex: 0 0 auto;\n width: 22px;\n height: 22px;\n place-items: center;\n border-radius: 50%;\n background: rgba(187, 158, 28, 0.13);\n color: var(--lima-gold);\n}\n\n.lima-valuation-check::after {\n content: \"\";\n position: absolute;\n inset: -4px;\n border-radius: inherit;\n border: 1px solid rgba(187, 158, 28, 0.28);\n opacity: 0;\n transform: scale(0.8);\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-check::after {\n animation: lima-check-ring 2.7s ease-in-out infinite;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(1) .lima-valuation-check::after {\n animation-delay: 1s;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(2) .lima-valuation-check::after {\n animation-delay: 1.4s;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(3) .lima-valuation-check::after {\n animation-delay: 1.8s;\n}\n\n@keyframes lima-check-ring {\n 0% {\n opacity: 0;\n transform: scale(0.78);\n }\n\n 25% {\n opacity: 0.75;\n }\n\n 70% {\n opacity: 0;\n transform: scale(1.55);\n }\n\n 100% {\n opacity: 0;\n transform: scale(1.55);\n }\n}\n\n.lima-valuation-check svg {\n width: 13px;\n height: 13px;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item {\n animation: lima-trust-pop 700ms cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(1) {\n animation-delay: 960ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(2) {\n animation-delay: 1080ms;\n}\n\n.lima-valuation-cta.is-visible .lima-valuation-trust-item:nth-child(3) {\n animation-delay: 1200ms;\n}\n\n@keyframes lima-trust-pop {\n from {\n opacity: 0;\n transform: translateY(10px) scale(0.96);\n }\n\n to {\n opacity: 1;\n transform: translateY(0) scale(1);\n }\n}\n\n.lima-valuation-note {\n margin-top: 14px;\n color: #828282;\n font-family: 'Poppins', sans-serif;\n font-size: 0.72rem;\n font-weight: 400;\n line-height: 1.45;\n}\n\n\/* ========================================\n RESPONSIVE TYPOGRAFIE\n ======================================== *\/\n\n@media (max-width: 900px) {\n .lima-valuation-title {\n font-size: clamp(2.15rem, 9vw, 3.2rem);\n }\n}\n\n@media (max-width: 520px) {\n .lima-valuation-title {\n font-size: clamp(2.05rem, 11vw, 2.85rem);\n }\n}\n\n\/* ========================================\n RESPONSIVE\n ======================================== *\/\n\n@media (max-width: 720px) {\n .lima-valuation-card {\n border-radius: 18px;\n }\n\n .lima-valuation-inner {\n padding: 30px 18px;\n }\n\n .lima-valuation-badge-text {\n font-size: 0.62rem;\n }\n\n .lima-valuation-text {\n font-size: 0.9rem;\n }\n\n .lima-valuation-title span {\n white-space: normal;\n }\n\n .lima-valuation-actions,\n .lima-valuation-button {\n width: 100%;\n }\n\n .lima-valuation-button {\n border-radius: 4px;\n }\n\n .lima-valuation-trust {\n grid-template-columns: 1fr;\n gap: 9px;\n margin-top: 20px;\n padding-top: 18px;\n }\n\n .lima-valuation-trust-item {\n justify-content: flex-start;\n white-space: normal;\n min-height: 46px;\n }\n}\n\n\/* ========================================\n REDUCED MOTION\n ======================================== *\/\n\n@media (prefers-reduced-motion: reduce) {\n .lima-valuation-cta .lima-valuation-card,\n .lima-valuation-cta .lima-valuation-badge,\n .lima-valuation-cta .lima-valuation-title,\n .lima-valuation-cta .lima-valuation-text,\n .lima-valuation-cta .lima-valuation-actions,\n .lima-valuation-cta .lima-valuation-trust,\n .lima-valuation-cta .lima-valuation-note {\n opacity: 1 !important;\n transform: none !important;\n transition: none !important;\n }\n\n .lima-valuation-badge-dot::after,\n .lima-chart-dot-ring,\n .lima-valuation-trust-item,\n .lima-valuation-trust-item::before,\n .lima-valuation-check::after {\n animation: none !important;\n transition: none !important;\n }\n\n .lima-chart-line {\n stroke-dashoffset: 0 !important;\n animation: none !important;\n }\n\n .lima-chart-fill {\n opacity: 0.45 !important;\n transition: none !important;\n }\n\n .lima-chart-dot {\n opacity: 0.85 !important;\n animation: none !important;\n }\n\n .lima-valuation-spotlight {\n display: none;\n }\n\n .lima-valuation-button,\n .lima-valuation-button::before,\n .lima-valuation-button svg {\n transition: none !important;\n }\n}\n<\/style>\n\n<section class=\"lima-valuation-cta no-js\" id=\"limaValuationCta\" aria-labelledby=\"lima-valuation-title\">\n <div class=\"lima-valuation-shell\">\n <div class=\"lima-valuation-card\" id=\"limaValuationCard\">\n <div class=\"lima-valuation-topline\" aria-hidden=\"true\"><\/div>\n\n <div class=\"lima-valuation-spotlight\" aria-hidden=\"true\"><\/div>\n\n <div class=\"lima-valuation-chart\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 920 220\" preserveAspectRatio=\"none\">\n <defs>\n <linearGradient id=\"limaChartGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#bb9e1c\" stop-opacity=\"0.10\"\/>\n <stop offset=\"100%\" stop-color=\"#bb9e1c\" stop-opacity=\"0\"\/>\n <\/linearGradient>\n <\/defs>\n\n <path\n class=\"lima-chart-fill\"\n d=\"M 0 190 C 120 185, 200 170, 300 158 C 400 146, 470 150, 560 122 C 650 94, 720 88, 800 58 C 850 40, 890 32, 920 24 L 920 220 L 0 220 Z\"\n \/>\n\n <path\n class=\"lima-chart-line\"\n d=\"M 0 190 C 120 185, 200 170, 300 158 C 400 146, 470 150, 560 122 C 650 94, 720 88, 800 58 C 850 40, 890 32, 920 24\"\n \/>\n\n <circle class=\"lima-chart-dot-ring\" cx=\"920\" cy=\"24\" r=\"6\"\/>\n <circle class=\"lima-chart-dot\" cx=\"920\" cy=\"24\" r=\"4\"\/>\n <\/svg>\n <\/div>\n\n <div class=\"lima-valuation-inner\">\n <div class=\"lima-valuation-badge\">\n <span class=\"lima-valuation-badge-dot\" aria-hidden=\"true\"><\/span>\n <span class=\"lima-valuation-badge-text\">Kostenlose Immobilienbewertung<\/span>\n <\/div>\n\n <h2 class=\"lima-valuation-title\" id=\"lima-valuation-title\">\n Was ist Ihre Immobilie <span>heute wirklich wert?<\/span>\n <\/h2>\n\n <p class=\"lima-valuation-text\">\n Erhalten Sie eine professionelle Marktwertanalyse auf Basis aktueller Vergleichsdaten,\n Lagefaktoren und objektbezogener Kennzahlen – kostenfrei, unverbindlich und persönlich\n durch unsere Immobilienexperten.\n <\/p>\n\n <div class=\"lima-valuation-actions\">\n <a\n class=\"lima-valuation-button\"\n href=\"https:\/\/limainvestimmobilien.de\/immobilienbewertung\/\"\n aria-label=\"Kostenlose Immobilienbewertung bei Lima Invest starten\"\n >\n <span>Jetzt bewerten lassen<\/span>\n <svg width=\"19\" height=\"19\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n <\/svg>\n <\/a>\n <\/div>\n\n <div class=\"lima-valuation-trust\" aria-label=\"Vorteile der Immobilienbewertung\">\n <div class=\"lima-valuation-trust-item\">\n <span class=\"lima-valuation-check\" aria-hidden=\"true\">\n <svg fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.704 5.29a1 1 0 0 1 .006 1.414l-7.92 8.004a1 1 0 0 1-1.421.004L3.29 10.63a1 1 0 1 1 1.414-1.414l3.367 3.367 7.214-7.287a1 1 0 0 1 1.419-.006Z\" clip-rule=\"evenodd\"\/>\n <\/svg>\n <\/span>\n <span>Antwort innerhalb von 24h<\/span>\n <\/div>\n\n <div class=\"lima-valuation-trust-item\">\n <span class=\"lima-valuation-check\" aria-hidden=\"true\">\n <svg fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.704 5.29a1 1 0 0 1 .006 1.414l-7.92 8.004a1 1 0 0 1-1.421.004L3.29 10.63a1 1 0 1 1 1.414-1.414l3.367 3.367 7.214-7.287a1 1 0 0 1 1.419-.006Z\" clip-rule=\"evenodd\"\/>\n <\/svg>\n <\/span>\n <span>100% kostenfrei<\/span>\n <\/div>\n\n <div class=\"lima-valuation-trust-item\">\n <span class=\"lima-valuation-check\" aria-hidden=\"true\">\n <svg fill=\"currentColor\" viewBox=\"0 0 20 20\">\n <path fill-rule=\"evenodd\" d=\"M16.704 5.29a1 1 0 0 1 .006 1.414l-7.92 8.004a1 1 0 0 1-1.421.004L3.29 10.63a1 1 0 1 1 1.414-1.414l3.367 3.367 7.214-7.287a1 1 0 0 1 1.419-.006Z\" clip-rule=\"evenodd\"\/>\n <\/svg>\n <\/span>\n <span>Unverbindlich & diskret<\/span>\n <\/div>\n <\/div>\n\n <p class=\"lima-valuation-note\">\n Ideal für Eigentümer, die verkaufen, vermieten, finanzieren oder den aktuellen Marktwert realistisch einschätzen möchten.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function () {\n 'use strict';\n\n var section = document.getElementById('limaValuationCta');\n var card = document.getElementById('limaValuationCard');\n\n if (!section || !card) return;\n\n section.classList.remove('no-js');\n\n if ('IntersectionObserver' in window) {\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n section.classList.add('is-visible');\n observer.disconnect();\n }\n });\n }, {\n threshold: 0.25\n });\n\n observer.observe(section);\n } else {\n section.classList.add('is-visible');\n }\n\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var finePointer = window.matchMedia('(pointer: fine)').matches;\n\n if (!reducedMotion && finePointer) {\n card.addEventListener('mousemove', function (e) {\n var rect = card.getBoundingClientRect();\n\n card.style.setProperty('--mx', (e.clientX - rect.left) + 'px');\n card.style.setProperty('--my', (e.clientY - rect.top) + 'px');\n });\n }\n})();\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-013a9d9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"013a9d9\" 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-ddd00fb\" data-id=\"ddd00fb\" 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-ec5065c elementor-widget elementor-widget-spacer\" data-id=\"ec5065c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bcdf5ef elementor-widget elementor-widget-html\" data-id=\"bcdf5ef\" 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<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>LIMA Performance Engine \u2013 Premium Edition<\/title>\n\n\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=Cormorant+Garamond:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n \/**\n * LIMA PERFORMANCE ENGINE \u2013 PREMIUM EDITION v4\n *\n * \u00c4nderungen gegen\u00fcber v3 (nur Typografie):\n * 1. Headline jetzt in Cormorant Garamond, font-weight 600\n * 2. Alle \u00fcbrigen Texte (Sub, Labels, Zahlen, Button) in Poppins\n * 3. Schriftgr\u00f6\u00dfen an das globale Typo-System der Homepage angepasst:\n * - Headline: clamp(2.25rem, 4.2vw, 3.55rem)\n * \u00b7 bis 900 px: clamp(2.15rem, 9vw, 3.2rem)\n * \u00b7 bis 520 px: clamp(2.05rem, 11vw, 2.85rem)\n * - Flie\u00dftext\/Subline: 0.95rem (mobil 0.9rem)\n * - Eyebrow-\/Label-Texte: 0.68rem (mobil 0.62rem)\n * - Buttons: 0.82rem\n * Layout, Farben, Abst\u00e4nde und Animationen unver\u00e4ndert.\n *\/\n\n .lima-pe {\n \/* Geschwindigkeit des Loops: kleiner = schneller *\/\n --pe-speed: 12s;\n --pe-gold: #bb9e1c;\n --pe-gold-dark: #a48a18;\n --pe-ink: #1c1f26; \/* Anthrazit *\/\n --pe-grey: #6b6f76;\n --pe-bg: #f6f5f2;\n --pe-line: rgba(28, 31, 38, 0.08);\n\n width: 100vw;\n position: relative;\n left: 50%;\n margin-left: -50vw;\n padding: 84px 0 92px;\n overflow: hidden;\n font-family: 'Poppins', sans-serif;\n text-align: center;\n background-color: var(--pe-bg);\n box-sizing: border-box;\n }\n\n .lima-pe *,\n .lima-pe *::before,\n .lima-pe *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n \/* Feine vertikale Hairlines im Hintergrund *\/\n .lima-pe::before {\n content: '';\n position: absolute;\n inset: 0;\n background-image: repeating-linear-gradient(\n 90deg,\n transparent,\n transparent 119px,\n var(--pe-line) 119px,\n var(--pe-line) 120px\n );\n pointer-events: none;\n }\n\n \/* ========================================\n KOPFBEREICH \u2013 Headline + Subline\n ======================================== *\/\n\n .lima-pe__head {\n position: relative;\n padding: 0 24px;\n margin-bottom: 42px;\n }\n\n .lima-pe__headline {\n font-family: 'Cormorant Garamond', serif;\n font-weight: 600;\n color: var(--pe-ink);\n font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n line-height: 1.2;\n letter-spacing: 0.005em;\n opacity: 0;\n transform: translateY(16px);\n transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1),\n transform 700ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .lima-pe__headline strong {\n font-weight: 700;\n color: var(--pe-gold);\n }\n\n .lima-pe__sub {\n margin-top: 10px;\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 400;\n color: var(--pe-grey);\n max-width: 540px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n opacity: 0;\n transform: translateY(12px);\n transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1) 150ms,\n transform 700ms cubic-bezier(0.16, 1, 0.3, 1) 150ms;\n }\n\n .lima-pe.is-visible .lima-pe__headline,\n .lima-pe.is-visible .lima-pe__sub,\n .lima-pe.no-js .lima-pe__headline,\n .lima-pe.no-js .lima-pe__sub {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* ========================================\n MARQUEE \u2013 reiner CSS-Loop\n Track enth\u00e4lt den Kartensatz 2x,\n Animation f\u00e4hrt exakt -50% \u2192 nahtlos\n ======================================== *\/\n\n .lima-pe__viewport {\n position: relative;\n width: 100%;\n padding: 18px 0 26px;\n mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);\n -webkit-mask-image: linear-gradient(to right, transparent, black 12%, black 88%, transparent);\n overflow: hidden;\n }\n\n .lima-pe__track {\n display: flex;\n gap: 22px;\n width: max-content;\n animation: lima-pe-loop var(--pe-speed) linear infinite;\n will-change: transform;\n }\n\n @keyframes lima-pe-loop {\n from { transform: translateX(0); }\n to { transform: translateX(calc(-50% - 11px)); } \/* 11px = halber gap *\/\n }\n\n \/* Pause beim Hovern \u2013 Zahlen in Ruhe lesen *\/\n .lima-pe__viewport:hover .lima-pe__track {\n animation-play-state: paused;\n }\n\n \/* ========================================\n KARTEN \u2013 kompakt, horizontal aufgebaut\n ======================================== *\/\n\n .lima-pe__card {\n position: relative;\n background: #ffffff;\n border: 1px solid var(--pe-line);\n border-radius: 6px;\n padding: 20px 24px;\n width: 268px;\n flex: 0 0 auto;\n box-shadow: 0 8px 22px rgba(28, 31, 38, 0.05);\n transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),\n box-shadow 0.35s ease,\n border-color 0.35s ease;\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 16px;\n text-align: left;\n overflow: hidden;\n }\n\n \/* Goldene Top-Linie: w\u00e4chst beim Hovern \u00fcber die volle Breite *\/\n .lima-pe__card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 3px;\n background: var(--pe-gold);\n transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .lima-pe__card:hover {\n transform: translateY(-4px);\n box-shadow: 0 16px 34px rgba(187, 158, 28, 0.14);\n border-color: rgba(187, 158, 28, 0.35);\n }\n\n .lima-pe__card:hover::before {\n width: 100%;\n }\n\n \/* Gold-Sweep: sehr dezenter Glanz *\/\n .lima-pe__card::after {\n content: '';\n position: absolute;\n top: 0;\n left: -80%;\n width: 45%;\n height: 100%;\n background: linear-gradient(\n 105deg,\n transparent,\n rgba(255, 255, 255, 0.35) 50%,\n transparent\n );\n transform: skewX(-18deg);\n animation: lima-pe-shine 9s ease-in-out infinite;\n pointer-events: none;\n }\n\n .lima-pe__card:nth-child(odd)::after { animation-delay: 2s; }\n .lima-pe__card:nth-child(3n)::after { animation-delay: 4.5s; }\n .lima-pe__card:nth-child(4n)::after { animation-delay: 6.5s; }\n\n @keyframes lima-pe-shine {\n 0% { left: -80%; }\n 25%, 100% { left: 160%; }\n }\n\n \/* ========================================\n ICONS \u2013 Inline-SVG, Gold-Ring (kompakt)\n ======================================== *\/\n\n .lima-pe__icon-ring {\n width: 56px;\n height: 56px;\n flex: 0 0 auto;\n border-radius: 50%;\n border: 1.5px solid rgba(187, 158, 28, 0.55);\n background: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.35s ease, border-color 0.35s ease, transform 0.35s ease;\n }\n\n .lima-pe__card:hover .lima-pe__icon-ring {\n background-color: var(--pe-gold);\n border-color: var(--pe-gold);\n transform: scale(1.05);\n }\n\n .lima-pe__icon-ring svg {\n width: 26px;\n height: 26px;\n stroke: var(--pe-gold);\n fill: none;\n stroke-width: 1.6;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.35s ease;\n }\n\n .lima-pe__card:hover .lima-pe__icon-ring svg {\n stroke: #ffffff;\n }\n\n \/* ========================================\n ZAHLEN & LABELS\n ======================================== *\/\n\n .lima-pe__number {\n font-family: 'Poppins', sans-serif;\n font-size: 1.7rem;\n font-weight: 600;\n color: var(--pe-ink);\n line-height: 1.1;\n font-variant-numeric: tabular-nums; \/* kein Zappeln beim Hochz\u00e4hlen *\/\n letter-spacing: -0.01em;\n white-space: nowrap;\n }\n\n .lima-pe__number .suffix {\n color: var(--pe-gold);\n font-weight: 600;\n }\n\n .lima-pe__label {\n font-family: 'Poppins', sans-serif;\n color: var(--pe-grey);\n font-size: 0.68rem;\n font-weight: 600;\n text-transform: uppercase;\n margin-top: 5px;\n letter-spacing: 0.12em;\n line-height: 1.4;\n }\n\n \/* ========================================\n CTA-BUTTON \u2013 rechteckig, ruhig, pr\u00e4zise\n ======================================== *\/\n\n .lima-pe__btn {\n position: relative;\n display: inline-flex;\n align-items: center;\n gap: 12px;\n background: var(--pe-gold);\n color: #ffffff !important;\n padding: 16px 44px;\n font-family: 'Poppins', sans-serif;\n font-size: 0.82rem;\n font-weight: 600;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n text-decoration: none;\n border-radius: 0; \/* rechteckig *\/\n margin-top: 42px;\n overflow: hidden;\n box-shadow: 0 12px 26px rgba(187, 158, 28, 0.28);\n transition: box-shadow 0.35s ease, transform 0.35s ease;\n z-index: 1;\n }\n\n \/* Dunkle Fl\u00e4che schiebt sich beim Hovern von links ein *\/\n .lima-pe__btn::before {\n content: '';\n position: absolute;\n inset: 0;\n background: var(--pe-ink);\n transform: translateX(-101%);\n transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);\n z-index: -1;\n }\n\n .lima-pe__btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 16px 32px rgba(28, 31, 38, 0.25);\n }\n\n .lima-pe__btn:hover::before {\n transform: translateX(0);\n }\n\n \/* Pfeil rutscht beim Hovern leicht nach rechts *\/\n .lima-pe__btn svg {\n width: 17px;\n height: 17px;\n stroke: currentColor;\n fill: none;\n stroke-width: 1.8;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .lima-pe__btn:hover svg {\n transform: translateX(5px);\n }\n\n .lima-pe__btn:focus-visible {\n outline: 3px solid rgba(187, 158, 28, 0.45);\n outline-offset: 4px;\n }\n\n \/* ========================================\n RESPONSIVE \u2013 nur Schriftgr\u00f6\u00dfen gestaffelt,\n Layout-Breakpoint bei 768px unver\u00e4ndert\n ======================================== *\/\n\n \/* Headline-Staffelung gem\u00e4\u00df globalem Typo-System *\/\n @media (max-width: 900px) {\n .lima-pe__headline { font-size: clamp(2.15rem, 9vw, 3.2rem); }\n }\n\n @media (max-width: 768px) {\n .lima-pe { padding: 60px 0 68px; --pe-speed: 9s; }\n .lima-pe__head { margin-bottom: 30px; }\n .lima-pe__sub { font-size: 0.9rem; }\n .lima-pe__card { width: 240px; padding: 16px 18px; gap: 13px; }\n .lima-pe__icon-ring { width: 48px; height: 48px; }\n .lima-pe__icon-ring svg { width: 22px; height: 22px; }\n .lima-pe__number { font-size: 1.45rem; }\n .lima-pe__label { font-size: 0.62rem; }\n .lima-pe__btn { padding: 14px 34px; letter-spacing: 0.16em; }\n }\n\n @media (max-width: 520px) {\n .lima-pe__headline { font-size: clamp(2.05rem, 11vw, 2.85rem); }\n }\n\n \/* ========================================\n REDUCED MOTION\n Marquee steht, Inhalt horizontal scrollbar,\n Zahlen sofort final\n ======================================== *\/\n\n @media (prefers-reduced-motion: reduce) {\n .lima-pe__track {\n animation: none;\n }\n .lima-pe__viewport {\n overflow-x: auto;\n mask-image: none;\n -webkit-mask-image: none;\n }\n .lima-pe__card::after {\n animation: none;\n }\n .lima-pe__btn,\n .lima-pe__btn::before,\n .lima-pe__btn svg {\n transition: none;\n }\n .lima-pe__headline,\n .lima-pe__sub {\n opacity: 1;\n transform: none;\n transition: none;\n }\n }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"lima-pe no-js\" id=\"limaPerformance\">\n\n <div class=\"lima-pe__head\">\n <h2 class=\"lima-pe__headline\">Zugang zu <strong>Netzwerk, Deals & freien Flächen<\/strong><\/h2>\n <p class=\"lima-pe__sub\">Off-Market-Investments entstehen über Beziehungen. Diese Zahlen zeigen, worauf Sie bei uns zurückgreifen.<\/p>\n <\/div>\n\n <div class=\"lima-pe__viewport\">\n <div class=\"lima-pe__track\" id=\"limaPeTrack\">\n \n <\/div>\n <\/div>\n\n <a href=\"https:\/\/limainvestimmobilien.de\/suchprofil-hinterlegen\/\" class=\"lima-pe__btn\">\n Suchprofil anlegen\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 12h15\"\/><path d=\"M13 6l6 6-6 6\"\/><\/svg>\n <\/a>\n<\/section>\n\n<script>\n(function () {\n 'use strict';\n\n var section = document.getElementById('limaPerformance');\n var track = document.getElementById('limaPeTrack');\n if (!section || !track) return;\n\n section.classList.remove('no-js');\n\n \/* ----------------------------------------\n ICONS \u2013 Inline-SVG (24x24 ViewBox)\n ---------------------------------------- *\/\n var icons = {\n \/* Skyline: verkaufte Objekte *\/\n skyline:\n '<svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18\"\/><path d=\"M5 21V9h5v12\"\/>' +\n '<path d=\"M10 21V4h6v17\"\/><path d=\"M16 21V12h3v9\"\/>' +\n '<path d=\"M7 12h1M7 15h1M12.5 8h1M12.5 11h1M12.5 14h1\"\/><\/svg>',\n\n \/* Tacho: schnelle Wertermittlung *\/\n gauge:\n '<svg viewBox=\"0 0 24 24\"><path d=\"M5 19a9 9 0 1 1 14 0\"\/>' +\n '<path d=\"M12 13.5 16 9\"\/><circle cx=\"12\" cy=\"14\" r=\"1.4\"\/>' +\n '<path d=\"M12 5.5v1M6 8.5l.8.8M18 8.5l-.8.8\"\/><\/svg>',\n\n \/* Netzwerk-Knoten: K\u00e4ufernetzwerk *\/\n network:\n '<svg viewBox=\"0 0 24 24\"><circle cx=\"6\" cy=\"6\" r=\"2.6\"\/>' +\n '<circle cx=\"18\" cy=\"6\" r=\"2.6\"\/><circle cx=\"12\" cy=\"18\" r=\"2.6\"\/>' +\n '<path d=\"M8.3 7.3 10.8 15.7M15.7 7.3 13.2 15.7M8.6 6h6.8\"\/><\/svg>',\n\n \/* Schild mit Haken: Eigent\u00fcmernetzwerk \/ Vertrauen *\/\n shield:\n '<svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 2.8v5.2c0 4.6-3 8.2-7 10-4-1.8-7-5.4-7-10V5.8z\"\/>' +\n '<path d=\"M9 12l2.2 2.2L15.5 9.7\"\/><\/svg>',\n\n \/* Klemmbrett: aktuelle Auftr\u00e4ge *\/\n clipboard:\n '<svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"4\" width=\"14\" height=\"17\" rx=\"2\"\/>' +\n '<path d=\"M9 4a3 3 0 0 1 6 0\"\/><path d=\"M9 10h6M9 13.5h6M9 17h3.5\"\/><\/svg>'\n };\n\n \/* ----------------------------------------\n DATEN\n value = Zielwert f\u00fcr den Count-up\n ---------------------------------------- *\/\n var cardData = [\n { icon: icons.skyline, value: 100, suffix: '+', label: 'Objekte ver\\u00e4u\\u00dfert' },\n { icon: icons.gauge, value: 24, suffix: ' Std.', label: 'Qualifizierte Wertermittlung' },\n { icon: icons.network, value: 5000, suffix: '+', label: 'K\\u00e4ufernetzwerk' },\n { icon: icons.shield, value: 2500, suffix: '+', label: 'Eigent\\u00fcmernetzwerk' },\n { icon: icons.clipboard, value: 50, suffix: '+', label: 'Aktuelle Auftr\\u00e4ge' }\n ];\n\n \/* Deutsche Tausender-Formatierung (5.000 statt 5000) *\/\n function formatDE(n) {\n return n.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, '.');\n }\n\n function renderNumber(el, current) {\n el.innerHTML = formatDE(current) + '<span class=\"suffix\">' + el.dataset.suffix + '<\/span>';\n }\n\n \/* ----------------------------------------\n TRACK 2x BEF\u00dcLLEN (nahtloser CSS-Loop)\n ---------------------------------------- *\/\n function buildCard(data) {\n var card = document.createElement('div');\n card.className = 'lima-pe__card';\n card.innerHTML =\n '<div class=\"lima-pe__icon-ring\" aria-hidden=\"true\">' + data.icon + '<\/div>' +\n '<div class=\"lima-pe__body\">' +\n '<div class=\"lima-pe__number\" data-value=\"' + data.value + '\" data-suffix=\"' + data.suffix + '\">0<span class=\"suffix\">' + data.suffix + '<\/span><\/div>' +\n '<div class=\"lima-pe__label\">' + data.label + '<\/div>' +\n '<\/div>';\n return card;\n }\n\n var fragment = document.createDocumentFragment();\n cardData.concat(cardData).forEach(function (data) {\n fragment.appendChild(buildCard(data));\n });\n track.appendChild(fragment);\n\n \/* ----------------------------------------\n COUNT-UP \u2013 Zahlen z\u00e4hlen beim Einscrollen hoch\n ---------------------------------------- *\/\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n function setFinalNumbers() {\n track.querySelectorAll('.lima-pe__number').forEach(function (el) {\n renderNumber(el, parseInt(el.dataset.value, 10));\n });\n }\n\n function animateNumbers() {\n var duration = 1600;\n var start = null;\n\n function easeOutCubic(t) {\n return 1 - Math.pow(1 - t, 3);\n }\n\n var numbers = track.querySelectorAll('.lima-pe__number');\n\n function step(timestamp) {\n if (!start) start = timestamp;\n var progress = Math.min((timestamp - start) \/ duration, 1);\n var eased = easeOutCubic(progress);\n\n numbers.forEach(function (el) {\n var target = parseInt(el.dataset.value, 10);\n renderNumber(el, Math.round(target * eased));\n });\n\n if (progress < 1) {\n requestAnimationFrame(step);\n }\n }\n\n requestAnimationFrame(step);\n }\n\n if (reducedMotion || !('IntersectionObserver' in window)) {\n setFinalNumbers();\n section.classList.add('is-visible');\n } else {\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n section.classList.add('is-visible');\n observer.disconnect();\n animateNumbers();\n }\n });\n }, { threshold: 0.3 });\n observer.observe(section);\n }\n})();\n<\/script>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-82df0f8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"82df0f8\" 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-553245a\" data-id=\"553245a\" 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-cb611b1 elementor-widget elementor-widget-spacer\" data-id=\"cb611b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f01d232 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f01d232\" 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-09b0b3f\" data-id=\"09b0b3f\" 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-4d5336c elementor-widget elementor-widget-html\" data-id=\"4d5336c\" 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\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@600;700&family=Poppins:wght@300;400;500;600&display=swap');\n\n #lima-tools-section {\n --lt-gold: #bb9e1c;\n --lt-gold-dark: #8e7815;\n --lt-ink: #1a1a1a;\n --lt-muted: #64748b;\n\n font-family: 'Poppins', sans-serif;\n background-color: transparent;\n padding: 60px 20px;\n max-width: 1200px;\n margin: 0 auto;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n #lima-tools-section * {\n box-sizing: border-box;\n }\n\n \/* ========================================\n HEADER \u2013 Entrance beim Einscrollen\n ======================================== *\/\n\n .lima-header {\n text-align: center;\n margin-bottom: 60px;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 800ms cubic-bezier(0.16, 1, 0.3, 1),\n transform 800ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n #lima-tools-section.is-visible .lima-header,\n #lima-tools-section.no-js .lima-header {\n opacity: 1;\n transform: translateY(0);\n }\n\n .lima-header h2 {\n color: var(--lt-ink);\n font-family: 'Cormorant Garamond', serif;\n font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n font-weight: 600;\n margin: 0 0 15px 0;\n line-height: 1.15;\n letter-spacing: -0.01em;\n }\n\n .lima-header h2 em {\n font-style: normal;\n color: var(--lt-gold);\n }\n\n .lima-header p {\n color: #475569;\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n margin: 0 auto;\n font-weight: 400;\n max-width: 600px;\n }\n\n \/* ========================================\n GRID & KARTEN\n ======================================== *\/\n\n .lima-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 32px;\n justify-content: center;\n }\n\n .lima-card {\n background: #ffffff;\n flex: 1;\n min-width: 320px;\n max-width: 360px;\n border-radius: 20px;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 10px 15px -3px rgba(0, 0, 0, 0.03);\n padding: 0 0 35px 0;\n text-align: center;\n transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),\n box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),\n border-color 0.5s ease,\n opacity 800ms cubic-bezier(0.16, 1, 0.3, 1);\n border: 1px solid #f1f5f9;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(30px);\n }\n\n \/* Gestaffelte Entrance, getriggert per .is-visible *\/\n #lima-tools-section.is-visible .lima-card,\n #lima-tools-section.no-js .lima-card {\n opacity: 1;\n transform: translateY(0);\n }\n\n #lima-tools-section.is-visible .lima-card:nth-child(1) { transition-delay: 150ms; }\n #lima-tools-section.is-visible .lima-card:nth-child(2) { transition-delay: 300ms; }\n #lima-tools-section.is-visible .lima-card:nth-child(3) { transition-delay: 450ms; }\n\n .lima-card:hover {\n transform: translateY(-12px);\n box-shadow: 0 25px 50px -12px rgba(187, 158, 28, 0.18);\n border-color: rgba(187, 158, 28, 0.35);\n transition-delay: 0ms !important;\n }\n\n \/* ========================================\n TOOL-PREVIEWS (ersetzen die Icons)\n Gemeinsamer Rahmen: heller Panel-Look\n mit feinem Raster wie Millimeterpapier\n ======================================== *\/\n\n .lima-tool-visual {\n position: relative;\n width: 100%;\n aspect-ratio: 16 \/ 10;\n background:\n radial-gradient(ellipse 70% 60% at 50% 0%, rgba(187, 158, 28, 0.08), transparent 70%),\n repeating-linear-gradient(0deg, rgba(26, 26, 26, 0.025) 0 1px, transparent 1px 28px),\n repeating-linear-gradient(90deg, rgba(26, 26, 26, 0.025) 0 1px, transparent 1px 28px),\n #f8f7f2;\n border-bottom: 1px solid rgba(187, 158, 28, 0.18);\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 30px;\n }\n\n \/* --- Preview 1: RENDITE-DISPLAY --- *\/\n\n .lima-pv-rendite {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 10px;\n }\n\n .lima-pv-rendite .pv-label {\n font-family: 'Poppins', sans-serif;\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n color: #8a8a8a;\n }\n\n .lima-pv-rendite .pv-value {\n font-family: 'Poppins', sans-serif;\n font-size: clamp(40px, 5vw, 52px);\n font-weight: 600;\n color: var(--lt-gold);\n line-height: 1;\n font-variant-numeric: tabular-nums;\n }\n\n .lima-pv-rendite .pv-chips {\n display: flex;\n gap: 8px;\n }\n\n .lima-pv-rendite .pv-chip {\n font-family: 'Poppins', sans-serif;\n font-size: 0.72rem;\n font-weight: 500;\n color: #555;\n background: #ffffff;\n border: 1px solid rgba(26, 26, 26, 0.08);\n border-radius: 999px;\n padding: 5px 12px;\n opacity: 0;\n transform: translateY(8px);\n transition: opacity 500ms ease, transform 500ms ease;\n }\n\n #lima-tools-section.is-visible .pv-chip:nth-child(1) { transition-delay: 1500ms; }\n #lima-tools-section.is-visible .pv-chip:nth-child(2) { transition-delay: 1700ms; }\n\n #lima-tools-section.is-visible .pv-chip,\n #lima-tools-section.no-js .pv-chip {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* --- Preview 2: STANDORT-KARTE mit Pin-Drop --- *\/\n\n .lima-pv-map {\n position: absolute;\n inset: 0;\n }\n\n \/* Abstrakte Stra\u00dfenz\u00fcge *\/\n .lima-pv-map svg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n }\n\n .lima-pv-map .pv-street {\n stroke: rgba(26, 26, 26, 0.1);\n stroke-width: 2;\n fill: none;\n }\n\n .lima-pv-map .pv-street--gold {\n stroke: rgba(187, 158, 28, 0.35);\n stroke-width: 2.5;\n }\n\n \/* Pin: droppt beim Einscrollen *\/\n .lima-pv-pin {\n position: absolute;\n left: 50%;\n top: 38%;\n width: 30px;\n height: 38px;\n transform: translate(-50%, -160%);\n opacity: 0;\n }\n\n #lima-tools-section.is-visible .lima-pv-pin {\n animation: lima-pin-drop 600ms cubic-bezier(0.34, 1.56, 0.64, 1) 900ms forwards;\n }\n\n #lima-tools-section.no-js .lima-pv-pin {\n transform: translate(-50%, -100%);\n opacity: 1;\n }\n\n @keyframes lima-pin-drop {\n 0% { transform: translate(-50%, -260%); opacity: 0; }\n 60% { opacity: 1; }\n 100% { transform: translate(-50%, -100%); opacity: 1; }\n }\n\n .lima-pv-pin svg {\n width: 100%;\n height: 100%;\n fill: var(--lt-gold);\n filter: drop-shadow(0 4px 8px rgba(187, 158, 28, 0.4));\n }\n\n \/* Puls-Ring unter dem Pin *\/\n .lima-pv-ring {\n position: absolute;\n left: 50%;\n top: 38%;\n width: 14px;\n height: 14px;\n border: 2px solid var(--lt-gold);\n border-radius: 50%;\n transform: translate(-50%, -50%) scale(0.5);\n opacity: 0;\n }\n\n #lima-tools-section.is-visible .lima-pv-ring {\n animation: lima-ring-pulse 2.2s ease-out 1500ms infinite;\n }\n\n @keyframes lima-ring-pulse {\n 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.7; }\n 70% { transform: translate(-50%, -50%) scale(3.2); opacity: 0; }\n 100% { transform: translate(-50%, -50%) scale(3.2); opacity: 0; }\n }\n\n \/* Score-Balken unten in der Karte *\/\n .lima-pv-scores {\n position: absolute;\n left: 16px;\n right: 16px;\n bottom: 12px;\n display: flex;\n gap: 8px;\n }\n\n .lima-pv-score {\n flex: 1;\n background: #ffffff;\n border: 1px solid rgba(26, 26, 26, 0.07);\n border-radius: 8px;\n padding: 6px 8px;\n text-align: left;\n }\n\n .lima-pv-score .pv-score-label {\n font-family: 'Poppins', sans-serif;\n font-size: 0.68rem;\n font-weight: 600;\n letter-spacing: 0.8px;\n text-transform: uppercase;\n color: #8a8a8a;\n display: block;\n margin-bottom: 4px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .lima-pv-score .pv-score-bar {\n height: 4px;\n border-radius: 2px;\n background: rgba(187, 158, 28, 0.15);\n overflow: hidden;\n }\n\n .lima-pv-score .pv-score-bar i {\n display: block;\n height: 100%;\n background: var(--lt-gold);\n border-radius: 2px;\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n #lima-tools-section.is-visible .pv-score:nth-child(1) i { transition-delay: 1600ms; transform: scaleX(0.85); }\n #lima-tools-section.is-visible .pv-score:nth-child(2) i { transition-delay: 1750ms; transform: scaleX(0.7); }\n #lima-tools-section.is-visible .pv-score:nth-child(3) i { transition-delay: 1900ms; transform: scaleX(0.9); }\n\n #lima-tools-section.no-js .pv-score:nth-child(1) i { transform: scaleX(0.85); }\n #lima-tools-section.no-js .pv-score:nth-child(2) i { transform: scaleX(0.7); }\n #lima-tools-section.no-js .pv-score:nth-child(3) i { transform: scaleX(0.9); }\n\n \/* --- Preview 3: FINANZIERUNGS-CHART --- *\/\n\n .lima-pv-finance {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 12px;\n width: 100%;\n padding: 0 36px;\n }\n\n .lima-pv-bars {\n display: flex;\n align-items: flex-end;\n gap: 14px;\n height: 80px;\n width: 100%;\n max-width: 220px;\n border-bottom: 2px solid rgba(26, 26, 26, 0.12);\n padding-bottom: 0;\n }\n\n .lima-pv-bar {\n flex: 1;\n border-radius: 6px 6px 0 0;\n background: linear-gradient(180deg, var(--lt-gold), rgba(187, 158, 28, 0.55));\n transform: scaleY(0);\n transform-origin: bottom;\n transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .lima-pv-bar:nth-child(1) { height: 45%; }\n .lima-pv-bar:nth-child(2) { height: 65%; }\n .lima-pv-bar:nth-child(3) { height: 52%; background: linear-gradient(180deg, #2c2c2c, #555); }\n .lima-pv-bar:nth-child(4) { height: 88%; }\n\n #lima-tools-section.is-visible .lima-pv-bar:nth-child(1) { transition-delay: 1000ms; transform: scaleY(1); }\n #lima-tools-section.is-visible .lima-pv-bar:nth-child(2) { transition-delay: 1150ms; transform: scaleY(1); }\n #lima-tools-section.is-visible .lima-pv-bar:nth-child(3) { transition-delay: 1300ms; transform: scaleY(1); }\n #lima-tools-section.is-visible .lima-pv-bar:nth-child(4) { transition-delay: 1450ms; transform: scaleY(1); }\n\n #lima-tools-section.no-js .lima-pv-bar { transform: scaleY(1); }\n\n .lima-pv-finance .pv-rate {\n font-family: 'Poppins', sans-serif;\n font-size: 0.72rem;\n font-weight: 500;\n color: #555;\n background: #ffffff;\n border: 1px solid rgba(187, 158, 28, 0.25);\n border-radius: 999px;\n padding: 6px 14px;\n opacity: 0;\n transform: translateY(8px);\n transition: opacity 500ms ease 1700ms, transform 500ms ease 1700ms;\n }\n\n .lima-pv-finance .pv-rate strong {\n color: var(--lt-gold);\n font-weight: 600;\n }\n\n #lima-tools-section.is-visible .pv-rate,\n #lima-tools-section.no-js .pv-rate {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* ========================================\n KARTENINHALT\n ======================================== *\/\n\n .lima-card-body {\n padding: 0 35px;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n }\n\n .lima-card h3 {\n color: #1e293b;\n font-family: 'Cormorant Garamond', serif;\n font-size: 1.75rem;\n margin: 0 0 12px 0;\n font-weight: 600;\n letter-spacing: -0.01em;\n }\n\n .lima-card .short-text {\n color: var(--lt-muted);\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 400;\n margin: 0 0 30px 0;\n line-height: 1.6;\n min-height: 52px;\n }\n\n .lima-bullets {\n text-align: left;\n list-style: none;\n padding: 0;\n margin: 0 0 35px 0;\n flex-grow: 1;\n }\n\n .lima-bullets li {\n margin-bottom: 14px;\n color: #334155;\n font-family: 'Poppins', sans-serif;\n font-size: 0.95rem;\n font-weight: 400;\n padding-left: 32px;\n position: relative;\n line-height: 1.5;\n transition: transform 0.3s ease;\n }\n\n .lima-card:hover .lima-bullets li {\n transform: translateX(5px);\n }\n\n .lima-bullets li::before {\n content: '';\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23bb9e1c'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'\/%3E%3C\/svg%3E\");\n width: 22px;\n height: 22px;\n position: absolute;\n left: 0;\n top: 0;\n background-size: cover;\n transition: transform 0.3s ease;\n }\n\n .lima-card:hover .lima-bullets li::before {\n transform: scale(1.15);\n }\n\n \/* ========================================\n CTA-BUTTON (3D-Press bleibt)\n ======================================== *\/\n\n .lima-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 18px;\n background-color: var(--lt-gold);\n color: #ffffff;\n text-decoration: none;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 0.82rem;\n border-radius: 12px;\n transition: background-color 0.3s ease, box-shadow 0.2s ease, top 0.2s ease;\n text-transform: uppercase;\n letter-spacing: 1px;\n box-shadow: 0 4px 0px var(--lt-gold-dark);\n position: relative;\n top: 0;\n }\n\n .lima-btn:hover {\n background-color: #a38915;\n box-shadow: 0 2px 0px var(--lt-gold-dark);\n top: 2px;\n }\n\n .lima-btn:active {\n box-shadow: 0 0px 0px var(--lt-gold-dark);\n top: 4px;\n }\n\n .lima-btn:focus-visible {\n outline: 3px solid rgba(187, 158, 28, 0.45);\n outline-offset: 3px;\n }\n\n \/* ========================================\n RESPONSIVE \u2013 Typografie-Breakpoints\n ======================================== *\/\n\n @media (max-width: 900px) {\n .lima-header h2 {\n font-size: clamp(2.15rem, 9vw, 3.2rem);\n }\n }\n\n @media (max-width: 768px) {\n #lima-tools-section { padding: 40px 15px; }\n .lima-grid { flex-direction: column; align-items: center; }\n .lima-card { max-width: 100%; width: 100%; min-width: unset; }\n .lima-card .short-text { min-height: auto; }\n .lima-card-body { padding: 0 25px; }\n\n \/* Mobile Schriftgr\u00f6\u00dfen gem\u00e4\u00df Typografie-System *\/\n .lima-header p { font-size: 0.9rem; }\n .lima-card .short-text { font-size: 0.9rem; }\n .lima-bullets li { font-size: 0.9rem; }\n .lima-pv-rendite .pv-label { font-size: 0.62rem; }\n .lima-pv-score .pv-score-label { font-size: 0.62rem; }\n }\n\n @media (max-width: 520px) {\n .lima-header h2 {\n font-size: clamp(2.05rem, 11vw, 2.85rem);\n }\n }\n\n \/* ========================================\n REDUCED MOTION \u2013 alles sofort final\n ======================================== *\/\n\n @media (prefers-reduced-motion: reduce) {\n #lima-tools-section .lima-header,\n #lima-tools-section .lima-card,\n #lima-tools-section .pv-chip,\n #lima-tools-section .pv-rate {\n opacity: 1 !important;\n transform: none !important;\n transition: none !important;\n }\n #lima-tools-section .lima-pv-bar { transform: scaleY(1) !important; transition: none !important; }\n #lima-tools-section .pv-score-bar i { transition: none !important; }\n #lima-tools-section.is-visible .pv-score:nth-child(1) i { transform: scaleX(0.85) !important; }\n #lima-tools-section.is-visible .pv-score:nth-child(2) i { transform: scaleX(0.7) !important; }\n #lima-tools-section.is-visible .pv-score:nth-child(3) i { transform: scaleX(0.9) !important; }\n #lima-tools-section .lima-pv-pin {\n animation: none !important;\n transform: translate(-50%, -100%) !important;\n opacity: 1 !important;\n }\n #lima-tools-section .lima-pv-ring { animation: none !important; }\n }\n<\/style>\n\n<div id=\"lima-tools-section\" class=\"no-js\">\n\n <div class=\"lima-header\">\n <h2>Digitale Tools für bessere <em>Investment-Entscheidungen<\/em><\/h2>\n <p>In Sekunden Klarheit statt Bauchgefühl. Wählen Sie das passende Tool für Ihren Erfolg.<\/p>\n <\/div>\n\n <div class=\"lima-grid\">\n\n \n <div class=\"lima-card\">\n <div class=\"lima-tool-visual\" aria-hidden=\"true\">\n <div class=\"lima-pv-rendite\">\n <span class=\"pv-label\">Nettorendite p.a.<\/span>\n <span class=\"pv-value\" id=\"limaPvRendite\" data-target=\"7.2\">0,0 %<\/span>\n <div class=\"pv-chips\">\n <span class=\"pv-chip\">Cashflow +312 €\/Monat<\/span>\n <span class=\"pv-chip\">Faktor 13,9<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"lima-card-body\">\n <h3>Renditekalkulator<\/h3>\n <p class=\"short-text\">Cashflow, Brutto- & Nettorendite sowie Faktor in Sekunden berechnen.<\/p>\n <ul class=\"lima-bullets\">\n <li>Sofortiges Ergebnis mit Ihren Zahlen<\/li>\n <li>Klare Einschätzung der Rentabilität<\/li>\n <li>Ideal für Anleger, Makler & Entwickler<\/li>\n <\/ul>\n <a href=\"https:\/\/limainvestimmobilien.de\/kalkulationstool-komplett\/\" class=\"lima-btn\">Cashflow berechnen<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lima-card\">\n <div class=\"lima-tool-visual\" aria-hidden=\"true\">\n <div class=\"lima-pv-map\">\n <svg viewBox=\"0 0 360 225\" preserveAspectRatio=\"xMidYMid slice\">\n <path class=\"pv-street\" d=\"M-10 60 C 80 50, 160 80, 380 55\"\/>\n <path class=\"pv-street\" d=\"M-10 120 C 100 110, 220 140, 380 115\"\/>\n <path class=\"pv-street--gold pv-street\" d=\"M-10 90 C 90 82, 200 108, 380 85\"\/>\n <path class=\"pv-street\" d=\"M70 -10 C 75 80, 60 150, 80 235\"\/>\n <path class=\"pv-street\" d=\"M180 -10 C 185 70, 170 160, 190 235\"\/>\n <path class=\"pv-street\" d=\"M290 -10 C 280 90, 300 150, 285 235\"\/>\n <\/svg>\n <span class=\"lima-pv-ring\"><\/span>\n <span class=\"lima-pv-pin\">\n <svg viewBox=\"0 0 24 30\">\n <path d=\"M12 0C5.4 0 0 5.4 0 12c0 9 12 18 12 18s12-9 12-18C24 5.4 18.6 0 12 0zm0 16.5a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9z\"\/>\n <\/svg>\n <\/span>\n <div class=\"lima-pv-scores\">\n <div class=\"pv-score lima-pv-score\">\n <span class=\"pv-score-label\">Demografie<\/span>\n <span class=\"pv-score-bar\"><i><\/i><\/span>\n <\/div>\n <div class=\"pv-score lima-pv-score\">\n <span class=\"pv-score-label\">Arbeitsmarkt<\/span>\n <span class=\"pv-score-bar\"><i><\/i><\/span>\n <\/div>\n <div class=\"pv-score lima-pv-score\">\n <span class=\"pv-score-label\">Trend<\/span>\n <span class=\"pv-score-bar\"><i><\/i><\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"lima-card-body\">\n <h3>Standort Analysetool<\/h3>\n <p class=\"short-text\">Demografie, Arbeitsmarkt, Wohlstand und Trends sofort analysieren.<\/p>\n <ul class=\"lima-bullets\">\n <li>Standortqualität auf einen Blick sehen<\/li>\n <li>Städte und Regionen direkt vergleichen<\/li>\n <li>Besser investieren durch harte Daten<\/li>\n <\/ul>\n <a href=\"https:\/\/limainvestimmobilien.de\/staedte-toolanalyse\/\" class=\"lima-btn\">Städte analysieren<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"lima-card\">\n <div class=\"lima-tool-visual\" aria-hidden=\"true\">\n <div class=\"lima-pv-finance\">\n <div class=\"lima-pv-bars\">\n <span class=\"lima-pv-bar\"><\/span>\n <span class=\"lima-pv-bar\"><\/span>\n <span class=\"lima-pv-bar\"><\/span>\n <span class=\"lima-pv-bar\"><\/span>\n <\/div>\n <span class=\"pv-rate\">Monatliche Rate: <strong>1.180 €<\/strong><\/span>\n <\/div>\n <\/div>\n <div class=\"lima-card-body\">\n <h3>Finanzierungsrechner<\/h3>\n <p class=\"short-text\">Maximales Budget, Zinsen, Tilgung und monatliche Rate kalkulieren.<\/p>\n <ul class=\"lima-bullets\">\n <li>Maximales Kaufpreisbudget ermitteln<\/li>\n <li>Monatliche Belastung sicher planen<\/li>\n <li>Perfekte Vorbereitung für die Bank<\/li>\n <\/ul>\n <a href=\"https:\/\/limainvestimmobilien.de\/immobilienfinanzierung\/\" class=\"lima-btn\">Finanzierung berechnen<\/a>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n(function () {\n 'use strict';\n\n var section = document.getElementById('lima-tools-section');\n if (!section) return;\n\n section.classList.remove('no-js');\n\n var reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var renditeEl = document.getElementById('limaPvRendite');\n\n \/* Rendite-Counter: 0,0 % \u2192 7,2 % mit deutschem Komma *\/\n function animateRendite() {\n if (!renditeEl) return;\n var target = parseFloat(renditeEl.dataset.target);\n var duration = 1400;\n var start = null;\n\n function easeOutCubic(t) { return 1 - Math.pow(1 - t, 3); }\n\n function step(ts) {\n if (!start) start = ts;\n var progress = Math.min((ts - start) \/ duration, 1);\n var value = target * easeOutCubic(progress);\n renditeEl.textContent = value.toFixed(1).replace('.', ',') + '\\u00a0%';\n if (progress < 1) requestAnimationFrame(step);\n }\n requestAnimationFrame(step);\n }\n\n function setFinal() {\n if (renditeEl) {\n renditeEl.textContent =\n parseFloat(renditeEl.dataset.target).toFixed(1).replace('.', ',') + '\\u00a0%';\n }\n }\n\n if (reducedMotion || !('IntersectionObserver' in window)) {\n section.classList.add('is-visible');\n setFinal();\n } else {\n var observer = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n section.classList.add('is-visible');\n \/* Counter startet, wenn die Karten stehen *\/\n setTimeout(animateRendite, 600);\n observer.disconnect();\n }\n });\n }, { threshold: 0.2 });\n observer.observe(section);\n }\n})();\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-26067e6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"26067e6\" 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-928fade\" data-id=\"928fade\" 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-cd09acd elementor-widget__width-inherit elementor-widget elementor-widget-image-carousel\" data-id=\"cd09acd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"autoplay_speed":500,"image_spacing_custom":{"unit":"px","size":100,"sizes":[]},"navigation":"none","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Bild Karussell\" dir=\"rtl\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/Bildschirmfoto-2025-09-15-um-09.16.19.png\" alt=\"investmentimmobilien-hamburg-Renditeimmobilien\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/Bildschirmfoto-2025-09-15-um-09.22.44.png\" alt=\"Kapitalanlage-hamburg-Renditeimmobilien\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/Bildschirmfoto-2025-09-15-um-09.22.36.png\" alt=\"Kapitalanlage-hamburg-Renditeimmobilien\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/download.png\" alt=\"investmentimmobilien-hamburg\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/justhome.png\" alt=\"justhome-Baufinanzierung-Immobilienfinanzierung-Zinsen-Tilgung\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2025\/09\/Bildschirmfoto-2025-09-15-um-09.22.50-1.png\" alt=\"Handelskammer-Mitgliedinderhandelskammerhamburg\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2026\/03\/immoportal_logo.png\" alt=\"immoportal_logo\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 von 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/limainvestimmobilien.de\/wp-content\/uploads\/2026\/07\/images.jpg\" alt=\"images\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\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>Lima Invest Immobilien \u2013 Off-Market-Investments \u2605 \u2605 \u2605 \u2605 \u2605 Bewertung: 5 von 5 Sternen Lima Invest Immobilien Ihr Zugang zu gepr\u00fcften Off-Market-Investments Als Investmentmakler mit Sitz in Hamburg verbinden wir seit 2016 Kapitalanleger mit exklusiven, diskret gehandelten Anlageimmobilien in den Top-Lagen Deutschlands. Jetzt Angebote entdecken Lima Invest \u2013 Hero Diskret · Geprüft · Renditestark Lima…<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_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-1298","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/1298","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/comments?post=1298"}],"version-history":[{"count":10,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/1298\/revisions"}],"predecessor-version":[{"id":23631,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/1298\/revisions\/23631"}],"wp:attachment":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/media?parent=1298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}