{"id":1298,"date":"2022-06-28T19:05:29","date_gmt":"2022-06-28T19:05:29","guid":{"rendered":"https:\/\/temporary18372.duckdns.org\/wordpress_B\/?page_id=1298"},"modified":"2026-09-02T10:33:30","modified_gmt":"2026-09-02T08:33:30","slug":"start-lima-invest-immobilien-investmentmakler","status":"publish","type":"page","link":"https:\/\/limainvestimmobilien.de\/en\/","title":{"rendered":"Start"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1298\" class=\"elementor elementor-1298\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3710286 e-flex e-con-boxed e-con e-parent\" data-id=\"3710286\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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-4dab5ec elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"4dab5ec\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/vimeo.com\\\/727018545&quot;}\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-container elementor-hidden-mobile\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-background-video-embed\" role=\"presentation\"><\/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 class=\"elementor-background-overlay\"><\/div>\n\t\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-ecb8179\" data-id=\"ecb8179\" 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-240a634 elementor-widget elementor-widget-html\" data-id=\"240a634\" 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================================================================\nLIMA INVEST IMMOBILIEN \u2013 HERO SECTION\nVersion 2 \u00b7 header-sicher\n================================================================\n\nEINBAU IN WORDPRESS\n1) NUR den <style>-Block und die <section class=\"li-hero\"> in den\n   Custom-HTML-Block kopieren. Kein <html>, <head> oder <body> \u2013\n   das war der Hauptgrund, warum die Section vorher aus dem\n   Seitenlayout ausgebrochen ist.\n\n2) Header liegt IM SEITENFLUSS (Standard bei den meisten Themes,\n   Hero beginnt sichtbar unter der Nav):\n   -> nichts tun. --li-header-h bleibt 0px.\n\n3) Header liegt TRANSPARENT \u00dcBER dem Hero (fixed\/absolute):\n   -> der Section zus\u00e4tzlich die Klasse li-hero--overlay-header\n      geben und --li-header-h auf die echte Navigationsh\u00f6he setzen.\n      <section class=\"li-hero li-hero--overlay-header\">\n\n4) Video austauschen: dein-video.mp4 im <source> ersetzen und\n   ein Standbild unter poster=\"\" hinterlegen (wird angezeigt,\n   solange das Video l\u00e4dt).\n\n5) H\u00d6HE \/ ABST\u00c4NDE\n   Der Hero ist so hoch wie sein Inhalt, plus ein kompaktes\n   Innenpolster von 28\u201348px oben und unten (mobil 28px).\n   Soll er wieder den ganzen Bildschirm f\u00fcllen:\n   <section class=\"li-hero li-hero--full\">\n\n7) HINTERGRUND = TRANSPARENT\n   Die Section hat keine eigene Hintergrundfarbe. Was durchscheint,\n   ist der Hintergrund von Seite, Theme oder umgebendem Container.\n   Auch das Video liegt transparent auf \u2013 ohne Video sieht man\n   ausschlie\u00dflich den Seitenhintergrund.\n\n   Wer den Hero ganz ohne Video will, l\u00f6scht den kompletten\n   <div class=\"li-hero__media\"> Block.\n\n   Steht der Hero auf einem hellen oder unruhigen Hintergrund und\n   der wei\u00dfe Text wird schlecht lesbar, gibt es zwei Stellschrauben:\n   a) Der Section zus\u00e4tzlich li-hero--scrim geben -> legt eine\n      leichte Abdunklung \u00fcber das Video.\n   b) Textfarben umstellen: --li-white auf #111111,\n      --li-grey auf #555555.\n\nWARUM NICHTS MEHR \u00dcBERDECKT WIRD\n- Die Section bildet mit z-index:0 + isolation:isolate einen\n  eigenen Stacking-Context. Alles darin (auch das Video) bleibt\n  garantiert unter der Navigation, egal welchen z-index das Theme\n  vergibt.\n- overflow:hidden clippt das Video hart an den Sectiongrenzen.\n- Die H\u00f6he rechnet die Headerh\u00f6he ab (100svh - Header), statt\n  88vh + dicke Paddings zu addieren. Dadurch passt der Hero exakt\n  zwischen Nav und Bildschirmkante und schiebt nichts nach oben.\n================================================================\n-->\n\n<style>\n    .li-hero {\n        --li-gold: #bb9e1c;\n        --li-gold-soft: #d8bc42;\n        --li-white: #ffffff;\n        --li-grey: #cfcfcf;\n\n        \/* 0px = Header steht im Seitenfluss.\n           Nur bei transparenter Overlay-Nav \u00fcberschreiben. *\/\n        --li-header-h: 0px;\n\n        font-family: 'Montserrat', sans-serif;\n        line-height: 1.6;\n        color: var(--li-white);\n\n        \/* transparent \u2013 der Seiten- bzw. Theme-Hintergrund\n           scheint durch *\/\n        background-color: transparent;\n\n        \/* eigener Stacking-Context \u2013 liegt nie \u00fcber der Navigation *\/\n        position: relative;\n        z-index: 0;\n        isolation: isolate;\n        overflow: hidden;\n\n        display: flex;\n        align-items: center;\n        width: 100%;\n\n        \/* H\u00f6he richtet sich nach dem Inhalt.\n           F\u00fcr einen bildschirmf\u00fcllenden Hero die Klasse\n           li-hero--full erg\u00e4nzen. *\/\n        min-height: 0;\n        padding: clamp(28px, 4vw, 48px) 20px;\n        box-sizing: border-box;\n    }\n\n    \/* OPTIONAL: Hero f\u00fcllt den Bildschirm unter dem Header *\/\n    .li-hero--full { min-height: calc(100vh - var(--li-header-h)); }\n\n    @supports (height: 100svh) {\n        .li-hero--full { min-height: calc(100svh - var(--li-header-h)); }\n    }\n\n    \/* Variante f\u00fcr transparente Nav, die \u00fcber dem Hero liegt *\/\n    .li-hero--overlay-header {\n        --li-header-h: 96px;\n        padding-top: calc(var(--li-header-h) + 24px);\n    }\n\n    @media (max-width: 640px) {\n        .li-hero--overlay-header { --li-header-h: 70px; }\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)  { .li-hero { padding-left: 40px; padding-right: 40px; } }\n    @media (min-width: 1024px) { .li-hero { padding-left: 80px; padding-right: 80px; } }\n\n    @media (max-width: 640px) {\n        .li-hero { padding-top: 28px; padding-bottom: 28px; }\n    }\n\n    .li-hero__container {\n        position: relative;\n        z-index: 2;\n        width: 100%;\n        max-width: 720px;\n    }\n\n    \/* ========================================\n       HINTERGRUNDVIDEO\n       Startet unterhalb der Headerh\u00f6he und wird\n       an den Sectiongrenzen abgeschnitten.\n       ======================================== *\/\n\n    .li-hero__media {\n        position: absolute;\n        top: var(--li-header-h);\n        right: 0;\n        bottom: 0;\n        left: 0;\n        z-index: 0;\n        overflow: hidden;\n        pointer-events: none;\n        background-color: transparent;\n    }\n\n    .li-hero__media video {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    \/* OPTIONAL: leichte Abdunklung f\u00fcr Textlesbarkeit.\n       Nur aktiv, wenn die Section zus\u00e4tzlich die Klasse\n       li-hero--scrim bekommt. Standard = komplett transparent. *\/\n    .li-hero--scrim .li-hero__media::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        background:\n            linear-gradient(90deg, rgba(10,10,10,0.70) 0%, rgba(10,10,10,0.35) 55%, rgba(10,10,10,0.10) 100%);\n    }\n\n    \/* ========================================\n       BEWERTUNG\n       ======================================== *\/\n\n    .li-hero__rating {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        margin-bottom: 16px;\n    }\n\n    .li-hero__stars {\n        display: inline-flex;\n        align-items: center;\n        gap: 3px;\n        perspective: 500px;\n    }\n\n    .li-hero__star {\n        display: inline-block;\n        font-size: 14px;\n        color: var(--li-gold-soft);\n        line-height: 1;\n        opacity: 0;\n        transform: translateY(14px) rotateX(80deg) scale(0.8);\n        transform-origin: bottom center;\n        animation: li-star-rise 0.34s cubic-bezier(0.18, 0.95, 0.34, 1.25) forwards;\n    }\n\n    .li-hero__star:nth-child(1) { animation-delay: 0.10s; }\n    .li-hero__star:nth-child(2) { animation-delay: 0.18s; }\n    .li-hero__star:nth-child(3) { animation-delay: 0.26s; }\n    .li-hero__star:nth-child(4) { animation-delay: 0.34s; }\n    .li-hero__star:nth-child(5) { animation-delay: 0.42s; }\n\n    .li-hero__rating-label {\n        font-size: 0.76rem;\n        font-weight: 500;\n        letter-spacing: 1.4px;\n        text-transform: uppercase;\n        color: var(--li-grey);\n        opacity: 0;\n        animation: li-fade-up 0.8s ease 0.5s forwards;\n    }\n\n    .li-hero__sr-only {\n        position: absolute;\n        width: 1px;\n        height: 1px;\n        overflow: hidden;\n        clip: rect(0, 0, 0, 0);\n        white-space: nowrap;\n        border: 0;\n    }\n\n    \/* ========================================\n       MARKENTITEL\n       ======================================== *\/\n\n    .li-hero__title {\n        font-family: 'Playfair Display', serif;\n        font-size: clamp(2.2rem, 5.6vw, 4.4rem);\n        line-height: 1.05;\n        font-weight: 700;\n        letter-spacing: -1.5px;\n        margin-bottom: 16px;\n        opacity: 0;\n        transform: translateY(26px);\n        animation: li-fade-up 1s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards;\n    }\n\n    .li-hero__title-gold  { color: var(--li-gold);  display: inline-block; }\n    .li-hero__title-light { color: var(--li-white); display: inline-block; font-weight: 400; }\n\n    \/* ========================================\n       BUTTONS\n       ======================================== *\/\n\n    .li-hero__actions {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 14px 28px;\n        margin-top: 28px;\n        opacity: 0;\n        transform: translateY(18px);\n        animation: li-fade-up 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) 1s forwards;\n    }\n\n    .li-hero__cta {\n        display: inline-block;\n        padding: 15px 38px;\n        background-color: var(--li-gold);\n        color: #111111;\n        text-decoration: none;\n        font-weight: 600;\n        font-size: clamp(0.85rem, 1.1vw, 0.95rem);\n        letter-spacing: 1.4px;\n        text-transform: uppercase;\n        border: 1.5px solid var(--li-gold);\n        border-radius: 2px;\n        transition: background-color 0.3s ease, transform 0.25s ease, box-shadow 0.3s ease;\n    }\n\n    .li-hero__cta:hover,\n    .li-hero__cta:focus-visible {\n        background-color: var(--li-gold-soft);\n        border-color: var(--li-gold-soft);\n        transform: translateY(-2px);\n        box-shadow: 0 10px 24px rgba(187, 158, 28, 0.28);\n    }\n\n    .li-hero__cta:active { transform: translateY(0); }\n\n    .li-hero__cta-secondary {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        color: var(--li-white);\n        text-decoration: none;\n        font-weight: 500;\n        font-size: 0.92rem;\n        letter-spacing: 0.6px;\n        padding-bottom: 3px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.35);\n        transition: color 0.3s ease, border-color 0.3s ease, gap 0.3s ease;\n    }\n\n    .li-hero__cta-secondary:hover,\n    .li-hero__cta-secondary:focus-visible {\n        color: var(--li-gold-soft);\n        border-color: var(--li-gold-soft);\n        gap: 12px;\n    }\n\n    .li-hero__cta:focus-visible,\n    .li-hero__cta-secondary:focus-visible {\n        outline: 2px solid var(--li-gold-soft);\n        outline-offset: 4px;\n    }\n\n    @media (max-width: 480px) {\n        .li-hero__actions { gap: 18px; }\n        .li-hero__cta { width: 100%; text-align: center; padding: 15px 24px; }\n    }\n\n    \/* ========================================\n       VERTRAUENSZEILE\n       ======================================== *\/\n\n    .li-hero__trust {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        gap: 8px 16px;\n        margin-top: 24px;\n        padding-top: 16px;\n        border-top: 1px solid rgba(255, 255, 255, 0.14);\n        max-width: 580px;\n        list-style: none;\n        opacity: 0;\n        animation: li-fade-up 0.9s ease 1.2s forwards;\n    }\n\n    .li-hero__trust li {\n        font-size: 0.74rem;\n        font-weight: 500;\n        letter-spacing: 1.3px;\n        text-transform: uppercase;\n        color: var(--li-grey);\n        display: flex;\n        align-items: center;\n        gap: 16px;\n    }\n\n    .li-hero__trust li:not(:last-child)::after {\n        content: '';\n        width: 4px;\n        height: 4px;\n        border-radius: 50%;\n        background-color: var(--li-gold);\n    }\n\n    \/* ========================================\n       KEYFRAMES\n       ======================================== *\/\n\n    @keyframes li-star-rise {\n        0%   { opacity: 0; transform: translateY(14px) rotateX(80deg) scale(0.8); }\n        70%  { opacity: 1; transform: translateY(-2px) rotateX(-8deg) scale(1.1); }\n        100% { opacity: 1; transform: translateY(0) rotateX(0deg) scale(1); }\n    }\n\n    @keyframes li-fade-up { to { opacity: 1; transform: translateY(0); } }\n\n    @keyframes li-expand  { to { width: 88px; } }\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__rating-label,\n        .li-hero__actions,\n        .li-hero__trust {\n            opacity: 1;\n            transform: none;\n        }\n\n        .li-hero__divider { width: 88px; }\n    }\n\n    @media print {\n        .li-hero__actions,\n        .li-hero__media { display: none; }\n        .li-hero { color: #000; background: none; min-height: auto; padding: 0; }\n    }\n<\/style>\n\n<section class=\"li-hero\" aria-label=\"Lima Invest Immobilien \u2013 Startbereich\">\n\n    <div class=\"li-hero__media\" aria-hidden=\"true\">\n        <video autoplay muted loop playsinline preload=\"metadata\"\n               poster=\"dein-standbild.jpg\">\n            <source src=\"dein-video.mp4\" type=\"video\/mp4\">\n        <\/video>\n    <\/div>\n\n    <div class=\"li-hero__container\">\n\n        <div class=\"li-hero__rating\">\n            <span 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            <\/span>\n            <span class=\"li-hero__rating-label\">Bewertungen unserer Mandanten<\/span>\n            <span class=\"li-hero__sr-only\">Bewertung: 5 von 5 Sternen<\/span>\n        <\/div>\n\n        <h1 class=\"li-hero__title\">\n            <span class=\"li-hero__title-gold\">Lima Invest<\/span>&nbsp;<span class=\"li-hero__title-light\">Immobilien<\/span>\n        <\/h1>\n\n        <div class=\"li-hero__divider\" aria-hidden=\"true\"><\/div>\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        <div class=\"li-hero__actions\">\n            <a href=\"https:\/\/limainvestimmobilien.de\/immobilienangebot\/\" class=\"li-hero__cta\">\n                Angebote ansehen\n            <\/a>\n            <a href=\"https:\/\/limainvestimmobilien.de\/suchprofil-hinterlegen\/\" class=\"li-hero__cta-secondary\">\n                Suchprofil hinterlegen <span aria-hidden=\"true\">\u2192<\/span>\n            <\/a>\n        <\/div>\n\n        <ul class=\"li-hero__trust\">\n            <li>Wohnanlagen<\/li>\n            <li>B\u00fcro &amp; Handel<\/li>\n            <li>Logistik<\/li>\n        <\/ul>\n\n    <\/div>\n<\/section>\n\n<!--\n================================================================\nOPTIONAL: Headerh\u00f6he automatisch messen\nNur einbauen, wenn die Navigation transparent \u00dcBER dem Hero liegt\n(also bei .li-hero--overlay-header). Spart das manuelle Anpassen\nvon --li-header-h und reagiert auf Resize\/Sticky-Zust\u00e4nde.\n================================================================\n\n<script>\n(function () {\n    var hero   = document.querySelector('.li-hero--overlay-header');\n    var header = document.querySelector('header, .site-header, #masthead');\n    if (!hero || !header) return;\n\n    function syncHeaderHeight() {\n        hero.style.setProperty('--li-header-h', header.offsetHeight + 'px');\n    }\n\n    syncHeaderHeight();\n    window.addEventListener('resize', syncHeaderHeight);\n    window.addEventListener('load', syncHeaderHeight);\n})();\n<\/script>\n-->\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 v3 (optimiert)\n   Gegen\u00fcber v2:\n   \u2013 contain: layout style f\u00fcr isolierte Re-Layouts\n   \u2013 Ambient-Drift der Skyline l\u00e4uft rein \u00fcber CSS (GPU),\n     kein Dauer-JS-Loop mehr n\u00f6tig\n   \u2013 Portrait bekommt ein sanftes Idle-Floating\n   \u2013 \"Since 2016\"-Badge mit dezentem Gold-Shimmer\n   \u2013 Alle Dauerschleifen pausieren automatisch, wenn der Tab\n     im Hintergrund ist (spart CPU\/Akku)\n   \u2013 Mousemove-Handler cachen ihr BoundingRect + laufen\n     \u00fcber requestAnimationFrame statt bei jedem Event\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    contain: layout style;\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\/* Ambient-Drift l\u00e4uft unabh\u00e4ngig vom Maus-Parallax auf einer\n   eigenen Ebene \u2013 rein CSS-getrieben, kostet keinen JS-Takt *\/\n.lib-hero__city-drift {\n    width: 100%;\n    height: 100%;\n    animation: lib-city-drift 15s ease-in-out infinite;\n    animation-delay: 1.6s;\n}\n\n@keyframes lib-city-drift {\n    0%, 100% { transform: translate(0, 0); }\n    50%      { transform: translate(7px, -6px); }\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\/* Dezenter Gold-Shimmer im \"Since 2016\"-Schriftzug.\n   @supports als Absicherung: ohne background-clip:text bleibt\n   die Schrift schlicht in Volltongold stehen. *\/\n.lib-hero__badge-text {\n    background: linear-gradient(100deg, var(--gold) 25%, #f0dc8f 50%, var(--gold) 75%);\n    background-size: 240% 100%;\n    background-position: 0% 0;\n}\n\n@supports (background-clip: text) or (-webkit-background-clip: text) {\n    .lib-hero__badge-text {\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        color: transparent;\n        animation: lib-badge-shimmer 6s ease-in-out infinite;\n        animation-delay: 2.6s;\n    }\n}\n\n@keyframes lib-badge-shimmer {\n    0%, 76%, 100% { background-position: 0% 0; }\n    38%           { background-position: 100% 0; }\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\/* Tr\u00e4gt das sanfte Idle-Floating, getrennt vom Maus-Tilt,\n   damit sich beide Transform-Quellen nicht \u00fcberschreiben *\/\n.lib-hero__portrait-float {\n    animation: lib-frame-float 6.5s ease-in-out infinite;\n    animation-delay: 1.3s;\n}\n\n@keyframes lib-frame-float {\n    0%, 100% { transform: translateY(0); }\n    50%      { transform: translateY(-7px); }\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\/* ---------- Tab im Hintergrund: Dauerschleifen pausieren ----------\n   Spart CPU\/Akku, wenn der Browser-Tab nicht sichtbar ist. *\/\n\n.lib-hero.lib-paused .lib-particle,\n.lib-hero.lib-paused .lib-beacon,\n.lib-hero.lib-paused .lib-hero__shine::after,\n.lib-hero.lib-paused .lib-hero__city-drift,\n.lib-hero.lib-paused .lib-hero__portrait-float,\n.lib-hero.lib-paused .lib-hero__badge-text {\n    animation-play-state: paused;\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    .lib-hero__badge-text {\n        -webkit-text-fill-color: initial;\n        color: var(--gold);\n        background: 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        <div class=\"lib-hero__city-drift\">\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    <\/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 &middot; Gepr&uuml;ft &middot; 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&uuml;r diskrete Off-Market-Transaktionen im Bereich Commercial und Residential. Seit 2016 verbinden wir kapitalstarke Investoren mit Eigent&uuml;mern renditestarker Immobilien in Deutschlands Top-Metropolregionen &ndash; abseits des &ouml;ffentlichen Marktes. IHK-zertifiziert.\n            <\/p>\n\n            <div class=\"lib-hero__badge\"><span class=\"lib-hero__badge-text\">Since 2016<\/span><\/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__portrait-float\">\n                <div class=\"lib-hero__frame\" id=\"libTiltFrame\">\n                    <div class=\"lib-hero__image-wrap\">\n                        <img\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                            decoding=\"async\"\n                            fetchpriority=\"high\">\n                        <div class=\"lib-hero__curtain\" aria-hidden=\"true\"><\/div>\n                    <\/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    var isNarrow = window.innerWidth < 700;\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 + '&nbsp;';\n        span.style.animationDelay = (600 + delay) + 'ms';\n        delay += 90;\n        headEl.appendChild(span);\n    });\n\n    \/* ---------- Portr\u00e4t: 3D-Tilt bei Mausbewegung ----------\n       Rect wird nur bei mouseenter neu gemessen (nicht bei\n       jedem mousemove), Update l\u00e4uft \u00fcber requestAnimationFrame. *\/\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        var tiltRect = null;\n        var tiltTicking = false;\n        var tiltTargetX = 0;\n        var tiltTargetY = 0;\n\n        function measureTilt() {\n            tiltRect = tiltFrame.getBoundingClientRect();\n        }\n\n        function applyTilt() {\n            tiltTicking = false;\n            tiltFrame.style.transform =\n                'rotateY(' + (tiltTargetX * 4.5) + 'deg) rotateX(' + (tiltTargetY * -4.5) + 'deg)';\n        }\n\n        media.addEventListener('mouseenter', measureTilt);\n\n        media.addEventListener('mousemove', function (e) {\n            if (!tiltRect) measureTilt();\n\n            tiltTargetX = (e.clientX - tiltRect.left) \/ tiltRect.width - 0.5;\n            tiltTargetY = (e.clientY - tiltRect.top) \/ tiltRect.height - 0.5;\n\n            if (!tiltTicking) {\n                tiltTicking = true;\n                requestAnimationFrame(applyTilt);\n            }\n        });\n\n        media.addEventListener('mouseleave', function () {\n            tiltFrame.style.transform = 'rotateY(0deg) rotateX(0deg)';\n            tiltRect = null;\n        });\n    }\n\n    \/* ---------- Gold-Partikel (dezent) ----------\n       Auf schmalen Viewports weniger Partikel, spart Layer\/Paint. *\/\n\n    var particleHost = document.getElementById('libParticles');\n\n    if (particleHost && !reducedMotion) {\n        var particleCount = isNarrow ? 5 : 9;\n\n        for (var p = 0; p < particleCount; 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       Bounding-Box wird in derselben Schleife mitgef\u00fchrt statt\n       hinterher \u00fcber ein separates Array aller Punkte berechnet. *\/\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    var minX = Infinity;\n    var maxX = -Infinity;\n    var minY = Infinity;\n    var maxY = -Infinity;\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    function track(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        return p;\n    }\n\n    function pt(p) {\n        track(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        track(p1);\n        track(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 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 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 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       Hero-Rect wird bei mouseenter gecacht statt bei jedem\n       mousemove neu gemessen; Scroll l\u00e4uft weiterhin \u00fcber RAF. *\/\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        var heroRect = null;\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('mouseenter', function () {\n                heroRect = hero.getBoundingClientRect();\n            });\n\n            hero.addEventListener('mousemove', function (e) {\n                if (!heroRect) heroRect = hero.getBoundingClientRect();\n                mx = ((e.clientX - heroRect.left) \/ heroRect.width - 0.5) * -14;\n                requestTick();\n            });\n\n            hero.addEventListener('mouseleave', function () {\n                mx = 0;\n                heroRect = null;\n                requestTick();\n            });\n\n            window.addEventListener('resize', function () {\n                heroRect = null;\n            }, { passive: true });\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    \/* ---------- Tab im Hintergrund: Loops pausieren ---------- *\/\n\n    if (typeof document.hidden !== 'undefined') {\n        document.addEventListener('visibilitychange', function () {\n            hero.classList.toggle('lib-paused', document.hidden);\n        });\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-cce0c74 elementor-widget elementor-widget-spacer\" data-id=\"cce0c74\" 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-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     Lima Invest Immobilien | CTA Immobilienbewertung\n     Premium Edition v2 \u2014 CI: #bb9e1c \/ Cormorant Garamond \/ Poppins\n     Paste-ready Snippet (Style + Markup + Script)\n     ============================================================ -->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,600&family=Poppins:wght@300;400;500;600&display=swap');\n\n.lima-cta {\n  \/* Farben *\/\n  --li-ink: #14140f;\n  --li-ink-soft: #3a3a34;\n  --li-muted: #6f6f68;\n  --li-gold: #bb9e1c;\n  --li-gold-deep: #8a7310;\n  --li-gold-light: #d9c369;\n  --li-paper: #faf9f5;\n  --li-white: #ffffff;\n  --li-line: rgba(20, 20, 15, 0.09);\n  --li-hair: rgba(187, 158, 28, 0.22);\n\n  \/* Schatten \u2013 mehrschichtig statt einem harten Block *\/\n  --li-lift:\n    0 1px 1px rgba(20, 20, 15, 0.03),\n    0 4px 8px rgba(20, 20, 15, 0.035),\n    0 16px 32px rgba(20, 20, 15, 0.055),\n    0 40px 80px rgba(20, 20, 15, 0.07);\n\n  --li-ease: cubic-bezier(0.16, 1, 0.3, 1);\n\n  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  padding: clamp(28px, 4vw, 56px) 16px;\n  color: var(--li-ink);\n  isolation: isolate;\n}\n\n.lima-cta *,\n.lima-cta *::before,\n.lima-cta *::after {\n  box-sizing: border-box;\n}\n\n.lima-cta__shell {\n  width: min(940px, 100%);\n  margin: 0 auto;\n}\n\n\/* ============================================================\n   KARTE\n   ============================================================ *\/\n\n.lima-cta__card {\n  position: relative;\n  overflow: hidden;\n  border: 1px solid var(--li-line);\n  border-radius: 20px;\n  background:\n    radial-gradient(120% 90% at 50% -10%, rgba(187, 158, 28, 0.055), transparent 62%),\n    linear-gradient(168deg, var(--li-white) 0%, var(--li-paper) 58%, #f4f3ed 100%);\n  box-shadow: var(--li-lift);\n  text-align: center;\n  opacity: 0;\n  transform: translateY(26px) scale(0.99);\n  transition:\n    opacity 900ms var(--li-ease),\n    transform 900ms var(--li-ease);\n}\n\n.lima-cta.is-visible .lima-cta__card {\n  opacity: 1;\n  transform: none;\n}\n\n.lima-cta.no-js .lima-cta__card {\n  opacity: 1;\n  transform: none;\n}\n\n\/* Feine Papierk\u00f6rnung \u2013 nimmt dem Verlauf das Digitale *\/\n.lima-cta__grain {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  opacity: 0.5;\n  mix-blend-mode: multiply;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.055'\/%3E%3C\/svg%3E\");\n}\n\n\/* Goldene Haarlinie oben \u2013 schmaler und ruhiger als zuvor *\/\n.lima-cta__topline {\n  position: absolute;\n  inset: 0 0 auto 0;\n  z-index: 3;\n  height: 2px;\n  background: linear-gradient(90deg,\n    transparent 0%,\n    rgba(187, 158, 28, 0.15) 18%,\n    var(--li-gold) 50%,\n    rgba(187, 158, 28, 0.15) 82%,\n    transparent 100%);\n}\n\n\/* Passepartout: inneres Haarlinien-R\u00e4hmchen + Eckmarken *\/\n.lima-cta__frame {\n  position: absolute;\n  inset: clamp(12px, 1.5vw, 18px);\n  z-index: 1;\n  border: 1px solid rgba(187, 158, 28, 0.13);\n  border-radius: 12px;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 900ms var(--li-ease) 300ms;\n}\n\n.lima-cta.is-visible .lima-cta__frame,\n.lima-cta.no-js .lima-cta__frame {\n  opacity: 1;\n}\n\n.lima-cta__corner {\n  position: absolute;\n  width: 18px;\n  height: 18px;\n  border: 0 solid var(--li-gold);\n  opacity: 0.65;\n}\n\n.lima-cta__corner--tl {\n  top: -1px;\n  left: -1px;\n  border-top-width: 1px;\n  border-left-width: 1px;\n  border-top-left-radius: 12px;\n}\n\n.lima-cta__corner--tr {\n  top: -1px;\n  right: -1px;\n  border-top-width: 1px;\n  border-right-width: 1px;\n  border-top-right-radius: 12px;\n}\n\n.lima-cta__corner--bl {\n  bottom: -1px;\n  left: -1px;\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n  border-bottom-left-radius: 12px;\n}\n\n.lima-cta__corner--br {\n  bottom: -1px;\n  right: -1px;\n  border-bottom-width: 1px;\n  border-right-width: 1px;\n  border-bottom-right-radius: 12px;\n}\n\n\/* Maus-Spotlight *\/\n.lima-cta__spotlight {\n  position: absolute;\n  inset: 0;\n  z-index: 0;\n  pointer-events: none;\n  background: radial-gradient(\n    360px circle at var(--mx, 50%) var(--my, -30%),\n    rgba(187, 158, 28, 0.085),\n    transparent 68%\n  );\n  opacity: 0;\n  transition: opacity 500ms ease;\n}\n\n.lima-cta__card:hover .lima-cta__spotlight {\n  opacity: 1;\n}\n\n\/* ============================================================\n   WERTKURVE\n   ============================================================ *\/\n\n.lima-cta__chart {\n  position: absolute;\n  inset: auto 0 0 0;\n  z-index: 0;\n  height: 46%;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.lima-cta__chart svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.lima-chart__grid {\n  stroke: rgba(20, 20, 15, 0.05);\n  stroke-width: 1;\n}\n\n.lima-chart__line {\n  fill: none;\n  stroke: url(#limaLineGradient);\n  stroke-width: 1.8;\n  stroke-linecap: round;\n  stroke-dasharray: 1400;\n  stroke-dashoffset: 1400;\n}\n\n.lima-chart__fill {\n  fill: url(#limaAreaGradient);\n  opacity: 0;\n  transition: opacity 1400ms ease 1200ms;\n}\n\n.lima-cta.is-visible .lima-chart__line {\n  animation: lima-draw 2400ms cubic-bezier(0.33, 0, 0.15, 1) 400ms forwards;\n}\n\n.lima-cta.is-visible .lima-chart__fill {\n  opacity: 1;\n}\n\n@keyframes lima-draw {\n  to { stroke-dashoffset: 0; }\n}\n\n.lima-chart__dot {\n  fill: var(--li-gold);\n  opacity: 0;\n}\n\n.lima-chart__ring {\n  fill: none;\n  stroke: var(--li-gold);\n  stroke-width: 1.2;\n  opacity: 0;\n  transform-origin: center;\n  transform-box: fill-box;\n}\n\n.lima-cta.is-visible .lima-chart__dot {\n  animation: lima-dot-in 500ms ease 2500ms forwards;\n}\n\n.lima-cta.is-visible .lima-chart__ring {\n  animation: lima-ring 2600ms ease-out 2900ms infinite;\n}\n\n@keyframes lima-dot-in {\n  to { opacity: 0.9; }\n}\n\n@keyframes lima-ring {\n  0%   { opacity: 0.55; transform: scale(1); }\n  65%  { opacity: 0;    transform: scale(2.6); }\n  100% { opacity: 0;    transform: scale(2.6); }\n}\n\n\/* ============================================================\n   INHALT\n   ============================================================ *\/\n\n.lima-cta__inner {\n  position: relative;\n  z-index: 2;\n  display: grid;\n  justify-items: center;\n  padding: clamp(38px, 5vw, 66px) clamp(24px, 5.5vw, 68px);\n}\n\n.lima-cta__badge,\n.lima-cta__title,\n.lima-cta__rule,\n.lima-cta__text,\n.lima-cta__actions,\n.lima-cta__trust,\n.lima-cta__note {\n  opacity: 0;\n  transform: translateY(16px);\n  transition:\n    opacity 750ms var(--li-ease),\n    transform 750ms var(--li-ease);\n}\n\n.lima-cta.is-visible .lima-cta__badge  { transition-delay: 220ms; }\n.lima-cta.is-visible .lima-cta__title  { transition-delay: 360ms; }\n.lima-cta.is-visible .lima-cta__rule   { transition-delay: 480ms; }\n.lima-cta.is-visible .lima-cta__text   { transition-delay: 560ms; }\n.lima-cta.is-visible .lima-cta__actions{ transition-delay: 700ms; }\n.lima-cta.is-visible .lima-cta__trust  { transition-delay: 840ms; }\n.lima-cta.is-visible .lima-cta__note   { transition-delay: 960ms; }\n\n.lima-cta.is-visible .lima-cta__badge,\n.lima-cta.is-visible .lima-cta__title,\n.lima-cta.is-visible .lima-cta__rule,\n.lima-cta.is-visible .lima-cta__text,\n.lima-cta.is-visible .lima-cta__actions,\n.lima-cta.is-visible .lima-cta__trust,\n.lima-cta.is-visible .lima-cta__note,\n.lima-cta.no-js .lima-cta__badge,\n.lima-cta.no-js .lima-cta__title,\n.lima-cta.no-js .lima-cta__rule,\n.lima-cta.no-js .lima-cta__text,\n.lima-cta.no-js .lima-cta__actions,\n.lima-cta.no-js .lima-cta__trust,\n.lima-cta.no-js .lima-cta__note {\n  opacity: 1;\n  transform: none;\n}\n\n\/* ---------- Eyebrow ---------- *\/\n\n.lima-cta__badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 20px;\n}\n\n.lima-cta__badge-dot {\n  position: relative;\n  width: 5px;\n  height: 5px;\n  border-radius: 50%;\n  background: var(--li-gold);\n}\n\n.lima-cta__badge-dot::after {\n  content: \"\";\n  position: absolute;\n  inset: -5px;\n  border-radius: inherit;\n  border: 1px solid rgba(187, 158, 28, 0.4);\n  animation: lima-pulse 2.4s ease-in-out infinite;\n}\n\n@keyframes lima-pulse {\n  0%, 100% { opacity: 0.35; transform: scale(0.85); }\n  50%      { opacity: 0;    transform: scale(1.5); }\n}\n\n.lima-cta__badge-text {\n  color: var(--li-gold-deep);\n  font-size: 0.66rem;\n  font-weight: 600;\n  letter-spacing: 0.24em;\n  text-transform: uppercase;\n  text-indent: 0.24em; \/* optischer Ausgleich des Trackings *\/\n}\n\n\/* ---------- Headline ---------- *\/\n\n.lima-cta__title {\n  max-width: 15ch;\n  margin: 0;\n  color: var(--li-ink);\n  font-family: 'Cormorant Garamond', Georgia, serif;\n  font-size: clamp(2.4rem, 4.6vw, 3.9rem);\n  font-weight: 500;\n  letter-spacing: -0.015em;\n  line-height: 1.04;\n  text-wrap: balance;\n}\n\n.lima-cta__title em {\n  display: inline;\n  color: var(--li-gold);\n  font-style: italic;\n  font-weight: 600;\n}\n\n\/* Zierlinie mit Raute \u2013 ersetzt die reine Linie *\/\n.lima-cta__rule {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  width: 100%;\n  max-width: 160px;\n  margin: 22px 0 0;\n}\n\n.lima-cta__rule::before,\n.lima-cta__rule::after {\n  content: \"\";\n  flex: 1;\n  height: 1px;\n}\n\n.lima-cta__rule::before {\n  background: linear-gradient(90deg, transparent, rgba(187, 158, 28, 0.5));\n}\n\n.lima-cta__rule::after {\n  background: linear-gradient(90deg, rgba(187, 158, 28, 0.5), transparent);\n}\n\n.lima-cta__rule i {\n  width: 5px;\n  height: 5px;\n  background: var(--li-gold);\n  transform: rotate(45deg);\n  opacity: 0.85;\n}\n\n\/* ---------- Flie\u00dftext ---------- *\/\n\n.lima-cta__text {\n  max-width: 58ch;\n  margin: 20px auto 0;\n  color: var(--li-muted);\n  font-size: 0.945rem;\n  font-weight: 300;\n  line-height: 1.72;\n  text-wrap: pretty;\n}\n\n.lima-cta__text strong {\n  color: var(--li-ink-soft);\n  font-weight: 500;\n}\n\n\/* ---------- Button ---------- *\/\n\n.lima-cta__actions {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 14px;\n  margin-top: 30px;\n}\n\n.lima-cta__button {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  min-height: 54px;\n  padding: 15px 38px;\n  overflow: hidden;\n  border: 1px solid rgba(187, 158, 28, 0.32);\n  border-radius: 3px;\n  background: linear-gradient(150deg, #1c1c17 0%, #101010 55%, #24241d 100%);\n  color: #f6f3e8;\n  box-shadow:\n    0 2px 4px rgba(20, 20, 15, 0.12),\n    0 12px 26px rgba(20, 20, 15, 0.16);\n  font-size: 0.78rem;\n  font-weight: 500;\n  letter-spacing: 0.16em;\n  text-decoration: none;\n  text-transform: uppercase;\n  text-indent: 0.16em;\n  transition:\n    transform 220ms var(--li-ease),\n    box-shadow 220ms var(--li-ease),\n    border-color 220ms var(--li-ease);\n}\n\n\/* Goldkante unten *\/\n.lima-cta__button::after {\n  content: \"\";\n  position: absolute;\n  inset: auto 0 0 0;\n  height: 1.5px;\n  background: linear-gradient(90deg, transparent, var(--li-gold), transparent);\n}\n\n\/* Lichtreflex *\/\n.lima-cta__button::before {\n  content: \"\";\n  position: absolute;\n  inset: 0 auto 0 -50%;\n  width: 28%;\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);\n  transform: skewX(-20deg);\n  transition: transform 750ms var(--li-ease);\n}\n\n.lima-cta__button:hover {\n  transform: translateY(-2px);\n  border-color: rgba(187, 158, 28, 0.7);\n  box-shadow:\n    0 2px 4px rgba(20, 20, 15, 0.12),\n    0 18px 38px rgba(138, 115, 16, 0.22);\n}\n\n.lima-cta__button:hover::before {\n  transform: translateX(520%) skewX(-20deg);\n}\n\n.lima-cta__button:active {\n  transform: translateY(0);\n}\n\n.lima-cta__button:focus-visible {\n  outline: 2px solid var(--li-gold);\n  outline-offset: 4px;\n}\n\n.lima-cta__button svg {\n  flex: 0 0 auto;\n  transition: transform 220ms var(--li-ease);\n}\n\n.lima-cta__button:hover svg {\n  transform: translateX(5px);\n}\n\n\/* ---------- Vertrauensleiste (Haarlinien statt Kacheln) ---------- *\/\n\n.lima-cta__trust {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  width: 100%;\n  max-width: 660px;\n  margin: 34px 0 0;\n  padding: 22px 0 0;\n  border-top: 1px solid var(--li-line);\n  list-style: none;\n}\n\n.lima-cta__trust li {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  padding: 4px 10px;\n  color: var(--li-ink-soft);\n  font-size: 0.755rem;\n  font-weight: 400;\n  letter-spacing: 0.01em;\n}\n\n.lima-cta__trust li + li {\n  border-left: 1px solid var(--li-line);\n}\n\n.lima-cta__check {\n  display: inline-grid;\n  flex: 0 0 auto;\n  width: 17px;\n  height: 17px;\n  place-items: center;\n  border: 1px solid var(--li-hair);\n  border-radius: 50%;\n  color: var(--li-gold);\n}\n\n.lima-cta__check svg {\n  width: 9px;\n  height: 9px;\n}\n\n\/* ---------- Fu\u00dfnote ---------- *\/\n\n.lima-cta__note {\n  max-width: 52ch;\n  margin: 20px 0 0;\n  color: #8b8b83;\n  font-size: 0.715rem;\n  font-weight: 300;\n  line-height: 1.6;\n}\n\n\/* ============================================================\n   RESPONSIVE\n   ============================================================ *\/\n\n@media (max-width: 900px) {\n  .lima-cta__title {\n    font-size: clamp(2.2rem, 8vw, 3.1rem);\n    max-width: 18ch;\n  }\n}\n\n@media (max-width: 640px) {\n  .lima-cta__card {\n    border-radius: 16px;\n  }\n\n  .lima-cta__frame {\n    inset: 10px;\n    border-radius: 10px;\n  }\n\n  .lima-cta__inner {\n    padding: 40px 20px 34px;\n  }\n\n  .lima-cta__title {\n    font-size: clamp(2.05rem, 10vw, 2.7rem);\n    max-width: 100%;\n  }\n\n  .lima-cta__badge-text {\n    font-size: 0.6rem;\n    letter-spacing: 0.2em;\n  }\n\n  .lima-cta__text {\n    font-size: 0.9rem;\n  }\n\n  .lima-cta__actions,\n  .lima-cta__button {\n    width: 100%;\n  }\n\n  .lima-cta__trust {\n    grid-template-columns: 1fr;\n    max-width: 320px;\n    margin-top: 28px;\n    padding-top: 18px;\n  }\n\n  .lima-cta__trust li {\n    justify-content: flex-start;\n    padding: 9px 2px;\n  }\n\n  .lima-cta__trust li + li {\n    border-left: 0;\n    border-top: 1px solid var(--li-line);\n  }\n}\n\n\/* ============================================================\n   REDUCED MOTION\n   ============================================================ *\/\n\n@media (prefers-reduced-motion: reduce) {\n  .lima-cta .lima-cta__card,\n  .lima-cta .lima-cta__frame,\n  .lima-cta .lima-cta__badge,\n  .lima-cta .lima-cta__title,\n  .lima-cta .lima-cta__rule,\n  .lima-cta .lima-cta__text,\n  .lima-cta .lima-cta__actions,\n  .lima-cta .lima-cta__trust,\n  .lima-cta .lima-cta__note {\n    opacity: 1 !important;\n    transform: none !important;\n    transition: none !important;\n  }\n\n  .lima-cta__badge-dot::after,\n  .lima-chart__ring {\n    animation: 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: 1 !important;\n    transition: none !important;\n  }\n\n  .lima-chart__dot {\n    opacity: 0.9 !important;\n    animation: none !important;\n  }\n\n  .lima-cta__spotlight {\n    display: none;\n  }\n\n  .lima-cta__button,\n  .lima-cta__button::before,\n  .lima-cta__button svg {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<section class=\"lima-cta no-js\" id=\"limaValuationCta\" aria-labelledby=\"limaValuationTitle\">\n  <div class=\"lima-cta__shell\">\n    <article class=\"lima-cta__card\" id=\"limaValuationCard\">\n\n      <span class=\"lima-cta__topline\" aria-hidden=\"true\"><\/span>\n      <span class=\"lima-cta__grain\" aria-hidden=\"true\"><\/span>\n      <span class=\"lima-cta__spotlight\" aria-hidden=\"true\"><\/span>\n\n      <div class=\"lima-cta__chart\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 940 220\" preserveAspectRatio=\"none\">\n          <defs>\n            <linearGradient id=\"limaAreaGradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n              <stop offset=\"0%\" stop-color=\"#bb9e1c\" stop-opacity=\"0.13\"\/>\n              <stop offset=\"100%\" stop-color=\"#bb9e1c\" stop-opacity=\"0\"\/>\n            <\/linearGradient>\n            <linearGradient id=\"limaLineGradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n              <stop offset=\"0%\" stop-color=\"#bb9e1c\" stop-opacity=\"0.12\"\/>\n              <stop offset=\"55%\" stop-color=\"#bb9e1c\" stop-opacity=\"0.42\"\/>\n              <stop offset=\"100%\" stop-color=\"#bb9e1c\" stop-opacity=\"0.85\"\/>\n            <\/linearGradient>\n          <\/defs>\n\n          <line class=\"lima-chart__grid\" x1=\"0\" y1=\"190\" x2=\"940\" y2=\"190\"\/>\n          <line class=\"lima-chart__grid\" x1=\"0\" y1=\"130\" x2=\"940\" y2=\"130\"\/>\n          <line class=\"lima-chart__grid\" x1=\"0\" y1=\"70\"  x2=\"940\" y2=\"70\"\/>\n\n          <path class=\"lima-chart__fill\"\n                d=\"M 0 192 C 130 187, 210 172, 310 160 C 410 148, 480 152, 570 124 C 660 96, 730 90, 810 60 C 862 42, 902 33, 940 26 L 940 220 L 0 220 Z\"\/>\n\n          <path class=\"lima-chart__line\"\n                d=\"M 0 192 C 130 187, 210 172, 310 160 C 410 148, 480 152, 570 124 C 660 96, 730 90, 810 60 C 862 42, 902 33, 940 26\"\/>\n\n          <circle class=\"lima-chart__ring\" cx=\"934\" cy=\"27\" r=\"5.5\"\/>\n          <circle class=\"lima-chart__dot\"  cx=\"934\" cy=\"27\" r=\"3.5\"\/>\n        <\/svg>\n      <\/div>\n\n      <div class=\"lima-cta__frame\" aria-hidden=\"true\">\n        <span class=\"lima-cta__corner lima-cta__corner--tl\"><\/span>\n        <span class=\"lima-cta__corner lima-cta__corner--tr\"><\/span>\n        <span class=\"lima-cta__corner lima-cta__corner--bl\"><\/span>\n        <span class=\"lima-cta__corner lima-cta__corner--br\"><\/span>\n      <\/div>\n\n      <div class=\"lima-cta__inner\">\n\n        <p class=\"lima-cta__badge\">\n          <span class=\"lima-cta__badge-dot\" aria-hidden=\"true\"><\/span>\n          <span class=\"lima-cta__badge-text\">Kostenlose Immobilienbewertung<\/span>\n        <\/p>\n\n        <h2 class=\"lima-cta__title\" id=\"limaValuationTitle\">\n          Was ist Ihre Immobilie <em>heute wirklich wert?<\/em>\n        <\/h2>\n\n        <div class=\"lima-cta__rule\" aria-hidden=\"true\"><i><\/i><\/div>\n\n        <p class=\"lima-cta__text\">\n          Sie erhalten eine professionelle Marktwertanalyse auf Basis aktueller Vergleichsdaten,\n          Lagefaktoren und objektbezogener Kennzahlen &ndash; <strong>kostenfrei, unverbindlich und\n          pers&ouml;nlich<\/strong> durch unsere Immobilienexperten.\n        <\/p>\n\n        <div class=\"lima-cta__actions\">\n          <a class=\"lima-cta__button\"\n             href=\"https:\/\/limainvestimmobilien.de\/immobilienbewertung\/\"\n             aria-label=\"Kostenlose Immobilienbewertung bei Lima Invest starten\">\n            <span>Jetzt bewerten lassen<\/span>\n            <svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"\/>\n            <\/svg>\n          <\/a>\n        <\/div>\n\n        <ul class=\"lima-cta__trust\">\n          <li>\n            <span class=\"lima-cta__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 24 Stunden<\/span>\n          <\/li>\n          <li>\n            <span class=\"lima-cta__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&nbsp;% kostenfrei<\/span>\n          <\/li>\n          <li>\n            <span class=\"lima-cta__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 &amp; diskret<\/span>\n          <\/li>\n        <\/ul>\n\n        <p class=\"lima-cta__note\">\n          F&uuml;r Eigent&uuml;mer, die verkaufen, vermieten, finanzieren oder den aktuellen Marktwert\n          realistisch einsch&auml;tzen m&ouml;chten.\n        <\/p>\n\n      <\/div>\n    <\/article>\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    }, { threshold: 0.2 });\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    var frame = null;\n\n    card.addEventListener('mousemove', function (e) {\n      if (frame) return;\n\n      frame = window.requestAnimationFrame(function () {\n        var rect = card.getBoundingClientRect();\n        card.style.setProperty('--mx', (e.clientX - rect.left) + 'px');\n        card.style.setProperty('--my', (e.clientY - rect.top) + 'px');\n        frame = null;\n      });\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<!-- Typografie: Cormorant Garamond (Headlines) + Poppins (UI-\/Lesetexte) -->\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 &amp; freien Fl&auml;chen<\/strong><\/h2>\n    <p class=\"lima-pe__sub\">Off-Market-Investments entstehen &uuml;ber Beziehungen. Diese Zahlen zeigen, worauf Sie bei uns zur&uuml;ckgreifen.<\/p>\n  <\/div>\n\n  <div class=\"lima-pe__viewport\">\n    <div class=\"lima-pe__track\" id=\"limaPeTrack\">\n      <!-- Karten werden per JavaScript 2x eingef\u00fcgt (nahtloser Loop) -->\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<!-- LIMA INVEST TOOLS | Premium Edition mit animierten Tool-Previews -->\n<!--\n  \u00c4nderungen gegen\u00fcber Vorversion:\n  1. Icons ersetzt durch animierte Mini-Previews der Tools\n     (Rendite-Display, Standort-Karte, Finanzierungs-Chart)\n     \u2192 zeigen dem Besucher sofort, was ihn erwartet\n  2. Entrance startet beim Einscrollen statt beim Seitenladen\n  3. Mega-Animation: Previews erwachen im Viewport zum Leben\n     (Rendite z\u00e4hlt auf 7,2 %, Pin droppt, Balken wachsen)\n  4. Typografie vereinheitlicht:\n     Cormorant Garamond (600) f\u00fcr Headlines,\n     Poppins (300\/400\/500\/600) f\u00fcr alle \u00fcbrigen Texte\n     inkl. globalem Schriftgr\u00f6\u00dfen-System der Homepage\n  5. NEU: vierte Karte \u201eW\u00e4rmepumpe & Energie\" mit animierter\n     Preview (W\u00e4rmepumpe mit rotierendem L\u00fcfter, Energiefluss\n     zu Heizung\/Warmwasser, Chips f\u00fcr Angebot\/F\u00f6rderung\/Amortisation)\n     \u2192 verlinkt auf \/waermepumpe\/\n     Grid: 4 Karten nebeneinander ab 1100px, 2\u00d72 bis 1100px,\n     gestapelt ab 768px.\n  Hinweis: Die Previews lassen sich sp\u00e4ter 1:1 durch echte\n  Screenshots der Tools ersetzen (img in .lima-tool-visual).\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: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 24px;\n  }\n\n  @media (max-width: 1100px) {\n    .lima-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }\n  }\n\n  .lima-card {\n    background: #ffffff;\n    min-width: 0;\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  #lima-tools-section.is-visible .lima-card:nth-child(4) { transition-delay: 600ms; }\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    flex-wrap: wrap;\n    justify-content: center;\n    padding: 0 12px;\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  \/* --- Preview 4: W\u00c4RMEPUMPE mit L\u00fcfter & Energiefluss --- *\/\n\n  .lima-pv-heat {\n    position: absolute;\n    inset: 0;\n  }\n\n  .lima-pv-heat svg {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    width: 100%;\n    height: calc(100% - 40px); \/* Platz f\u00fcr die Chips unten *\/\n  }\n\n  \/* L\u00fcfter dreht, sobald die Sektion sichtbar ist *\/\n  .lima-pv-fan {\n    transform-origin: 96px 112px;\n    transform: rotate(0deg);\n  }\n\n  #lima-tools-section.is-visible .lima-pv-fan {\n    animation: lima-fan-spin 3.2s linear 900ms infinite;\n  }\n\n  @keyframes lima-fan-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  \/* W\u00e4rmefluss: gestrichelte Linie wandert von der Pumpe ins Haus *\/\n  .lima-pv-flow {\n    stroke: var(--lt-gold);\n    stroke-width: 2.5;\n    fill: none;\n    stroke-linecap: round;\n    stroke-dasharray: 6 8;\n    opacity: 0;\n    transition: opacity 500ms ease 1300ms;\n  }\n\n  #lima-tools-section.is-visible .lima-pv-flow {\n    opacity: 1;\n    animation: lima-flow-move 1.6s linear 1300ms infinite;\n  }\n\n  #lima-tools-section.no-js .lima-pv-flow { opacity: 1; }\n\n  @keyframes lima-flow-move {\n    to { stroke-dashoffset: -28; }\n  }\n\n  \/* W\u00e4rmewellen am Heizk\u00f6rper *\/\n  .lima-pv-heatwave {\n    stroke: var(--lt-gold);\n    stroke-width: 2;\n    fill: none;\n    stroke-linecap: round;\n    opacity: 0;\n  }\n\n  #lima-tools-section.is-visible .lima-pv-heatwave {\n    animation: lima-heatwave 2.4s ease-in-out 1700ms infinite;\n  }\n\n  #lima-tools-section.no-js .lima-pv-heatwave { opacity: .7; }\n\n  #lima-tools-section.is-visible .lima-pv-heatwave:nth-of-type(2) { animation-delay: 2000ms; }\n  #lima-tools-section.is-visible .lima-pv-heatwave:nth-of-type(3) { animation-delay: 2300ms; }\n\n  @keyframes lima-heatwave {\n    0%   { opacity: 0; transform: translateY(6px); }\n    40%  { opacity: .8; }\n    100% { opacity: 0; transform: translateY(-10px); }\n  }\n\n  \/* Chips unten: Angebot \u00b7 F\u00f6rderung \u00b7 Amortisation *\/\n  .lima-pv-heat-chips {\n    position: absolute;\n    left: 14px;\n    right: 14px;\n    bottom: 12px;\n    display: flex;\n    gap: 6px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .lima-pv-heat-chips .pv-chip {\n    font-family: 'Poppins', sans-serif;\n    font-size: 0.68rem;\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: 4px 10px;\n    white-space: nowrap;\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity 500ms ease, transform 500ms ease;\n  }\n\n  #lima-tools-section.is-visible .lima-pv-heat-chips .pv-chip:nth-child(1) { transition-delay: 1500ms; }\n  #lima-tools-section.is-visible .lima-pv-heat-chips .pv-chip:nth-child(2) { transition-delay: 1650ms; }\n  #lima-tools-section.is-visible .lima-pv-heat-chips .pv-chip:nth-child(3) { transition-delay: 1800ms; }\n\n  \/* ========================================\n     KARTENINHALT\n     ======================================== *\/\n\n  .lima-card-body {\n    padding: 0 28px;\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: clamp(1.45rem, 1.6vw, 1.75rem);\n    overflow-wrap: anywhere;\n    hyphens: auto;\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 { grid-template-columns: 1fr; gap: 24px; }\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    #lima-tools-section .lima-pv-fan { animation: none !important; }\n    #lima-tools-section .lima-pv-flow { animation: none !important; opacity: 1 !important; }\n    #lima-tools-section .lima-pv-heatwave { animation: none !important; opacity: .7 !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&uuml;r bessere <em>Investment-Entscheidungen<\/em><\/h2>\n    <p>In Sekunden Klarheit statt Bauchgef&uuml;hl. Von Rendite und Finanzierung bis zur energetischen Zukunft Ihrer Immobilie.<\/p>\n  <\/div>\n\n  <div class=\"lima-grid\">\n\n    <!-- Renditekalkulator -->\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&nbsp;%<\/span>\n          <div class=\"pv-chips\">\n            <span class=\"pv-chip\">Cashflow +312&nbsp;&euro;\/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- &amp; Nettorendite sowie Faktor in Sekunden berechnen.<\/p>\n        <ul class=\"lima-bullets\">\n          <li>Sofortiges Ergebnis mit Ihren Zahlen<\/li>\n          <li>Klare Einsch&auml;tzung der Rentabilit&auml;t<\/li>\n          <li>Ideal f&uuml;r Anleger, Makler &amp; Entwickler<\/li>\n        <\/ul>\n        <a href=\"https:\/\/limainvestimmobilien.de\/kalkulationstool-komplett\/\" class=\"lima-btn\">Cashflow berechnen<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Standort Analysetool -->\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&auml;t auf einen Blick sehen<\/li>\n          <li>St&auml;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&auml;dte analysieren<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Finanzierungsrechner -->\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&nbsp;&euro;<\/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&uuml;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    <!-- W\u00e4rmepumpe & Energie -->\n    <div class=\"lima-card\">\n      <div class=\"lima-tool-visual\" aria-hidden=\"true\">\n        <div class=\"lima-pv-heat\">\n          <svg viewBox=\"0 0 360 225\" preserveAspectRatio=\"xMidYMid meet\">\n            <!-- Boden -->\n            <path d=\"M20 176 H340\" stroke=\"rgba(26,26,26,0.12)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <!-- W\u00e4rmepumpe (Au\u00dfeneinheit) -->\n            <rect x=\"40\" y=\"72\" width=\"112\" height=\"82\" rx=\"8\" fill=\"#ffffff\" stroke=\"rgba(187,158,28,0.55)\" stroke-width=\"2\"\/>\n            <circle cx=\"96\" cy=\"112\" r=\"30\" fill=\"none\" stroke=\"rgba(187,158,28,0.35)\" stroke-width=\"2\"\/>\n            <g class=\"lima-pv-fan\" fill=\"#bb9e1c\">\n              <path d=\"M96 112 L96 86 Q112 92 106 106 Z\" opacity=\".95\"\/>\n              <path d=\"M96 112 L118 125 Q108 140 96 128 Z\" opacity=\".8\"\/>\n              <path d=\"M96 112 L74 125 Q68 108 84 100 Z\" opacity=\".65\"\/>\n            <\/g>\n            <circle cx=\"96\" cy=\"112\" r=\"5\" fill=\"#1a1a1a\"\/>\n            <path d=\"M130 84 v56 M138 84 v56\" stroke=\"rgba(26,26,26,0.15)\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n            <!-- Haus (Umriss) -->\n            <path d=\"M208 176 V106 L262 66 L316 106 V176 Z\" fill=\"#ffffff\" stroke=\"rgba(26,26,26,0.18)\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n            <path d=\"M200 110 L262 62 L324 110\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <!-- Heizk\u00f6rper im Haus -->\n            <rect x=\"232\" y=\"124\" width=\"60\" height=\"28\" rx=\"4\" fill=\"#f8f7f2\" stroke=\"rgba(26,26,26,0.18)\" stroke-width=\"1.5\"\/>\n            <path d=\"M244 124 v28 M256 124 v28 M268 124 v28 M280 124 v28\" stroke=\"rgba(26,26,26,0.15)\" stroke-width=\"1.5\"\/>\n            <!-- W\u00e4rmewellen -->\n            <path class=\"lima-pv-heatwave\" d=\"M246 116 q3-5 0-10\"\/>\n            <path class=\"lima-pv-heatwave\" d=\"M262 116 q3-5 0-10\"\/>\n            <path class=\"lima-pv-heatwave\" d=\"M278 116 q3-5 0-10\"\/>\n            <!-- Energiefluss Pumpe \u2192 Haus -->\n            <path class=\"lima-pv-flow\" d=\"M152 138 H208\"\/>\n            <!-- Sonne \/ PV-Andeutung -->\n            <circle cx=\"322\" cy=\"40\" r=\"10\" fill=\"#bb9e1c\" opacity=\".9\"\/>\n            <circle cx=\"322\" cy=\"40\" r=\"17\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1.5\" opacity=\".35\"\/>\n          <\/svg>\n          <div class=\"lima-pv-heat-chips\">\n            <span class=\"pv-chip\">Angebot<\/span>\n            <span class=\"pv-chip\">F&ouml;rderung gepr&uuml;ft<\/span>\n            <span class=\"pv-chip\">Amortisation<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"lima-card-body\">\n        <h3>W&auml;rmepumpe &amp; Energie<\/h3>\n        <p class=\"short-text\">Heizung modernisieren, Photovoltaik, Speicher und Wallbox f&uuml;r Ihre Immobilie pr&uuml;fen.<\/p>\n        <ul class=\"lima-bullets\">\n          <li>Auch f&uuml;r Mehrfamilienh&auml;user &amp; Best&auml;nde<\/li>\n          <li>Angebot, F&ouml;rderpr&uuml;fung &amp; Amortisationsbericht<\/li>\n          <li>Umsetzung mit Partner thermondo<\/li>\n        <\/ul>\n        <a href=\"https:\/\/limainvestimmobilien.de\/waermepumpe\/\" class=\"lima-btn\">Energiepotenzial pr&uuml;fen<\/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=\"{&quot;autoplay_speed&quot;:500,&quot;image_spacing_custom&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500,&quot;image_spacing_custom_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;image_spacing_custom_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" 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 \u2013 Hero Diskret &middot; Gepr&uuml;ft &middot; Renditestark Lima Invest Immobilien ist Ihr spezialisierter Investmentmakler f&uuml;r diskrete Off-Market-Transaktionen im Bereich Commercial und Residential. Seit 2016 verbinden wir kapitalstarke Investoren mit Eigent&uuml;mern renditestarker Immobilien in Deutschlands Top-Metropolregionen &ndash; abseits des &ouml;ffentlichen Marktes. IHK-zertifiziert. Since 2016 Anfrage stellen Portfolio ansehen Kostenlose Immobilienbewertung Was ist Ihre Immobilie&#8230;<\/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,"_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":23828,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/1298\/revisions\/23828"}],"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}]}}