Lima Invest Immobilien \u2014 Value-Add-Potenzial einer Immobilie<\/title>\n<meta name=\"description\" content=\"Interaktive Visualisierung von Wertsteigerungsma\u00dfnahmen f\u00fcr Bestandsimmobilien. Lima Invest Immobilien Hamburg.\">\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<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.5.29\/jspdf.plugin.autotable.min.js\"><\/script>\n\n<style>\n\/* ============================================================\n LIMA INVEST \u2014 CI Variables\n============================================================ *\/\n:root {\n --gold: #bb9e1c;\n --gold-soft: #d4b842;\n --gold-deep: #8a7414;\n --anthracite: #14181f;\n --anthracite-2: #1a2030;\n --anthracite-3: #232a3d;\n --navy: #1e2638;\n --line: #2a3145;\n\n \/* Light-Theme Surface *\/\n --bg: #f5f1e8;\n --surface: #ffffff;\n --surface-2: #faf8f3;\n --line-light: #e8e3d8;\n --text: #14181f;\n --text-2: #3a4055;\n --text-muted: #6b7280;\n\n --ivory: #f5f3ed;\n --cream: #ebe6d6;\n --muted: #a8aeba;\n --text-dim: #dfe3eb;\n --success: #6b8e5a;\n --window-dark: #0e1219;\n --window-lit: #e8c876;\n --shadow-soft: 0 30px 60px rgba(0,0,0,.35);\n --shadow-card: 0 4px 16px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04);\n --radius: 4px;\n --radius-lg: 8px;\n --max: 1400px;\n --serif: 'Cormorant Garamond', Georgia, serif;\n --sans: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n\/* ============================================================\n Reset & Base \u2014 LIGHT THEME\n============================================================ *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml {\n scroll-behavior: smooth;\n background: var(--bg);\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n color-scheme: light;\n}\n\nbody {\n font-family: var(--sans);\n font-weight: 400;\n color: var(--text);\n background: var(--bg);\n line-height: 1.55;\n min-height: 100vh;\n overflow-x: hidden;\n text-rendering: optimizeLegibility;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n}\n\n.page {\n background: var(--bg);\n min-height: 100vh;\n position: relative;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n}\n\n\/* Goldener Premium-Streifen oben *\/\n.page::before {\n content: \"\";\n position: fixed;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, #8a7414, #bb9e1c 35%, #d4b842 50%, #bb9e1c 65%, #8a7414);\n z-index: 999;\n pointer-events: none;\n}\n\nimg { max-width: 100%; display: block; }\nbutton { font-family: var(--sans); cursor: pointer; border: none; background: none; color: inherit; }\n::selection { background: var(--gold); color: var(--anthracite); }\n\n\/* ============================================================\n Hero \u2014 auf hellem Hintergrund\n============================================================ *\/\n.hero {\n position: relative;\n z-index: 1;\n max-width: var(--max);\n margin: 0 auto;\n padding: 108px 40px 30px;\n}\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(22px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n@keyframes goldLineGrow {\n from { width: 0; }\n to { width: 32px; }\n}\n\n.hero-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .28em;\n text-transform: uppercase;\n color: var(--gold-deep);\n font-weight: 500;\n margin-bottom: 22px;\n opacity: 0;\n animation: fadeUp .7s cubic-bezier(.2,.7,.2,1) forwards;\n animation-delay: .1s;\n}\n.hero-eyebrow::before {\n content: \"\";\n width: 32px;\n height: 1px;\n background: var(--gold);\n animation: goldLineGrow .8s ease forwards;\n animation-delay: .3s;\n}\n\n.hero-title {\n font-family: var(--serif);\n font-weight: 600;\n font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n line-height: 1.05;\n max-width: 900px;\n color: var(--text);\n opacity: 0;\n animation: fadeUp 1s cubic-bezier(.2,.7,.2,1) forwards;\n animation-delay: .3s;\n}\n.hero-title em {\n font-style: italic;\n color: var(--gold-deep);\n font-weight: 600;\n}\n\n@media (max-width: 900px) {\n .hero-title { font-size: clamp(2.15rem, 9vw, 3.2rem); }\n}\n@media (max-width: 520px) {\n .hero-title { font-size: clamp(2.05rem, 11vw, 2.85rem); }\n}\n\n.hero-lead {\n margin-top: 24px;\n max-width: 720px;\n font-family: var(--sans);\n font-size: 0.95rem;\n color: var(--text-2);\n line-height: 1.75;\n font-weight: 400;\n opacity: 0;\n animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) forwards;\n animation-delay: .55s;\n}\n\n\/* ============================================================\n Layout\n============================================================ *\/\n.layout {\n position: relative;\n z-index: 1;\n max-width: var(--max);\n margin: 0 auto;\n padding: 30px 40px 60px;\n display: grid;\n grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);\n gap: 40px;\n align-items: start;\n}\n@media (max-width: 1024px) {\n .layout { grid-template-columns: 1fr; }\n}\n\n\/* ---- Viz-Card bleibt dunkel ---- *\/\n.viz-card {\n background: linear-gradient(180deg, var(--anthracite-2), var(--anthracite));\n border: 1px solid var(--line);\n border-radius: var(--radius);\n overflow: hidden;\n position: sticky;\n top: 24px;\n box-shadow: var(--shadow-soft);\n}\n@media (max-width: 1024px) {\n .viz-card { position: relative; top: 0; }\n}\n\n.viz-head {\n padding: 22px 26px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--line);\n}\n.viz-head-l .label {\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: var(--gold);\n font-weight: 500;\n}\n.viz-head-l .title {\n font-family: var(--serif);\n font-size: 1.375rem;\n font-weight: 600;\n color: var(--ivory);\n letter-spacing: .01em;\n margin-top: 4px;\n}\n.viz-counter {\n font-family: var(--serif);\n font-size: 2rem;\n font-weight: 600;\n color: var(--gold);\n letter-spacing: -.02em;\n}\n.viz-counter small {\n font-family: var(--sans);\n font-size: 0.62rem;\n color: var(--muted);\n display: block;\n letter-spacing: .22em;\n text-transform: uppercase;\n margin-top: -2px;\n font-weight: 400;\n}\n\n.viz-stage {\n position: relative;\n aspect-ratio: 9 \/ 7;\n background: radial-gradient(80% 60% at 50% 30%, #2d3548 0%, #14181f 70%, #0a0d14 100%);\n}\n.viz-stage svg { width: 100%; height: 100%; display: block; }\n\n.viz-floor {\n position: absolute;\n inset: auto 0 0 0;\n height: 90px;\n background: linear-gradient(180deg, transparent, rgba(0,0,0,.4));\n pointer-events: none;\n}\n\n.viz-legend {\n padding: 18px 26px 22px;\n border-top: 1px solid var(--line);\n display: flex;\n flex-wrap: wrap;\n gap: 8px 14px;\n min-height: 60px;\n align-items: center;\n}\n.viz-legend-empty {\n font-family: var(--sans);\n font-size: 0.72rem;\n color: var(--muted);\n letter-spacing: .04em;\n font-style: italic;\n font-weight: 400;\n}\n.legend-chip {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 6px 12px;\n border: 1px solid var(--gold);\n border-radius: 100px;\n font-family: var(--sans);\n font-size: 0.72rem;\n color: var(--ivory);\n font-weight: 400;\n background: rgba(187,158,28,.08);\n letter-spacing: .01em;\n animation: chipIn .3s ease;\n}\n.legend-chip::before {\n content: \"\";\n width: 6px; height: 6px;\n background: var(--gold);\n border-radius: 50%;\n}\n@keyframes chipIn { from { opacity: 0; transform: translateY(4px);} to { opacity: 1; transform: none;} }\n\n\/* ---- Ma\u00dfnahmen-Panel \u2014 helles Design ---- *\/\n.measures-panel { display: flex; flex-direction: column; gap: 22px; }\n\n.panel-head {\n display: flex;\n justify-content: space-between;\n align-items: end;\n gap: 16px;\n opacity: 0;\n animation: fadeUp .8s cubic-bezier(.2,.7,.2,1) forwards;\n animation-delay: .75s;\n}\n.panel-head h2 {\n font-family: var(--serif);\n font-weight: 600;\n font-size: 1.75rem;\n color: var(--text);\n}\n.panel-head p {\n font-family: var(--sans);\n color: var(--text-2);\n font-size: 0.82rem;\n margin-top: 6px;\n max-width: 340px;\n line-height: 1.6;\n font-weight: 400;\n}\n\n\/* Filter-Tabs *\/\n.filter-bar {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n padding-bottom: 10px;\n border-bottom: 1px solid var(--line-light);\n}\n.filter-btn {\n padding: 7px 12px;\n font-family: var(--sans);\n font-size: 0.72rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--text-muted);\n border: 1px solid transparent;\n border-radius: 100px;\n transition: all .2s ease;\n font-weight: 500;\n}\n.filter-btn:hover { color: var(--text); border-color: var(--line-light); }\n.filter-btn.active {\n color: var(--gold-deep);\n border-color: var(--gold);\n background: rgba(187,158,28,.08);\n}\n\n\/* ============================================================\n Ma\u00dfnahmen-Grid \u2014 LIGHT CARDS + ANIMATIONEN\n============================================================ *\/\n@keyframes cardFloat {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-4px); }\n}\n@keyframes shimmerSweep {\n 0% { background-position: 220% 0; }\n 100% { background-position: -220% 0; }\n}\n@keyframes borderGlow {\n 0%, 100% { box-shadow: var(--shadow-card); }\n 50% { box-shadow: var(--shadow-card), 0 0 0 1px rgba(187,158,28,.25); }\n}\n@keyframes dotPulse {\n 0%, 100% { opacity: .45; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.5); }\n}\n\n.measures-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n@media (max-width: 540px) {\n .measures-grid { grid-template-columns: 1fr; }\n}\n\n.measure-card {\n --delay: 0s;\n position: relative;\n background: var(--surface);\n border: 1px solid var(--line-light);\n box-shadow: var(--shadow-card);\n padding: 14px 16px 14px 16px;\n border-radius: var(--radius);\n cursor: pointer;\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-height: 96px;\n overflow: hidden;\n \/* Smooth transitions for hover\/active states *\/\n transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;\n}\n\n\/* Float + border glow on idle inactive cards *\/\n.measure-card:not(.active):not(:hover) {\n animation:\n cardFloat 3.8s ease-in-out var(--delay) infinite,\n borderGlow 4.2s ease-in-out calc(var(--delay) + .6s) infinite;\n}\n\n\/* Shimmer sweep on ::before *\/\n.measure-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n background: linear-gradient(\n 108deg,\n transparent 30%,\n rgba(187,158,28,.11) 50%,\n transparent 70%\n );\n background-size: 300% 100%;\n background-position: 220% 0;\n z-index: 0;\n}\n.measure-card:not(.active):not(:hover)::before {\n animation: shimmerSweep 4.2s ease calc(var(--delay) + 1.1s) infinite;\n}\n.measure-card:hover::before,\n.measure-card.active::before {\n background: linear-gradient(135deg, rgba(187,158,28,.1), transparent 60%);\n background-size: 100% 100%;\n animation: none;\n}\n\n\/* Gold dot \u2014 invite cue *\/\n.measure-card::after {\n content: \"\";\n position: absolute;\n bottom: 10px;\n right: 10px;\n width: 5px;\n height: 5px;\n background: var(--gold);\n border-radius: 50%;\n opacity: .4;\n z-index: 1;\n}\n.measure-card:not(.active):not(:hover)::after {\n animation: dotPulse 2.6s ease var(--delay) infinite;\n}\n\/* Active: move dot to top-left as indicator *\/\n.measure-card.active::after {\n top: 12px;\n left: 14px;\n bottom: auto;\n right: auto;\n width: 8px;\n height: 8px;\n opacity: 1;\n animation: none;\n box-shadow: 0 0 0 3px rgba(187,158,28,.18);\n}\n\n\/* Hover state *\/\n.measure-card:hover {\n border-color: rgba(187,158,28,.5);\n box-shadow: 0 10px 28px rgba(187,158,28,.14), 0 4px 12px rgba(0,0,0,.06);\n transform: translateY(-3px) scale(1.012);\n}\n\n\/* Active state *\/\n.measure-card.active {\n border-color: var(--gold);\n background: linear-gradient(180deg, rgba(187,158,28,.06), var(--surface));\n box-shadow: 0 4px 16px rgba(187,158,28,.12);\n animation: none;\n}\n.measure-card.hidden-by-filter { display: none; }\n\n.measure-card .num {\n font-family: var(--sans);\n font-size: 0.72rem;\n color: var(--text-muted);\n letter-spacing: .12em;\n font-weight: 500;\n position: relative;\n z-index: 1;\n}\n.measure-card.active .num { color: var(--gold-deep); padding-left: 14px; }\n\n.measure-card .name {\n font-family: var(--sans);\n font-size: 0.82rem;\n font-weight: 500;\n color: var(--text);\n line-height: 1.3;\n position: relative;\n z-index: 1;\n}\n\n.measure-card .cat {\n margin-top: auto;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--text-muted);\n font-weight: 400;\n position: relative;\n z-index: 1;\n}\n.measure-card .cat::before {\n content: \"\";\n width: 5px; height: 5px;\n border-radius: 50%;\n background: var(--cat-color, var(--text-muted));\n}\n\n.cat-technisch { --cat-color: #5a85c0; }\n.cat-rechtlich { --cat-color: #c4a020; }\n.cat-operativ { --cat-color: #a87048; }\n.cat-vermietung { --cat-color: #5a9068; }\n\n.measure-card .card-actions {\n position: absolute;\n top: 10px;\n right: 10px;\n display: flex;\n gap: 5px;\n z-index: 2;\n}\n.measure-card .info-btn,\n.measure-card .mail-btn {\n width: 22px; height: 22px;\n border-radius: 50%;\n border: 1px solid var(--line-light);\n display: grid;\n place-items: center;\n color: var(--text-muted);\n transition: all .2s ease;\n background: rgba(255,255,255,.8);\n padding: 0;\n}\n.measure-card .info-btn { font-size: 0.72rem; font-weight: 500; font-family: var(--sans); }\n.measure-card .mail-btn svg { width: 11px; height: 11px; display: block; }\n.measure-card .info-btn:hover,\n.measure-card .mail-btn:hover {\n border-color: var(--gold);\n color: var(--gold-deep);\n background: rgba(187,158,28,.1);\n}\n\n\/* ============================================================\n Summary\n============================================================ *\/\n.summary-bar {\n position: relative;\n z-index: 1;\n max-width: var(--max);\n margin: 0 auto;\n padding: 0 40px 60px;\n}\n.summary-card {\n background: var(--surface);\n border: 1px solid var(--line-light);\n border-left: 3px solid var(--gold);\n border-radius: var(--radius);\n padding: 30px 36px;\n display: flex;\n flex-wrap: wrap;\n gap: 28px;\n align-items: center;\n justify-content: space-between;\n box-shadow: var(--shadow-card);\n}\n.summary-text { max-width: 600px; }\n.summary-text .eyebrow {\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: var(--gold-deep);\n margin-bottom: 10px;\n font-weight: 500;\n}\n.summary-text h3 {\n font-family: var(--serif);\n font-weight: 600;\n font-size: 1.5rem;\n color: var(--text);\n line-height: 1.25;\n}\n.summary-text p {\n margin-top: 12px;\n font-family: var(--sans);\n color: var(--text-2);\n font-size: 0.95rem;\n line-height: 1.65;\n font-weight: 400;\n}\n\n.summary-stats { display: flex; gap: 28px; }\n.stat {\n text-align: right;\n padding-left: 22px;\n border-left: 1px solid var(--line-light);\n}\n.stat:first-child { border-left: none; padding-left: 0; }\n.stat .v {\n font-family: var(--serif);\n font-size: 2.25rem;\n font-weight: 600;\n color: var(--gold-deep);\n line-height: 1;\n}\n.stat .l {\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-top: 6px;\n font-weight: 400;\n}\n\n\/* ============================================================\n CTA\n============================================================ *\/\n.cta-row {\n position: relative;\n z-index: 1;\n max-width: var(--max);\n margin: 0 auto;\n padding: 0 40px 80px;\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n align-items: center;\n justify-content: space-between;\n}\n\n.btn-primary, .btn-secondary {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 16px 28px;\n font-family: var(--sans);\n font-size: 0.82rem;\n letter-spacing: .22em;\n text-transform: uppercase;\n font-weight: 500;\n border-radius: var(--radius);\n transition: all .25s ease;\n text-decoration: none;\n}\n.btn-primary {\n background: var(--gold);\n color: var(--anthracite);\n border: 1px solid var(--gold);\n}\n.btn-primary:hover {\n background: var(--gold-soft);\n transform: translateY(-1px);\n box-shadow: 0 12px 28px rgba(187,158,28,.25);\n}\n.btn-secondary {\n color: var(--text);\n border: 1px solid var(--line-light);\n background: var(--surface);\n}\n.btn-secondary:hover { border-color: var(--gold); color: var(--gold-deep); }\n\n.cta-meta {\n font-family: var(--sans);\n font-size: 0.72rem;\n color: var(--text-muted);\n letter-spacing: .04em;\n line-height: 1.6;\n font-weight: 400;\n}\n.cta-meta strong { color: var(--text); font-weight: 600; }\n\n.btn-icon { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 1.5; }\n\n\/* ============================================================\n Disclaimer\n============================================================ *\/\n.disclaimer {\n position: relative;\n z-index: 1;\n max-width: var(--max);\n margin: 0 auto;\n padding: 28px 40px 50px;\n font-family: var(--sans);\n font-size: 0.68rem;\n color: var(--text-muted);\n letter-spacing: .04em;\n line-height: 1.7;\n text-align: center;\n border-top: 1px solid var(--line-light);\n margin-top: 20px;\n font-weight: 400;\n}\n.disclaimer strong {\n color: var(--gold-deep);\n font-weight: 500;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-right: 8px;\n font-size: 0.62rem;\n}\n\n\/* ============================================================\n Modal \u2014 bleibt dunkel (Overlay-Kontrast)\n============================================================ *\/\n.modal-overlay {\n position: fixed;\n inset: 0;\n background: rgba(10,13,20,.82);\n backdrop-filter: blur(6px);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n padding: 20px;\n opacity: 0;\n transition: opacity .25s ease;\n}\n.modal-overlay.open { display: flex; opacity: 1; }\n\n.modal {\n background: linear-gradient(180deg, var(--anthracite-2), var(--anthracite));\n border: 1px solid var(--line);\n border-top: 3px solid var(--gold);\n border-radius: var(--radius);\n max-width: 640px;\n width: 100%;\n max-height: 90vh;\n overflow-y: auto;\n padding: 38px 40px 34px;\n position: relative;\n transform: translateY(10px);\n transition: transform .25s ease;\n}\n.modal-overlay.open .modal { transform: none; }\n\n.modal-close {\n position: absolute;\n top: 16px; right: 16px;\n width: 32px; height: 32px;\n border: 1px solid var(--line);\n border-radius: 50%;\n display: grid;\n place-items: center;\n color: var(--text-dim);\n transition: all .2s;\n}\n.modal-close:hover { color: var(--gold); border-color: var(--gold); }\n\n.modal .eyebrow {\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: var(--gold);\n font-weight: 500;\n}\n.modal h3 {\n font-family: var(--serif);\n font-weight: 600;\n font-size: 1.75rem;\n color: var(--ivory);\n margin-top: 6px;\n line-height: 1.2;\n}\n.modal .body { margin-top: 22px; }\n.modal .body p { font-family: var(--sans); color: var(--text-dim); font-size: 0.95rem; line-height: 1.7; margin-bottom: 18px; font-weight: 400; }\n\n.kv-grid { display: grid; gap: 12px; margin-top: 24px; border-top: 1px solid var(--line); padding-top: 22px; }\n.kv-row { display: grid; grid-template-columns: 180px 1fr; gap: 14px; padding: 8px 0; align-items: start; }\n.kv-row .k { font-family: var(--sans); font-size: 0.68rem; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); font-weight: 500; padding-top: 3px; }\n.kv-row .v { font-family: var(--sans); font-size: 0.82rem; color: var(--ivory); line-height: 1.6; font-weight: 300; }\n\n.modal-actions { margin-top: 28px; display: flex; gap: 10px; flex-wrap: wrap; }\n.modal-toggle {\n flex: 1; min-width: 200px;\n padding: 14px 22px;\n font-family: var(--sans);\n font-size: 0.82rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n font-weight: 500;\n background: var(--gold);\n color: var(--anthracite);\n border-radius: var(--radius);\n transition: all .2s;\n}\n.modal-toggle.active { background: transparent; color: var(--gold); border: 1px solid var(--gold); }\n.modal-toggle:hover { transform: translateY(-1px); }\n\n.modal-mail-btn {\n flex: 1; min-width: 200px;\n padding: 14px 22px;\n font-family: var(--sans);\n font-size: 0.82rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n font-weight: 600;\n background: transparent;\n color: var(--gold);\n border: 1px solid var(--gold);\n border-radius: var(--radius);\n transition: all .2s ease;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n}\n.modal-mail-btn:hover { background: var(--gold); color: var(--anthracite); transform: translateY(-1px); box-shadow: 0 10px 24px rgba(187,158,28,.22); }\n.modal-mail-btn svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n\/* ============================================================\n SVG-Layer Animation\n============================================================ *\/\n.svg-layer { opacity: 0; transition: opacity .55s ease, transform .55s ease; transform-origin: center bottom; }\n.svg-layer.show { opacity: 1; }\n.svg-layer.slide-up { transform: translateY(20px); }\n.svg-layer.slide-up.show { transform: translateY(0); }\n.svg-layer.fade-only { transform: none; }\n.svg-layer.grow { transform: scale(.85); }\n.svg-layer.grow.show { transform: scale(1); }\n\n.wall-base { fill: #4a4f5a; transition: fill .8s ease; }\n.wall-base.refurbished { fill: #c9bfa7; }\n.window-glass { fill: var(--window-dark); transition: fill .6s ease; }\n.window-glass.lit { fill: var(--window-lit); }\n#energyGlow { opacity: 0; transition: opacity .8s ease; }\n#energyGlow.show { opacity: .55; }\n.weg-line { stroke-dasharray: 800; stroke-dashoffset: 800; transition: stroke-dashoffset 1.2s ease; }\n.weg-line.show { stroke-dashoffset: 0; }\n\n@keyframes rentArrowPulse {\n 0% { opacity: 0; transform: translateY(20px) scale(.85); }\n 25% { opacity: 1; transform: translateY(0) scale(1.05); }\n 60% { opacity: 1; transform: translateY(-12px) scale(1); }\n 100% { opacity: 0; transform: translateY(-30px) scale(.9); }\n}\n.rent-arrow-pulse {\n animation: rentArrowPulse 2.5s cubic-bezier(.45,.05,.55,.95) infinite;\n transform-origin: center;\n}\n\n\/* PDF Loader *\/\n.loader-overlay {\n position: fixed; inset: 0;\n background: rgba(10,13,20,.85);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 2000;\n flex-direction: column;\n gap: 18px;\n}\n.loader-overlay.open { display: flex; }\n.loader-spinner {\n width: 36px; height: 36px;\n border: 2px solid var(--line);\n border-top-color: var(--gold);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n}\n@keyframes spin { to { transform: rotate(360deg); } }\n.loader-overlay .text { font-family: var(--sans); font-size: 0.72rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 500; }\n\n\/* ============================================================\n Responsive\n============================================================ *\/\n@media (max-width: 768px) {\n .hero { padding: 68px 20px 20px; }\n .hero-eyebrow { font-size: 0.62rem; }\n .hero-lead { font-size: 0.9rem; }\n .summary-text p, .modal .body p { font-size: 0.9rem; }\n .layout { padding: 20px 20px 40px; gap: 24px; }\n .summary-bar, .cta-row { padding-left: 20px; padding-right: 20px; }\n .summary-card { padding: 22px; }\n .stat { padding-left: 16px; }\n .stat .v { font-size: 1.75rem; }\n .modal { padding: 26px 24px; }\n .kv-row { grid-template-columns: 1fr; gap: 4px; }\n .disclaimer { padding: 24px 20px 40px; }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"page\">\n\n\n<section class=\"hero\">\n <h1 class=\"hero-title\">Wie aus einem Bestandsobjekt <em>echter Mehrwert<\/em> wird.<\/h1>\n <p class=\"hero-lead\">\n Eine Immobilie ist selten am Maximum ihres Potenzials. Welche Ma\u00dfnahmen den Verkehrswert, die Mieterl\u00f6se und die ESG-Konformit\u00e4t nachhaltig heben, h\u00e4ngt vom Objekt, vom Standort und vom Investmenthorizont ab. W\u00e4hlen Sie die f\u00fcr Sie relevanten Stellhebel aus und sehen Sie, wie sie das Objekt sichtbar transformieren.\n <\/p>\n<\/section>\n\n\n<section class=\"layout\">\n\n \n <div class=\"viz-card\">\n <div class=\"viz-head\">\n <div class=\"viz-head-l\">\n <div class=\"label\">Investment Object<\/div>\n <div class=\"title\">Mehrfamilienhaus \u00b7 Bestand<\/div>\n <\/div>\n <div class=\"viz-counter\">\n <span id=\"activeCount\">0<\/span><small>aktive Ma\u00dfnahmen<\/small>\n <\/div>\n <\/div>\n\n <div class=\"viz-stage\" id=\"vizStage\">\n <svg id=\"buildingSvg\" viewBox=\"0 0 900 700\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <linearGradient id=\"wallShade\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"rgba(0,0,0,.25)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(0,0,0,0)\"\/>\n <\/linearGradient>\n <linearGradient id=\"roofGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#2a2e38\"\/>\n <stop offset=\"100%\" stop-color=\"#1a1d24\"\/>\n <\/linearGradient>\n <filter id=\"softGlow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\n <feGaussianBlur stdDeviation=\"14\" result=\"blur\"\/>\n <feMerge><feMergeNode in=\"blur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge>\n <\/filter>\n <pattern id=\"solarPattern\" patternUnits=\"userSpaceOnUse\" width=\"22\" height=\"14\">\n <rect width=\"22\" height=\"14\" fill=\"#0e2030\"\/>\n <rect x=\"0.5\" y=\"0.5\" width=\"10\" height=\"6\" fill=\"#1e3a52\" stroke=\"#0a1620\" stroke-width=\".4\"\/>\n <rect x=\"11\" y=\"0.5\" width=\"10\" height=\"6\" fill=\"#1e3a52\" stroke=\"#0a1620\" stroke-width=\".4\"\/>\n <rect x=\"0.5\" y=\"7\" width=\"10\" height=\"6\" fill=\"#1e3a52\" stroke=\"#0a1620\" stroke-width=\".4\"\/>\n <rect x=\"11\" y=\"7\" width=\"10\" height=\"6\" fill=\"#1e3a52\" stroke=\"#0a1620\" stroke-width=\".4\"\/>\n <\/pattern>\n <linearGradient id=\"windowShine\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"rgba(255,255,255,.18)\"\/>\n <stop offset=\"40%\" stop-color=\"rgba(255,255,255,0)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(255,255,255,.05)\"\/>\n <\/linearGradient>\n <\/defs>\n\n \n <ellipse id=\"energyGlow\" cx=\"450\" cy=\"420\" rx=\"280\" ry=\"240\" fill=\"rgba(140,180,140,.35)\" filter=\"url(#softGlow)\"\/>\n\n \n <rect x=\"0\" y=\"580\" width=\"900\" height=\"120\" fill=\"#0a0d14\"\/>\n <line x1=\"0\" y1=\"580\" x2=\"900\" y2=\"580\" stroke=\"#bb9e1c\" stroke-opacity=\".15\" stroke-width=\"1\"\/>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"aussenanlagen\">\n <g transform=\"translate(110,500)\">\n <rect x=\"-3\" y=\"0\" width=\"6\" height=\"50\" fill=\"#3a2c20\"\/>\n <ellipse cx=\"0\" cy=\"-12\" rx=\"35\" ry=\"40\" fill=\"#3d5a3a\"\/>\n <ellipse cx=\"-12\" cy=\"-25\" rx=\"22\" ry=\"28\" fill=\"#4a6b46\"\/>\n <ellipse cx=\"14\" cy=\"-18\" rx=\"20\" ry=\"26\" fill=\"#4a6b46\"\/>\n <\/g>\n <g transform=\"translate(790,510)\">\n <rect x=\"-3\" y=\"0\" width=\"6\" height=\"40\" fill=\"#3a2c20\"\/>\n <ellipse cx=\"0\" cy=\"-8\" rx=\"30\" ry=\"36\" fill=\"#3d5a3a\"\/>\n <ellipse cx=\"12\" cy=\"-20\" rx=\"20\" ry=\"24\" fill=\"#4a6b46\"\/>\n <\/g>\n <rect x=\"200\" y=\"565\" width=\"500\" height=\"14\" rx=\"7\" fill=\"#3d5a3a\"\/>\n <path d=\"M440 580 L460 580 L470 700 L430 700 Z\" fill=\"#2a2e35\" opacity=\".6\"\/>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"e-ladestationen\">\n <g transform=\"translate(180,520)\">\n <rect x=\"-8\" y=\"0\" width=\"16\" height=\"58\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <rect x=\"-5\" y=\"6\" width=\"10\" height=\"14\" rx=\"1\" fill=\"#0d1018\"\/>\n <circle cx=\"0\" cy=\"13\" r=\"3\" fill=\"#bb9e1c\"\/>\n <text x=\"0\" y=\"38\" text-anchor=\"middle\" fill=\"#bb9e1c\" font-family=\"Poppins\" font-size=\"9\" font-weight=\"600\">EV<\/text>\n <line x1=\"-8\" y1=\"58\" x2=\"8\" y2=\"58\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <\/g>\n <g transform=\"translate(720,520)\">\n <rect x=\"-8\" y=\"0\" width=\"16\" height=\"58\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <rect x=\"-5\" y=\"6\" width=\"10\" height=\"14\" rx=\"1\" fill=\"#0d1018\"\/>\n <circle cx=\"0\" cy=\"13\" r=\"3\" fill=\"#bb9e1c\"\/>\n <text x=\"0\" y=\"38\" text-anchor=\"middle\" fill=\"#bb9e1c\" font-family=\"Poppins\" font-size=\"9\" font-weight=\"600\">EV<\/text>\n <\/g>\n <\/g>\n\n \n <g id=\"building\">\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"keller\">\n <rect x=\"270\" y=\"582\" width=\"360\" height=\"58\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <line x1=\"270\" y1=\"582\" x2=\"630\" y2=\"582\" stroke=\"#bb9e1c\" stroke-width=\"1.8\"\/>\n <line x1=\"270\" y1=\"640\" x2=\"630\" y2=\"640\" stroke=\"#bb9e1c\" stroke-width=\".8\" stroke-dasharray=\"3 3\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\".7\" stroke-dasharray=\"2 2\" opacity=\".75\">\n <line x1=\"330\" y1=\"582\" x2=\"330\" y2=\"640\"\/>\n <line x1=\"390\" y1=\"582\" x2=\"390\" y2=\"640\"\/>\n <line x1=\"450\" y1=\"582\" x2=\"450\" y2=\"640\"\/>\n <line x1=\"510\" y1=\"582\" x2=\"510\" y2=\"640\"\/>\n <line x1=\"570\" y1=\"582\" x2=\"570\" y2=\"640\"\/>\n <\/g>\n <g fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\".8\">\n <g transform=\"translate(296,608)\"><rect x=\"0\" y=\"0\" width=\"10\" height=\"8\"\/><line x1=\"0\" y1=\"3\" x2=\"10\" y2=\"3\"\/><line x1=\"5\" y1=\"0\" x2=\"5\" y2=\"3\"\/><\/g>\n <g transform=\"translate(355,605)\"><rect x=\"0\" y=\"0\" width=\"9\" height=\"3\"\/><line x1=\"4.5\" y1=\"3\" x2=\"4.5\" y2=\"11\"\/><\/g>\n <g transform=\"translate(412,608)\"><circle cx=\"3\" cy=\"5\" r=\"3\"\/><circle cx=\"12\" cy=\"5\" r=\"3\"\/><line x1=\"3\" y1=\"5\" x2=\"9\" y2=\"2\"\/><line x1=\"9\" y1=\"2\" x2=\"12\" y2=\"5\"\/><\/g>\n <g transform=\"translate(472,608)\"><rect x=\"0\" y=\"3\" width=\"6\" height=\"5\"\/><rect x=\"6\" y=\"0\" width=\"6\" height=\"8\"\/><\/g>\n <\/g>\n <g><rect x=\"295\" y=\"566\" width=\"40\" height=\"14\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"295\" y=\"566\" width=\"40\" height=\"14\" fill=\"#e8c876\" opacity=\".7\"><animate attributeName=\"opacity\" values=\"0;.85;.55;.85\" dur=\"2s\" repeatCount=\"indefinite\"\/><\/rect>\n <line x1=\"315\" y1=\"566\" x2=\"315\" y2=\"580\" stroke=\"#0a0d14\" stroke-width=\".8\"\/><\/g>\n <g><rect x=\"430\" y=\"566\" width=\"40\" height=\"14\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"430\" y=\"566\" width=\"40\" height=\"14\" fill=\"#e8c876\" opacity=\".7\"><animate attributeName=\"opacity\" values=\"0;.85;.55;.85\" dur=\"2s\" begin=\".4s\" repeatCount=\"indefinite\"\/><\/rect>\n <line x1=\"450\" y1=\"566\" x2=\"450\" y2=\"580\" stroke=\"#0a0d14\" stroke-width=\".8\"\/><\/g>\n <g><rect x=\"565\" y=\"566\" width=\"40\" height=\"14\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"565\" y=\"566\" width=\"40\" height=\"14\" fill=\"#e8c876\" opacity=\".7\"><animate attributeName=\"opacity\" values=\"0;.85;.55;.85\" dur=\"2s\" begin=\".8s\" repeatCount=\"indefinite\"\/><\/rect>\n <line x1=\"585\" y1=\"566\" x2=\"585\" y2=\"580\" stroke=\"#0a0d14\" stroke-width=\".8\"\/><\/g>\n <g transform=\"translate(450, 660)\"><circle r=\"3\" fill=\"#bb9e1c\"><animate attributeName=\"r\" values=\"3;6;3\" dur=\"1.8s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"1;.3;1\" dur=\"1.8s\" repeatCount=\"indefinite\"\/><\/circle><\/g>\n <text x=\"450\" y=\"680\" text-anchor=\"middle\" fill=\"#bb9e1c\" font-family=\"Poppins\" font-size=\"9\" letter-spacing=\"2.5\" font-weight=\"500\">SOUTERRAIN \u00b7 NUTZFL\u00c4CHE AKTIVIERT<\/text>\n <\/g>\n\n \n <rect id=\"wallMain\" class=\"wall-base\" x=\"270\" y=\"200\" width=\"360\" height=\"380\"\/>\n <rect x=\"260\" y=\"560\" width=\"380\" height=\"22\" fill=\"#1a1d24\"\/>\n <rect x=\"270\" y=\"200\" width=\"360\" height=\"380\" fill=\"url(#wallShade)\" pointer-events=\"none\"\/>\n <line x1=\"270\" y1=\"290\" x2=\"630\" y2=\"290\" stroke=\"#2a2e35\" stroke-width=\"1.5\"\/>\n <line x1=\"270\" y1=\"380\" x2=\"630\" y2=\"380\" stroke=\"#2a2e35\" stroke-width=\"1.5\"\/>\n <line x1=\"270\" y1=\"470\" x2=\"630\" y2=\"470\" stroke=\"#2a2e35\" stroke-width=\"1.5\"\/>\n\n \n <g id=\"roofBase\">\n <polygon points=\"250,200 450,110 650,200\" fill=\"url(#roofGrad)\"\/>\n <line x1=\"250\" y1=\"200\" x2=\"650\" y2=\"200\" stroke=\"#0a0d14\" stroke-width=\"2\"\/>\n <rect x=\"540\" y=\"135\" width=\"18\" height=\"44\" fill=\"#2a2e35\"\/>\n <rect x=\"538\" y=\"132\" width=\"22\" height=\"6\" fill=\"#1a1d24\"\/>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"dachausbau\">\n <rect x=\"270\" y=\"155\" width=\"360\" height=\"45\" fill=\"#c9bfa7\"\/>\n <line x1=\"270\" y1=\"155\" x2=\"630\" y2=\"155\" stroke=\"#0a0d14\" stroke-width=\"1\"\/>\n <rect x=\"310\" y=\"165\" width=\"40\" height=\"26\" fill=\"#0e1219\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"430\" y=\"165\" width=\"40\" height=\"26\" fill=\"#0e1219\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"550\" y=\"165\" width=\"40\" height=\"26\" fill=\"#0e1219\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <polygon points=\"250,155 450,95 650,155\" fill=\"url(#roofGrad)\" opacity=\".95\"\/>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"photovoltaik\">\n <polygon points=\"295,193 445,123 445,143 313,200\" fill=\"url(#solarPattern)\" opacity=\".95\"\/>\n <polygon points=\"455,123 605,193 587,200 455,143\" fill=\"url(#solarPattern)\" opacity=\".95\"\/>\n <g transform=\"translate(770,180)\">\n <circle r=\"14\" fill=\"#bb9e1c\" opacity=\".85\"\/>\n <circle r=\"14\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1\" opacity=\".5\">\n <animate attributeName=\"r\" from=\"14\" to=\"22\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" from=\".5\" to=\"0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <\/g>\n <\/g>\n\n \n <g id=\"windows\">\n \n <g class=\"window\"><rect x=\"305\" y=\"220\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"t1\"\/><rect x=\"305\" y=\"220\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"335\" y1=\"220\" x2=\"335\" y2=\"275\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"305\" y1=\"247\" x2=\"365\" y2=\"247\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"305\" y=\"220\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"420\" y=\"220\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"t2\"\/><rect x=\"420\" y=\"220\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"450\" y1=\"220\" x2=\"450\" y2=\"275\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"420\" y1=\"247\" x2=\"480\" y2=\"247\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"420\" y=\"220\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"535\" y=\"220\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"t3\"\/><rect x=\"535\" y=\"220\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"565\" y1=\"220\" x2=\"565\" y2=\"275\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"535\" y1=\"247\" x2=\"595\" y2=\"247\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"535\" y=\"220\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n \n <g class=\"window\"><rect x=\"305\" y=\"310\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"3a\"\/><rect x=\"305\" y=\"310\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"335\" y1=\"310\" x2=\"335\" y2=\"365\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"305\" y1=\"337\" x2=\"365\" y2=\"337\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"305\" y=\"310\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"420\" y=\"310\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"3b\"\/><rect x=\"420\" y=\"310\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"450\" y1=\"310\" x2=\"450\" y2=\"365\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"420\" y1=\"337\" x2=\"480\" y2=\"337\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"420\" y=\"310\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"535\" y=\"310\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"3c\"\/><rect x=\"535\" y=\"310\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"565\" y1=\"310\" x2=\"565\" y2=\"365\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"535\" y1=\"337\" x2=\"595\" y2=\"337\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"535\" y=\"310\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n \n <g class=\"window\"><rect x=\"305\" y=\"400\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"2a\"\/><rect x=\"305\" y=\"400\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"335\" y1=\"400\" x2=\"335\" y2=\"455\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"305\" y1=\"427\" x2=\"365\" y2=\"427\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"305\" y=\"400\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"420\" y=\"400\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"2b\"\/><rect x=\"420\" y=\"400\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"450\" y1=\"400\" x2=\"450\" y2=\"455\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"420\" y1=\"427\" x2=\"480\" y2=\"427\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"420\" y=\"400\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"535\" y=\"400\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"2c\"\/><rect x=\"535\" y=\"400\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"565\" y1=\"400\" x2=\"565\" y2=\"455\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"535\" y1=\"427\" x2=\"595\" y2=\"427\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"535\" y=\"400\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n \n <g class=\"window\"><rect x=\"305\" y=\"490\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"1a\"\/><rect x=\"305\" y=\"490\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"335\" y1=\"490\" x2=\"335\" y2=\"545\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"305\" y1=\"517\" x2=\"365\" y2=\"517\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"305\" y=\"490\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g id=\"entrance\">\n <rect x=\"415\" y=\"470\" width=\"70\" height=\"90\" fill=\"#1a1d24\"\/>\n <rect x=\"420\" y=\"475\" width=\"60\" height=\"85\" fill=\"#2a2e35\"\/>\n <rect x=\"430\" y=\"480\" width=\"40\" height=\"80\" fill=\"#bb9e1c\"\/>\n <rect x=\"432\" y=\"482\" width=\"36\" height=\"76\" fill=\"none\" stroke=\"#8a7414\" stroke-width=\"1\"\/>\n <circle cx=\"463\" cy=\"525\" r=\"1.5\" fill=\"#1a1d24\"\/>\n <rect x=\"410\" y=\"560\" width=\"80\" height=\"4\" fill=\"#3a3f4a\"\/>\n <rect x=\"405\" y=\"564\" width=\"90\" height=\"4\" fill=\"#2a2e35\"\/>\n <text x=\"450\" y=\"465\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">LI \u00b7 12<\/text>\n <\/g>\n <g class=\"window\"><rect x=\"535\" y=\"490\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"1c\"\/><rect x=\"535\" y=\"490\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"565\" y1=\"490\" x2=\"565\" y2=\"545\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"535\" y1=\"517\" x2=\"595\" y2=\"517\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"535\" y=\"490\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"fenstertausch\">\n <g fill=\"none\" stroke=\"#d4b842\" stroke-width=\"2\" opacity=\".9\">\n <rect x=\"304\" y=\"219\" width=\"62\" height=\"57\"\/><rect x=\"419\" y=\"219\" width=\"62\" height=\"57\"\/><rect x=\"534\" y=\"219\" width=\"62\" height=\"57\"\/>\n <rect x=\"304\" y=\"309\" width=\"62\" height=\"57\"\/><rect x=\"419\" y=\"309\" width=\"62\" height=\"57\"\/><rect x=\"534\" y=\"309\" width=\"62\" height=\"57\"\/>\n <rect x=\"304\" y=\"399\" width=\"62\" height=\"57\"\/><rect x=\"419\" y=\"399\" width=\"62\" height=\"57\"\/><rect x=\"534\" y=\"399\" width=\"62\" height=\"57\"\/>\n <rect x=\"304\" y=\"489\" width=\"62\" height=\"57\"\/><rect x=\"534\" y=\"489\" width=\"62\" height=\"57\"\/>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer grow\" data-layer=\"balkonanbau\">\n <g>\n <rect x=\"395\" y=\"275\" width=\"110\" height=\"6\" fill=\"#2a2e35\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\"1.2\" fill=\"none\">\n <line x1=\"400\" y1=\"281\" x2=\"400\" y2=\"298\"\/><line x1=\"415\" y1=\"281\" x2=\"415\" y2=\"298\"\/><line x1=\"430\" y1=\"281\" x2=\"430\" y2=\"298\"\/><line x1=\"445\" y1=\"281\" x2=\"445\" y2=\"298\"\/><line x1=\"460\" y1=\"281\" x2=\"460\" y2=\"298\"\/><line x1=\"475\" y1=\"281\" x2=\"475\" y2=\"298\"\/><line x1=\"490\" y1=\"281\" x2=\"490\" y2=\"298\"\/>\n <\/g>\n <line x1=\"395\" y1=\"298\" x2=\"505\" y2=\"298\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <rect x=\"395\" y=\"365\" width=\"110\" height=\"6\" fill=\"#2a2e35\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\"1.2\" fill=\"none\">\n <line x1=\"400\" y1=\"371\" x2=\"400\" y2=\"388\"\/><line x1=\"415\" y1=\"371\" x2=\"415\" y2=\"388\"\/><line x1=\"430\" y1=\"371\" x2=\"430\" y2=\"388\"\/><line x1=\"445\" y1=\"371\" x2=\"445\" y2=\"388\"\/><line x1=\"460\" y1=\"371\" x2=\"460\" y2=\"388\"\/><line x1=\"475\" y1=\"371\" x2=\"475\" y2=\"388\"\/><line x1=\"490\" y1=\"371\" x2=\"490\" y2=\"388\"\/>\n <\/g>\n <line x1=\"395\" y1=\"388\" x2=\"505\" y2=\"388\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <rect x=\"395\" y=\"455\" width=\"110\" height=\"6\" fill=\"#2a2e35\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\"1.2\" fill=\"none\">\n <line x1=\"400\" y1=\"461\" x2=\"400\" y2=\"478\"\/><line x1=\"415\" y1=\"461\" x2=\"415\" y2=\"478\"\/><line x1=\"430\" y1=\"461\" x2=\"430\" y2=\"478\"\/><line x1=\"445\" y1=\"461\" x2=\"445\" y2=\"478\"\/><line x1=\"460\" y1=\"461\" x2=\"460\" y2=\"478\"\/><line x1=\"475\" y1=\"461\" x2=\"475\" y2=\"478\"\/><line x1=\"490\" y1=\"461\" x2=\"490\" y2=\"478\"\/>\n <\/g>\n <line x1=\"395\" y1=\"478\" x2=\"505\" y2=\"478\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"weg-aufteilung\">\n <line class=\"weg-line\" x1=\"270\" y1=\"290\" x2=\"630\" y2=\"290\" stroke=\"#bb9e1c\" stroke-width=\"2\" stroke-dasharray=\"6 4\"\/>\n <line class=\"weg-line\" x1=\"270\" y1=\"380\" x2=\"630\" y2=\"380\" stroke=\"#bb9e1c\" stroke-width=\"2\" stroke-dasharray=\"6 4\"\/>\n <line class=\"weg-line\" x1=\"270\" y1=\"470\" x2=\"630\" y2=\"470\" stroke=\"#bb9e1c\" stroke-width=\"2\" stroke-dasharray=\"6 4\"\/>\n <text x=\"640\" y=\"248\" font-family=\"Poppins\" font-size=\"10\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">WE 4<\/text>\n <text x=\"640\" y=\"338\" font-family=\"Poppins\" font-size=\"10\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">WE 3<\/text>\n <text x=\"640\" y=\"428\" font-family=\"Poppins\" font-size=\"10\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">WE 2<\/text>\n <text x=\"640\" y=\"518\" font-family=\"Poppins\" font-size=\"10\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">WE 1<\/text>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"treppenhaus\">\n <rect x=\"412\" y=\"465\" width=\"76\" height=\"100\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\"\/>\n <text x=\"450\" y=\"600\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"9\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">EINGANG MODERNISIERT<\/text>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"grundrissoptimierung\">\n <g stroke=\"#bb9e1c\" stroke-width=\"1\" stroke-dasharray=\"2 3\" opacity=\".7\">\n <line x1=\"390\" y1=\"200\" x2=\"390\" y2=\"560\"\/>\n <line x1=\"510\" y1=\"200\" x2=\"510\" y2=\"560\"\/>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"gewerbe-umnutzung\">\n <rect x=\"280\" y=\"475\" width=\"120\" height=\"80\" fill=\"#0e1219\" stroke=\"#bb9e1c\" stroke-width=\"1.5\"\/>\n <rect x=\"280\" y=\"475\" width=\"120\" height=\"80\" fill=\"url(#windowShine)\"\/>\n <rect x=\"500\" y=\"475\" width=\"120\" height=\"80\" fill=\"#0e1219\" stroke=\"#bb9e1c\" stroke-width=\"1.5\"\/>\n <rect x=\"500\" y=\"475\" width=\"120\" height=\"80\" fill=\"url(#windowShine)\"\/>\n <text x=\"340\" y=\"465\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"8\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">GEWERBE<\/text>\n <text x=\"560\" y=\"465\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"8\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">GEWERBE<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"waermepumpe\">\n <g transform=\"translate(675,520)\">\n <rect x=\"0\" y=\"0\" width=\"60\" height=\"42\" rx=\"2\" fill=\"#2a2e35\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <circle cx=\"20\" cy=\"21\" r=\"11\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <circle cx=\"20\" cy=\"21\" r=\"5\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 20 21\" to=\"360 20 21\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <line x1=\"20\" y1=\"15\" x2=\"20\" y2=\"27\" stroke=\"#bb9e1c\" stroke-width=\"1.5\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 20 21\" to=\"360 20 21\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n <\/line>\n <rect x=\"36\" y=\"8\" width=\"16\" height=\"3\" fill=\"#bb9e1c\"\/>\n <rect x=\"36\" y=\"14\" width=\"16\" height=\"3\" fill=\"#bb9e1c\"\/>\n <rect x=\"36\" y=\"20\" width=\"16\" height=\"3\" fill=\"#bb9e1c\"\/>\n <rect x=\"36\" y=\"26\" width=\"16\" height=\"3\" fill=\"#bb9e1c\"\/>\n <rect x=\"36\" y=\"32\" width=\"16\" height=\"3\" fill=\"#bb9e1c\"\/>\n <text x=\"30\" y=\"56\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"8\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"1\">W\u00c4RMEPUMPE<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"smart-metering\">\n <g transform=\"translate(245,440)\">\n <rect x=\"0\" y=\"0\" width=\"20\" height=\"28\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\".8\"\/>\n <rect x=\"3\" y=\"3\" width=\"14\" height=\"9\" fill=\"#0a0d14\"\/>\n <text x=\"10\" y=\"10\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5\" fill=\"#bb9e1c\">SM<\/text>\n <circle cx=\"10\" cy=\"20\" r=\"2\" fill=\"#bb9e1c\"><animate attributeName=\"opacity\" values=\"1;.3;1\" dur=\"1.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/g>\n <g transform=\"translate(620,210)\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1.2\">\n <path d=\"M0 8 Q6 2 12 8\"\/><path d=\"M-4 12 Q6 0 16 12\"\/><path d=\"M-8 16 Q6 -2 20 16\" opacity=\".6\"\/>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"mietanpassung\">\n <g transform=\"translate(700, 230)\">\n <rect x=\"4\" y=\"4\" width=\"135\" height=\"170\" rx=\"2\" fill=\"rgba(0,0,0,.45)\"\/>\n <rect x=\"0\" y=\"0\" width=\"135\" height=\"170\" rx=\"2\" fill=\"#f5f3ed\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <rect x=\"0\" y=\"0\" width=\"135\" height=\"22\" fill=\"#1a1d24\"\/>\n <text x=\"67.5\" y=\"14.5\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"8\" font-weight=\"600\" fill=\"#bb9e1c\" letter-spacing=\"2.5\">MIETVERTRAG<\/text>\n <line x1=\"10\" y1=\"34\" x2=\"125\" y2=\"34\" stroke=\"#c9c4b3\" stroke-width=\"1\"\/>\n <line x1=\"10\" y1=\"42\" x2=\"115\" y2=\"42\" stroke=\"#c9c4b3\" stroke-width=\"1\"\/>\n <line x1=\"10\" y1=\"50\" x2=\"125\" y2=\"50\" stroke=\"#c9c4b3\" stroke-width=\"1\"\/>\n <rect x=\"10\" y=\"60\" width=\"115\" height=\"62\" fill=\"#fcfaf2\" stroke=\"#bb9e1c\" stroke-width=\".6\" rx=\"2\"\/>\n <text x=\"67.5\" y=\"73\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"6\" fill=\"#888\" letter-spacing=\"1.8\" font-weight=\"500\">\u20ac \/ m\u00b2 \u00b7 KALT<\/text>\n <g><text x=\"67.5\" y=\"91\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"500\" fill=\"#aaa\">8,50 \u20ac<\/text><line x1=\"48\" y1=\"87.5\" x2=\"87\" y2=\"87.5\" stroke=\"#c44\" stroke-width=\"1.3\"\/><\/g>\n <text x=\"67.5\" y=\"113\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"15\" font-weight=\"700\" fill=\"#1a1d24\" letter-spacing=\"-.3\">12,80 \u20ac<animate attributeName=\"fill\" values=\"#1a1d24;#6b8e5a;#1a1d24\" dur=\"2.5s\" repeatCount=\"indefinite\"\/><\/text>\n <line x1=\"10\" y1=\"142\" x2=\"65\" y2=\"142\" stroke=\"#888\" stroke-width=\".8\"\/>\n <text x=\"10\" y=\"154\" font-family=\"Poppins\" font-size=\"5.5\" fill=\"#888\" letter-spacing=\"1.2\">UNTERSCHRIFT EIGENT\u00dcMER<\/text>\n <circle cx=\"105\" cy=\"148\" r=\"14\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1\" opacity=\".55\"\/>\n <circle cx=\"105\" cy=\"148\" r=\"10\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\".5\" opacity=\".4\"\/>\n <text x=\"105\" y=\"151\" text-anchor=\"middle\" font-family=\"Cormorant Garamond\" font-size=\"10\" font-weight=\"600\" fill=\"#bb9e1c\">LI<\/text>\n <\/g>\n <g transform=\"translate(665, 320)\">\n <g class=\"rent-arrow-pulse\">\n <path d=\"M0 -32 L18 -8 L8 -8 L8 22 L-8 22 L-8 -8 L-18 -8 Z\" fill=\"#6b8e5a\" stroke=\"#5a7a4d\" stroke-width=\"1\"\/>\n <text y=\"9\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"9.5\" font-weight=\"700\" fill=\"#fff\" letter-spacing=\".5\">+51%<\/text>\n <path d=\"M-12 -8 L0 -26 L4 -22 L-6 -8 Z\" fill=\"rgba(255,255,255,.18)\"\/>\n <\/g>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer grow\" data-layer=\"esg\">\n <g transform=\"translate(770,90)\">\n <circle r=\"34\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"2\"\/>\n <path d=\"M0 -16 C12 -12 16 -4 14 8 C8 14 -8 14 -14 8 C-16 -4 -12 -12 0 -16 Z M0 -14 L0 14\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1.5\"\/>\n <text y=\"3\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"9\" font-weight=\"600\" fill=\"#bb9e1c\" letter-spacing=\"1\">ESG<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"mobilfunkantenne\">\n <rect x=\"578\" y=\"130\" width=\"14\" height=\"8\" fill=\"#2a2e35\" stroke=\"#bb9e1c\" stroke-width=\"0.8\"\/>\n <line x1=\"585\" y1=\"130\" x2=\"585\" y2=\"40\" stroke=\"#bb9e1c\" stroke-width=\"2.2\"\/>\n <line x1=\"574\" y1=\"85\" x2=\"596\" y2=\"85\" stroke=\"#bb9e1c\" stroke-width=\"1.4\"\/>\n <line x1=\"570\" y1=\"98\" x2=\"600\" y2=\"98\" stroke=\"#bb9e1c\" stroke-width=\"1.4\"\/>\n <line x1=\"574\" y1=\"111\" x2=\"596\" y2=\"111\" stroke=\"#bb9e1c\" stroke-width=\"1.4\"\/>\n <rect x=\"569\" y=\"62\" width=\"3\" height=\"18\" fill=\"#bb9e1c\"\/>\n <rect x=\"598\" y=\"62\" width=\"3\" height=\"18\" fill=\"#bb9e1c\"\/>\n <rect x=\"583\" y=\"50\" width=\"4\" height=\"14\" fill=\"#bb9e1c\"\/>\n <line x1=\"585\" y1=\"40\" x2=\"585\" y2=\"32\" stroke=\"#bb9e1c\" stroke-width=\"2.8\"\/>\n <circle cx=\"585\" cy=\"32\" r=\"3\" fill=\"#ff4444\"><animate attributeName=\"opacity\" values=\"1;0.15;1\" dur=\"1.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"585\" cy=\"32\" r=\"5\" fill=\"none\" stroke=\"#ff4444\" stroke-width=\"1\" opacity=\"0.5\"><animate attributeName=\"r\" values=\"3;9\" dur=\"1.4s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"0.5;0\" dur=\"1.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <g fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1.3\">\n <circle cx=\"585\" cy=\"80\" r=\"20\" opacity=\"0.3\"><animate attributeName=\"r\" values=\"14;55\" dur=\"2.4s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"0.6;0\" dur=\"2.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"585\" cy=\"80\" r=\"20\" opacity=\"0.3\"><animate attributeName=\"r\" values=\"14;55\" dur=\"2.4s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"0.6;0\" dur=\"2.4s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"585\" cy=\"80\" r=\"20\" opacity=\"0.3\"><animate attributeName=\"r\" values=\"14;55\" dur=\"2.4s\" begin=\"1.6s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"0.6;0\" dur=\"2.4s\" begin=\"1.6s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/g>\n <text x=\"620\" y=\"105\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">5G \u00b7 LTE<\/text>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"werbeflaeche\">\n <rect x=\"205\" y=\"220\" width=\"58\" height=\"190\" fill=\"#0a0d14\" stroke=\"#bb9e1c\" stroke-width=\"2.2\"\/>\n <rect x=\"210\" y=\"225\" width=\"48\" height=\"180\" fill=\"#1a3a52\"><animate attributeName=\"fill\" values=\"#1a3a52;#52301a;#1a4a2c;#3a1a4a;#1a3a52\" dur=\"5s\" repeatCount=\"indefinite\"\/><\/rect>\n <text x=\"234\" y=\"305\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"700\" fill=\"#ffffff\" letter-spacing=\"2\">YOUR<\/text>\n <text x=\"234\" y=\"322\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"700\" fill=\"#ffffff\" letter-spacing=\"2\">BRAND<\/text>\n <line x1=\"216\" y1=\"333\" x2=\"252\" y2=\"333\" stroke=\"#ffffff\" stroke-width=\"0.5\" opacity=\"0.6\"\/>\n <text x=\"234\" y=\"350\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"6\" font-weight=\"500\" fill=\"#ffffff\" opacity=\"0.85\" letter-spacing=\"2.5\">PREMIUM AD<\/text>\n <rect x=\"263\" y=\"240\" width=\"7\" height=\"4\" fill=\"#666\"\/>\n <rect x=\"263\" y=\"290\" width=\"7\" height=\"4\" fill=\"#666\"\/>\n <rect x=\"263\" y=\"340\" width=\"7\" height=\"4\" fill=\"#666\"\/>\n <rect x=\"263\" y=\"390\" width=\"7\" height=\"4\" fill=\"#666\"\/>\n <circle cx=\"212\" cy=\"227\" r=\"1.4\" fill=\"#bb9e1c\"><animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.6s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"256\" cy=\"227\" r=\"1.4\" fill=\"#bb9e1c\"><animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.6s\" begin=\"0.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"212\" cy=\"403\" r=\"1.4\" fill=\"#bb9e1c\"><animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.6s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"256\" cy=\"403\" r=\"1.4\" fill=\"#bb9e1c\"><animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.6s\" begin=\"1.2s\" repeatCount=\"indefinite\"\/><\/circle>\n <text x=\"234\" y=\"425\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">LED-WERBETAFEL<\/text>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"packstation\">\n <rect x=\"600\" y=\"582\" width=\"60\" height=\"4\" fill=\"#2a2e35\"\/>\n <rect x=\"605\" y=\"510\" width=\"50\" height=\"72\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.5\"\/>\n <rect x=\"605\" y=\"510\" width=\"50\" height=\"11\" fill=\"#bb9e1c\"\/>\n <text x=\"630\" y=\"518\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"6.5\" font-weight=\"700\" fill=\"#1a1d24\" letter-spacing=\"1.5\">PACKSTATION<\/text>\n <g stroke=\"#bb9e1c\" stroke-width=\"0.5\" fill=\"#0e1219\">\n <rect x=\"609\" y=\"525\" width=\"13\" height=\"11\"\/>\n <rect x=\"623\" y=\"525\" width=\"13\" height=\"11\"><animate attributeName=\"fill\" values=\"#0e1219;#bb9e1c;#0e1219\" dur=\"3.5s\" begin=\"0.2s\" repeatCount=\"indefinite\"\/><\/rect>\n <rect x=\"637\" y=\"525\" width=\"13\" height=\"11\"\/>\n <rect x=\"609\" y=\"537\" width=\"13\" height=\"11\"><animate attributeName=\"fill\" values=\"#0e1219;#bb9e1c;#0e1219\" dur=\"3.5s\" begin=\"1.4s\" repeatCount=\"indefinite\"\/><\/rect>\n <rect x=\"623\" y=\"537\" width=\"13\" height=\"11\"\/>\n <rect x=\"637\" y=\"537\" width=\"13\" height=\"11\"\/>\n <rect x=\"609\" y=\"549\" width=\"13\" height=\"11\"\/>\n <rect x=\"623\" y=\"549\" width=\"13\" height=\"11\"\/>\n <rect x=\"637\" y=\"549\" width=\"13\" height=\"11\"><animate attributeName=\"fill\" values=\"#0e1219;#bb9e1c;#0e1219\" dur=\"3.5s\" begin=\"2.4s\" repeatCount=\"indefinite\"\/><\/rect>\n <\/g>\n <rect x=\"611\" y=\"562\" width=\"38\" height=\"13\" fill=\"#1a3a52\" stroke=\"#bb9e1c\" stroke-width=\"0.4\"\/>\n <circle cx=\"616\" cy=\"568.5\" r=\"1\" fill=\"#6b8e5a\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"1.5s\" repeatCount=\"indefinite\"\/><\/circle>\n <text x=\"635\" y=\"571\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"4.5\" fill=\"#ffffff\" letter-spacing=\"0.5\">ABHOLEN<\/text>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"fassadenbegruenung\">\n <g>\n <path d=\"M278 580 Q284 540 276 500 Q284 460 277 420 Q283 380 276 340 Q282 300 277 260 Q282 220 280 205\" stroke=\"#3d5a3a\" stroke-width=\"2.5\" fill=\"none\"\/>\n <g fill=\"#4a6b46\">\n <ellipse cx=\"278\" cy=\"540\" rx=\"14\" ry=\"9\"\/><ellipse cx=\"284\" cy=\"500\" rx=\"12\" ry=\"8\"\/>\n <ellipse cx=\"274\" cy=\"465\" rx=\"13\" ry=\"9\"\/><ellipse cx=\"282\" cy=\"425\" rx=\"11\" ry=\"8\"\/>\n <ellipse cx=\"275\" cy=\"385\" rx=\"12\" ry=\"9\"\/><ellipse cx=\"284\" cy=\"345\" rx=\"13\" ry=\"8\"\/>\n <ellipse cx=\"274\" cy=\"305\" rx=\"11\" ry=\"7\"\/><ellipse cx=\"280\" cy=\"265\" rx=\"12\" ry=\"9\"\/>\n <ellipse cx=\"276\" cy=\"225\" rx=\"10\" ry=\"7\"\/>\n <\/g>\n <\/g>\n <g>\n <path d=\"M622 580 Q616 540 624 500 Q616 460 623 420 Q617 380 624 340 Q618 300 623 260 Q618 220 620 205\" stroke=\"#3d5a3a\" stroke-width=\"2.5\" fill=\"none\"\/>\n <g fill=\"#4a6b46\">\n <ellipse cx=\"622\" cy=\"540\" rx=\"14\" ry=\"9\"\/><ellipse cx=\"616\" cy=\"500\" rx=\"12\" ry=\"8\"\/>\n <ellipse cx=\"626\" cy=\"465\" rx=\"13\" ry=\"9\"\/><ellipse cx=\"618\" cy=\"425\" rx=\"11\" ry=\"8\"\/>\n <ellipse cx=\"625\" cy=\"385\" rx=\"12\" ry=\"9\"\/><ellipse cx=\"616\" cy=\"345\" rx=\"13\" ry=\"8\"\/>\n <ellipse cx=\"626\" cy=\"305\" rx=\"11\" ry=\"7\"\/><ellipse cx=\"620\" cy=\"265\" rx=\"12\" ry=\"9\"\/>\n <ellipse cx=\"624\" cy=\"225\" rx=\"10\" ry=\"7\"\/>\n <\/g>\n <\/g>\n <g transform=\"translate(265, 184)\">\n <rect x=\"-22\" y=\"-8\" width=\"44\" height=\"14\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#5a8050\" stroke-width=\"0.8\"\/>\n <text x=\"0\" y=\"2\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"6\" font-weight=\"600\" fill=\"#5a8050\" letter-spacing=\"1\">KfW \u00b7 ESG<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"smarthome\">\n <g transform=\"translate(450, 432)\">\n <rect x=\"-18\" y=\"-11\" width=\"36\" height=\"22\" rx=\"3\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.3\"\/>\n <text x=\"0\" y=\"-2\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"700\" fill=\"#bb9e1c\" letter-spacing=\"1\">SMART<\/text>\n <text x=\"0\" y=\"6\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"1.5\">HOME<\/text>\n <circle cx=\"-13\" cy=\"-7\" r=\"1.4\" fill=\"#6b8e5a\"><animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.6s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/g>\n <g transform=\"translate(450, 540)\">\n <circle r=\"3\" fill=\"none\" stroke=\"#6b8e5a\" stroke-width=\"1.5\" opacity=\"0.9\"><animate attributeName=\"r\" values=\"3;6;3\" dur=\"2s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"1;0;1\" dur=\"2s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle r=\"2\" fill=\"#6b8e5a\"\/>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"aufzug\">\n <rect x=\"632\" y=\"180\" width=\"32\" height=\"400\" fill=\"rgba(40,60,80,0.5)\" stroke=\"#bb9e1c\" stroke-width=\"2\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\"0.4\" opacity=\"0.6\">\n <line x1=\"632\" y1=\"265\" x2=\"664\" y2=\"265\"\/><line x1=\"632\" y1=\"350\" x2=\"664\" y2=\"350\"\/>\n <line x1=\"632\" y1=\"435\" x2=\"664\" y2=\"435\"\/><line x1=\"632\" y1=\"520\" x2=\"664\" y2=\"520\"\/>\n <\/g>\n <polygon points=\"628,180 668,180 666,170 630,170\" fill=\"#2a2e35\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"640\" y=\"160\" width=\"16\" height=\"10\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"0.8\"\/>\n <g>\n <rect x=\"636\" y=\"510\" width=\"24\" height=\"38\" fill=\"#bb9e1c\" opacity=\"0.9\" stroke=\"#1a1d24\" stroke-width=\"0.6\">\n <animate attributeName=\"y\" values=\"510;215;215;385;385;510;510\" keyTimes=\"0;0.25;0.35;0.5;0.6;0.85;1\" dur=\"9s\" repeatCount=\"indefinite\"\/>\n <\/rect>\n <rect x=\"640\" y=\"518\" width=\"16\" height=\"10\" fill=\"#0e1219\" opacity=\"0.8\">\n <animate attributeName=\"y\" values=\"518;223;223;393;393;518;518\" keyTimes=\"0;0.25;0.35;0.5;0.6;0.85;1\" dur=\"9s\" repeatCount=\"indefinite\"\/>\n <\/rect>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"moeblierung\">\n <g fill=\"#bb9e1c\" opacity=\"0.78\">\n <rect x=\"312\" y=\"258\" width=\"22\" height=\"11\" rx=\"1\"\/><rect x=\"314\" y=\"252\" width=\"10\" height=\"6\" rx=\"1\"\/>\n <rect x=\"427\" y=\"255\" width=\"11\" height=\"14\" rx=\"1\"\/><rect x=\"425\" y=\"248\" width=\"3\" height=\"21\"\/>\n <rect x=\"542\" y=\"240\" width=\"18\" height=\"30\"\/>\n <\/g>\n <g fill=\"#bb9e1c\" opacity=\"0.78\">\n <rect x=\"310\" y=\"348\" width=\"28\" height=\"11\"\/><rect x=\"308\" y=\"338\" width=\"6\" height=\"21\"\/><rect x=\"334\" y=\"338\" width=\"6\" height=\"21\"\/>\n <rect x=\"425\" y=\"335\" width=\"22\" height=\"11\"\/>\n <rect x=\"540\" y=\"330\" width=\"22\" height=\"33\"\/>\n <\/g>\n <g transform=\"translate(745, 165)\">\n <rect x=\"-28\" y=\"-9\" width=\"56\" height=\"16\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"0.8\"\/>\n <text x=\"0\" y=\"2\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"600\" fill=\"#bb9e1c\" letter-spacing=\"1.5\">M\u00d6BLIERT<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"microliving\">\n <g stroke=\"#bb9e1c\" stroke-width=\"1\" stroke-dasharray=\"4 2\" opacity=\"0.7\">\n <line x1=\"335\" y1=\"200\" x2=\"335\" y2=\"545\"\/><line x1=\"390\" y1=\"200\" x2=\"390\" y2=\"545\"\/>\n <line x1=\"450\" y1=\"200\" x2=\"450\" y2=\"545\"\/><line x1=\"510\" y1=\"200\" x2=\"510\" y2=\"545\"\/>\n <line x1=\"565\" y1=\"200\" x2=\"565\" y2=\"545\"\/>\n <\/g>\n <g transform=\"translate(450, 175)\">\n <rect x=\"-32\" y=\"-9\" width=\"64\" height=\"16\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"0.8\"\/>\n <text x=\"0\" y=\"2\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"600\" fill=\"#bb9e1c\" letter-spacing=\"1\">5 \u00d7 18 m\u00b2<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"rooftop\">\n <rect x=\"355\" y=\"127\" width=\"190\" height=\"8\" fill=\"#5a4d3a\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\"1.2\" fill=\"none\">\n <line x1=\"355\" y1=\"127\" x2=\"355\" y2=\"107\"\/><line x1=\"545\" y1=\"127\" x2=\"545\" y2=\"107\"\/>\n <line x1=\"355\" y1=\"110\" x2=\"545\" y2=\"110\"\/>\n <\/g>\n <g stroke=\"#5a4d3a\" stroke-width=\"1.6\" fill=\"none\">\n <line x1=\"385\" y1=\"127\" x2=\"385\" y2=\"90\"\/><line x1=\"515\" y1=\"127\" x2=\"515\" y2=\"90\"\/>\n <line x1=\"380\" y1=\"90\" x2=\"520\" y2=\"90\"\/>\n <\/g>\n <g fill=\"#bb9e1c\">\n <rect x=\"395\" y=\"117\" width=\"20\" height=\"10\" rx=\"1\"\/><rect x=\"392\" y=\"105\" width=\"6\" height=\"22\" rx=\"1\"\/>\n <rect x=\"438\" y=\"120\" width=\"24\" height=\"3\"\/><rect x=\"440\" y=\"123\" width=\"2\" height=\"5\"\/><rect x=\"458\" y=\"123\" width=\"2\" height=\"5\"\/>\n <rect x=\"485\" y=\"117\" width=\"20\" height=\"10\" rx=\"1\"\/><rect x=\"503\" y=\"105\" width=\"6\" height=\"22\" rx=\"1\"\/>\n <\/g>\n <g>\n <ellipse cx=\"365\" cy=\"120\" rx=\"6\" ry=\"9\" fill=\"#4a6b46\"\/><rect x=\"363\" y=\"122\" width=\"4\" height=\"6\" fill=\"#3a2c20\"\/>\n <ellipse cx=\"535\" cy=\"120\" rx=\"6\" ry=\"9\" fill=\"#4a6b46\"\/><rect x=\"533\" y=\"122\" width=\"4\" height=\"6\" fill=\"#3a2c20\"\/>\n <\/g>\n <g fill=\"#e8c876\">\n <circle cx=\"395\" cy=\"93\" r=\"1.5\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"420\" cy=\"93\" r=\"1.5\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" begin=\"0.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"445\" cy=\"93\" r=\"1.5\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"470\" cy=\"93\" r=\"1.5\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" begin=\"1.2s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"495\" cy=\"93\" r=\"1.5\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" begin=\"1.6s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/g>\n <text x=\"450\" y=\"148\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">ROOFTOP LOUNGE<\/text>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"windturbine\">\n <g transform=\"translate(373,153)\">\n \n <line x1=\"0\" y1=\"6\" x2=\"0\" y2=\"44\" stroke=\"#bb9e1c\" stroke-width=\"2.2\"\/>\n \n <rect x=\"-5\" y=\"44\" width=\"10\" height=\"6\" rx=\"1\" fill=\"#2a2e35\" stroke=\"#bb9e1c\" stroke-width=\"0.8\"\/>\n \n <circle cx=\"0\" cy=\"4\" r=\"4\" fill=\"#2a2e35\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n \n <g>\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 0 4\" to=\"360 0 4\" dur=\"5s\" repeatCount=\"indefinite\"\/>\n \n <path d=\"M0,4 L-3,-20 Q0,-28 3,-20 Z\" fill=\"#bb9e1c\" opacity=\".92\"\/>\n \n <path d=\"M0,4 L22,16 Q24,24 16,20 Z\" fill=\"#bb9e1c\" opacity=\".92\"\/>\n \n <path d=\"M0,4 L-22,16 Q-24,24 -16,20 Z\" fill=\"#bb9e1c\" opacity=\".92\"\/>\n <\/g>\n \n <circle cx=\"0\" cy=\"4\" r=\"10\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1\" opacity=\".6\">\n <animate attributeName=\"r\" values=\"10;22;10\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\".6;0;.6\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n \n <text x=\"0\" y=\"62\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">WINDKRAFT<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer grow\" data-layer=\"gebaeudeversicherung\">\n <g transform=\"translate(718,445)\">\n \n <path d=\"M0,-30 L22,-20 L22,2 C22,16 0,26 0,26 C0,26 -22,16 -22,2 L-22,-20 Z\"\n fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.6\"\/>\n \n <path d=\"M-9,2 L-2,10 L11,-8\" fill=\"none\" stroke=\"#6b8e5a\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n \n <circle cx=\"0\" cy=\"-2\" r=\"26\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\".8\" opacity=\".4\">\n <animate attributeName=\"r\" values=\"26;40\" dur=\"2.4s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\".4;0\" dur=\"2.4s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"0\" cy=\"-2\" r=\"26\" fill=\"none\" stroke=\"#6b8e5a\" stroke-width=\".6\" opacity=\".3\">\n <animate attributeName=\"r\" values=\"26;40\" dur=\"2.4s\" begin=\".8s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\".3;0\" dur=\"2.4s\" begin=\".8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n \n <text x=\"0\" y=\"-38\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"12\" fill=\"#bb9e1c\">\u2605<\/text>\n \n <text x=\"0\" y=\"44\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"1.5\">VERSICHERUNG<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"finanzierung\">\n <g transform=\"translate(52,320)\">\n \n <rect x=\"3\" y=\"3\" width=\"145\" height=\"95\" rx=\"4\" fill=\"rgba(0,0,0,.35)\"\/>\n \n <rect x=\"0\" y=\"0\" width=\"145\" height=\"95\" rx=\"4\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.3\"\/>\n \n <rect x=\"0\" y=\"0\" width=\"145\" height=\"22\" rx=\"4\" fill=\"#bb9e1c\"\/>\n <rect x=\"0\" y=\"15\" width=\"145\" height=\"7\" fill=\"#bb9e1c\"\/>\n <text x=\"72\" y=\"14\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"700\" fill=\"#1a1d24\" letter-spacing=\"2\">NETZWERK-KONDITIONEN<\/text>\n \n <text x=\"72\" y=\"50\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"24\" font-weight=\"700\" fill=\"#bb9e1c\" letter-spacing=\"-1\">2,8%<\/text>\n <text x=\"72\" y=\"60\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5.5\" fill=\"#888\" letter-spacing=\"2\">EFF. JAHRESZINS P.A.<\/text>\n \n <line x1=\"10\" y1=\"68\" x2=\"135\" y2=\"68\" stroke=\"#2a3145\" stroke-width=\".6\"\/>\n <text x=\"28\" y=\"77\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5.5\" fill=\"#666\" letter-spacing=\"1\">LTV<\/text>\n <text x=\"28\" y=\"85\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7.5\" font-weight=\"600\" fill=\"#f5f3ed\">75%<\/text>\n <text x=\"72\" y=\"77\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5.5\" fill=\"#666\" letter-spacing=\"1\">LAUFZEIT<\/text>\n <text x=\"72\" y=\"85\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7.5\" font-weight=\"600\" fill=\"#f5f3ed\">15 J.<\/text>\n <text x=\"116\" y=\"77\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5.5\" fill=\"#666\" letter-spacing=\"1\">RATING<\/text>\n <text x=\"116\" y=\"85\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7.5\" font-weight=\"600\" fill=\"#6b8e5a\">A+<\/text>\n \n <rect x=\"10\" y=\"88\" width=\"125\" height=\"3.5\" rx=\"2\" fill=\"#2a3145\"\/>\n <rect x=\"10\" y=\"88\" width=\"0\" height=\"3.5\" rx=\"2\" fill=\"#bb9e1c\">\n <animate attributeName=\"width\" values=\"0;95\" dur=\"1.4s\" fill=\"freeze\" begin=\"0.3s\"\/>\n <\/rect>\n \n <circle cx=\"136\" cy=\"11\" r=\"3.5\" fill=\"#6b8e5a\">\n <animate attributeName=\"opacity\" values=\"1;.25;1\" dur=\"1.8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n \n <text x=\"72\" y=\"112\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"1.5\">LIMA INVEST NETZWERK<\/text>\n <\/g>\n <\/g>\n\n <\/svg>\n <div class=\"viz-floor\"><\/div>\n <\/div>\n\n <div class=\"viz-legend\" id=\"vizLegend\">\n <span class=\"viz-legend-empty\" id=\"legendEmpty\">W\u00e4hlen Sie rechts Ma\u00dfnahmen aus, um die Wertsteigerung am Objekt sichtbar zu machen.<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"measures-panel\">\n <div class=\"panel-head\">\n <div>\n <h2>Ma\u00dfnahmenkatalog<\/h2>\n <p>30 Wertsteigerungshebel \u2014 gegliedert nach technischer, rechtlicher, operativer und vermietungsseitiger Dimension.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"filter-bar\" role=\"tablist\">\n <button class=\"filter-btn active\" data-filter=\"all\" role=\"tab\">Alle<\/button>\n <button class=\"filter-btn\" data-filter=\"technisch\" role=\"tab\">Technisch<\/button>\n <button class=\"filter-btn\" data-filter=\"rechtlich\" role=\"tab\">Rechtlich<\/button>\n <button class=\"filter-btn\" data-filter=\"operativ\" role=\"tab\">Operativ<\/button>\n <button class=\"filter-btn\" data-filter=\"vermietung\" role=\"tab\">Vermietung<\/button>\n <\/div>\n\n <div class=\"measures-grid\" id=\"measuresGrid\"><\/div>\n <\/div>\n\n<\/section>\n\n\n<section class=\"summary-bar\">\n <div class=\"summary-card\">\n <div class=\"summary-text\">\n <div class=\"eyebrow\">Value-Add im Bestand<\/div>\n <h3>Drei bis sieben Stellhebel reichen meist aus, um den Verkehrswert eines Bestandsobjekts signifikant zu heben.<\/h3>\n <p>Entscheidend ist nicht die Anzahl der Ma\u00dfnahmen, sondern deren strategische Abfolge. Wir analysieren die wirtschaftliche Hebelwirkung, den regulatorischen Rahmen und das ESG-Profil \u2014 und f\u00fchren Eigent\u00fcmer, Family Offices und institutionelle K\u00e4ufer durch den gesamten Prozess.<\/p>\n <\/div>\n <div class=\"summary-stats\">\n <div class=\"stat\"><div class=\"v\" id=\"statSelected\">0<\/div><div class=\"l\">Ausgew\u00e4hlt<\/div><\/div>\n <div class=\"stat\"><div class=\"v\">30<\/div><div class=\"l\">Ma\u00dfnahmen<\/div><\/div>\n <div class=\"stat\"><div class=\"v\">4<\/div><div class=\"l\">Dimensionen<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-row\">\n <div class=\"cta-meta\">\n <strong>Lima Invest Immobilien GmbH<\/strong> \u00b7 Hamburg \u00b7 <a href=\"mailto:anfrage@limaimmobilien.com\" style=\"color:var(--gold-deep); text-decoration:none;\">anfrage@limaimmobilien.com<\/a><br>\n Off-Market Transaktionen \u00b7 Investoren-Netzwerk \u00b7 Value-Add-Strategien\n <\/div>\n <div style=\"display:flex; gap:12px; flex-wrap:wrap;\">\n <button class=\"btn-secondary\" onclick=\"resetSelection()\">\n <svg class=\"btn-icon\" viewBox=\"0 0 24 24\"><path d=\"M3 12a9 9 0 1 0 3-6.7\"\/><polyline points=\"3 3 3 9 9 9\"\/><\/svg>\n Zur\u00fccksetzen\n <\/button>\n <button class=\"btn-primary\" id=\"pdfBtn\" onclick=\"downloadPDF()\">\n <svg class=\"btn-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 3v14\"\/><polyline points=\"6 11 12 17 18 11\"\/><path d=\"M5 21h14\"\/><\/svg>\n Onepager als PDF herunterladen\n <\/button>\n <\/div>\n<\/div>\n\n<div class=\"disclaimer\">\n <strong>Hinweis<\/strong> Die Darstellungen dienen der Veranschaulichung und ersetzen keine objektspezifische Bewertung. \u00a9 Lima Invest Immobilien, Pablo Lima\n<\/div>\n\n<\/div>\n\n\n<div class=\"modal-overlay\" id=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\">\n <div class=\"modal\">\n <button class=\"modal-close\" onclick=\"closeModal()\" aria-label=\"Schlie\u00dfen\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\"\/><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"\/><\/svg>\n <\/button>\n <div class=\"eyebrow\" id=\"modalEyebrow\">Ma\u00dfnahme<\/div>\n <h3 id=\"modalTitle\"><\/h3>\n <div class=\"body\">\n <p id=\"modalDesc\"><\/p>\n <div class=\"kv-grid\">\n <div class=\"kv-row\"><div class=\"k\">Wirtschaftlicher Effekt<\/div><div class=\"v\" id=\"modalEffect\"><\/div><\/div>\n <div class=\"kv-row\"><div class=\"k\">Nutzen f\u00fcr Eigent\u00fcmer<\/div><div class=\"v\" id=\"modalBenefit\"><\/div><\/div>\n <div class=\"kv-row\"><div class=\"k\">Dimension<\/div><div class=\"v\" id=\"modalCategory\"><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"modal-actions\">\n <button class=\"modal-toggle\" id=\"modalToggleBtn\" onclick=\"toggleFromModal()\"><\/button>\n <button class=\"modal-mail-btn\" onclick=\"requestOfferFromModal()\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><polyline points=\"3,7 12,13 21,7\"\/><\/svg>\n Jetzt Angebot einholen\n <\/button>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"loader-overlay\" id=\"loader\">\n <div class=\"loader-spinner\"><\/div>\n <div class=\"text\">PDF wird erstellt \u2026<\/div>\n<\/div>\n\n<script>\n\/* ============================================================\n Ma\u00dfnahmen-Daten (30 Eintr\u00e4ge)\n============================================================ *\/\nconst MEASURES = [\n { id:\"fassadensanierung\", name:\"Fassadensanierung\", category:\"technisch\",\n desc:\"Erneuerung von Putz, Anstrich und gegebenenfalls D\u00e4mmung der Geb\u00e4udeh\u00fclle. Verbessert die Optik, sch\u00fctzt vor Witterungseinfl\u00fcssen und reduziert energetische Verluste durch undichte oder gerissene Au\u00dfenw\u00e4nde.\",\n effect:\"Wertsteigerung von rund 5\u201312 % durch Abbau des Instandhaltungsr\u00fcckstaus und visuelle Aufwertung. Verbesserung im Energieausweis m\u00f6glich.\",\n benefit:\"H\u00f6here Vermietbarkeit, bessere Eingruppierung im Mietspiegel und ein deutlich st\u00e4rkerer erster Eindruck bei Besichtigungen und Vermarktungsterminen.\" },\n { id:\"dachausbau\", name:\"Dachausbau \/ Aufstockung\", category:\"technisch\",\n desc:\"Aktivierung des Dachgeschosses durch Ausbau bestehender Reserven oder durch eine Aufstockung. Schafft zus\u00e4tzliche Wohn- oder Nutzfl\u00e4che ohne Grundst\u00fccksankauf.\",\n effect:\"Bis zu 25 % zus\u00e4tzliche vermietbare Fl\u00e4che. Signifikante Wertsteigerung \u00fcber den Verkehrswertfaktor.\",\n benefit:\"Skalierung der Mieteinnahmen, h\u00f6here Renditebasis und optimale Hebelwirkung auf den sp\u00e4teren Ver\u00e4u\u00dferungserl\u00f6s.\" },\n { id:\"energetische-sanierung\", name:\"Energetische Sanierung\", category:\"technisch\",\n desc:\"Ganzheitliche Verbesserung des energetischen Zustands \u00fcber D\u00e4mmung, W\u00e4rmebr\u00fcckenoptimierung, neue Anlagentechnik und KfW-konforme Sanierungspfade.\",\n effect:\"Senkung der Nebenkosten um 30\u201360 %. Mietsteigerung \u00fcber Modernisierungsumlage m\u00f6glich. KfW-F\u00f6rderung und steuerliche Effekte realisierbar.\",\n benefit:\"ESG-Konformit\u00e4t, Zukunftssicherheit und nachhaltige Risikominimierung gegen\u00fcber regulatorischen Versch\u00e4rfungen.\" },\n { id:\"fenstertausch\", name:\"Fenstertausch\", category:\"technisch\",\n desc:\"Erneuerung der Fensteranlagen mit Dreifachverglasung, verbessertem Schallschutz und niedrigen U-Werten.\",\n effect:\"Sprung in der Energieeffizienzklasse, deutliche Aufwertung der Au\u00dfenwirkung und Reduktion des Wartungsaufwands.\",\n benefit:\"H\u00f6here Wohnqualit\u00e4t, geringere Heizkosten und ein klar attraktiveres Objekt am Vermietungsmarkt.\" },\n { id:\"balkonanbau\", name:\"Balkonanbau\", category:\"technisch\",\n desc:\"Anbau oder Erweiterung von Balkonen, in der Regel als vorgestellte Stahlkonstruktion oder als Loggia-Variante in der Fassade.\",\n effect:\"Mietsteigerung von etwa 5\u201310 % je Einheit. Sp\u00fcrbare Aufwertung des Mietspiegels.\",\n benefit:\"H\u00f6herer Wohnwert, schnellere Neuvermietung und st\u00e4rkere Marktpositionierung gegen\u00fcber vergleichbaren Bestandsobjekten.\" },\n { id:\"photovoltaik\", name:\"Photovoltaikanlage\", category:\"technisch\",\n desc:\"Installation von PV-Modulen auf Dach- oder Fassadenfl\u00e4chen, optional gekoppelt mit Mieterstrommodellen.\",\n effect:\"Zusatzeinnahmen aus Stromverkauf und Mieterstrom. Reduktion der Nebenkosten f\u00fcr Mieter und Eigent\u00fcmer.\",\n benefit:\"Verbesserter ESG-Score, GEG-Konformit\u00e4t und ein attraktiver Cashflow-Baustein au\u00dferhalb der klassischen Mieteinnahmen.\" },\n { id:\"waermepumpe\", name:\"W\u00e4rmepumpe \/ Heizungsmodernisierung\", category:\"technisch\",\n desc:\"Austausch fossiler Heizsysteme durch W\u00e4rmepumpen, Hybridl\u00f6sungen oder Fernw\u00e4rme-Anschluss gem\u00e4\u00df den Anforderungen des Geb\u00e4udeenergiegesetzes.\",\n effect:\"Erf\u00fcllung gesetzlicher Vorgaben, Zugang zu F\u00f6rderprogrammen, langfristige Senkung der Betriebskosten.\",\n benefit:\"Vermeidung von Stranded-Asset-Risiken und deutliche Aufwertung im Energieausweis.\" },\n { id:\"treppenhaus\", name:\"Treppenhausmodernisierung\", category:\"technisch\",\n desc:\"Erneuerung von Bodenbel\u00e4gen, Wandfarben, Beleuchtung und der Briefkasten- und Klingelanlage im Treppenhaus.\",\n effect:\"Hochwertige Wertanmutung ab dem ersten Eindruck. Verst\u00e4rkt die wahrgenommene Qualit\u00e4t des gesamten Objekts.\",\n benefit:\"Mehr Conversion bei Besichtigungen und eine sp\u00fcrbar h\u00f6here Zahlungsbereitschaft auf Mieter- wie K\u00e4uferseite.\" },\n { id:\"grundrissoptimierung\", name:\"Grundrissoptimierung\", category:\"technisch\",\n desc:\"Anpassung der Wohnungsgrundrisse an aktuelle Nachfragestrukturen \u2014 etwa die Teilung gro\u00dfer Einheiten oder die Schaffung kompakter Mikroapartments.\",\n effect:\"H\u00f6here Quadratmetermiete in kleineren Einheiten und insgesamt mehr Mieteinheiten je Objekt.\",\n benefit:\"Verdichtung der Cashflow-Basis und bessere Risikostreuung \u00fcber mehrere Mietverh\u00e4ltnisse.\" },\n { id:\"leerstandsabbau\", name:\"Leerstandsabbau\", category:\"vermietung\",\n desc:\"Aktives Asset-Management mit Fokus auf Wiedervermietung, Mieterbindung und einer marktgerechten Positionierung.\",\n effect:\"Direkte Erh\u00f6hung der Ist-Miete und schnellere Realisierung des laufenden Cashflows.\",\n benefit:\"Reduktion des Bewertungsabschlags und Vollvermietung als zentrales Verkaufsargument.\" },\n { id:\"mietanpassung\", name:\"Mietanpassung an Marktniveau\", category:\"vermietung\",\n desc:\"Anhebung der Bestandsmieten im Rahmen des Mietspiegels, der orts\u00fcblichen Vergleichsmieten und \u00fcber Modernisierungsumlagen.\",\n effect:\"Direkte Steigerung der Soll-Miete und damit der Bewertungsgrundlage des gesamten Objekts.\",\n benefit:\"Hebung des Mietsteigerungspotenzials und h\u00f6here Multiplikatoren beim sp\u00e4teren Verkauf.\" },\n { id:\"weg-aufteilung\", name:\"WEG-Aufteilung \/ Einzelverkauf\", category:\"rechtlich\",\n desc:\"Aufteilung des Objekts in Wohnungseigentum nach WEG mit Teilungserkl\u00e4rung, Abgeschlossenheitsbescheinigung und individuellen Grundb\u00fcchern je Einheit.\",\n effect:\"Privatisierungsaufschlag von typischerweise 20\u201340 % gegen\u00fcber dem Globalverkauf.\",\n benefit:\"H\u00f6chste Wertsch\u00f6pfung durch Einzelverk\u00e4ufe, Tranchen oder Mietkauf-Modelle an Selbstnutzer.\" },\n { id:\"aussenanlagen\", name:\"Au\u00dfenanlagen \/ Begr\u00fcnung\", category:\"operativ\",\n desc:\"Aufwertung der Freifl\u00e4chen mit Begr\u00fcnung, Wegen, gepflegtem M\u00fcllstandort und Aufenthaltsbereichen.\",\n effect:\"Verbesserte Aufenthaltsqualit\u00e4t und Au\u00dfenwirkung. Wirkt direkt auf das Vermietungsergebnis.\",\n benefit:\"Wertanmutung, ESG-Beitrag und Wettbewerbsvorteil im Mietermarkt \u2014 insbesondere bei Familien und \u00e4lteren Mietern.\" },\n { id:\"e-ladestationen\", name:\"E-Ladestationen\", category:\"technisch\",\n desc:\"Installation von Ladem\u00f6glichkeiten im Stellplatzbereich, in der Tiefgarage oder direkt vor dem Objekt.\",\n effect:\"Zukunftssicherheit und eine neue, planbare Einnahmequelle aus Ladeums\u00e4tzen.\",\n benefit:\"Attraktivit\u00e4t f\u00fcr moderne Mietergruppen und Erf\u00fcllung der Vorgaben aus dem Geb\u00e4ude-Elektromobilit\u00e4tsinfrastruktur-Gesetz.\" },\n { id:\"smart-metering\", name:\"Smart-Metering \/ Digitalisierung\", category:\"operativ\",\n desc:\"Einbau intelligenter Z\u00e4hler, digitale Verbrauchserfassung und Anbindung an ein Energiemanagementsystem.\",\n effect:\"Volle Transparenz \u00fcber Verbr\u00e4uche, deutliche Kostenreduktion in der laufenden Betriebsf\u00fchrung.\",\n benefit:\"ESG- und Compliance-Vorteile sowie eine saubere Vorbereitung auf eine weiter steigende CO2-Bepreisung.\" },\n { id:\"keller\", name:\"Keller- und Nebenfl\u00e4chenaktivierung\", category:\"operativ\",\n desc:\"Aktivierung bislang ungenutzter Keller-, Speicher- oder Nebenfl\u00e4chen als Lagerr\u00e4ume, Hobbyr\u00e4ume oder kleine Gewerbeeinheiten.\",\n effect:\"Zus\u00e4tzliche Mieteinnahmen und h\u00f6here Fl\u00e4cheneffizienz bei meist geringer Investitionssumme.\",\n benefit:\"Erweiterung der Bewirtschaftungsbasis ohne nennenswerten Eingriff in die Hauptsubstanz.\" },\n { id:\"gewerbe-umnutzung\", name:\"Gewerbe- oder Nutzungs\u00e4nderung\", category:\"rechtlich\",\n desc:\"Umnutzung von Wohnfl\u00e4chen in Gewerbe oder umgekehrt \u2014 stets in enger Abstimmung mit dem Bauordnungs- und Planungsrecht der Gemeinde.\",\n effect:\"H\u00f6here Miete je Quadratmeter und optimale Anpassung an die lokale Marktnachfrage.\",\n benefit:\"Substanzielle Wertsch\u00f6pfung, da das Objekt auf seine wirtschaftlich h\u00f6chste und beste Nutzung ausgerichtet wird.\" },\n { id:\"esg\", name:\"ESG-Optimierung\", category:\"technisch\",\n desc:\"Strategische Ausrichtung des Objekts auf EU-Taxonomie-Konformit\u00e4t, CO2-Reduktion und soziale Standards.\",\n effect:\"Bessere Finanzierungskonditionen und Zugang zu institutionellem Kapital aus ESG-Mandaten.\",\n benefit:\"Reduziertes Regulierungsrisiko und h\u00f6here Exit-Multiples gegen\u00fcber ESG-affinen K\u00e4uferschichten.\" },\n { id:\"mobilfunkantenne\", name:\"Mobilfunkantenne \/ Funkmast\", category:\"operativ\",\n desc:\"Vermietung der Dachfl\u00e4che an Telekommunikationsanbieter f\u00fcr Mobilfunk-Sendeanlagen, Funkmasten oder 5G-Stationen.\",\n effect:\"5.000 \u2013 30.000 \u20ac j\u00e4hrliche Mieteinnahmen je nach Standort und Anbieter, Vertragslaufzeiten von 10 \u2013 30 Jahren.\",\n benefit:\"Passiver Cashflow ohne Eingriff in den Bestand, planbare Ertr\u00e4ge \u00fcber lange Laufzeit, kaum Bewirtschaftungsaufwand.\" },\n { id:\"werbeflaeche\", name:\"Werbefl\u00e4chen \/ LED-Tafeln\", category:\"operativ\",\n desc:\"Vermietung von Fassaden- oder Dachfl\u00e4chen f\u00fcr Gro\u00dfplakatwerbung, digitale LED-Screens oder Leuchtreklame.\",\n effect:\"500 \u2013 5.000 \u20ac monatliche Werbeeinnahmen je nach Lage und Reichweite; besonders lukrativ an Hauptverkehrsachsen.\",\n benefit:\"Monatliche Einnahmen ohne Substanzeingriff. Hochmargiges Zusatzgesch\u00e4ft bei prominenten Standorten.\" },\n { id:\"packstation\", name:\"Paketstation \/ Locker\", category:\"operativ\",\n desc:\"Aufstellung einer DHL-Packstation, eines Amazon Lockers oder vergleichbarer Paketboxen auf dem Grundst\u00fcck.\",\n effect:\"Standortpacht von 100 \u2013 500 \u20ac monatlich, langfristiger B2B-Mietvertrag mit Logistikunternehmen.\",\n benefit:\"Stabile, planbare Vermietung. Attraktiver Service f\u00fcr eigene Mieter, ohne Bewirtschaftungsaufwand.\" },\n { id:\"fassadenbegruenung\", name:\"Fassadenbegr\u00fcnung\", category:\"technisch\",\n desc:\"Vertikale Begr\u00fcnung der Fassade mit Kletterpflanzen, Pflanztr\u00f6gen oder modularen Wandsystemen.\",\n effect:\"F\u00f6rderf\u00e4higkeit \u00fcber Bundes- und Kommunalprogramme. Sommerlicher W\u00e4rmeschutz und deutliche ESG-Aufwertung.\",\n benefit:\"Imagegewinn, Mikroklima-Verbesserung, Klimaresilienz und reduzierter K\u00fchlbedarf in den oberen Etagen.\" },\n { id:\"smarthome\", name:\"Smarthome-Nachr\u00fcstung\", category:\"technisch\",\n desc:\"Nachr\u00fcstung von smartem T\u00fcrschloss, intelligenter Heizungs- und Lichtsteuerung, Sensorik und App-Anbindung.\",\n effect:\"10 \u2013 20 % h\u00f6here Miete im Premium-Segment, k\u00fcrzere Vermietungszeiten, h\u00f6here Mieterbindung.\",\n benefit:\"Attraktivit\u00e4t f\u00fcr moderne, zahlungskr\u00e4ftige Mietergruppen. Differenzierungsmerkmal im Wettbewerb.\" },\n { id:\"aufzug\", name:\"Aufzugnachr\u00fcstung\", category:\"technisch\",\n desc:\"Einbau eines Innen- oder Au\u00dfenaufzugs, h\u00e4ufig als Glasaufzug an der Fassade von Bestandsgeb\u00e4uden ohne Aufzug.\",\n effect:\"Erhebliche Wertsteigerung \u2014 insbesondere in den oberen Etagen. Barrierefreiheit hergestellt.\",\n benefit:\"H\u00f6here Vermietbarkeit oberer Geschosse, Erschlie\u00dfung der Zielgruppen Senioren und Familien, h\u00f6here Verkaufspreise.\" },\n { id:\"moeblierung\", name:\"M\u00f6blierte Vermietung\", category:\"vermietung\",\n desc:\"Vollausstattung der Einheiten mit M\u00f6beln, K\u00fcchenger\u00e4ten und Wohnaccessoires f\u00fcr sofortigen Bezug.\",\n effect:\"20 \u2013 40 % Mietzuschlag m\u00f6glich. K\u00fcrzere Mietverh\u00e4ltnisse, h\u00f6here Cashflows pro Quadratmeter.\",\n benefit:\"Erweiterung der Zielgruppe um Expats, Business Traveller und Studenten. Schnellere Vermietung, weniger Leerstand.\" },\n { id:\"microliving\", name:\"Micro-Living-Konzept\", category:\"technisch\",\n desc:\"Umbau oder Neuteilung in kompakte Apartments von 15 \u2013 30 m\u00b2 mit hoher M\u00f6beldichte und Mehrfachnutzung.\",\n effect:\"30 \u2013 50 % h\u00f6herer \u20ac\/m\u00b2-Ertrag gegen\u00fcber Standardgrundrissen, deutlich mehr Einheiten je Etage.\",\n benefit:\"Verdichtung des Cashflows, geringeres Leerstandsrisiko durch breitere Mieterdiversifikation.\" },\n { id:\"rooftop\", name:\"Rooftop-Nutzung\", category:\"operativ\",\n desc:\"Aktivierung der Dachfl\u00e4che als Dachterrasse, Eventlocation oder Gemeinschaftsfl\u00e4che mit Pergola und Begr\u00fcnung.\",\n effect:\"Premium-Positionierung, hochpreisige Event-Vermietung, Aufenthaltsqualit\u00e4t als Vermietungsargument.\",\n benefit:\"Neue Einnahmequelle, Differenzierungsmerkmal gegen\u00fcber Vergleichsobjekten und ESG-Mehrwert.\" },\n\n \/* === NEU: 3 neue Ma\u00dfnahmen === *\/\n { id:\"windturbine\", name:\"Kleinwindanlage\", category:\"technisch\",\n desc:\"Installation einer Kleinwindturbine auf dem Geb\u00e4udedach oder Grundst\u00fcck zur dezentralen Stromerzeugung. Erg\u00e4nzend zur PV-Anlage und besonders geeignet f\u00fcr exponierte Lagen mit ausreichendem Windpotenzial.\",\n effect:\"5.000 \u2013 30.000 kWh Jahresertrag je nach Standort und Anlagentyp. Stromkostenreduktion und Einspeiseverg\u00fctung realisierbar. KfW- und BAFA-F\u00f6rderung verf\u00fcgbar.\",\n benefit:\"Zus\u00e4tzlicher ESG-Baustein neben PV, erh\u00f6hte Energieautarkie des Objekts und attraktive Vermarktung als emissionsarmes Geb\u00e4ude.\" },\n { id:\"gebaeudeversicherung\", name:\"Geb\u00e4udeversicherung optimieren\", category:\"operativ\",\n desc:\"Systematische \u00dcberpr\u00fcfung und Neuausschreibung der Geb\u00e4ude-, Elementarschaden- und Haftpflichtversicherungen \u00fcber spezialisierte Makler mit Zugang zu Sonderkonditionen f\u00fcr Bestandshalter.\",\n effect:\"15 \u2013 40 % Pr\u00e4mienreduktion durch strukturierten Marktvergleich m\u00f6glich. Unmittelbare Wirkung auf den Cashflow ohne Bauma\u00dfnahme.\",\n benefit:\"Due-Diligence-relevant bei Verkauf, sofort liquidit\u00e4tswirksam und h\u00e4ufig innerhalb weniger Wochen umsetzbar \u2014 mit minimalem Aufwand.\" },\n { id:\"finanzierung\", name:\"Finanzierung zum besten Zins\", category:\"operativ\",\n desc:\"Zugang zu institutionellen Bankkonditionen \u00fcber das Lima Invest Netzwerk aus \u00fcber 700 Banken, Versicherungen und Family-Office-Kreditgebern. Inkl. Strukturierung, Term Sheet und Verhandlungsf\u00fchrung.\",\n effect:\"Zinsoptimierung von 0,5 \u2013 1,5 % p.a. gegen\u00fcber Standardangeboten. Direkter und dauerhafter Effekt auf den Cashflow und die Bewertung.\",\n benefit:\"Zugang zu Konditionen, die nur \u00fcber institutionelle Netzwerke erreichbar sind \u2014 unabh\u00e4ngig von der Hausbank.\" }\n];\n\nconst CAT_LABEL = { technisch:\"Technisch\", rechtlich:\"Rechtlich\", operativ:\"Operativ\", vermietung:\"Vermietung\" };\n\nconst state = { selected: new Set(), filter: \"all\", modalMeasure: null };\n\n\/* ============================================================\n Grid rendern\n============================================================ *\/\nfunction renderGrid() {\n const grid = document.getElementById(\"measuresGrid\");\n grid.innerHTML = \"\";\n MEASURES.forEach((m, idx) => {\n const card = document.createElement(\"div\");\n card.className = `measure-card cat-${m.category}`;\n card.dataset.id = m.id;\n card.dataset.category = m.category;\n card.setAttribute(\"role\", \"button\");\n card.setAttribute(\"tabindex\", \"0\");\n card.setAttribute(\"aria-pressed\", \"false\");\n card.setAttribute(\"aria-label\", `${m.name} ausw\u00e4hlen`);\n \/\/ Staggered animation delay per card\n card.style.setProperty(\"--delay\", `${(idx * 0.13).toFixed(2)}s`);\n\n card.innerHTML = `\n <div class=\"num\">${String(idx+1).padStart(2,\"0\")}<\/div>\n <div class=\"name\">${m.name}<\/div>\n <div class=\"cat\">${CAT_LABEL[m.category]}<\/div>\n <div class=\"card-actions\">\n <button class=\"mail-btn\" aria-label=\"Angebot zu ${m.name} einholen\" data-mail=\"${m.id}\" title=\"Angebot einholen\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><polyline points=\"3,7 12,13 21,7\"\/><\/svg>\n <\/button>\n <button class=\"info-btn\" aria-label=\"Details zu ${m.name}\" data-info=\"${m.id}\" title=\"Details\">i<\/button>\n <\/div>\n `;\n\n card.addEventListener(\"click\", (e) => {\n if (e.target.closest(\".info-btn\") || e.target.closest(\".mail-btn\")) return;\n toggleMeasure(m.id);\n });\n card.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); toggleMeasure(m.id); }\n });\n card.querySelector(\".info-btn\").addEventListener(\"click\", (e) => { e.stopPropagation(); openModal(m.id); });\n card.querySelector(\".mail-btn\").addEventListener(\"click\", (e) => { e.stopPropagation(); requestOffer(m.id); });\n\n grid.appendChild(card);\n });\n}\n\nfunction toggleMeasure(id) {\n if (state.selected.has(id)) state.selected.delete(id);\n else state.selected.add(id);\n updateUI();\n}\n\nfunction resetSelection() {\n state.selected.clear();\n updateUI();\n}\n\nfunction updateUI() {\n document.querySelectorAll(\".measure-card\").forEach(card => {\n const id = card.dataset.id;\n const isActive = state.selected.has(id);\n card.classList.toggle(\"active\", isActive);\n card.setAttribute(\"aria-pressed\", isActive ? \"true\" : \"false\");\n });\n\n document.querySelectorAll(\".svg-layer\").forEach(layer => {\n layer.classList.toggle(\"show\", state.selected.has(layer.dataset.layer));\n });\n document.querySelectorAll(\".weg-line\").forEach(l => {\n l.classList.toggle(\"show\", state.selected.has(\"weg-aufteilung\"));\n });\n\n document.getElementById(\"wallMain\").classList.toggle(\"refurbished\", state.selected.has(\"fassadensanierung\"));\n document.getElementById(\"energyGlow\").classList.toggle(\"show\", state.selected.has(\"energetische-sanierung\"));\n const lit = state.selected.has(\"leerstandsabbau\");\n document.querySelectorAll(\".window-glass\").forEach(w => w.classList.toggle(\"lit\", lit));\n\n const count = state.selected.size;\n document.getElementById(\"activeCount\").textContent = count;\n document.getElementById(\"statSelected\").textContent = count;\n\n renderLegend();\n applyFilter();\n}\n\nfunction renderLegend() {\n const legend = document.getElementById(\"vizLegend\");\n const empty = document.getElementById(\"legendEmpty\");\n legend.innerHTML = \"\";\n if (state.selected.size === 0) { legend.appendChild(empty); return; }\n MEASURES.forEach(m => {\n if (state.selected.has(m.id)) {\n const chip = document.createElement(\"span\");\n chip.className = \"legend-chip\";\n chip.textContent = m.name;\n legend.appendChild(chip);\n }\n });\n}\n\nfunction setFilter(f) {\n state.filter = f;\n document.querySelectorAll(\".filter-btn\").forEach(b => b.classList.toggle(\"active\", b.dataset.filter === f));\n applyFilter();\n}\nfunction applyFilter() {\n document.querySelectorAll(\".measure-card\").forEach(card => {\n const hide = state.filter !== \"all\" && state.filter !== card.dataset.category;\n card.classList.toggle(\"hidden-by-filter\", hide);\n });\n}\ndocument.querySelectorAll(\".filter-btn\").forEach(btn => btn.addEventListener(\"click\", () => setFilter(btn.dataset.filter)));\n\n\/* ============================================================\n Modal\n============================================================ *\/\nfunction openModal(id) {\n const m = MEASURES.find(x => x.id === id);\n if (!m) return;\n state.modalMeasure = id;\n document.getElementById(\"modalEyebrow\").textContent = \"Ma\u00dfnahme \u00b7 \" + CAT_LABEL[m.category];\n document.getElementById(\"modalTitle\").textContent = m.name;\n document.getElementById(\"modalDesc\").textContent = m.desc;\n document.getElementById(\"modalEffect\").textContent = m.effect;\n document.getElementById(\"modalBenefit\").textContent = m.benefit;\n document.getElementById(\"modalCategory\").textContent = CAT_LABEL[m.category] + \" \u2014 typischer Wirkungsbereich dieser Ma\u00dfnahme.\";\n updateModalToggleBtn();\n const overlay = document.getElementById(\"modal\");\n overlay.classList.add(\"open\");\n}\nfunction closeModal() {\n document.getElementById(\"modal\").classList.remove(\"open\");\n state.modalMeasure = null;\n}\nfunction updateModalToggleBtn() {\n const btn = document.getElementById(\"modalToggleBtn\");\n if (!state.modalMeasure) return;\n const isActive = state.selected.has(state.modalMeasure);\n btn.classList.toggle(\"active\", isActive);\n btn.textContent = isActive ? \"Ma\u00dfnahme entfernen\" : \"Ma\u00dfnahme aktivieren\";\n}\nfunction toggleFromModal() {\n if (!state.modalMeasure) return;\n toggleMeasure(state.modalMeasure);\n updateModalToggleBtn();\n}\ndocument.getElementById(\"modal\").addEventListener(\"click\", (e) => { if (e.target.id === \"modal\") closeModal(); });\ndocument.addEventListener(\"keydown\", (e) => { if (e.key === \"Escape\") closeModal(); });\n\nfunction requestOffer(id) {\n const m = MEASURES.find(x => x.id === id);\n if (!m) return;\n const subject = `Angebotsanfrage: ${m.name} \u2014 Value-Add Ma\u00dfnahme`;\n const body = `Sehr geehrtes Lima Invest Team,\\n\\nich habe Interesse an einem konkreten Angebot f\u00fcr die folgende Value-Add-Ma\u00dfnahme:\\n\\n\u203a ${m.name}\\n Dimension: ${CAT_LABEL[m.category]}\\n\\nBitte kontaktieren Sie mich f\u00fcr ein erstes unverbindliches Gespr\u00e4ch.\\n\\nEckdaten zu meiner Immobilie:\\n\u2022 Standort: \\n\u2022 Objektart: \\n\u2022 Anzahl Einheiten: \\n\u2022 Ungef\u00e4hre Wohnfl\u00e4che: \\n\u2022 Zeitlicher Rahmen: \\n\\nMit freundlichen Gr\u00fc\u00dfen`;\n window.location.href = `mailto:anfrage@limaimmobilien.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\n}\nfunction requestOfferFromModal() { if (state.modalMeasure) requestOffer(state.modalMeasure); }\n\n\/* ============================================================\n PDF Export\n============================================================ *\/\nasync function downloadPDF() {\n const loader = document.getElementById(\"loader\");\n loader.classList.add(\"open\");\n await new Promise(r => setTimeout(r, 50));\n try {\n const { jsPDF } = window.jspdf;\n const doc = new jsPDF({ unit:\"mm\", format:\"a4\", orientation:\"portrait\" });\n const pageW = doc.internal.pageSize.getWidth();\n const pageH = doc.internal.pageSize.getHeight();\n const margin = 18;\n const GOLD = [187,158,28], DARK = [20,24,31], TEXT = [40,40,40], MUTED = [120,120,120];\n\n doc.setFillColor(...DARK);\n doc.rect(0, 0, pageW, 38, \"F\");\n doc.setFillColor(...GOLD);\n doc.rect(0, 38, pageW, 1.2, \"F\");\n doc.setDrawColor(...GOLD);\n doc.setLineWidth(0.5);\n doc.rect(margin, 11, 16, 16);\n doc.setFont(\"times\",\"italic\");\n doc.setFontSize(13);\n doc.setTextColor(...GOLD);\n doc.text(\"LI\", margin+8, 21.5, { align:\"center\" });\n doc.setFont(\"times\",\"normal\");\n doc.setFontSize(15);\n doc.setTextColor(245,243,237);\n doc.text(\"Lima Invest Immobilien\", margin+22, 18);\n doc.setFontSize(8);\n doc.setTextColor(140,140,150);\n doc.text(\"OFF-MARKET \u00b7 HAMBURG\", margin+22, 23);\n doc.setFontSize(8);\n doc.setTextColor(180,180,188);\n doc.text(\"ONEPAGER \u00b7 VALUE-ADD-POTENZIAL\", pageW-margin, 18, { align:\"right\" });\n const today = new Date().toLocaleDateString(\"de-DE\",{ day:\"2-digit\", month:\"long\", year:\"numeric\" });\n doc.setTextColor(...GOLD);\n doc.text(today, pageW-margin, 23, { align:\"right\" });\n\n let y = 54;\n doc.setTextColor(...GOLD);\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(8);\n doc.text(\"\u2014 VALUE-ADD STRATEGY\", margin, y);\n y += 8;\n doc.setFont(\"times\",\"normal\");\n doc.setFontSize(22);\n doc.setTextColor(...DARK);\n doc.text(\"Value-Add-Potenzial einer Immobilie\", margin, y);\n y += 9;\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(9);\n doc.setTextColor(...MUTED);\n doc.text(\"Strategische Wertsteigerung im Bestand \u2014 abgestimmt auf Standort, Substanz und Investmenthorizont.\", margin, y, { maxWidth: pageW-2*margin });\n\n y += 8;\n const svgBlock = await renderSvgToImage(560, 380);\n const imgW = pageW-2*margin;\n const imgH = imgW*(380\/560);\n doc.setFillColor(20,24,31);\n doc.rect(margin, y, imgW, imgH, \"F\");\n if (svgBlock) doc.addImage(svgBlock, \"PNG\", margin, y, imgW, imgH);\n y += imgH+4;\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(7.5);\n doc.setTextColor(...MUTED);\n doc.text(\"Schematische Visualisierung mit den ausgew\u00e4hlten Value-Add-Ma\u00dfnahmen\", margin, y);\n\n y += 9;\n doc.setDrawColor(...GOLD);\n doc.setLineWidth(0.4);\n doc.line(margin, y, margin+30, y);\n y += 6;\n doc.setFont(\"times\",\"normal\");\n doc.setFontSize(14);\n doc.setTextColor(...DARK);\n const headerText = state.selected.size > 0 ? `Aktivierte Ma\u00dfnahmen (${state.selected.size})` : \"Ma\u00dfnahmen-\u00dcbersicht \u2014 alle 30 Hebel\";\n doc.text(headerText, margin, y);\n\n y += 4;\n const tableData = (state.selected.size > 0 ? MEASURES.filter(m => state.selected.has(m.id)) : MEASURES)\n .map((m,i) => [String(i+1).padStart(2,\"0\"), m.name, CAT_LABEL[m.category], m.desc]);\n\n doc.autoTable({\n startY: y+2,\n head: [[\"#\",\"Ma\u00dfnahme\",\"Dimension\",\"Fachliche Beschreibung\"]],\n body: tableData,\n theme: \"plain\",\n styles: { font:\"helvetica\", fontSize:8.5, textColor:TEXT, cellPadding:{top:4,right:3,bottom:4,left:3}, lineWidth:0, valign:\"top\" },\n headStyles: { fillColor:DARK, textColor:GOLD, fontStyle:\"normal\", fontSize:8, cellPadding:{top:4,right:3,bottom:4,left:3} },\n alternateRowStyles: { fillColor:[248,246,240] },\n columnStyles: {\n 0:{cellWidth:9,halign:\"center\",textColor:GOLD,fontStyle:\"bold\"},\n 1:{cellWidth:38,fontStyle:\"bold\",textColor:DARK},\n 2:{cellWidth:22,textColor:MUTED,fontSize:7.5},\n 3:{cellWidth:\"auto\",textColor:TEXT}\n },\n didDrawPage: () => addPdfFooter(doc, pageW, pageH, margin, GOLD, MUTED),\n margin:{left:margin,right:margin,bottom:28}\n });\n\n const finalY = doc.lastAutoTable.finalY || y+80;\n if (finalY > pageH-60) doc.addPage();\n const ctaY = (finalY > pageH-60) ? 40 : finalY+12;\n\n doc.setFillColor(...DARK);\n doc.rect(margin, ctaY, pageW-2*margin, 42, \"F\");\n doc.setDrawColor(...GOLD);\n doc.setLineWidth(0.8);\n doc.line(margin, ctaY, margin, ctaY+42);\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(7);\n doc.setTextColor(...GOLD);\n doc.text(\"KONTAKT \u00b7 OFF-MARKET\", margin+8, ctaY+10);\n doc.setFont(\"times\",\"normal\");\n doc.setFontSize(14);\n doc.setTextColor(245,243,237);\n doc.text(\"Sprechen Sie mit uns \u00fcber Ihr Objekt.\", margin+8, ctaY+19);\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(9);\n doc.setTextColor(220,220,225);\n doc.text(\"Lima Invest Immobilien GmbH \u00b7 Hamburg\", margin+8, ctaY+27);\n doc.setTextColor(...GOLD);\n doc.text(\"anfrage@limaimmobilien.com\", margin+8, ctaY+33);\n doc.setTextColor(200,200,205);\n doc.text(\"limainvestimmobilien.de\", margin+8, ctaY+38);\n doc.setDrawColor(...GOLD);\n doc.setLineWidth(0.4);\n doc.rect(pageW-margin-26, ctaY+9, 18, 24);\n doc.setFont(\"times\",\"italic\");\n doc.setFontSize(10);\n doc.setTextColor(...GOLD);\n doc.text(\"LI\", pageW-margin-17, ctaY+21, { align:\"center\" });\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(6);\n doc.text(\"DISKRET \u00b7 HANSEATISCH\", pageW-margin-17, ctaY+28, { align:\"center\" });\n\n addPdfFooter(doc, pageW, pageH, margin, GOLD, MUTED);\n doc.save(`Lima-Invest_Value-Add_${new Date().toISOString().split(\"T\")[0]}.pdf`);\n } catch(err) {\n console.error(err);\n alert(\"PDF konnte nicht erstellt werden. Bitte versuchen Sie es erneut.\");\n } finally {\n loader.classList.remove(\"open\");\n }\n}\n\nfunction addPdfFooter(doc, pageW, pageH, margin, GOLD, MUTED) {\n doc.setDrawColor(...GOLD);\n doc.setLineWidth(0.2);\n doc.line(margin, pageH-16, pageW-margin, pageH-16);\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(7);\n doc.setTextColor(...MUTED);\n doc.text(\"Lima Invest Immobilien GmbH \u00b7 Hamburg \u00b7 limainvestimmobilien.de\", margin, pageH-10);\n doc.setTextColor(...GOLD);\n doc.text(`Seite ${doc.internal.getCurrentPageInfo().pageNumber}`, pageW-margin, pageH-10, { align:\"right\" });\n doc.setTextColor(...MUTED);\n doc.setFontSize(6.5);\n doc.text(\"Die Darstellungen dienen der Veranschaulichung und ersetzen keine objektspezifische Bewertung.\", margin, pageH-5);\n}\n\nfunction renderSvgToImage(width, height) {\n return new Promise((resolve) => {\n try {\n const svg = document.getElementById(\"buildingSvg\");\n const clone = svg.cloneNode(true);\n clone.setAttribute(\"width\", width);\n clone.setAttribute(\"height\", height);\n clone.setAttribute(\"xmlns\",\"http:\/\/www.w3.org\/2000\/svg\");\n clone.querySelectorAll(\".svg-layer\").forEach(l => {\n l.style.opacity = l.classList.contains(\"show\") ? \"1\" : \"0\";\n l.style.transform = \"none\";\n });\n const wall = clone.querySelector(\"#wallMain\");\n if (wall) wall.setAttribute(\"fill\", state.selected.has(\"fassadensanierung\") ? \"#c9bfa7\" : \"#4a4f5a\");\n const eg = clone.querySelector(\"#energyGlow\");\n if (eg) eg.style.opacity = state.selected.has(\"energetische-sanierung\") ? \"0.55\" : \"0\";\n const lit = state.selected.has(\"leerstandsabbau\");\n clone.querySelectorAll(\".window-glass\").forEach(w => w.setAttribute(\"fill\", lit ? \"#e8c876\" : \"#0e1219\"));\n clone.querySelectorAll(\".weg-line\").forEach(l => { l.style.strokeDashoffset = state.selected.has(\"weg-aufteilung\") ? \"0\" : \"800\"; });\n\n const svgString = new XMLSerializer().serializeToString(clone);\n const blob = new Blob([svgString],{ type:\"image\/svg+xml;charset=utf-8\" });\n const url = URL.createObjectURL(blob);\n const img = new Image();\n img.onload = () => {\n const canvas = document.createElement(\"canvas\");\n canvas.width = width*2; canvas.height = height*2;\n const ctx = canvas.getContext(\"2d\");\n ctx.fillStyle = \"#14181f\";\n ctx.fillRect(0,0,canvas.width,canvas.height);\n ctx.drawImage(img,0,0,canvas.width,canvas.height);\n URL.revokeObjectURL(url);\n resolve(canvas.toDataURL(\"image\/png\"));\n };\n img.onerror = () => { URL.revokeObjectURL(url); resolve(null); };\n img.src = url;\n } catch(e) { console.error(e); resolve(null); }\n });\n}\n\n\/* Init *\/\nrenderGrid();\nupdateUI();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-95cd289 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"95cd289\" 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-152fc87\" data-id=\"152fc87\" 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-b2c5877 elementor-widget elementor-widget-html\" data-id=\"b2c5877\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<div class=\"li-cta3\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Poppins:wght@300;400;500;600&display=swap');\n\n .li-cta3 * { margin: 0; padding: 0; box-sizing: border-box; }\n\n .li-cta3 {\n --gold: #bb9e1c;\n --gold-light: #e6c83a;\n container-type: inline-size;\n font-family: 'Poppins', system-ui, -apple-system, sans-serif;\n max-width: 1180px; \/* breit *\/\n margin: 32px auto;\n }\n\n .li-cta3__card {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 28px;\n padding: 18px 34px; \/* minimale H\u00f6he *\/\n border-radius: 14px;\n border: 1px solid rgba(187,158,28,0.30);\n overflow: hidden;\n \/* w\u00e4rmerer Hintergrund + goldener \"Dusk\"-Schimmer am unteren Rand *\/\n background:\n radial-gradient(90% 160% at 50% 130%, rgba(187,158,28,0.22) 0%, rgba(187,158,28,0) 55%),\n linear-gradient(135deg, #1c1813 0%, #262129 55%, #1a1d24 100%);\n box-shadow: 0 18px 44px -24px rgba(0,0,0,0.6);\n }\n\n \/* verblasste Skyline-Silhouette, am unteren Rand verankert *\/\n .li-cta3__card::before {\n content: \"\";\n position: absolute;\n left: 0; right: 0; bottom: 0;\n height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='1440'%20height='220'%20viewBox='0%200%201440%20220'%3E%3Cg%20fill='%23bb9e1c'%3E%3Crect%20x='0'%20y='100'%20width='90'%20height='120'\/%3E%3Crect%20x='90'%20y='50'%20width='70'%20height='170'\/%3E%3Crect%20x='160'%20y='125'%20width='110'%20height='95'\/%3E%3Crect%20x='270'%20y='20'%20width='80'%20height='200'\/%3E%3Crect%20x='350'%20y='80'%20width='95'%20height='140'\/%3E%3Crect%20x='445'%20y='35'%20width='120'%20height='185'\/%3E%3Crect%20x='565'%20y='110'%20width='85'%20height='110'\/%3E%3Crect%20x='650'%20y='15'%20width='130'%20height='205'\/%3E%3Crect%20x='780'%20y='70'%20width='90'%20height='150'\/%3E%3Crect%20x='870'%20y='30'%20width='110'%20height='190'\/%3E%3Crect%20x='980'%20y='95'%20width='95'%20height='125'\/%3E%3Crect%20x='1075'%20y='20'%20width='125'%20height='200'\/%3E%3Crect%20x='1200'%20y='60'%20width='90'%20height='160'\/%3E%3Crect%20x='1290'%20y='25'%20width='150'%20height='195'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: bottom center;\n background-size: 100% auto;\n opacity: 0.14;\n \/* nach oben hin sanft ausblenden *\/\n -webkit-mask-image: linear-gradient(to top, #000 0%, rgba(0,0,0,0.4) 55%, transparent 100%);\n mask-image: linear-gradient(to top, #000 0%, rgba(0,0,0,0.4) 55%, transparent 100%);\n pointer-events: none;\n }\n\n .li-cta3__text { position: relative; z-index: 1; }\n\n .li-cta3__eyebrow {\n display: block;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 5px;\n }\n\n .li-cta3__title {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-weight: 600;\n font-size: 24px;\n line-height: 1.15;\n color: #ffffff;\n }\n .li-cta3__title span { color: var(--gold); }\n\n .li-cta3__btn {\n position: relative;\n z-index: 1;\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 13px 28px;\n border-radius: 9px;\n background: var(--gold);\n color: #1c1813;\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 600;\n text-decoration: none;\n white-space: nowrap;\n transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;\n box-shadow: 0 10px 24px -12px rgba(187,158,28,0.6);\n }\n .li-cta3__btn svg {\n width: 16px; height: 16px;\n transition: transform 0.25s ease;\n }\n .li-cta3__btn:hover {\n background: var(--gold-light);\n transform: translateY(-2px);\n box-shadow: 0 16px 30px -12px rgba(187,158,28,0.75);\n }\n .li-cta3__btn:hover svg { transform: translateX(4px); }\n\n \/* schmale Container (Elementor-Spalten): sauber stapeln *\/\n @container (max-width: 640px) {\n .li-cta3__card {\n flex-direction: column;\n align-items: flex-start;\n text-align: left;\n gap: 16px;\n padding: 22px 24px;\n }\n .li-cta3__btn { width: 100%; justify-content: center; }\n }\n <\/style>\n\n <div class=\"li-cta3__card\">\n <div class=\"li-cta3__text\">\n <span class=\"li-cta3__eyebrow\">White-Label f\u00fcr Ihr Unternehmen<\/span>\n <h3 class=\"li-cta3__title\">Dieses Tool mit <span>Ihrer eigenen Marke<\/span><\/h3>\n <\/div>\n\n <a class=\"li-cta3__btn\"\n href=\"https:\/\/limainvestimmobilien.de\/shop-fuer-immobilienmakler-immobilienakteure-leadgeneratoren\/\"\n target=\"_blank\" rel=\"noopener\">\n Zum Shop\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\n stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n <\/svg>\n <\/a>\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lima Invest Immobilien \u2014 Value-Add-Potenzial einer Immobilie Wie aus einem Bestandsobjekt echter Mehrwert wird. Eine Immobilie ist selten am Maximum ihres Potenzials. Welche Ma\u00dfnahmen den Verkehrswert, die Mieterl\u00f6se und die ESG-Konformit\u00e4t nachhaltig heben, h\u00e4ngt vom Objekt, vom Standort und vom Investmenthorizont ab. W\u00e4hlen Sie die f\u00fcr Sie relevanten Stellhebel aus und sehen Sie, wie sie…<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-23177","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/23177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/comments?post=23177"}],"version-history":[{"count":10,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/23177\/revisions"}],"predecessor-version":[{"id":23665,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/23177\/revisions\/23665"}],"wp:attachment":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/media?parent=23177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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

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

\n\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nLima Invest Immobilien \u2014 Value-Add-Potenzial einer Immobilie<\/title>\n<meta name=\"description\" content=\"Interaktive Visualisierung von Wertsteigerungsma\u00dfnahmen f\u00fcr Bestandsimmobilien. Lima Invest Immobilien Hamburg.\">\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<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf-autotable\/3.5.29\/jspdf.plugin.autotable.min.js\"><\/script>\n\n<style>\n\/* ============================================================\n LIMA INVEST \u2014 CI Variables\n============================================================ *\/\n:root {\n --gold: #bb9e1c;\n --gold-soft: #d4b842;\n --gold-deep: #8a7414;\n --anthracite: #14181f;\n --anthracite-2: #1a2030;\n --anthracite-3: #232a3d;\n --navy: #1e2638;\n --line: #2a3145;\n\n \/* Light-Theme Surface *\/\n --bg: #f5f1e8;\n --surface: #ffffff;\n --surface-2: #faf8f3;\n --line-light: #e8e3d8;\n --text: #14181f;\n --text-2: #3a4055;\n --text-muted: #6b7280;\n\n --ivory: #f5f3ed;\n --cream: #ebe6d6;\n --muted: #a8aeba;\n --text-dim: #dfe3eb;\n --success: #6b8e5a;\n --window-dark: #0e1219;\n --window-lit: #e8c876;\n --shadow-soft: 0 30px 60px rgba(0,0,0,.35);\n --shadow-card: 0 4px 16px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.04);\n --radius: 4px;\n --radius-lg: 8px;\n --max: 1400px;\n --serif: 'Cormorant Garamond', Georgia, serif;\n --sans: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n\/* ============================================================\n Reset & Base \u2014 LIGHT THEME\n============================================================ *\/\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml {\n scroll-behavior: smooth;\n background: var(--bg);\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n color-scheme: light;\n}\n\nbody {\n font-family: var(--sans);\n font-weight: 400;\n color: var(--text);\n background: var(--bg);\n line-height: 1.55;\n min-height: 100vh;\n overflow-x: hidden;\n text-rendering: optimizeLegibility;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n}\n\n.page {\n background: var(--bg);\n min-height: 100vh;\n position: relative;\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n}\n\n\/* Goldener Premium-Streifen oben *\/\n.page::before {\n content: \"\";\n position: fixed;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, #8a7414, #bb9e1c 35%, #d4b842 50%, #bb9e1c 65%, #8a7414);\n z-index: 999;\n pointer-events: none;\n}\n\nimg { max-width: 100%; display: block; }\nbutton { font-family: var(--sans); cursor: pointer; border: none; background: none; color: inherit; }\n::selection { background: var(--gold); color: var(--anthracite); }\n\n\/* ============================================================\n Hero \u2014 auf hellem Hintergrund\n============================================================ *\/\n.hero {\n position: relative;\n z-index: 1;\n max-width: var(--max);\n margin: 0 auto;\n padding: 108px 40px 30px;\n}\n\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(22px); }\n to { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n}\n@keyframes goldLineGrow {\n from { width: 0; }\n to { width: 32px; }\n}\n\n.hero-eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .28em;\n text-transform: uppercase;\n color: var(--gold-deep);\n font-weight: 500;\n margin-bottom: 22px;\n opacity: 0;\n animation: fadeUp .7s cubic-bezier(.2,.7,.2,1) forwards;\n animation-delay: .1s;\n}\n.hero-eyebrow::before {\n content: \"\";\n width: 32px;\n height: 1px;\n background: var(--gold);\n animation: goldLineGrow .8s ease forwards;\n animation-delay: .3s;\n}\n\n.hero-title {\n font-family: var(--serif);\n font-weight: 600;\n font-size: clamp(2.25rem, 4.2vw, 3.55rem);\n line-height: 1.05;\n max-width: 900px;\n color: var(--text);\n opacity: 0;\n animation: fadeUp 1s cubic-bezier(.2,.7,.2,1) forwards;\n animation-delay: .3s;\n}\n.hero-title em {\n font-style: italic;\n color: var(--gold-deep);\n font-weight: 600;\n}\n\n@media (max-width: 900px) {\n .hero-title { font-size: clamp(2.15rem, 9vw, 3.2rem); }\n}\n@media (max-width: 520px) {\n .hero-title { font-size: clamp(2.05rem, 11vw, 2.85rem); }\n}\n\n.hero-lead {\n margin-top: 24px;\n max-width: 720px;\n font-family: var(--sans);\n font-size: 0.95rem;\n color: var(--text-2);\n line-height: 1.75;\n font-weight: 400;\n opacity: 0;\n animation: fadeUp .9s cubic-bezier(.2,.7,.2,1) forwards;\n animation-delay: .55s;\n}\n\n\/* ============================================================\n Layout\n============================================================ *\/\n.layout {\n position: relative;\n z-index: 1;\n max-width: var(--max);\n margin: 0 auto;\n padding: 30px 40px 60px;\n display: grid;\n grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);\n gap: 40px;\n align-items: start;\n}\n@media (max-width: 1024px) {\n .layout { grid-template-columns: 1fr; }\n}\n\n\/* ---- Viz-Card bleibt dunkel ---- *\/\n.viz-card {\n background: linear-gradient(180deg, var(--anthracite-2), var(--anthracite));\n border: 1px solid var(--line);\n border-radius: var(--radius);\n overflow: hidden;\n position: sticky;\n top: 24px;\n box-shadow: var(--shadow-soft);\n}\n@media (max-width: 1024px) {\n .viz-card { position: relative; top: 0; }\n}\n\n.viz-head {\n padding: 22px 26px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid var(--line);\n}\n.viz-head-l .label {\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: var(--gold);\n font-weight: 500;\n}\n.viz-head-l .title {\n font-family: var(--serif);\n font-size: 1.375rem;\n font-weight: 600;\n color: var(--ivory);\n letter-spacing: .01em;\n margin-top: 4px;\n}\n.viz-counter {\n font-family: var(--serif);\n font-size: 2rem;\n font-weight: 600;\n color: var(--gold);\n letter-spacing: -.02em;\n}\n.viz-counter small {\n font-family: var(--sans);\n font-size: 0.62rem;\n color: var(--muted);\n display: block;\n letter-spacing: .22em;\n text-transform: uppercase;\n margin-top: -2px;\n font-weight: 400;\n}\n\n.viz-stage {\n position: relative;\n aspect-ratio: 9 \/ 7;\n background: radial-gradient(80% 60% at 50% 30%, #2d3548 0%, #14181f 70%, #0a0d14 100%);\n}\n.viz-stage svg { width: 100%; height: 100%; display: block; }\n\n.viz-floor {\n position: absolute;\n inset: auto 0 0 0;\n height: 90px;\n background: linear-gradient(180deg, transparent, rgba(0,0,0,.4));\n pointer-events: none;\n}\n\n.viz-legend {\n padding: 18px 26px 22px;\n border-top: 1px solid var(--line);\n display: flex;\n flex-wrap: wrap;\n gap: 8px 14px;\n min-height: 60px;\n align-items: center;\n}\n.viz-legend-empty {\n font-family: var(--sans);\n font-size: 0.72rem;\n color: var(--muted);\n letter-spacing: .04em;\n font-style: italic;\n font-weight: 400;\n}\n.legend-chip {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 6px 12px;\n border: 1px solid var(--gold);\n border-radius: 100px;\n font-family: var(--sans);\n font-size: 0.72rem;\n color: var(--ivory);\n font-weight: 400;\n background: rgba(187,158,28,.08);\n letter-spacing: .01em;\n animation: chipIn .3s ease;\n}\n.legend-chip::before {\n content: \"\";\n width: 6px; height: 6px;\n background: var(--gold);\n border-radius: 50%;\n}\n@keyframes chipIn { from { opacity: 0; transform: translateY(4px);} to { opacity: 1; transform: none;} }\n\n\/* ---- Ma\u00dfnahmen-Panel \u2014 helles Design ---- *\/\n.measures-panel { display: flex; flex-direction: column; gap: 22px; }\n\n.panel-head {\n display: flex;\n justify-content: space-between;\n align-items: end;\n gap: 16px;\n opacity: 0;\n animation: fadeUp .8s cubic-bezier(.2,.7,.2,1) forwards;\n animation-delay: .75s;\n}\n.panel-head h2 {\n font-family: var(--serif);\n font-weight: 600;\n font-size: 1.75rem;\n color: var(--text);\n}\n.panel-head p {\n font-family: var(--sans);\n color: var(--text-2);\n font-size: 0.82rem;\n margin-top: 6px;\n max-width: 340px;\n line-height: 1.6;\n font-weight: 400;\n}\n\n\/* Filter-Tabs *\/\n.filter-bar {\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n padding-bottom: 10px;\n border-bottom: 1px solid var(--line-light);\n}\n.filter-btn {\n padding: 7px 12px;\n font-family: var(--sans);\n font-size: 0.72rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--text-muted);\n border: 1px solid transparent;\n border-radius: 100px;\n transition: all .2s ease;\n font-weight: 500;\n}\n.filter-btn:hover { color: var(--text); border-color: var(--line-light); }\n.filter-btn.active {\n color: var(--gold-deep);\n border-color: var(--gold);\n background: rgba(187,158,28,.08);\n}\n\n\/* ============================================================\n Ma\u00dfnahmen-Grid \u2014 LIGHT CARDS + ANIMATIONEN\n============================================================ *\/\n@keyframes cardFloat {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-4px); }\n}\n@keyframes shimmerSweep {\n 0% { background-position: 220% 0; }\n 100% { background-position: -220% 0; }\n}\n@keyframes borderGlow {\n 0%, 100% { box-shadow: var(--shadow-card); }\n 50% { box-shadow: var(--shadow-card), 0 0 0 1px rgba(187,158,28,.25); }\n}\n@keyframes dotPulse {\n 0%, 100% { opacity: .45; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.5); }\n}\n\n.measures-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n@media (max-width: 540px) {\n .measures-grid { grid-template-columns: 1fr; }\n}\n\n.measure-card {\n --delay: 0s;\n position: relative;\n background: var(--surface);\n border: 1px solid var(--line-light);\n box-shadow: var(--shadow-card);\n padding: 14px 16px 14px 16px;\n border-radius: var(--radius);\n cursor: pointer;\n display: flex;\n flex-direction: column;\n gap: 8px;\n min-height: 96px;\n overflow: hidden;\n \/* Smooth transitions for hover\/active states *\/\n transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;\n}\n\n\/* Float + border glow on idle inactive cards *\/\n.measure-card:not(.active):not(:hover) {\n animation:\n cardFloat 3.8s ease-in-out var(--delay) infinite,\n borderGlow 4.2s ease-in-out calc(var(--delay) + .6s) infinite;\n}\n\n\/* Shimmer sweep on ::before *\/\n.measure-card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n background: linear-gradient(\n 108deg,\n transparent 30%,\n rgba(187,158,28,.11) 50%,\n transparent 70%\n );\n background-size: 300% 100%;\n background-position: 220% 0;\n z-index: 0;\n}\n.measure-card:not(.active):not(:hover)::before {\n animation: shimmerSweep 4.2s ease calc(var(--delay) + 1.1s) infinite;\n}\n.measure-card:hover::before,\n.measure-card.active::before {\n background: linear-gradient(135deg, rgba(187,158,28,.1), transparent 60%);\n background-size: 100% 100%;\n animation: none;\n}\n\n\/* Gold dot \u2014 invite cue *\/\n.measure-card::after {\n content: \"\";\n position: absolute;\n bottom: 10px;\n right: 10px;\n width: 5px;\n height: 5px;\n background: var(--gold);\n border-radius: 50%;\n opacity: .4;\n z-index: 1;\n}\n.measure-card:not(.active):not(:hover)::after {\n animation: dotPulse 2.6s ease var(--delay) infinite;\n}\n\/* Active: move dot to top-left as indicator *\/\n.measure-card.active::after {\n top: 12px;\n left: 14px;\n bottom: auto;\n right: auto;\n width: 8px;\n height: 8px;\n opacity: 1;\n animation: none;\n box-shadow: 0 0 0 3px rgba(187,158,28,.18);\n}\n\n\/* Hover state *\/\n.measure-card:hover {\n border-color: rgba(187,158,28,.5);\n box-shadow: 0 10px 28px rgba(187,158,28,.14), 0 4px 12px rgba(0,0,0,.06);\n transform: translateY(-3px) scale(1.012);\n}\n\n\/* Active state *\/\n.measure-card.active {\n border-color: var(--gold);\n background: linear-gradient(180deg, rgba(187,158,28,.06), var(--surface));\n box-shadow: 0 4px 16px rgba(187,158,28,.12);\n animation: none;\n}\n.measure-card.hidden-by-filter { display: none; }\n\n.measure-card .num {\n font-family: var(--sans);\n font-size: 0.72rem;\n color: var(--text-muted);\n letter-spacing: .12em;\n font-weight: 500;\n position: relative;\n z-index: 1;\n}\n.measure-card.active .num { color: var(--gold-deep); padding-left: 14px; }\n\n.measure-card .name {\n font-family: var(--sans);\n font-size: 0.82rem;\n font-weight: 500;\n color: var(--text);\n line-height: 1.3;\n position: relative;\n z-index: 1;\n}\n\n.measure-card .cat {\n margin-top: auto;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--text-muted);\n font-weight: 400;\n position: relative;\n z-index: 1;\n}\n.measure-card .cat::before {\n content: \"\";\n width: 5px; height: 5px;\n border-radius: 50%;\n background: var(--cat-color, var(--text-muted));\n}\n\n.cat-technisch { --cat-color: #5a85c0; }\n.cat-rechtlich { --cat-color: #c4a020; }\n.cat-operativ { --cat-color: #a87048; }\n.cat-vermietung { --cat-color: #5a9068; }\n\n.measure-card .card-actions {\n position: absolute;\n top: 10px;\n right: 10px;\n display: flex;\n gap: 5px;\n z-index: 2;\n}\n.measure-card .info-btn,\n.measure-card .mail-btn {\n width: 22px; height: 22px;\n border-radius: 50%;\n border: 1px solid var(--line-light);\n display: grid;\n place-items: center;\n color: var(--text-muted);\n transition: all .2s ease;\n background: rgba(255,255,255,.8);\n padding: 0;\n}\n.measure-card .info-btn { font-size: 0.72rem; font-weight: 500; font-family: var(--sans); }\n.measure-card .mail-btn svg { width: 11px; height: 11px; display: block; }\n.measure-card .info-btn:hover,\n.measure-card .mail-btn:hover {\n border-color: var(--gold);\n color: var(--gold-deep);\n background: rgba(187,158,28,.1);\n}\n\n\/* ============================================================\n Summary\n============================================================ *\/\n.summary-bar {\n position: relative;\n z-index: 1;\n max-width: var(--max);\n margin: 0 auto;\n padding: 0 40px 60px;\n}\n.summary-card {\n background: var(--surface);\n border: 1px solid var(--line-light);\n border-left: 3px solid var(--gold);\n border-radius: var(--radius);\n padding: 30px 36px;\n display: flex;\n flex-wrap: wrap;\n gap: 28px;\n align-items: center;\n justify-content: space-between;\n box-shadow: var(--shadow-card);\n}\n.summary-text { max-width: 600px; }\n.summary-text .eyebrow {\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: var(--gold-deep);\n margin-bottom: 10px;\n font-weight: 500;\n}\n.summary-text h3 {\n font-family: var(--serif);\n font-weight: 600;\n font-size: 1.5rem;\n color: var(--text);\n line-height: 1.25;\n}\n.summary-text p {\n margin-top: 12px;\n font-family: var(--sans);\n color: var(--text-2);\n font-size: 0.95rem;\n line-height: 1.65;\n font-weight: 400;\n}\n\n.summary-stats { display: flex; gap: 28px; }\n.stat {\n text-align: right;\n padding-left: 22px;\n border-left: 1px solid var(--line-light);\n}\n.stat:first-child { border-left: none; padding-left: 0; }\n.stat .v {\n font-family: var(--serif);\n font-size: 2.25rem;\n font-weight: 600;\n color: var(--gold-deep);\n line-height: 1;\n}\n.stat .l {\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .18em;\n text-transform: uppercase;\n color: var(--text-muted);\n margin-top: 6px;\n font-weight: 400;\n}\n\n\/* ============================================================\n CTA\n============================================================ *\/\n.cta-row {\n position: relative;\n z-index: 1;\n max-width: var(--max);\n margin: 0 auto;\n padding: 0 40px 80px;\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n align-items: center;\n justify-content: space-between;\n}\n\n.btn-primary, .btn-secondary {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n padding: 16px 28px;\n font-family: var(--sans);\n font-size: 0.82rem;\n letter-spacing: .22em;\n text-transform: uppercase;\n font-weight: 500;\n border-radius: var(--radius);\n transition: all .25s ease;\n text-decoration: none;\n}\n.btn-primary {\n background: var(--gold);\n color: var(--anthracite);\n border: 1px solid var(--gold);\n}\n.btn-primary:hover {\n background: var(--gold-soft);\n transform: translateY(-1px);\n box-shadow: 0 12px 28px rgba(187,158,28,.25);\n}\n.btn-secondary {\n color: var(--text);\n border: 1px solid var(--line-light);\n background: var(--surface);\n}\n.btn-secondary:hover { border-color: var(--gold); color: var(--gold-deep); }\n\n.cta-meta {\n font-family: var(--sans);\n font-size: 0.72rem;\n color: var(--text-muted);\n letter-spacing: .04em;\n line-height: 1.6;\n font-weight: 400;\n}\n.cta-meta strong { color: var(--text); font-weight: 600; }\n\n.btn-icon { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 1.5; }\n\n\/* ============================================================\n Disclaimer\n============================================================ *\/\n.disclaimer {\n position: relative;\n z-index: 1;\n max-width: var(--max);\n margin: 0 auto;\n padding: 28px 40px 50px;\n font-family: var(--sans);\n font-size: 0.68rem;\n color: var(--text-muted);\n letter-spacing: .04em;\n line-height: 1.7;\n text-align: center;\n border-top: 1px solid var(--line-light);\n margin-top: 20px;\n font-weight: 400;\n}\n.disclaimer strong {\n color: var(--gold-deep);\n font-weight: 500;\n letter-spacing: .14em;\n text-transform: uppercase;\n margin-right: 8px;\n font-size: 0.62rem;\n}\n\n\/* ============================================================\n Modal \u2014 bleibt dunkel (Overlay-Kontrast)\n============================================================ *\/\n.modal-overlay {\n position: fixed;\n inset: 0;\n background: rgba(10,13,20,.82);\n backdrop-filter: blur(6px);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n padding: 20px;\n opacity: 0;\n transition: opacity .25s ease;\n}\n.modal-overlay.open { display: flex; opacity: 1; }\n\n.modal {\n background: linear-gradient(180deg, var(--anthracite-2), var(--anthracite));\n border: 1px solid var(--line);\n border-top: 3px solid var(--gold);\n border-radius: var(--radius);\n max-width: 640px;\n width: 100%;\n max-height: 90vh;\n overflow-y: auto;\n padding: 38px 40px 34px;\n position: relative;\n transform: translateY(10px);\n transition: transform .25s ease;\n}\n.modal-overlay.open .modal { transform: none; }\n\n.modal-close {\n position: absolute;\n top: 16px; right: 16px;\n width: 32px; height: 32px;\n border: 1px solid var(--line);\n border-radius: 50%;\n display: grid;\n place-items: center;\n color: var(--text-dim);\n transition: all .2s;\n}\n.modal-close:hover { color: var(--gold); border-color: var(--gold); }\n\n.modal .eyebrow {\n font-family: var(--sans);\n font-size: 0.68rem;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: var(--gold);\n font-weight: 500;\n}\n.modal h3 {\n font-family: var(--serif);\n font-weight: 600;\n font-size: 1.75rem;\n color: var(--ivory);\n margin-top: 6px;\n line-height: 1.2;\n}\n.modal .body { margin-top: 22px; }\n.modal .body p { font-family: var(--sans); color: var(--text-dim); font-size: 0.95rem; line-height: 1.7; margin-bottom: 18px; font-weight: 400; }\n\n.kv-grid { display: grid; gap: 12px; margin-top: 24px; border-top: 1px solid var(--line); padding-top: 22px; }\n.kv-row { display: grid; grid-template-columns: 180px 1fr; gap: 14px; padding: 8px 0; align-items: start; }\n.kv-row .k { font-family: var(--sans); font-size: 0.68rem; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); font-weight: 500; padding-top: 3px; }\n.kv-row .v { font-family: var(--sans); font-size: 0.82rem; color: var(--ivory); line-height: 1.6; font-weight: 300; }\n\n.modal-actions { margin-top: 28px; display: flex; gap: 10px; flex-wrap: wrap; }\n.modal-toggle {\n flex: 1; min-width: 200px;\n padding: 14px 22px;\n font-family: var(--sans);\n font-size: 0.82rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n font-weight: 500;\n background: var(--gold);\n color: var(--anthracite);\n border-radius: var(--radius);\n transition: all .2s;\n}\n.modal-toggle.active { background: transparent; color: var(--gold); border: 1px solid var(--gold); }\n.modal-toggle:hover { transform: translateY(-1px); }\n\n.modal-mail-btn {\n flex: 1; min-width: 200px;\n padding: 14px 22px;\n font-family: var(--sans);\n font-size: 0.82rem;\n letter-spacing: .2em;\n text-transform: uppercase;\n font-weight: 600;\n background: transparent;\n color: var(--gold);\n border: 1px solid var(--gold);\n border-radius: var(--radius);\n transition: all .2s ease;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n}\n.modal-mail-btn:hover { background: var(--gold); color: var(--anthracite); transform: translateY(-1px); box-shadow: 0 10px 24px rgba(187,158,28,.22); }\n.modal-mail-btn svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n\/* ============================================================\n SVG-Layer Animation\n============================================================ *\/\n.svg-layer { opacity: 0; transition: opacity .55s ease, transform .55s ease; transform-origin: center bottom; }\n.svg-layer.show { opacity: 1; }\n.svg-layer.slide-up { transform: translateY(20px); }\n.svg-layer.slide-up.show { transform: translateY(0); }\n.svg-layer.fade-only { transform: none; }\n.svg-layer.grow { transform: scale(.85); }\n.svg-layer.grow.show { transform: scale(1); }\n\n.wall-base { fill: #4a4f5a; transition: fill .8s ease; }\n.wall-base.refurbished { fill: #c9bfa7; }\n.window-glass { fill: var(--window-dark); transition: fill .6s ease; }\n.window-glass.lit { fill: var(--window-lit); }\n#energyGlow { opacity: 0; transition: opacity .8s ease; }\n#energyGlow.show { opacity: .55; }\n.weg-line { stroke-dasharray: 800; stroke-dashoffset: 800; transition: stroke-dashoffset 1.2s ease; }\n.weg-line.show { stroke-dashoffset: 0; }\n\n@keyframes rentArrowPulse {\n 0% { opacity: 0; transform: translateY(20px) scale(.85); }\n 25% { opacity: 1; transform: translateY(0) scale(1.05); }\n 60% { opacity: 1; transform: translateY(-12px) scale(1); }\n 100% { opacity: 0; transform: translateY(-30px) scale(.9); }\n}\n.rent-arrow-pulse {\n animation: rentArrowPulse 2.5s cubic-bezier(.45,.05,.55,.95) infinite;\n transform-origin: center;\n}\n\n\/* PDF Loader *\/\n.loader-overlay {\n position: fixed; inset: 0;\n background: rgba(10,13,20,.85);\n display: none;\n align-items: center;\n justify-content: center;\n z-index: 2000;\n flex-direction: column;\n gap: 18px;\n}\n.loader-overlay.open { display: flex; }\n.loader-spinner {\n width: 36px; height: 36px;\n border: 2px solid var(--line);\n border-top-color: var(--gold);\n border-radius: 50%;\n animation: spin 1s linear infinite;\n}\n@keyframes spin { to { transform: rotate(360deg); } }\n.loader-overlay .text { font-family: var(--sans); font-size: 0.72rem; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); font-weight: 500; }\n\n\/* ============================================================\n Responsive\n============================================================ *\/\n@media (max-width: 768px) {\n .hero { padding: 68px 20px 20px; }\n .hero-eyebrow { font-size: 0.62rem; }\n .hero-lead { font-size: 0.9rem; }\n .summary-text p, .modal .body p { font-size: 0.9rem; }\n .layout { padding: 20px 20px 40px; gap: 24px; }\n .summary-bar, .cta-row { padding-left: 20px; padding-right: 20px; }\n .summary-card { padding: 22px; }\n .stat { padding-left: 16px; }\n .stat .v { font-size: 1.75rem; }\n .modal { padding: 26px 24px; }\n .kv-row { grid-template-columns: 1fr; gap: 4px; }\n .disclaimer { padding: 24px 20px 40px; }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"page\">\n\n\n<section class=\"hero\">\n <h1 class=\"hero-title\">Wie aus einem Bestandsobjekt <em>echter Mehrwert<\/em> wird.<\/h1>\n <p class=\"hero-lead\">\n Eine Immobilie ist selten am Maximum ihres Potenzials. Welche Ma\u00dfnahmen den Verkehrswert, die Mieterl\u00f6se und die ESG-Konformit\u00e4t nachhaltig heben, h\u00e4ngt vom Objekt, vom Standort und vom Investmenthorizont ab. W\u00e4hlen Sie die f\u00fcr Sie relevanten Stellhebel aus und sehen Sie, wie sie das Objekt sichtbar transformieren.\n <\/p>\n<\/section>\n\n\n<section class=\"layout\">\n\n \n <div class=\"viz-card\">\n <div class=\"viz-head\">\n <div class=\"viz-head-l\">\n <div class=\"label\">Investment Object<\/div>\n <div class=\"title\">Mehrfamilienhaus \u00b7 Bestand<\/div>\n <\/div>\n <div class=\"viz-counter\">\n <span id=\"activeCount\">0<\/span><small>aktive Ma\u00dfnahmen<\/small>\n <\/div>\n <\/div>\n\n <div class=\"viz-stage\" id=\"vizStage\">\n <svg id=\"buildingSvg\" viewBox=\"0 0 900 700\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs>\n <linearGradient id=\"wallShade\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stop-color=\"rgba(0,0,0,.25)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(0,0,0,0)\"\/>\n <\/linearGradient>\n <linearGradient id=\"roofGrad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#2a2e38\"\/>\n <stop offset=\"100%\" stop-color=\"#1a1d24\"\/>\n <\/linearGradient>\n <filter id=\"softGlow\" x=\"-50%\" y=\"-50%\" width=\"200%\" height=\"200%\">\n <feGaussianBlur stdDeviation=\"14\" result=\"blur\"\/>\n <feMerge><feMergeNode in=\"blur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge>\n <\/filter>\n <pattern id=\"solarPattern\" patternUnits=\"userSpaceOnUse\" width=\"22\" height=\"14\">\n <rect width=\"22\" height=\"14\" fill=\"#0e2030\"\/>\n <rect x=\"0.5\" y=\"0.5\" width=\"10\" height=\"6\" fill=\"#1e3a52\" stroke=\"#0a1620\" stroke-width=\".4\"\/>\n <rect x=\"11\" y=\"0.5\" width=\"10\" height=\"6\" fill=\"#1e3a52\" stroke=\"#0a1620\" stroke-width=\".4\"\/>\n <rect x=\"0.5\" y=\"7\" width=\"10\" height=\"6\" fill=\"#1e3a52\" stroke=\"#0a1620\" stroke-width=\".4\"\/>\n <rect x=\"11\" y=\"7\" width=\"10\" height=\"6\" fill=\"#1e3a52\" stroke=\"#0a1620\" stroke-width=\".4\"\/>\n <\/pattern>\n <linearGradient id=\"windowShine\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"rgba(255,255,255,.18)\"\/>\n <stop offset=\"40%\" stop-color=\"rgba(255,255,255,0)\"\/>\n <stop offset=\"100%\" stop-color=\"rgba(255,255,255,.05)\"\/>\n <\/linearGradient>\n <\/defs>\n\n \n <ellipse id=\"energyGlow\" cx=\"450\" cy=\"420\" rx=\"280\" ry=\"240\" fill=\"rgba(140,180,140,.35)\" filter=\"url(#softGlow)\"\/>\n\n \n <rect x=\"0\" y=\"580\" width=\"900\" height=\"120\" fill=\"#0a0d14\"\/>\n <line x1=\"0\" y1=\"580\" x2=\"900\" y2=\"580\" stroke=\"#bb9e1c\" stroke-opacity=\".15\" stroke-width=\"1\"\/>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"aussenanlagen\">\n <g transform=\"translate(110,500)\">\n <rect x=\"-3\" y=\"0\" width=\"6\" height=\"50\" fill=\"#3a2c20\"\/>\n <ellipse cx=\"0\" cy=\"-12\" rx=\"35\" ry=\"40\" fill=\"#3d5a3a\"\/>\n <ellipse cx=\"-12\" cy=\"-25\" rx=\"22\" ry=\"28\" fill=\"#4a6b46\"\/>\n <ellipse cx=\"14\" cy=\"-18\" rx=\"20\" ry=\"26\" fill=\"#4a6b46\"\/>\n <\/g>\n <g transform=\"translate(790,510)\">\n <rect x=\"-3\" y=\"0\" width=\"6\" height=\"40\" fill=\"#3a2c20\"\/>\n <ellipse cx=\"0\" cy=\"-8\" rx=\"30\" ry=\"36\" fill=\"#3d5a3a\"\/>\n <ellipse cx=\"12\" cy=\"-20\" rx=\"20\" ry=\"24\" fill=\"#4a6b46\"\/>\n <\/g>\n <rect x=\"200\" y=\"565\" width=\"500\" height=\"14\" rx=\"7\" fill=\"#3d5a3a\"\/>\n <path d=\"M440 580 L460 580 L470 700 L430 700 Z\" fill=\"#2a2e35\" opacity=\".6\"\/>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"e-ladestationen\">\n <g transform=\"translate(180,520)\">\n <rect x=\"-8\" y=\"0\" width=\"16\" height=\"58\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <rect x=\"-5\" y=\"6\" width=\"10\" height=\"14\" rx=\"1\" fill=\"#0d1018\"\/>\n <circle cx=\"0\" cy=\"13\" r=\"3\" fill=\"#bb9e1c\"\/>\n <text x=\"0\" y=\"38\" text-anchor=\"middle\" fill=\"#bb9e1c\" font-family=\"Poppins\" font-size=\"9\" font-weight=\"600\">EV<\/text>\n <line x1=\"-8\" y1=\"58\" x2=\"8\" y2=\"58\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <\/g>\n <g transform=\"translate(720,520)\">\n <rect x=\"-8\" y=\"0\" width=\"16\" height=\"58\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <rect x=\"-5\" y=\"6\" width=\"10\" height=\"14\" rx=\"1\" fill=\"#0d1018\"\/>\n <circle cx=\"0\" cy=\"13\" r=\"3\" fill=\"#bb9e1c\"\/>\n <text x=\"0\" y=\"38\" text-anchor=\"middle\" fill=\"#bb9e1c\" font-family=\"Poppins\" font-size=\"9\" font-weight=\"600\">EV<\/text>\n <\/g>\n <\/g>\n\n \n <g id=\"building\">\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"keller\">\n <rect x=\"270\" y=\"582\" width=\"360\" height=\"58\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <line x1=\"270\" y1=\"582\" x2=\"630\" y2=\"582\" stroke=\"#bb9e1c\" stroke-width=\"1.8\"\/>\n <line x1=\"270\" y1=\"640\" x2=\"630\" y2=\"640\" stroke=\"#bb9e1c\" stroke-width=\".8\" stroke-dasharray=\"3 3\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\".7\" stroke-dasharray=\"2 2\" opacity=\".75\">\n <line x1=\"330\" y1=\"582\" x2=\"330\" y2=\"640\"\/>\n <line x1=\"390\" y1=\"582\" x2=\"390\" y2=\"640\"\/>\n <line x1=\"450\" y1=\"582\" x2=\"450\" y2=\"640\"\/>\n <line x1=\"510\" y1=\"582\" x2=\"510\" y2=\"640\"\/>\n <line x1=\"570\" y1=\"582\" x2=\"570\" y2=\"640\"\/>\n <\/g>\n <g fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\".8\">\n <g transform=\"translate(296,608)\"><rect x=\"0\" y=\"0\" width=\"10\" height=\"8\"\/><line x1=\"0\" y1=\"3\" x2=\"10\" y2=\"3\"\/><line x1=\"5\" y1=\"0\" x2=\"5\" y2=\"3\"\/><\/g>\n <g transform=\"translate(355,605)\"><rect x=\"0\" y=\"0\" width=\"9\" height=\"3\"\/><line x1=\"4.5\" y1=\"3\" x2=\"4.5\" y2=\"11\"\/><\/g>\n <g transform=\"translate(412,608)\"><circle cx=\"3\" cy=\"5\" r=\"3\"\/><circle cx=\"12\" cy=\"5\" r=\"3\"\/><line x1=\"3\" y1=\"5\" x2=\"9\" y2=\"2\"\/><line x1=\"9\" y1=\"2\" x2=\"12\" y2=\"5\"\/><\/g>\n <g transform=\"translate(472,608)\"><rect x=\"0\" y=\"3\" width=\"6\" height=\"5\"\/><rect x=\"6\" y=\"0\" width=\"6\" height=\"8\"\/><\/g>\n <\/g>\n <g><rect x=\"295\" y=\"566\" width=\"40\" height=\"14\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"295\" y=\"566\" width=\"40\" height=\"14\" fill=\"#e8c876\" opacity=\".7\"><animate attributeName=\"opacity\" values=\"0;.85;.55;.85\" dur=\"2s\" repeatCount=\"indefinite\"\/><\/rect>\n <line x1=\"315\" y1=\"566\" x2=\"315\" y2=\"580\" stroke=\"#0a0d14\" stroke-width=\".8\"\/><\/g>\n <g><rect x=\"430\" y=\"566\" width=\"40\" height=\"14\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"430\" y=\"566\" width=\"40\" height=\"14\" fill=\"#e8c876\" opacity=\".7\"><animate attributeName=\"opacity\" values=\"0;.85;.55;.85\" dur=\"2s\" begin=\".4s\" repeatCount=\"indefinite\"\/><\/rect>\n <line x1=\"450\" y1=\"566\" x2=\"450\" y2=\"580\" stroke=\"#0a0d14\" stroke-width=\".8\"\/><\/g>\n <g><rect x=\"565\" y=\"566\" width=\"40\" height=\"14\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"565\" y=\"566\" width=\"40\" height=\"14\" fill=\"#e8c876\" opacity=\".7\"><animate attributeName=\"opacity\" values=\"0;.85;.55;.85\" dur=\"2s\" begin=\".8s\" repeatCount=\"indefinite\"\/><\/rect>\n <line x1=\"585\" y1=\"566\" x2=\"585\" y2=\"580\" stroke=\"#0a0d14\" stroke-width=\".8\"\/><\/g>\n <g transform=\"translate(450, 660)\"><circle r=\"3\" fill=\"#bb9e1c\"><animate attributeName=\"r\" values=\"3;6;3\" dur=\"1.8s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"1;.3;1\" dur=\"1.8s\" repeatCount=\"indefinite\"\/><\/circle><\/g>\n <text x=\"450\" y=\"680\" text-anchor=\"middle\" fill=\"#bb9e1c\" font-family=\"Poppins\" font-size=\"9\" letter-spacing=\"2.5\" font-weight=\"500\">SOUTERRAIN \u00b7 NUTZFL\u00c4CHE AKTIVIERT<\/text>\n <\/g>\n\n \n <rect id=\"wallMain\" class=\"wall-base\" x=\"270\" y=\"200\" width=\"360\" height=\"380\"\/>\n <rect x=\"260\" y=\"560\" width=\"380\" height=\"22\" fill=\"#1a1d24\"\/>\n <rect x=\"270\" y=\"200\" width=\"360\" height=\"380\" fill=\"url(#wallShade)\" pointer-events=\"none\"\/>\n <line x1=\"270\" y1=\"290\" x2=\"630\" y2=\"290\" stroke=\"#2a2e35\" stroke-width=\"1.5\"\/>\n <line x1=\"270\" y1=\"380\" x2=\"630\" y2=\"380\" stroke=\"#2a2e35\" stroke-width=\"1.5\"\/>\n <line x1=\"270\" y1=\"470\" x2=\"630\" y2=\"470\" stroke=\"#2a2e35\" stroke-width=\"1.5\"\/>\n\n \n <g id=\"roofBase\">\n <polygon points=\"250,200 450,110 650,200\" fill=\"url(#roofGrad)\"\/>\n <line x1=\"250\" y1=\"200\" x2=\"650\" y2=\"200\" stroke=\"#0a0d14\" stroke-width=\"2\"\/>\n <rect x=\"540\" y=\"135\" width=\"18\" height=\"44\" fill=\"#2a2e35\"\/>\n <rect x=\"538\" y=\"132\" width=\"22\" height=\"6\" fill=\"#1a1d24\"\/>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"dachausbau\">\n <rect x=\"270\" y=\"155\" width=\"360\" height=\"45\" fill=\"#c9bfa7\"\/>\n <line x1=\"270\" y1=\"155\" x2=\"630\" y2=\"155\" stroke=\"#0a0d14\" stroke-width=\"1\"\/>\n <rect x=\"310\" y=\"165\" width=\"40\" height=\"26\" fill=\"#0e1219\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"430\" y=\"165\" width=\"40\" height=\"26\" fill=\"#0e1219\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"550\" y=\"165\" width=\"40\" height=\"26\" fill=\"#0e1219\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <polygon points=\"250,155 450,95 650,155\" fill=\"url(#roofGrad)\" opacity=\".95\"\/>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"photovoltaik\">\n <polygon points=\"295,193 445,123 445,143 313,200\" fill=\"url(#solarPattern)\" opacity=\".95\"\/>\n <polygon points=\"455,123 605,193 587,200 455,143\" fill=\"url(#solarPattern)\" opacity=\".95\"\/>\n <g transform=\"translate(770,180)\">\n <circle r=\"14\" fill=\"#bb9e1c\" opacity=\".85\"\/>\n <circle r=\"14\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1\" opacity=\".5\">\n <animate attributeName=\"r\" from=\"14\" to=\"22\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" from=\".5\" to=\"0\" dur=\"2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <\/g>\n <\/g>\n\n \n <g id=\"windows\">\n \n <g class=\"window\"><rect x=\"305\" y=\"220\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"t1\"\/><rect x=\"305\" y=\"220\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"335\" y1=\"220\" x2=\"335\" y2=\"275\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"305\" y1=\"247\" x2=\"365\" y2=\"247\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"305\" y=\"220\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"420\" y=\"220\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"t2\"\/><rect x=\"420\" y=\"220\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"450\" y1=\"220\" x2=\"450\" y2=\"275\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"420\" y1=\"247\" x2=\"480\" y2=\"247\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"420\" y=\"220\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"535\" y=\"220\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"t3\"\/><rect x=\"535\" y=\"220\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"565\" y1=\"220\" x2=\"565\" y2=\"275\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"535\" y1=\"247\" x2=\"595\" y2=\"247\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"535\" y=\"220\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n \n <g class=\"window\"><rect x=\"305\" y=\"310\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"3a\"\/><rect x=\"305\" y=\"310\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"335\" y1=\"310\" x2=\"335\" y2=\"365\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"305\" y1=\"337\" x2=\"365\" y2=\"337\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"305\" y=\"310\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"420\" y=\"310\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"3b\"\/><rect x=\"420\" y=\"310\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"450\" y1=\"310\" x2=\"450\" y2=\"365\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"420\" y1=\"337\" x2=\"480\" y2=\"337\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"420\" y=\"310\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"535\" y=\"310\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"3c\"\/><rect x=\"535\" y=\"310\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"565\" y1=\"310\" x2=\"565\" y2=\"365\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"535\" y1=\"337\" x2=\"595\" y2=\"337\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"535\" y=\"310\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n \n <g class=\"window\"><rect x=\"305\" y=\"400\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"2a\"\/><rect x=\"305\" y=\"400\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"335\" y1=\"400\" x2=\"335\" y2=\"455\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"305\" y1=\"427\" x2=\"365\" y2=\"427\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"305\" y=\"400\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"420\" y=\"400\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"2b\"\/><rect x=\"420\" y=\"400\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"450\" y1=\"400\" x2=\"450\" y2=\"455\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"420\" y1=\"427\" x2=\"480\" y2=\"427\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"420\" y=\"400\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g class=\"window\"><rect x=\"535\" y=\"400\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"2c\"\/><rect x=\"535\" y=\"400\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"565\" y1=\"400\" x2=\"565\" y2=\"455\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"535\" y1=\"427\" x2=\"595\" y2=\"427\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"535\" y=\"400\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n \n <g class=\"window\"><rect x=\"305\" y=\"490\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"1a\"\/><rect x=\"305\" y=\"490\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"335\" y1=\"490\" x2=\"335\" y2=\"545\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"305\" y1=\"517\" x2=\"365\" y2=\"517\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"305\" y=\"490\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <g id=\"entrance\">\n <rect x=\"415\" y=\"470\" width=\"70\" height=\"90\" fill=\"#1a1d24\"\/>\n <rect x=\"420\" y=\"475\" width=\"60\" height=\"85\" fill=\"#2a2e35\"\/>\n <rect x=\"430\" y=\"480\" width=\"40\" height=\"80\" fill=\"#bb9e1c\"\/>\n <rect x=\"432\" y=\"482\" width=\"36\" height=\"76\" fill=\"none\" stroke=\"#8a7414\" stroke-width=\"1\"\/>\n <circle cx=\"463\" cy=\"525\" r=\"1.5\" fill=\"#1a1d24\"\/>\n <rect x=\"410\" y=\"560\" width=\"80\" height=\"4\" fill=\"#3a3f4a\"\/>\n <rect x=\"405\" y=\"564\" width=\"90\" height=\"4\" fill=\"#2a2e35\"\/>\n <text x=\"450\" y=\"465\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">LI \u00b7 12<\/text>\n <\/g>\n <g class=\"window\"><rect x=\"535\" y=\"490\" width=\"60\" height=\"55\" class=\"window-glass\" data-window=\"1c\"\/><rect x=\"535\" y=\"490\" width=\"60\" height=\"55\" fill=\"url(#windowShine)\" pointer-events=\"none\"\/><line x1=\"565\" y1=\"490\" x2=\"565\" y2=\"545\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><line x1=\"535\" y1=\"517\" x2=\"595\" y2=\"517\" stroke=\"#0a0d14\" stroke-width=\"1.2\"\/><rect x=\"535\" y=\"490\" width=\"60\" height=\"55\" fill=\"none\" stroke=\"#3a3f4a\" stroke-width=\"1.5\"\/><\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"fenstertausch\">\n <g fill=\"none\" stroke=\"#d4b842\" stroke-width=\"2\" opacity=\".9\">\n <rect x=\"304\" y=\"219\" width=\"62\" height=\"57\"\/><rect x=\"419\" y=\"219\" width=\"62\" height=\"57\"\/><rect x=\"534\" y=\"219\" width=\"62\" height=\"57\"\/>\n <rect x=\"304\" y=\"309\" width=\"62\" height=\"57\"\/><rect x=\"419\" y=\"309\" width=\"62\" height=\"57\"\/><rect x=\"534\" y=\"309\" width=\"62\" height=\"57\"\/>\n <rect x=\"304\" y=\"399\" width=\"62\" height=\"57\"\/><rect x=\"419\" y=\"399\" width=\"62\" height=\"57\"\/><rect x=\"534\" y=\"399\" width=\"62\" height=\"57\"\/>\n <rect x=\"304\" y=\"489\" width=\"62\" height=\"57\"\/><rect x=\"534\" y=\"489\" width=\"62\" height=\"57\"\/>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer grow\" data-layer=\"balkonanbau\">\n <g>\n <rect x=\"395\" y=\"275\" width=\"110\" height=\"6\" fill=\"#2a2e35\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\"1.2\" fill=\"none\">\n <line x1=\"400\" y1=\"281\" x2=\"400\" y2=\"298\"\/><line x1=\"415\" y1=\"281\" x2=\"415\" y2=\"298\"\/><line x1=\"430\" y1=\"281\" x2=\"430\" y2=\"298\"\/><line x1=\"445\" y1=\"281\" x2=\"445\" y2=\"298\"\/><line x1=\"460\" y1=\"281\" x2=\"460\" y2=\"298\"\/><line x1=\"475\" y1=\"281\" x2=\"475\" y2=\"298\"\/><line x1=\"490\" y1=\"281\" x2=\"490\" y2=\"298\"\/>\n <\/g>\n <line x1=\"395\" y1=\"298\" x2=\"505\" y2=\"298\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <rect x=\"395\" y=\"365\" width=\"110\" height=\"6\" fill=\"#2a2e35\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\"1.2\" fill=\"none\">\n <line x1=\"400\" y1=\"371\" x2=\"400\" y2=\"388\"\/><line x1=\"415\" y1=\"371\" x2=\"415\" y2=\"388\"\/><line x1=\"430\" y1=\"371\" x2=\"430\" y2=\"388\"\/><line x1=\"445\" y1=\"371\" x2=\"445\" y2=\"388\"\/><line x1=\"460\" y1=\"371\" x2=\"460\" y2=\"388\"\/><line x1=\"475\" y1=\"371\" x2=\"475\" y2=\"388\"\/><line x1=\"490\" y1=\"371\" x2=\"490\" y2=\"388\"\/>\n <\/g>\n <line x1=\"395\" y1=\"388\" x2=\"505\" y2=\"388\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <rect x=\"395\" y=\"455\" width=\"110\" height=\"6\" fill=\"#2a2e35\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\"1.2\" fill=\"none\">\n <line x1=\"400\" y1=\"461\" x2=\"400\" y2=\"478\"\/><line x1=\"415\" y1=\"461\" x2=\"415\" y2=\"478\"\/><line x1=\"430\" y1=\"461\" x2=\"430\" y2=\"478\"\/><line x1=\"445\" y1=\"461\" x2=\"445\" y2=\"478\"\/><line x1=\"460\" y1=\"461\" x2=\"460\" y2=\"478\"\/><line x1=\"475\" y1=\"461\" x2=\"475\" y2=\"478\"\/><line x1=\"490\" y1=\"461\" x2=\"490\" y2=\"478\"\/>\n <\/g>\n <line x1=\"395\" y1=\"478\" x2=\"505\" y2=\"478\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"weg-aufteilung\">\n <line class=\"weg-line\" x1=\"270\" y1=\"290\" x2=\"630\" y2=\"290\" stroke=\"#bb9e1c\" stroke-width=\"2\" stroke-dasharray=\"6 4\"\/>\n <line class=\"weg-line\" x1=\"270\" y1=\"380\" x2=\"630\" y2=\"380\" stroke=\"#bb9e1c\" stroke-width=\"2\" stroke-dasharray=\"6 4\"\/>\n <line class=\"weg-line\" x1=\"270\" y1=\"470\" x2=\"630\" y2=\"470\" stroke=\"#bb9e1c\" stroke-width=\"2\" stroke-dasharray=\"6 4\"\/>\n <text x=\"640\" y=\"248\" font-family=\"Poppins\" font-size=\"10\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">WE 4<\/text>\n <text x=\"640\" y=\"338\" font-family=\"Poppins\" font-size=\"10\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">WE 3<\/text>\n <text x=\"640\" y=\"428\" font-family=\"Poppins\" font-size=\"10\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">WE 2<\/text>\n <text x=\"640\" y=\"518\" font-family=\"Poppins\" font-size=\"10\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">WE 1<\/text>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"treppenhaus\">\n <rect x=\"412\" y=\"465\" width=\"76\" height=\"100\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1.5\" stroke-dasharray=\"3 3\"\/>\n <text x=\"450\" y=\"600\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"9\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">EINGANG MODERNISIERT<\/text>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"grundrissoptimierung\">\n <g stroke=\"#bb9e1c\" stroke-width=\"1\" stroke-dasharray=\"2 3\" opacity=\".7\">\n <line x1=\"390\" y1=\"200\" x2=\"390\" y2=\"560\"\/>\n <line x1=\"510\" y1=\"200\" x2=\"510\" y2=\"560\"\/>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"gewerbe-umnutzung\">\n <rect x=\"280\" y=\"475\" width=\"120\" height=\"80\" fill=\"#0e1219\" stroke=\"#bb9e1c\" stroke-width=\"1.5\"\/>\n <rect x=\"280\" y=\"475\" width=\"120\" height=\"80\" fill=\"url(#windowShine)\"\/>\n <rect x=\"500\" y=\"475\" width=\"120\" height=\"80\" fill=\"#0e1219\" stroke=\"#bb9e1c\" stroke-width=\"1.5\"\/>\n <rect x=\"500\" y=\"475\" width=\"120\" height=\"80\" fill=\"url(#windowShine)\"\/>\n <text x=\"340\" y=\"465\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"8\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">GEWERBE<\/text>\n <text x=\"560\" y=\"465\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"8\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">GEWERBE<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"waermepumpe\">\n <g transform=\"translate(675,520)\">\n <rect x=\"0\" y=\"0\" width=\"60\" height=\"42\" rx=\"2\" fill=\"#2a2e35\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <circle cx=\"20\" cy=\"21\" r=\"11\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <circle cx=\"20\" cy=\"21\" r=\"5\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 20 21\" to=\"360 20 21\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <line x1=\"20\" y1=\"15\" x2=\"20\" y2=\"27\" stroke=\"#bb9e1c\" stroke-width=\"1.5\">\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 20 21\" to=\"360 20 21\" dur=\"3s\" repeatCount=\"indefinite\"\/>\n <\/line>\n <rect x=\"36\" y=\"8\" width=\"16\" height=\"3\" fill=\"#bb9e1c\"\/>\n <rect x=\"36\" y=\"14\" width=\"16\" height=\"3\" fill=\"#bb9e1c\"\/>\n <rect x=\"36\" y=\"20\" width=\"16\" height=\"3\" fill=\"#bb9e1c\"\/>\n <rect x=\"36\" y=\"26\" width=\"16\" height=\"3\" fill=\"#bb9e1c\"\/>\n <rect x=\"36\" y=\"32\" width=\"16\" height=\"3\" fill=\"#bb9e1c\"\/>\n <text x=\"30\" y=\"56\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"8\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"1\">W\u00c4RMEPUMPE<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"smart-metering\">\n <g transform=\"translate(245,440)\">\n <rect x=\"0\" y=\"0\" width=\"20\" height=\"28\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\".8\"\/>\n <rect x=\"3\" y=\"3\" width=\"14\" height=\"9\" fill=\"#0a0d14\"\/>\n <text x=\"10\" y=\"10\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5\" fill=\"#bb9e1c\">SM<\/text>\n <circle cx=\"10\" cy=\"20\" r=\"2\" fill=\"#bb9e1c\"><animate attributeName=\"opacity\" values=\"1;.3;1\" dur=\"1.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/g>\n <g transform=\"translate(620,210)\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1.2\">\n <path d=\"M0 8 Q6 2 12 8\"\/><path d=\"M-4 12 Q6 0 16 12\"\/><path d=\"M-8 16 Q6 -2 20 16\" opacity=\".6\"\/>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"mietanpassung\">\n <g transform=\"translate(700, 230)\">\n <rect x=\"4\" y=\"4\" width=\"135\" height=\"170\" rx=\"2\" fill=\"rgba(0,0,0,.45)\"\/>\n <rect x=\"0\" y=\"0\" width=\"135\" height=\"170\" rx=\"2\" fill=\"#f5f3ed\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n <rect x=\"0\" y=\"0\" width=\"135\" height=\"22\" fill=\"#1a1d24\"\/>\n <text x=\"67.5\" y=\"14.5\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"8\" font-weight=\"600\" fill=\"#bb9e1c\" letter-spacing=\"2.5\">MIETVERTRAG<\/text>\n <line x1=\"10\" y1=\"34\" x2=\"125\" y2=\"34\" stroke=\"#c9c4b3\" stroke-width=\"1\"\/>\n <line x1=\"10\" y1=\"42\" x2=\"115\" y2=\"42\" stroke=\"#c9c4b3\" stroke-width=\"1\"\/>\n <line x1=\"10\" y1=\"50\" x2=\"125\" y2=\"50\" stroke=\"#c9c4b3\" stroke-width=\"1\"\/>\n <rect x=\"10\" y=\"60\" width=\"115\" height=\"62\" fill=\"#fcfaf2\" stroke=\"#bb9e1c\" stroke-width=\".6\" rx=\"2\"\/>\n <text x=\"67.5\" y=\"73\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"6\" fill=\"#888\" letter-spacing=\"1.8\" font-weight=\"500\">\u20ac \/ m\u00b2 \u00b7 KALT<\/text>\n <g><text x=\"67.5\" y=\"91\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"500\" fill=\"#aaa\">8,50 \u20ac<\/text><line x1=\"48\" y1=\"87.5\" x2=\"87\" y2=\"87.5\" stroke=\"#c44\" stroke-width=\"1.3\"\/><\/g>\n <text x=\"67.5\" y=\"113\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"15\" font-weight=\"700\" fill=\"#1a1d24\" letter-spacing=\"-.3\">12,80 \u20ac<animate attributeName=\"fill\" values=\"#1a1d24;#6b8e5a;#1a1d24\" dur=\"2.5s\" repeatCount=\"indefinite\"\/><\/text>\n <line x1=\"10\" y1=\"142\" x2=\"65\" y2=\"142\" stroke=\"#888\" stroke-width=\".8\"\/>\n <text x=\"10\" y=\"154\" font-family=\"Poppins\" font-size=\"5.5\" fill=\"#888\" letter-spacing=\"1.2\">UNTERSCHRIFT EIGENT\u00dcMER<\/text>\n <circle cx=\"105\" cy=\"148\" r=\"14\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1\" opacity=\".55\"\/>\n <circle cx=\"105\" cy=\"148\" r=\"10\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\".5\" opacity=\".4\"\/>\n <text x=\"105\" y=\"151\" text-anchor=\"middle\" font-family=\"Cormorant Garamond\" font-size=\"10\" font-weight=\"600\" fill=\"#bb9e1c\">LI<\/text>\n <\/g>\n <g transform=\"translate(665, 320)\">\n <g class=\"rent-arrow-pulse\">\n <path d=\"M0 -32 L18 -8 L8 -8 L8 22 L-8 22 L-8 -8 L-18 -8 Z\" fill=\"#6b8e5a\" stroke=\"#5a7a4d\" stroke-width=\"1\"\/>\n <text y=\"9\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"9.5\" font-weight=\"700\" fill=\"#fff\" letter-spacing=\".5\">+51%<\/text>\n <path d=\"M-12 -8 L0 -26 L4 -22 L-6 -8 Z\" fill=\"rgba(255,255,255,.18)\"\/>\n <\/g>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer grow\" data-layer=\"esg\">\n <g transform=\"translate(770,90)\">\n <circle r=\"34\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"2\"\/>\n <path d=\"M0 -16 C12 -12 16 -4 14 8 C8 14 -8 14 -14 8 C-16 -4 -12 -12 0 -16 Z M0 -14 L0 14\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1.5\"\/>\n <text y=\"3\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"9\" font-weight=\"600\" fill=\"#bb9e1c\" letter-spacing=\"1\">ESG<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"mobilfunkantenne\">\n <rect x=\"578\" y=\"130\" width=\"14\" height=\"8\" fill=\"#2a2e35\" stroke=\"#bb9e1c\" stroke-width=\"0.8\"\/>\n <line x1=\"585\" y1=\"130\" x2=\"585\" y2=\"40\" stroke=\"#bb9e1c\" stroke-width=\"2.2\"\/>\n <line x1=\"574\" y1=\"85\" x2=\"596\" y2=\"85\" stroke=\"#bb9e1c\" stroke-width=\"1.4\"\/>\n <line x1=\"570\" y1=\"98\" x2=\"600\" y2=\"98\" stroke=\"#bb9e1c\" stroke-width=\"1.4\"\/>\n <line x1=\"574\" y1=\"111\" x2=\"596\" y2=\"111\" stroke=\"#bb9e1c\" stroke-width=\"1.4\"\/>\n <rect x=\"569\" y=\"62\" width=\"3\" height=\"18\" fill=\"#bb9e1c\"\/>\n <rect x=\"598\" y=\"62\" width=\"3\" height=\"18\" fill=\"#bb9e1c\"\/>\n <rect x=\"583\" y=\"50\" width=\"4\" height=\"14\" fill=\"#bb9e1c\"\/>\n <line x1=\"585\" y1=\"40\" x2=\"585\" y2=\"32\" stroke=\"#bb9e1c\" stroke-width=\"2.8\"\/>\n <circle cx=\"585\" cy=\"32\" r=\"3\" fill=\"#ff4444\"><animate attributeName=\"opacity\" values=\"1;0.15;1\" dur=\"1.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"585\" cy=\"32\" r=\"5\" fill=\"none\" stroke=\"#ff4444\" stroke-width=\"1\" opacity=\"0.5\"><animate attributeName=\"r\" values=\"3;9\" dur=\"1.4s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"0.5;0\" dur=\"1.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <g fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1.3\">\n <circle cx=\"585\" cy=\"80\" r=\"20\" opacity=\"0.3\"><animate attributeName=\"r\" values=\"14;55\" dur=\"2.4s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"0.6;0\" dur=\"2.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"585\" cy=\"80\" r=\"20\" opacity=\"0.3\"><animate attributeName=\"r\" values=\"14;55\" dur=\"2.4s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"0.6;0\" dur=\"2.4s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"585\" cy=\"80\" r=\"20\" opacity=\"0.3\"><animate attributeName=\"r\" values=\"14;55\" dur=\"2.4s\" begin=\"1.6s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"0.6;0\" dur=\"2.4s\" begin=\"1.6s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/g>\n <text x=\"620\" y=\"105\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">5G \u00b7 LTE<\/text>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"werbeflaeche\">\n <rect x=\"205\" y=\"220\" width=\"58\" height=\"190\" fill=\"#0a0d14\" stroke=\"#bb9e1c\" stroke-width=\"2.2\"\/>\n <rect x=\"210\" y=\"225\" width=\"48\" height=\"180\" fill=\"#1a3a52\"><animate attributeName=\"fill\" values=\"#1a3a52;#52301a;#1a4a2c;#3a1a4a;#1a3a52\" dur=\"5s\" repeatCount=\"indefinite\"\/><\/rect>\n <text x=\"234\" y=\"305\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"700\" fill=\"#ffffff\" letter-spacing=\"2\">YOUR<\/text>\n <text x=\"234\" y=\"322\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"11\" font-weight=\"700\" fill=\"#ffffff\" letter-spacing=\"2\">BRAND<\/text>\n <line x1=\"216\" y1=\"333\" x2=\"252\" y2=\"333\" stroke=\"#ffffff\" stroke-width=\"0.5\" opacity=\"0.6\"\/>\n <text x=\"234\" y=\"350\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"6\" font-weight=\"500\" fill=\"#ffffff\" opacity=\"0.85\" letter-spacing=\"2.5\">PREMIUM AD<\/text>\n <rect x=\"263\" y=\"240\" width=\"7\" height=\"4\" fill=\"#666\"\/>\n <rect x=\"263\" y=\"290\" width=\"7\" height=\"4\" fill=\"#666\"\/>\n <rect x=\"263\" y=\"340\" width=\"7\" height=\"4\" fill=\"#666\"\/>\n <rect x=\"263\" y=\"390\" width=\"7\" height=\"4\" fill=\"#666\"\/>\n <circle cx=\"212\" cy=\"227\" r=\"1.4\" fill=\"#bb9e1c\"><animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.6s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"256\" cy=\"227\" r=\"1.4\" fill=\"#bb9e1c\"><animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.6s\" begin=\"0.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"212\" cy=\"403\" r=\"1.4\" fill=\"#bb9e1c\"><animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.6s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"256\" cy=\"403\" r=\"1.4\" fill=\"#bb9e1c\"><animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.6s\" begin=\"1.2s\" repeatCount=\"indefinite\"\/><\/circle>\n <text x=\"234\" y=\"425\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">LED-WERBETAFEL<\/text>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"packstation\">\n <rect x=\"600\" y=\"582\" width=\"60\" height=\"4\" fill=\"#2a2e35\"\/>\n <rect x=\"605\" y=\"510\" width=\"50\" height=\"72\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.5\"\/>\n <rect x=\"605\" y=\"510\" width=\"50\" height=\"11\" fill=\"#bb9e1c\"\/>\n <text x=\"630\" y=\"518\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"6.5\" font-weight=\"700\" fill=\"#1a1d24\" letter-spacing=\"1.5\">PACKSTATION<\/text>\n <g stroke=\"#bb9e1c\" stroke-width=\"0.5\" fill=\"#0e1219\">\n <rect x=\"609\" y=\"525\" width=\"13\" height=\"11\"\/>\n <rect x=\"623\" y=\"525\" width=\"13\" height=\"11\"><animate attributeName=\"fill\" values=\"#0e1219;#bb9e1c;#0e1219\" dur=\"3.5s\" begin=\"0.2s\" repeatCount=\"indefinite\"\/><\/rect>\n <rect x=\"637\" y=\"525\" width=\"13\" height=\"11\"\/>\n <rect x=\"609\" y=\"537\" width=\"13\" height=\"11\"><animate attributeName=\"fill\" values=\"#0e1219;#bb9e1c;#0e1219\" dur=\"3.5s\" begin=\"1.4s\" repeatCount=\"indefinite\"\/><\/rect>\n <rect x=\"623\" y=\"537\" width=\"13\" height=\"11\"\/>\n <rect x=\"637\" y=\"537\" width=\"13\" height=\"11\"\/>\n <rect x=\"609\" y=\"549\" width=\"13\" height=\"11\"\/>\n <rect x=\"623\" y=\"549\" width=\"13\" height=\"11\"\/>\n <rect x=\"637\" y=\"549\" width=\"13\" height=\"11\"><animate attributeName=\"fill\" values=\"#0e1219;#bb9e1c;#0e1219\" dur=\"3.5s\" begin=\"2.4s\" repeatCount=\"indefinite\"\/><\/rect>\n <\/g>\n <rect x=\"611\" y=\"562\" width=\"38\" height=\"13\" fill=\"#1a3a52\" stroke=\"#bb9e1c\" stroke-width=\"0.4\"\/>\n <circle cx=\"616\" cy=\"568.5\" r=\"1\" fill=\"#6b8e5a\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"1.5s\" repeatCount=\"indefinite\"\/><\/circle>\n <text x=\"635\" y=\"571\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"4.5\" fill=\"#ffffff\" letter-spacing=\"0.5\">ABHOLEN<\/text>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"fassadenbegruenung\">\n <g>\n <path d=\"M278 580 Q284 540 276 500 Q284 460 277 420 Q283 380 276 340 Q282 300 277 260 Q282 220 280 205\" stroke=\"#3d5a3a\" stroke-width=\"2.5\" fill=\"none\"\/>\n <g fill=\"#4a6b46\">\n <ellipse cx=\"278\" cy=\"540\" rx=\"14\" ry=\"9\"\/><ellipse cx=\"284\" cy=\"500\" rx=\"12\" ry=\"8\"\/>\n <ellipse cx=\"274\" cy=\"465\" rx=\"13\" ry=\"9\"\/><ellipse cx=\"282\" cy=\"425\" rx=\"11\" ry=\"8\"\/>\n <ellipse cx=\"275\" cy=\"385\" rx=\"12\" ry=\"9\"\/><ellipse cx=\"284\" cy=\"345\" rx=\"13\" ry=\"8\"\/>\n <ellipse cx=\"274\" cy=\"305\" rx=\"11\" ry=\"7\"\/><ellipse cx=\"280\" cy=\"265\" rx=\"12\" ry=\"9\"\/>\n <ellipse cx=\"276\" cy=\"225\" rx=\"10\" ry=\"7\"\/>\n <\/g>\n <\/g>\n <g>\n <path d=\"M622 580 Q616 540 624 500 Q616 460 623 420 Q617 380 624 340 Q618 300 623 260 Q618 220 620 205\" stroke=\"#3d5a3a\" stroke-width=\"2.5\" fill=\"none\"\/>\n <g fill=\"#4a6b46\">\n <ellipse cx=\"622\" cy=\"540\" rx=\"14\" ry=\"9\"\/><ellipse cx=\"616\" cy=\"500\" rx=\"12\" ry=\"8\"\/>\n <ellipse cx=\"626\" cy=\"465\" rx=\"13\" ry=\"9\"\/><ellipse cx=\"618\" cy=\"425\" rx=\"11\" ry=\"8\"\/>\n <ellipse cx=\"625\" cy=\"385\" rx=\"12\" ry=\"9\"\/><ellipse cx=\"616\" cy=\"345\" rx=\"13\" ry=\"8\"\/>\n <ellipse cx=\"626\" cy=\"305\" rx=\"11\" ry=\"7\"\/><ellipse cx=\"620\" cy=\"265\" rx=\"12\" ry=\"9\"\/>\n <ellipse cx=\"624\" cy=\"225\" rx=\"10\" ry=\"7\"\/>\n <\/g>\n <\/g>\n <g transform=\"translate(265, 184)\">\n <rect x=\"-22\" y=\"-8\" width=\"44\" height=\"14\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#5a8050\" stroke-width=\"0.8\"\/>\n <text x=\"0\" y=\"2\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"6\" font-weight=\"600\" fill=\"#5a8050\" letter-spacing=\"1\">KfW \u00b7 ESG<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"smarthome\">\n <g transform=\"translate(450, 432)\">\n <rect x=\"-18\" y=\"-11\" width=\"36\" height=\"22\" rx=\"3\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.3\"\/>\n <text x=\"0\" y=\"-2\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"700\" fill=\"#bb9e1c\" letter-spacing=\"1\">SMART<\/text>\n <text x=\"0\" y=\"6\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"1.5\">HOME<\/text>\n <circle cx=\"-13\" cy=\"-7\" r=\"1.4\" fill=\"#6b8e5a\"><animate attributeName=\"opacity\" values=\"1;0.2;1\" dur=\"1.6s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/g>\n <g transform=\"translate(450, 540)\">\n <circle r=\"3\" fill=\"none\" stroke=\"#6b8e5a\" stroke-width=\"1.5\" opacity=\"0.9\"><animate attributeName=\"r\" values=\"3;6;3\" dur=\"2s\" repeatCount=\"indefinite\"\/><animate attributeName=\"opacity\" values=\"1;0;1\" dur=\"2s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle r=\"2\" fill=\"#6b8e5a\"\/>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"aufzug\">\n <rect x=\"632\" y=\"180\" width=\"32\" height=\"400\" fill=\"rgba(40,60,80,0.5)\" stroke=\"#bb9e1c\" stroke-width=\"2\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\"0.4\" opacity=\"0.6\">\n <line x1=\"632\" y1=\"265\" x2=\"664\" y2=\"265\"\/><line x1=\"632\" y1=\"350\" x2=\"664\" y2=\"350\"\/>\n <line x1=\"632\" y1=\"435\" x2=\"664\" y2=\"435\"\/><line x1=\"632\" y1=\"520\" x2=\"664\" y2=\"520\"\/>\n <\/g>\n <polygon points=\"628,180 668,180 666,170 630,170\" fill=\"#2a2e35\" stroke=\"#bb9e1c\" stroke-width=\"1\"\/>\n <rect x=\"640\" y=\"160\" width=\"16\" height=\"10\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"0.8\"\/>\n <g>\n <rect x=\"636\" y=\"510\" width=\"24\" height=\"38\" fill=\"#bb9e1c\" opacity=\"0.9\" stroke=\"#1a1d24\" stroke-width=\"0.6\">\n <animate attributeName=\"y\" values=\"510;215;215;385;385;510;510\" keyTimes=\"0;0.25;0.35;0.5;0.6;0.85;1\" dur=\"9s\" repeatCount=\"indefinite\"\/>\n <\/rect>\n <rect x=\"640\" y=\"518\" width=\"16\" height=\"10\" fill=\"#0e1219\" opacity=\"0.8\">\n <animate attributeName=\"y\" values=\"518;223;223;393;393;518;518\" keyTimes=\"0;0.25;0.35;0.5;0.6;0.85;1\" dur=\"9s\" repeatCount=\"indefinite\"\/>\n <\/rect>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"moeblierung\">\n <g fill=\"#bb9e1c\" opacity=\"0.78\">\n <rect x=\"312\" y=\"258\" width=\"22\" height=\"11\" rx=\"1\"\/><rect x=\"314\" y=\"252\" width=\"10\" height=\"6\" rx=\"1\"\/>\n <rect x=\"427\" y=\"255\" width=\"11\" height=\"14\" rx=\"1\"\/><rect x=\"425\" y=\"248\" width=\"3\" height=\"21\"\/>\n <rect x=\"542\" y=\"240\" width=\"18\" height=\"30\"\/>\n <\/g>\n <g fill=\"#bb9e1c\" opacity=\"0.78\">\n <rect x=\"310\" y=\"348\" width=\"28\" height=\"11\"\/><rect x=\"308\" y=\"338\" width=\"6\" height=\"21\"\/><rect x=\"334\" y=\"338\" width=\"6\" height=\"21\"\/>\n <rect x=\"425\" y=\"335\" width=\"22\" height=\"11\"\/>\n <rect x=\"540\" y=\"330\" width=\"22\" height=\"33\"\/>\n <\/g>\n <g transform=\"translate(745, 165)\">\n <rect x=\"-28\" y=\"-9\" width=\"56\" height=\"16\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"0.8\"\/>\n <text x=\"0\" y=\"2\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"600\" fill=\"#bb9e1c\" letter-spacing=\"1.5\">M\u00d6BLIERT<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer fade-only\" data-layer=\"microliving\">\n <g stroke=\"#bb9e1c\" stroke-width=\"1\" stroke-dasharray=\"4 2\" opacity=\"0.7\">\n <line x1=\"335\" y1=\"200\" x2=\"335\" y2=\"545\"\/><line x1=\"390\" y1=\"200\" x2=\"390\" y2=\"545\"\/>\n <line x1=\"450\" y1=\"200\" x2=\"450\" y2=\"545\"\/><line x1=\"510\" y1=\"200\" x2=\"510\" y2=\"545\"\/>\n <line x1=\"565\" y1=\"200\" x2=\"565\" y2=\"545\"\/>\n <\/g>\n <g transform=\"translate(450, 175)\">\n <rect x=\"-32\" y=\"-9\" width=\"64\" height=\"16\" rx=\"2\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"0.8\"\/>\n <text x=\"0\" y=\"2\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"600\" fill=\"#bb9e1c\" letter-spacing=\"1\">5 \u00d7 18 m\u00b2<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"rooftop\">\n <rect x=\"355\" y=\"127\" width=\"190\" height=\"8\" fill=\"#5a4d3a\"\/>\n <g stroke=\"#bb9e1c\" stroke-width=\"1.2\" fill=\"none\">\n <line x1=\"355\" y1=\"127\" x2=\"355\" y2=\"107\"\/><line x1=\"545\" y1=\"127\" x2=\"545\" y2=\"107\"\/>\n <line x1=\"355\" y1=\"110\" x2=\"545\" y2=\"110\"\/>\n <\/g>\n <g stroke=\"#5a4d3a\" stroke-width=\"1.6\" fill=\"none\">\n <line x1=\"385\" y1=\"127\" x2=\"385\" y2=\"90\"\/><line x1=\"515\" y1=\"127\" x2=\"515\" y2=\"90\"\/>\n <line x1=\"380\" y1=\"90\" x2=\"520\" y2=\"90\"\/>\n <\/g>\n <g fill=\"#bb9e1c\">\n <rect x=\"395\" y=\"117\" width=\"20\" height=\"10\" rx=\"1\"\/><rect x=\"392\" y=\"105\" width=\"6\" height=\"22\" rx=\"1\"\/>\n <rect x=\"438\" y=\"120\" width=\"24\" height=\"3\"\/><rect x=\"440\" y=\"123\" width=\"2\" height=\"5\"\/><rect x=\"458\" y=\"123\" width=\"2\" height=\"5\"\/>\n <rect x=\"485\" y=\"117\" width=\"20\" height=\"10\" rx=\"1\"\/><rect x=\"503\" y=\"105\" width=\"6\" height=\"22\" rx=\"1\"\/>\n <\/g>\n <g>\n <ellipse cx=\"365\" cy=\"120\" rx=\"6\" ry=\"9\" fill=\"#4a6b46\"\/><rect x=\"363\" y=\"122\" width=\"4\" height=\"6\" fill=\"#3a2c20\"\/>\n <ellipse cx=\"535\" cy=\"120\" rx=\"6\" ry=\"9\" fill=\"#4a6b46\"\/><rect x=\"533\" y=\"122\" width=\"4\" height=\"6\" fill=\"#3a2c20\"\/>\n <\/g>\n <g fill=\"#e8c876\">\n <circle cx=\"395\" cy=\"93\" r=\"1.5\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"420\" cy=\"93\" r=\"1.5\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" begin=\"0.4s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"445\" cy=\"93\" r=\"1.5\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" begin=\"0.8s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"470\" cy=\"93\" r=\"1.5\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" begin=\"1.2s\" repeatCount=\"indefinite\"\/><\/circle>\n <circle cx=\"495\" cy=\"93\" r=\"1.5\"><animate attributeName=\"opacity\" values=\"1;0.3;1\" dur=\"2s\" begin=\"1.6s\" repeatCount=\"indefinite\"\/><\/circle>\n <\/g>\n <text x=\"450\" y=\"148\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">ROOFTOP LOUNGE<\/text>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"windturbine\">\n <g transform=\"translate(373,153)\">\n \n <line x1=\"0\" y1=\"6\" x2=\"0\" y2=\"44\" stroke=\"#bb9e1c\" stroke-width=\"2.2\"\/>\n \n <rect x=\"-5\" y=\"44\" width=\"10\" height=\"6\" rx=\"1\" fill=\"#2a2e35\" stroke=\"#bb9e1c\" stroke-width=\"0.8\"\/>\n \n <circle cx=\"0\" cy=\"4\" r=\"4\" fill=\"#2a2e35\" stroke=\"#bb9e1c\" stroke-width=\"1.2\"\/>\n \n <g>\n <animateTransform attributeName=\"transform\" type=\"rotate\" from=\"0 0 4\" to=\"360 0 4\" dur=\"5s\" repeatCount=\"indefinite\"\/>\n \n <path d=\"M0,4 L-3,-20 Q0,-28 3,-20 Z\" fill=\"#bb9e1c\" opacity=\".92\"\/>\n \n <path d=\"M0,4 L22,16 Q24,24 16,20 Z\" fill=\"#bb9e1c\" opacity=\".92\"\/>\n \n <path d=\"M0,4 L-22,16 Q-24,24 -16,20 Z\" fill=\"#bb9e1c\" opacity=\".92\"\/>\n <\/g>\n \n <circle cx=\"0\" cy=\"4\" r=\"10\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\"1\" opacity=\".6\">\n <animate attributeName=\"r\" values=\"10;22;10\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\".6;0;.6\" dur=\"2.2s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n \n <text x=\"0\" y=\"62\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"2\">WINDKRAFT<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer grow\" data-layer=\"gebaeudeversicherung\">\n <g transform=\"translate(718,445)\">\n \n <path d=\"M0,-30 L22,-20 L22,2 C22,16 0,26 0,26 C0,26 -22,16 -22,2 L-22,-20 Z\"\n fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.6\"\/>\n \n <path d=\"M-9,2 L-2,10 L11,-8\" fill=\"none\" stroke=\"#6b8e5a\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n \n <circle cx=\"0\" cy=\"-2\" r=\"26\" fill=\"none\" stroke=\"#bb9e1c\" stroke-width=\".8\" opacity=\".4\">\n <animate attributeName=\"r\" values=\"26;40\" dur=\"2.4s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\".4;0\" dur=\"2.4s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n <circle cx=\"0\" cy=\"-2\" r=\"26\" fill=\"none\" stroke=\"#6b8e5a\" stroke-width=\".6\" opacity=\".3\">\n <animate attributeName=\"r\" values=\"26;40\" dur=\"2.4s\" begin=\".8s\" repeatCount=\"indefinite\"\/>\n <animate attributeName=\"opacity\" values=\".3;0\" dur=\"2.4s\" begin=\".8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n \n <text x=\"0\" y=\"-38\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"12\" fill=\"#bb9e1c\">\u2605<\/text>\n \n <text x=\"0\" y=\"44\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"1.5\">VERSICHERUNG<\/text>\n <\/g>\n <\/g>\n\n \n <g class=\"svg-layer slide-up\" data-layer=\"finanzierung\">\n <g transform=\"translate(52,320)\">\n \n <rect x=\"3\" y=\"3\" width=\"145\" height=\"95\" rx=\"4\" fill=\"rgba(0,0,0,.35)\"\/>\n \n <rect x=\"0\" y=\"0\" width=\"145\" height=\"95\" rx=\"4\" fill=\"#1a1d24\" stroke=\"#bb9e1c\" stroke-width=\"1.3\"\/>\n \n <rect x=\"0\" y=\"0\" width=\"145\" height=\"22\" rx=\"4\" fill=\"#bb9e1c\"\/>\n <rect x=\"0\" y=\"15\" width=\"145\" height=\"7\" fill=\"#bb9e1c\"\/>\n <text x=\"72\" y=\"14\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"700\" fill=\"#1a1d24\" letter-spacing=\"2\">NETZWERK-KONDITIONEN<\/text>\n \n <text x=\"72\" y=\"50\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"24\" font-weight=\"700\" fill=\"#bb9e1c\" letter-spacing=\"-1\">2,8%<\/text>\n <text x=\"72\" y=\"60\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5.5\" fill=\"#888\" letter-spacing=\"2\">EFF. JAHRESZINS P.A.<\/text>\n \n <line x1=\"10\" y1=\"68\" x2=\"135\" y2=\"68\" stroke=\"#2a3145\" stroke-width=\".6\"\/>\n <text x=\"28\" y=\"77\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5.5\" fill=\"#666\" letter-spacing=\"1\">LTV<\/text>\n <text x=\"28\" y=\"85\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7.5\" font-weight=\"600\" fill=\"#f5f3ed\">75%<\/text>\n <text x=\"72\" y=\"77\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5.5\" fill=\"#666\" letter-spacing=\"1\">LAUFZEIT<\/text>\n <text x=\"72\" y=\"85\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7.5\" font-weight=\"600\" fill=\"#f5f3ed\">15 J.<\/text>\n <text x=\"116\" y=\"77\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"5.5\" fill=\"#666\" letter-spacing=\"1\">RATING<\/text>\n <text x=\"116\" y=\"85\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7.5\" font-weight=\"600\" fill=\"#6b8e5a\">A+<\/text>\n \n <rect x=\"10\" y=\"88\" width=\"125\" height=\"3.5\" rx=\"2\" fill=\"#2a3145\"\/>\n <rect x=\"10\" y=\"88\" width=\"0\" height=\"3.5\" rx=\"2\" fill=\"#bb9e1c\">\n <animate attributeName=\"width\" values=\"0;95\" dur=\"1.4s\" fill=\"freeze\" begin=\"0.3s\"\/>\n <\/rect>\n \n <circle cx=\"136\" cy=\"11\" r=\"3.5\" fill=\"#6b8e5a\">\n <animate attributeName=\"opacity\" values=\"1;.25;1\" dur=\"1.8s\" repeatCount=\"indefinite\"\/>\n <\/circle>\n \n <text x=\"72\" y=\"112\" text-anchor=\"middle\" font-family=\"Poppins\" font-size=\"7\" font-weight=\"500\" fill=\"#bb9e1c\" letter-spacing=\"1.5\">LIMA INVEST NETZWERK<\/text>\n <\/g>\n <\/g>\n\n <\/svg>\n <div class=\"viz-floor\"><\/div>\n <\/div>\n\n <div class=\"viz-legend\" id=\"vizLegend\">\n <span class=\"viz-legend-empty\" id=\"legendEmpty\">W\u00e4hlen Sie rechts Ma\u00dfnahmen aus, um die Wertsteigerung am Objekt sichtbar zu machen.<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"measures-panel\">\n <div class=\"panel-head\">\n <div>\n <h2>Ma\u00dfnahmenkatalog<\/h2>\n <p>30 Wertsteigerungshebel \u2014 gegliedert nach technischer, rechtlicher, operativer und vermietungsseitiger Dimension.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"filter-bar\" role=\"tablist\">\n <button class=\"filter-btn active\" data-filter=\"all\" role=\"tab\">Alle<\/button>\n <button class=\"filter-btn\" data-filter=\"technisch\" role=\"tab\">Technisch<\/button>\n <button class=\"filter-btn\" data-filter=\"rechtlich\" role=\"tab\">Rechtlich<\/button>\n <button class=\"filter-btn\" data-filter=\"operativ\" role=\"tab\">Operativ<\/button>\n <button class=\"filter-btn\" data-filter=\"vermietung\" role=\"tab\">Vermietung<\/button>\n <\/div>\n\n <div class=\"measures-grid\" id=\"measuresGrid\"><\/div>\n <\/div>\n\n<\/section>\n\n\n<section class=\"summary-bar\">\n <div class=\"summary-card\">\n <div class=\"summary-text\">\n <div class=\"eyebrow\">Value-Add im Bestand<\/div>\n <h3>Drei bis sieben Stellhebel reichen meist aus, um den Verkehrswert eines Bestandsobjekts signifikant zu heben.<\/h3>\n <p>Entscheidend ist nicht die Anzahl der Ma\u00dfnahmen, sondern deren strategische Abfolge. Wir analysieren die wirtschaftliche Hebelwirkung, den regulatorischen Rahmen und das ESG-Profil \u2014 und f\u00fchren Eigent\u00fcmer, Family Offices und institutionelle K\u00e4ufer durch den gesamten Prozess.<\/p>\n <\/div>\n <div class=\"summary-stats\">\n <div class=\"stat\"><div class=\"v\" id=\"statSelected\">0<\/div><div class=\"l\">Ausgew\u00e4hlt<\/div><\/div>\n <div class=\"stat\"><div class=\"v\">30<\/div><div class=\"l\">Ma\u00dfnahmen<\/div><\/div>\n <div class=\"stat\"><div class=\"v\">4<\/div><div class=\"l\">Dimensionen<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"cta-row\">\n <div class=\"cta-meta\">\n <strong>Lima Invest Immobilien GmbH<\/strong> \u00b7 Hamburg \u00b7 <a href=\"mailto:anfrage@limaimmobilien.com\" style=\"color:var(--gold-deep); text-decoration:none;\">anfrage@limaimmobilien.com<\/a><br>\n Off-Market Transaktionen \u00b7 Investoren-Netzwerk \u00b7 Value-Add-Strategien\n <\/div>\n <div style=\"display:flex; gap:12px; flex-wrap:wrap;\">\n <button class=\"btn-secondary\" onclick=\"resetSelection()\">\n <svg class=\"btn-icon\" viewBox=\"0 0 24 24\"><path d=\"M3 12a9 9 0 1 0 3-6.7\"\/><polyline points=\"3 3 3 9 9 9\"\/><\/svg>\n Zur\u00fccksetzen\n <\/button>\n <button class=\"btn-primary\" id=\"pdfBtn\" onclick=\"downloadPDF()\">\n <svg class=\"btn-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 3v14\"\/><polyline points=\"6 11 12 17 18 11\"\/><path d=\"M5 21h14\"\/><\/svg>\n Onepager als PDF herunterladen\n <\/button>\n <\/div>\n<\/div>\n\n<div class=\"disclaimer\">\n <strong>Hinweis<\/strong> Die Darstellungen dienen der Veranschaulichung und ersetzen keine objektspezifische Bewertung. \u00a9 Lima Invest Immobilien, Pablo Lima\n<\/div>\n\n<\/div>\n\n\n<div class=\"modal-overlay\" id=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modalTitle\">\n <div class=\"modal\">\n <button class=\"modal-close\" onclick=\"closeModal()\" aria-label=\"Schlie\u00dfen\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"5\" x2=\"19\" y2=\"19\"\/><line x1=\"19\" y1=\"5\" x2=\"5\" y2=\"19\"\/><\/svg>\n <\/button>\n <div class=\"eyebrow\" id=\"modalEyebrow\">Ma\u00dfnahme<\/div>\n <h3 id=\"modalTitle\"><\/h3>\n <div class=\"body\">\n <p id=\"modalDesc\"><\/p>\n <div class=\"kv-grid\">\n <div class=\"kv-row\"><div class=\"k\">Wirtschaftlicher Effekt<\/div><div class=\"v\" id=\"modalEffect\"><\/div><\/div>\n <div class=\"kv-row\"><div class=\"k\">Nutzen f\u00fcr Eigent\u00fcmer<\/div><div class=\"v\" id=\"modalBenefit\"><\/div><\/div>\n <div class=\"kv-row\"><div class=\"k\">Dimension<\/div><div class=\"v\" id=\"modalCategory\"><\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"modal-actions\">\n <button class=\"modal-toggle\" id=\"modalToggleBtn\" onclick=\"toggleFromModal()\"><\/button>\n <button class=\"modal-mail-btn\" onclick=\"requestOfferFromModal()\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><polyline points=\"3,7 12,13 21,7\"\/><\/svg>\n Jetzt Angebot einholen\n <\/button>\n <\/div>\n <\/div>\n<\/div>\n\n\n<div class=\"loader-overlay\" id=\"loader\">\n <div class=\"loader-spinner\"><\/div>\n <div class=\"text\">PDF wird erstellt \u2026<\/div>\n<\/div>\n\n<script>\n\/* ============================================================\n Ma\u00dfnahmen-Daten (30 Eintr\u00e4ge)\n============================================================ *\/\nconst MEASURES = [\n { id:\"fassadensanierung\", name:\"Fassadensanierung\", category:\"technisch\",\n desc:\"Erneuerung von Putz, Anstrich und gegebenenfalls D\u00e4mmung der Geb\u00e4udeh\u00fclle. Verbessert die Optik, sch\u00fctzt vor Witterungseinfl\u00fcssen und reduziert energetische Verluste durch undichte oder gerissene Au\u00dfenw\u00e4nde.\",\n effect:\"Wertsteigerung von rund 5\u201312 % durch Abbau des Instandhaltungsr\u00fcckstaus und visuelle Aufwertung. Verbesserung im Energieausweis m\u00f6glich.\",\n benefit:\"H\u00f6here Vermietbarkeit, bessere Eingruppierung im Mietspiegel und ein deutlich st\u00e4rkerer erster Eindruck bei Besichtigungen und Vermarktungsterminen.\" },\n { id:\"dachausbau\", name:\"Dachausbau \/ Aufstockung\", category:\"technisch\",\n desc:\"Aktivierung des Dachgeschosses durch Ausbau bestehender Reserven oder durch eine Aufstockung. Schafft zus\u00e4tzliche Wohn- oder Nutzfl\u00e4che ohne Grundst\u00fccksankauf.\",\n effect:\"Bis zu 25 % zus\u00e4tzliche vermietbare Fl\u00e4che. Signifikante Wertsteigerung \u00fcber den Verkehrswertfaktor.\",\n benefit:\"Skalierung der Mieteinnahmen, h\u00f6here Renditebasis und optimale Hebelwirkung auf den sp\u00e4teren Ver\u00e4u\u00dferungserl\u00f6s.\" },\n { id:\"energetische-sanierung\", name:\"Energetische Sanierung\", category:\"technisch\",\n desc:\"Ganzheitliche Verbesserung des energetischen Zustands \u00fcber D\u00e4mmung, W\u00e4rmebr\u00fcckenoptimierung, neue Anlagentechnik und KfW-konforme Sanierungspfade.\",\n effect:\"Senkung der Nebenkosten um 30\u201360 %. Mietsteigerung \u00fcber Modernisierungsumlage m\u00f6glich. KfW-F\u00f6rderung und steuerliche Effekte realisierbar.\",\n benefit:\"ESG-Konformit\u00e4t, Zukunftssicherheit und nachhaltige Risikominimierung gegen\u00fcber regulatorischen Versch\u00e4rfungen.\" },\n { id:\"fenstertausch\", name:\"Fenstertausch\", category:\"technisch\",\n desc:\"Erneuerung der Fensteranlagen mit Dreifachverglasung, verbessertem Schallschutz und niedrigen U-Werten.\",\n effect:\"Sprung in der Energieeffizienzklasse, deutliche Aufwertung der Au\u00dfenwirkung und Reduktion des Wartungsaufwands.\",\n benefit:\"H\u00f6here Wohnqualit\u00e4t, geringere Heizkosten und ein klar attraktiveres Objekt am Vermietungsmarkt.\" },\n { id:\"balkonanbau\", name:\"Balkonanbau\", category:\"technisch\",\n desc:\"Anbau oder Erweiterung von Balkonen, in der Regel als vorgestellte Stahlkonstruktion oder als Loggia-Variante in der Fassade.\",\n effect:\"Mietsteigerung von etwa 5\u201310 % je Einheit. Sp\u00fcrbare Aufwertung des Mietspiegels.\",\n benefit:\"H\u00f6herer Wohnwert, schnellere Neuvermietung und st\u00e4rkere Marktpositionierung gegen\u00fcber vergleichbaren Bestandsobjekten.\" },\n { id:\"photovoltaik\", name:\"Photovoltaikanlage\", category:\"technisch\",\n desc:\"Installation von PV-Modulen auf Dach- oder Fassadenfl\u00e4chen, optional gekoppelt mit Mieterstrommodellen.\",\n effect:\"Zusatzeinnahmen aus Stromverkauf und Mieterstrom. Reduktion der Nebenkosten f\u00fcr Mieter und Eigent\u00fcmer.\",\n benefit:\"Verbesserter ESG-Score, GEG-Konformit\u00e4t und ein attraktiver Cashflow-Baustein au\u00dferhalb der klassischen Mieteinnahmen.\" },\n { id:\"waermepumpe\", name:\"W\u00e4rmepumpe \/ Heizungsmodernisierung\", category:\"technisch\",\n desc:\"Austausch fossiler Heizsysteme durch W\u00e4rmepumpen, Hybridl\u00f6sungen oder Fernw\u00e4rme-Anschluss gem\u00e4\u00df den Anforderungen des Geb\u00e4udeenergiegesetzes.\",\n effect:\"Erf\u00fcllung gesetzlicher Vorgaben, Zugang zu F\u00f6rderprogrammen, langfristige Senkung der Betriebskosten.\",\n benefit:\"Vermeidung von Stranded-Asset-Risiken und deutliche Aufwertung im Energieausweis.\" },\n { id:\"treppenhaus\", name:\"Treppenhausmodernisierung\", category:\"technisch\",\n desc:\"Erneuerung von Bodenbel\u00e4gen, Wandfarben, Beleuchtung und der Briefkasten- und Klingelanlage im Treppenhaus.\",\n effect:\"Hochwertige Wertanmutung ab dem ersten Eindruck. Verst\u00e4rkt die wahrgenommene Qualit\u00e4t des gesamten Objekts.\",\n benefit:\"Mehr Conversion bei Besichtigungen und eine sp\u00fcrbar h\u00f6here Zahlungsbereitschaft auf Mieter- wie K\u00e4uferseite.\" },\n { id:\"grundrissoptimierung\", name:\"Grundrissoptimierung\", category:\"technisch\",\n desc:\"Anpassung der Wohnungsgrundrisse an aktuelle Nachfragestrukturen \u2014 etwa die Teilung gro\u00dfer Einheiten oder die Schaffung kompakter Mikroapartments.\",\n effect:\"H\u00f6here Quadratmetermiete in kleineren Einheiten und insgesamt mehr Mieteinheiten je Objekt.\",\n benefit:\"Verdichtung der Cashflow-Basis und bessere Risikostreuung \u00fcber mehrere Mietverh\u00e4ltnisse.\" },\n { id:\"leerstandsabbau\", name:\"Leerstandsabbau\", category:\"vermietung\",\n desc:\"Aktives Asset-Management mit Fokus auf Wiedervermietung, Mieterbindung und einer marktgerechten Positionierung.\",\n effect:\"Direkte Erh\u00f6hung der Ist-Miete und schnellere Realisierung des laufenden Cashflows.\",\n benefit:\"Reduktion des Bewertungsabschlags und Vollvermietung als zentrales Verkaufsargument.\" },\n { id:\"mietanpassung\", name:\"Mietanpassung an Marktniveau\", category:\"vermietung\",\n desc:\"Anhebung der Bestandsmieten im Rahmen des Mietspiegels, der orts\u00fcblichen Vergleichsmieten und \u00fcber Modernisierungsumlagen.\",\n effect:\"Direkte Steigerung der Soll-Miete und damit der Bewertungsgrundlage des gesamten Objekts.\",\n benefit:\"Hebung des Mietsteigerungspotenzials und h\u00f6here Multiplikatoren beim sp\u00e4teren Verkauf.\" },\n { id:\"weg-aufteilung\", name:\"WEG-Aufteilung \/ Einzelverkauf\", category:\"rechtlich\",\n desc:\"Aufteilung des Objekts in Wohnungseigentum nach WEG mit Teilungserkl\u00e4rung, Abgeschlossenheitsbescheinigung und individuellen Grundb\u00fcchern je Einheit.\",\n effect:\"Privatisierungsaufschlag von typischerweise 20\u201340 % gegen\u00fcber dem Globalverkauf.\",\n benefit:\"H\u00f6chste Wertsch\u00f6pfung durch Einzelverk\u00e4ufe, Tranchen oder Mietkauf-Modelle an Selbstnutzer.\" },\n { id:\"aussenanlagen\", name:\"Au\u00dfenanlagen \/ Begr\u00fcnung\", category:\"operativ\",\n desc:\"Aufwertung der Freifl\u00e4chen mit Begr\u00fcnung, Wegen, gepflegtem M\u00fcllstandort und Aufenthaltsbereichen.\",\n effect:\"Verbesserte Aufenthaltsqualit\u00e4t und Au\u00dfenwirkung. Wirkt direkt auf das Vermietungsergebnis.\",\n benefit:\"Wertanmutung, ESG-Beitrag und Wettbewerbsvorteil im Mietermarkt \u2014 insbesondere bei Familien und \u00e4lteren Mietern.\" },\n { id:\"e-ladestationen\", name:\"E-Ladestationen\", category:\"technisch\",\n desc:\"Installation von Ladem\u00f6glichkeiten im Stellplatzbereich, in der Tiefgarage oder direkt vor dem Objekt.\",\n effect:\"Zukunftssicherheit und eine neue, planbare Einnahmequelle aus Ladeums\u00e4tzen.\",\n benefit:\"Attraktivit\u00e4t f\u00fcr moderne Mietergruppen und Erf\u00fcllung der Vorgaben aus dem Geb\u00e4ude-Elektromobilit\u00e4tsinfrastruktur-Gesetz.\" },\n { id:\"smart-metering\", name:\"Smart-Metering \/ Digitalisierung\", category:\"operativ\",\n desc:\"Einbau intelligenter Z\u00e4hler, digitale Verbrauchserfassung und Anbindung an ein Energiemanagementsystem.\",\n effect:\"Volle Transparenz \u00fcber Verbr\u00e4uche, deutliche Kostenreduktion in der laufenden Betriebsf\u00fchrung.\",\n benefit:\"ESG- und Compliance-Vorteile sowie eine saubere Vorbereitung auf eine weiter steigende CO2-Bepreisung.\" },\n { id:\"keller\", name:\"Keller- und Nebenfl\u00e4chenaktivierung\", category:\"operativ\",\n desc:\"Aktivierung bislang ungenutzter Keller-, Speicher- oder Nebenfl\u00e4chen als Lagerr\u00e4ume, Hobbyr\u00e4ume oder kleine Gewerbeeinheiten.\",\n effect:\"Zus\u00e4tzliche Mieteinnahmen und h\u00f6here Fl\u00e4cheneffizienz bei meist geringer Investitionssumme.\",\n benefit:\"Erweiterung der Bewirtschaftungsbasis ohne nennenswerten Eingriff in die Hauptsubstanz.\" },\n { id:\"gewerbe-umnutzung\", name:\"Gewerbe- oder Nutzungs\u00e4nderung\", category:\"rechtlich\",\n desc:\"Umnutzung von Wohnfl\u00e4chen in Gewerbe oder umgekehrt \u2014 stets in enger Abstimmung mit dem Bauordnungs- und Planungsrecht der Gemeinde.\",\n effect:\"H\u00f6here Miete je Quadratmeter und optimale Anpassung an die lokale Marktnachfrage.\",\n benefit:\"Substanzielle Wertsch\u00f6pfung, da das Objekt auf seine wirtschaftlich h\u00f6chste und beste Nutzung ausgerichtet wird.\" },\n { id:\"esg\", name:\"ESG-Optimierung\", category:\"technisch\",\n desc:\"Strategische Ausrichtung des Objekts auf EU-Taxonomie-Konformit\u00e4t, CO2-Reduktion und soziale Standards.\",\n effect:\"Bessere Finanzierungskonditionen und Zugang zu institutionellem Kapital aus ESG-Mandaten.\",\n benefit:\"Reduziertes Regulierungsrisiko und h\u00f6here Exit-Multiples gegen\u00fcber ESG-affinen K\u00e4uferschichten.\" },\n { id:\"mobilfunkantenne\", name:\"Mobilfunkantenne \/ Funkmast\", category:\"operativ\",\n desc:\"Vermietung der Dachfl\u00e4che an Telekommunikationsanbieter f\u00fcr Mobilfunk-Sendeanlagen, Funkmasten oder 5G-Stationen.\",\n effect:\"5.000 \u2013 30.000 \u20ac j\u00e4hrliche Mieteinnahmen je nach Standort und Anbieter, Vertragslaufzeiten von 10 \u2013 30 Jahren.\",\n benefit:\"Passiver Cashflow ohne Eingriff in den Bestand, planbare Ertr\u00e4ge \u00fcber lange Laufzeit, kaum Bewirtschaftungsaufwand.\" },\n { id:\"werbeflaeche\", name:\"Werbefl\u00e4chen \/ LED-Tafeln\", category:\"operativ\",\n desc:\"Vermietung von Fassaden- oder Dachfl\u00e4chen f\u00fcr Gro\u00dfplakatwerbung, digitale LED-Screens oder Leuchtreklame.\",\n effect:\"500 \u2013 5.000 \u20ac monatliche Werbeeinnahmen je nach Lage und Reichweite; besonders lukrativ an Hauptverkehrsachsen.\",\n benefit:\"Monatliche Einnahmen ohne Substanzeingriff. Hochmargiges Zusatzgesch\u00e4ft bei prominenten Standorten.\" },\n { id:\"packstation\", name:\"Paketstation \/ Locker\", category:\"operativ\",\n desc:\"Aufstellung einer DHL-Packstation, eines Amazon Lockers oder vergleichbarer Paketboxen auf dem Grundst\u00fcck.\",\n effect:\"Standortpacht von 100 \u2013 500 \u20ac monatlich, langfristiger B2B-Mietvertrag mit Logistikunternehmen.\",\n benefit:\"Stabile, planbare Vermietung. Attraktiver Service f\u00fcr eigene Mieter, ohne Bewirtschaftungsaufwand.\" },\n { id:\"fassadenbegruenung\", name:\"Fassadenbegr\u00fcnung\", category:\"technisch\",\n desc:\"Vertikale Begr\u00fcnung der Fassade mit Kletterpflanzen, Pflanztr\u00f6gen oder modularen Wandsystemen.\",\n effect:\"F\u00f6rderf\u00e4higkeit \u00fcber Bundes- und Kommunalprogramme. Sommerlicher W\u00e4rmeschutz und deutliche ESG-Aufwertung.\",\n benefit:\"Imagegewinn, Mikroklima-Verbesserung, Klimaresilienz und reduzierter K\u00fchlbedarf in den oberen Etagen.\" },\n { id:\"smarthome\", name:\"Smarthome-Nachr\u00fcstung\", category:\"technisch\",\n desc:\"Nachr\u00fcstung von smartem T\u00fcrschloss, intelligenter Heizungs- und Lichtsteuerung, Sensorik und App-Anbindung.\",\n effect:\"10 \u2013 20 % h\u00f6here Miete im Premium-Segment, k\u00fcrzere Vermietungszeiten, h\u00f6here Mieterbindung.\",\n benefit:\"Attraktivit\u00e4t f\u00fcr moderne, zahlungskr\u00e4ftige Mietergruppen. Differenzierungsmerkmal im Wettbewerb.\" },\n { id:\"aufzug\", name:\"Aufzugnachr\u00fcstung\", category:\"technisch\",\n desc:\"Einbau eines Innen- oder Au\u00dfenaufzugs, h\u00e4ufig als Glasaufzug an der Fassade von Bestandsgeb\u00e4uden ohne Aufzug.\",\n effect:\"Erhebliche Wertsteigerung \u2014 insbesondere in den oberen Etagen. Barrierefreiheit hergestellt.\",\n benefit:\"H\u00f6here Vermietbarkeit oberer Geschosse, Erschlie\u00dfung der Zielgruppen Senioren und Familien, h\u00f6here Verkaufspreise.\" },\n { id:\"moeblierung\", name:\"M\u00f6blierte Vermietung\", category:\"vermietung\",\n desc:\"Vollausstattung der Einheiten mit M\u00f6beln, K\u00fcchenger\u00e4ten und Wohnaccessoires f\u00fcr sofortigen Bezug.\",\n effect:\"20 \u2013 40 % Mietzuschlag m\u00f6glich. K\u00fcrzere Mietverh\u00e4ltnisse, h\u00f6here Cashflows pro Quadratmeter.\",\n benefit:\"Erweiterung der Zielgruppe um Expats, Business Traveller und Studenten. Schnellere Vermietung, weniger Leerstand.\" },\n { id:\"microliving\", name:\"Micro-Living-Konzept\", category:\"technisch\",\n desc:\"Umbau oder Neuteilung in kompakte Apartments von 15 \u2013 30 m\u00b2 mit hoher M\u00f6beldichte und Mehrfachnutzung.\",\n effect:\"30 \u2013 50 % h\u00f6herer \u20ac\/m\u00b2-Ertrag gegen\u00fcber Standardgrundrissen, deutlich mehr Einheiten je Etage.\",\n benefit:\"Verdichtung des Cashflows, geringeres Leerstandsrisiko durch breitere Mieterdiversifikation.\" },\n { id:\"rooftop\", name:\"Rooftop-Nutzung\", category:\"operativ\",\n desc:\"Aktivierung der Dachfl\u00e4che als Dachterrasse, Eventlocation oder Gemeinschaftsfl\u00e4che mit Pergola und Begr\u00fcnung.\",\n effect:\"Premium-Positionierung, hochpreisige Event-Vermietung, Aufenthaltsqualit\u00e4t als Vermietungsargument.\",\n benefit:\"Neue Einnahmequelle, Differenzierungsmerkmal gegen\u00fcber Vergleichsobjekten und ESG-Mehrwert.\" },\n\n \/* === NEU: 3 neue Ma\u00dfnahmen === *\/\n { id:\"windturbine\", name:\"Kleinwindanlage\", category:\"technisch\",\n desc:\"Installation einer Kleinwindturbine auf dem Geb\u00e4udedach oder Grundst\u00fcck zur dezentralen Stromerzeugung. Erg\u00e4nzend zur PV-Anlage und besonders geeignet f\u00fcr exponierte Lagen mit ausreichendem Windpotenzial.\",\n effect:\"5.000 \u2013 30.000 kWh Jahresertrag je nach Standort und Anlagentyp. Stromkostenreduktion und Einspeiseverg\u00fctung realisierbar. KfW- und BAFA-F\u00f6rderung verf\u00fcgbar.\",\n benefit:\"Zus\u00e4tzlicher ESG-Baustein neben PV, erh\u00f6hte Energieautarkie des Objekts und attraktive Vermarktung als emissionsarmes Geb\u00e4ude.\" },\n { id:\"gebaeudeversicherung\", name:\"Geb\u00e4udeversicherung optimieren\", category:\"operativ\",\n desc:\"Systematische \u00dcberpr\u00fcfung und Neuausschreibung der Geb\u00e4ude-, Elementarschaden- und Haftpflichtversicherungen \u00fcber spezialisierte Makler mit Zugang zu Sonderkonditionen f\u00fcr Bestandshalter.\",\n effect:\"15 \u2013 40 % Pr\u00e4mienreduktion durch strukturierten Marktvergleich m\u00f6glich. Unmittelbare Wirkung auf den Cashflow ohne Bauma\u00dfnahme.\",\n benefit:\"Due-Diligence-relevant bei Verkauf, sofort liquidit\u00e4tswirksam und h\u00e4ufig innerhalb weniger Wochen umsetzbar \u2014 mit minimalem Aufwand.\" },\n { id:\"finanzierung\", name:\"Finanzierung zum besten Zins\", category:\"operativ\",\n desc:\"Zugang zu institutionellen Bankkonditionen \u00fcber das Lima Invest Netzwerk aus \u00fcber 700 Banken, Versicherungen und Family-Office-Kreditgebern. Inkl. Strukturierung, Term Sheet und Verhandlungsf\u00fchrung.\",\n effect:\"Zinsoptimierung von 0,5 \u2013 1,5 % p.a. gegen\u00fcber Standardangeboten. Direkter und dauerhafter Effekt auf den Cashflow und die Bewertung.\",\n benefit:\"Zugang zu Konditionen, die nur \u00fcber institutionelle Netzwerke erreichbar sind \u2014 unabh\u00e4ngig von der Hausbank.\" }\n];\n\nconst CAT_LABEL = { technisch:\"Technisch\", rechtlich:\"Rechtlich\", operativ:\"Operativ\", vermietung:\"Vermietung\" };\n\nconst state = { selected: new Set(), filter: \"all\", modalMeasure: null };\n\n\/* ============================================================\n Grid rendern\n============================================================ *\/\nfunction renderGrid() {\n const grid = document.getElementById(\"measuresGrid\");\n grid.innerHTML = \"\";\n MEASURES.forEach((m, idx) => {\n const card = document.createElement(\"div\");\n card.className = `measure-card cat-${m.category}`;\n card.dataset.id = m.id;\n card.dataset.category = m.category;\n card.setAttribute(\"role\", \"button\");\n card.setAttribute(\"tabindex\", \"0\");\n card.setAttribute(\"aria-pressed\", \"false\");\n card.setAttribute(\"aria-label\", `${m.name} ausw\u00e4hlen`);\n \/\/ Staggered animation delay per card\n card.style.setProperty(\"--delay\", `${(idx * 0.13).toFixed(2)}s`);\n\n card.innerHTML = `\n <div class=\"num\">${String(idx+1).padStart(2,\"0\")}<\/div>\n <div class=\"name\">${m.name}<\/div>\n <div class=\"cat\">${CAT_LABEL[m.category]}<\/div>\n <div class=\"card-actions\">\n <button class=\"mail-btn\" aria-label=\"Angebot zu ${m.name} einholen\" data-mail=\"${m.id}\" title=\"Angebot einholen\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><polyline points=\"3,7 12,13 21,7\"\/><\/svg>\n <\/button>\n <button class=\"info-btn\" aria-label=\"Details zu ${m.name}\" data-info=\"${m.id}\" title=\"Details\">i<\/button>\n <\/div>\n `;\n\n card.addEventListener(\"click\", (e) => {\n if (e.target.closest(\".info-btn\") || e.target.closest(\".mail-btn\")) return;\n toggleMeasure(m.id);\n });\n card.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Enter\" || e.key === \" \") { e.preventDefault(); toggleMeasure(m.id); }\n });\n card.querySelector(\".info-btn\").addEventListener(\"click\", (e) => { e.stopPropagation(); openModal(m.id); });\n card.querySelector(\".mail-btn\").addEventListener(\"click\", (e) => { e.stopPropagation(); requestOffer(m.id); });\n\n grid.appendChild(card);\n });\n}\n\nfunction toggleMeasure(id) {\n if (state.selected.has(id)) state.selected.delete(id);\n else state.selected.add(id);\n updateUI();\n}\n\nfunction resetSelection() {\n state.selected.clear();\n updateUI();\n}\n\nfunction updateUI() {\n document.querySelectorAll(\".measure-card\").forEach(card => {\n const id = card.dataset.id;\n const isActive = state.selected.has(id);\n card.classList.toggle(\"active\", isActive);\n card.setAttribute(\"aria-pressed\", isActive ? \"true\" : \"false\");\n });\n\n document.querySelectorAll(\".svg-layer\").forEach(layer => {\n layer.classList.toggle(\"show\", state.selected.has(layer.dataset.layer));\n });\n document.querySelectorAll(\".weg-line\").forEach(l => {\n l.classList.toggle(\"show\", state.selected.has(\"weg-aufteilung\"));\n });\n\n document.getElementById(\"wallMain\").classList.toggle(\"refurbished\", state.selected.has(\"fassadensanierung\"));\n document.getElementById(\"energyGlow\").classList.toggle(\"show\", state.selected.has(\"energetische-sanierung\"));\n const lit = state.selected.has(\"leerstandsabbau\");\n document.querySelectorAll(\".window-glass\").forEach(w => w.classList.toggle(\"lit\", lit));\n\n const count = state.selected.size;\n document.getElementById(\"activeCount\").textContent = count;\n document.getElementById(\"statSelected\").textContent = count;\n\n renderLegend();\n applyFilter();\n}\n\nfunction renderLegend() {\n const legend = document.getElementById(\"vizLegend\");\n const empty = document.getElementById(\"legendEmpty\");\n legend.innerHTML = \"\";\n if (state.selected.size === 0) { legend.appendChild(empty); return; }\n MEASURES.forEach(m => {\n if (state.selected.has(m.id)) {\n const chip = document.createElement(\"span\");\n chip.className = \"legend-chip\";\n chip.textContent = m.name;\n legend.appendChild(chip);\n }\n });\n}\n\nfunction setFilter(f) {\n state.filter = f;\n document.querySelectorAll(\".filter-btn\").forEach(b => b.classList.toggle(\"active\", b.dataset.filter === f));\n applyFilter();\n}\nfunction applyFilter() {\n document.querySelectorAll(\".measure-card\").forEach(card => {\n const hide = state.filter !== \"all\" && state.filter !== card.dataset.category;\n card.classList.toggle(\"hidden-by-filter\", hide);\n });\n}\ndocument.querySelectorAll(\".filter-btn\").forEach(btn => btn.addEventListener(\"click\", () => setFilter(btn.dataset.filter)));\n\n\/* ============================================================\n Modal\n============================================================ *\/\nfunction openModal(id) {\n const m = MEASURES.find(x => x.id === id);\n if (!m) return;\n state.modalMeasure = id;\n document.getElementById(\"modalEyebrow\").textContent = \"Ma\u00dfnahme \u00b7 \" + CAT_LABEL[m.category];\n document.getElementById(\"modalTitle\").textContent = m.name;\n document.getElementById(\"modalDesc\").textContent = m.desc;\n document.getElementById(\"modalEffect\").textContent = m.effect;\n document.getElementById(\"modalBenefit\").textContent = m.benefit;\n document.getElementById(\"modalCategory\").textContent = CAT_LABEL[m.category] + \" \u2014 typischer Wirkungsbereich dieser Ma\u00dfnahme.\";\n updateModalToggleBtn();\n const overlay = document.getElementById(\"modal\");\n overlay.classList.add(\"open\");\n}\nfunction closeModal() {\n document.getElementById(\"modal\").classList.remove(\"open\");\n state.modalMeasure = null;\n}\nfunction updateModalToggleBtn() {\n const btn = document.getElementById(\"modalToggleBtn\");\n if (!state.modalMeasure) return;\n const isActive = state.selected.has(state.modalMeasure);\n btn.classList.toggle(\"active\", isActive);\n btn.textContent = isActive ? \"Ma\u00dfnahme entfernen\" : \"Ma\u00dfnahme aktivieren\";\n}\nfunction toggleFromModal() {\n if (!state.modalMeasure) return;\n toggleMeasure(state.modalMeasure);\n updateModalToggleBtn();\n}\ndocument.getElementById(\"modal\").addEventListener(\"click\", (e) => { if (e.target.id === \"modal\") closeModal(); });\ndocument.addEventListener(\"keydown\", (e) => { if (e.key === \"Escape\") closeModal(); });\n\nfunction requestOffer(id) {\n const m = MEASURES.find(x => x.id === id);\n if (!m) return;\n const subject = `Angebotsanfrage: ${m.name} \u2014 Value-Add Ma\u00dfnahme`;\n const body = `Sehr geehrtes Lima Invest Team,\\n\\nich habe Interesse an einem konkreten Angebot f\u00fcr die folgende Value-Add-Ma\u00dfnahme:\\n\\n\u203a ${m.name}\\n Dimension: ${CAT_LABEL[m.category]}\\n\\nBitte kontaktieren Sie mich f\u00fcr ein erstes unverbindliches Gespr\u00e4ch.\\n\\nEckdaten zu meiner Immobilie:\\n\u2022 Standort: \\n\u2022 Objektart: \\n\u2022 Anzahl Einheiten: \\n\u2022 Ungef\u00e4hre Wohnfl\u00e4che: \\n\u2022 Zeitlicher Rahmen: \\n\\nMit freundlichen Gr\u00fc\u00dfen`;\n window.location.href = `mailto:anfrage@limaimmobilien.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;\n}\nfunction requestOfferFromModal() { if (state.modalMeasure) requestOffer(state.modalMeasure); }\n\n\/* ============================================================\n PDF Export\n============================================================ *\/\nasync function downloadPDF() {\n const loader = document.getElementById(\"loader\");\n loader.classList.add(\"open\");\n await new Promise(r => setTimeout(r, 50));\n try {\n const { jsPDF } = window.jspdf;\n const doc = new jsPDF({ unit:\"mm\", format:\"a4\", orientation:\"portrait\" });\n const pageW = doc.internal.pageSize.getWidth();\n const pageH = doc.internal.pageSize.getHeight();\n const margin = 18;\n const GOLD = [187,158,28], DARK = [20,24,31], TEXT = [40,40,40], MUTED = [120,120,120];\n\n doc.setFillColor(...DARK);\n doc.rect(0, 0, pageW, 38, \"F\");\n doc.setFillColor(...GOLD);\n doc.rect(0, 38, pageW, 1.2, \"F\");\n doc.setDrawColor(...GOLD);\n doc.setLineWidth(0.5);\n doc.rect(margin, 11, 16, 16);\n doc.setFont(\"times\",\"italic\");\n doc.setFontSize(13);\n doc.setTextColor(...GOLD);\n doc.text(\"LI\", margin+8, 21.5, { align:\"center\" });\n doc.setFont(\"times\",\"normal\");\n doc.setFontSize(15);\n doc.setTextColor(245,243,237);\n doc.text(\"Lima Invest Immobilien\", margin+22, 18);\n doc.setFontSize(8);\n doc.setTextColor(140,140,150);\n doc.text(\"OFF-MARKET \u00b7 HAMBURG\", margin+22, 23);\n doc.setFontSize(8);\n doc.setTextColor(180,180,188);\n doc.text(\"ONEPAGER \u00b7 VALUE-ADD-POTENZIAL\", pageW-margin, 18, { align:\"right\" });\n const today = new Date().toLocaleDateString(\"de-DE\",{ day:\"2-digit\", month:\"long\", year:\"numeric\" });\n doc.setTextColor(...GOLD);\n doc.text(today, pageW-margin, 23, { align:\"right\" });\n\n let y = 54;\n doc.setTextColor(...GOLD);\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(8);\n doc.text(\"\u2014 VALUE-ADD STRATEGY\", margin, y);\n y += 8;\n doc.setFont(\"times\",\"normal\");\n doc.setFontSize(22);\n doc.setTextColor(...DARK);\n doc.text(\"Value-Add-Potenzial einer Immobilie\", margin, y);\n y += 9;\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(9);\n doc.setTextColor(...MUTED);\n doc.text(\"Strategische Wertsteigerung im Bestand \u2014 abgestimmt auf Standort, Substanz und Investmenthorizont.\", margin, y, { maxWidth: pageW-2*margin });\n\n y += 8;\n const svgBlock = await renderSvgToImage(560, 380);\n const imgW = pageW-2*margin;\n const imgH = imgW*(380\/560);\n doc.setFillColor(20,24,31);\n doc.rect(margin, y, imgW, imgH, \"F\");\n if (svgBlock) doc.addImage(svgBlock, \"PNG\", margin, y, imgW, imgH);\n y += imgH+4;\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(7.5);\n doc.setTextColor(...MUTED);\n doc.text(\"Schematische Visualisierung mit den ausgew\u00e4hlten Value-Add-Ma\u00dfnahmen\", margin, y);\n\n y += 9;\n doc.setDrawColor(...GOLD);\n doc.setLineWidth(0.4);\n doc.line(margin, y, margin+30, y);\n y += 6;\n doc.setFont(\"times\",\"normal\");\n doc.setFontSize(14);\n doc.setTextColor(...DARK);\n const headerText = state.selected.size > 0 ? `Aktivierte Ma\u00dfnahmen (${state.selected.size})` : \"Ma\u00dfnahmen-\u00dcbersicht \u2014 alle 30 Hebel\";\n doc.text(headerText, margin, y);\n\n y += 4;\n const tableData = (state.selected.size > 0 ? MEASURES.filter(m => state.selected.has(m.id)) : MEASURES)\n .map((m,i) => [String(i+1).padStart(2,\"0\"), m.name, CAT_LABEL[m.category], m.desc]);\n\n doc.autoTable({\n startY: y+2,\n head: [[\"#\",\"Ma\u00dfnahme\",\"Dimension\",\"Fachliche Beschreibung\"]],\n body: tableData,\n theme: \"plain\",\n styles: { font:\"helvetica\", fontSize:8.5, textColor:TEXT, cellPadding:{top:4,right:3,bottom:4,left:3}, lineWidth:0, valign:\"top\" },\n headStyles: { fillColor:DARK, textColor:GOLD, fontStyle:\"normal\", fontSize:8, cellPadding:{top:4,right:3,bottom:4,left:3} },\n alternateRowStyles: { fillColor:[248,246,240] },\n columnStyles: {\n 0:{cellWidth:9,halign:\"center\",textColor:GOLD,fontStyle:\"bold\"},\n 1:{cellWidth:38,fontStyle:\"bold\",textColor:DARK},\n 2:{cellWidth:22,textColor:MUTED,fontSize:7.5},\n 3:{cellWidth:\"auto\",textColor:TEXT}\n },\n didDrawPage: () => addPdfFooter(doc, pageW, pageH, margin, GOLD, MUTED),\n margin:{left:margin,right:margin,bottom:28}\n });\n\n const finalY = doc.lastAutoTable.finalY || y+80;\n if (finalY > pageH-60) doc.addPage();\n const ctaY = (finalY > pageH-60) ? 40 : finalY+12;\n\n doc.setFillColor(...DARK);\n doc.rect(margin, ctaY, pageW-2*margin, 42, \"F\");\n doc.setDrawColor(...GOLD);\n doc.setLineWidth(0.8);\n doc.line(margin, ctaY, margin, ctaY+42);\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(7);\n doc.setTextColor(...GOLD);\n doc.text(\"KONTAKT \u00b7 OFF-MARKET\", margin+8, ctaY+10);\n doc.setFont(\"times\",\"normal\");\n doc.setFontSize(14);\n doc.setTextColor(245,243,237);\n doc.text(\"Sprechen Sie mit uns \u00fcber Ihr Objekt.\", margin+8, ctaY+19);\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(9);\n doc.setTextColor(220,220,225);\n doc.text(\"Lima Invest Immobilien GmbH \u00b7 Hamburg\", margin+8, ctaY+27);\n doc.setTextColor(...GOLD);\n doc.text(\"anfrage@limaimmobilien.com\", margin+8, ctaY+33);\n doc.setTextColor(200,200,205);\n doc.text(\"limainvestimmobilien.de\", margin+8, ctaY+38);\n doc.setDrawColor(...GOLD);\n doc.setLineWidth(0.4);\n doc.rect(pageW-margin-26, ctaY+9, 18, 24);\n doc.setFont(\"times\",\"italic\");\n doc.setFontSize(10);\n doc.setTextColor(...GOLD);\n doc.text(\"LI\", pageW-margin-17, ctaY+21, { align:\"center\" });\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(6);\n doc.text(\"DISKRET \u00b7 HANSEATISCH\", pageW-margin-17, ctaY+28, { align:\"center\" });\n\n addPdfFooter(doc, pageW, pageH, margin, GOLD, MUTED);\n doc.save(`Lima-Invest_Value-Add_${new Date().toISOString().split(\"T\")[0]}.pdf`);\n } catch(err) {\n console.error(err);\n alert(\"PDF konnte nicht erstellt werden. Bitte versuchen Sie es erneut.\");\n } finally {\n loader.classList.remove(\"open\");\n }\n}\n\nfunction addPdfFooter(doc, pageW, pageH, margin, GOLD, MUTED) {\n doc.setDrawColor(...GOLD);\n doc.setLineWidth(0.2);\n doc.line(margin, pageH-16, pageW-margin, pageH-16);\n doc.setFont(\"helvetica\",\"normal\");\n doc.setFontSize(7);\n doc.setTextColor(...MUTED);\n doc.text(\"Lima Invest Immobilien GmbH \u00b7 Hamburg \u00b7 limainvestimmobilien.de\", margin, pageH-10);\n doc.setTextColor(...GOLD);\n doc.text(`Seite ${doc.internal.getCurrentPageInfo().pageNumber}`, pageW-margin, pageH-10, { align:\"right\" });\n doc.setTextColor(...MUTED);\n doc.setFontSize(6.5);\n doc.text(\"Die Darstellungen dienen der Veranschaulichung und ersetzen keine objektspezifische Bewertung.\", margin, pageH-5);\n}\n\nfunction renderSvgToImage(width, height) {\n return new Promise((resolve) => {\n try {\n const svg = document.getElementById(\"buildingSvg\");\n const clone = svg.cloneNode(true);\n clone.setAttribute(\"width\", width);\n clone.setAttribute(\"height\", height);\n clone.setAttribute(\"xmlns\",\"http:\/\/www.w3.org\/2000\/svg\");\n clone.querySelectorAll(\".svg-layer\").forEach(l => {\n l.style.opacity = l.classList.contains(\"show\") ? \"1\" : \"0\";\n l.style.transform = \"none\";\n });\n const wall = clone.querySelector(\"#wallMain\");\n if (wall) wall.setAttribute(\"fill\", state.selected.has(\"fassadensanierung\") ? \"#c9bfa7\" : \"#4a4f5a\");\n const eg = clone.querySelector(\"#energyGlow\");\n if (eg) eg.style.opacity = state.selected.has(\"energetische-sanierung\") ? \"0.55\" : \"0\";\n const lit = state.selected.has(\"leerstandsabbau\");\n clone.querySelectorAll(\".window-glass\").forEach(w => w.setAttribute(\"fill\", lit ? \"#e8c876\" : \"#0e1219\"));\n clone.querySelectorAll(\".weg-line\").forEach(l => { l.style.strokeDashoffset = state.selected.has(\"weg-aufteilung\") ? \"0\" : \"800\"; });\n\n const svgString = new XMLSerializer().serializeToString(clone);\n const blob = new Blob([svgString],{ type:\"image\/svg+xml;charset=utf-8\" });\n const url = URL.createObjectURL(blob);\n const img = new Image();\n img.onload = () => {\n const canvas = document.createElement(\"canvas\");\n canvas.width = width*2; canvas.height = height*2;\n const ctx = canvas.getContext(\"2d\");\n ctx.fillStyle = \"#14181f\";\n ctx.fillRect(0,0,canvas.width,canvas.height);\n ctx.drawImage(img,0,0,canvas.width,canvas.height);\n URL.revokeObjectURL(url);\n resolve(canvas.toDataURL(\"image\/png\"));\n };\n img.onerror = () => { URL.revokeObjectURL(url); resolve(null); };\n img.src = url;\n } catch(e) { console.error(e); resolve(null); }\n });\n}\n\n\/* Init *\/\nrenderGrid();\nupdateUI();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-95cd289 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"95cd289\" 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-152fc87\" data-id=\"152fc87\" 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-b2c5877 elementor-widget elementor-widget-html\" data-id=\"b2c5877\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n<div class=\"li-cta3\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600;700&family=Poppins:wght@300;400;500;600&display=swap');\n\n .li-cta3 * { margin: 0; padding: 0; box-sizing: border-box; }\n\n .li-cta3 {\n --gold: #bb9e1c;\n --gold-light: #e6c83a;\n container-type: inline-size;\n font-family: 'Poppins', system-ui, -apple-system, sans-serif;\n max-width: 1180px; \/* breit *\/\n margin: 32px auto;\n }\n\n .li-cta3__card {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 28px;\n padding: 18px 34px; \/* minimale H\u00f6he *\/\n border-radius: 14px;\n border: 1px solid rgba(187,158,28,0.30);\n overflow: hidden;\n \/* w\u00e4rmerer Hintergrund + goldener \"Dusk\"-Schimmer am unteren Rand *\/\n background:\n radial-gradient(90% 160% at 50% 130%, rgba(187,158,28,0.22) 0%, rgba(187,158,28,0) 55%),\n linear-gradient(135deg, #1c1813 0%, #262129 55%, #1a1d24 100%);\n box-shadow: 0 18px 44px -24px rgba(0,0,0,0.6);\n }\n\n \/* verblasste Skyline-Silhouette, am unteren Rand verankert *\/\n .li-cta3__card::before {\n content: \"\";\n position: absolute;\n left: 0; right: 0; bottom: 0;\n height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg%20xmlns='http:\/\/www.w3.org\/2000\/svg'%20width='1440'%20height='220'%20viewBox='0%200%201440%20220'%3E%3Cg%20fill='%23bb9e1c'%3E%3Crect%20x='0'%20y='100'%20width='90'%20height='120'\/%3E%3Crect%20x='90'%20y='50'%20width='70'%20height='170'\/%3E%3Crect%20x='160'%20y='125'%20width='110'%20height='95'\/%3E%3Crect%20x='270'%20y='20'%20width='80'%20height='200'\/%3E%3Crect%20x='350'%20y='80'%20width='95'%20height='140'\/%3E%3Crect%20x='445'%20y='35'%20width='120'%20height='185'\/%3E%3Crect%20x='565'%20y='110'%20width='85'%20height='110'\/%3E%3Crect%20x='650'%20y='15'%20width='130'%20height='205'\/%3E%3Crect%20x='780'%20y='70'%20width='90'%20height='150'\/%3E%3Crect%20x='870'%20y='30'%20width='110'%20height='190'\/%3E%3Crect%20x='980'%20y='95'%20width='95'%20height='125'\/%3E%3Crect%20x='1075'%20y='20'%20width='125'%20height='200'\/%3E%3Crect%20x='1200'%20y='60'%20width='90'%20height='160'\/%3E%3Crect%20x='1290'%20y='25'%20width='150'%20height='195'\/%3E%3C\/g%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: bottom center;\n background-size: 100% auto;\n opacity: 0.14;\n \/* nach oben hin sanft ausblenden *\/\n -webkit-mask-image: linear-gradient(to top, #000 0%, rgba(0,0,0,0.4) 55%, transparent 100%);\n mask-image: linear-gradient(to top, #000 0%, rgba(0,0,0,0.4) 55%, transparent 100%);\n pointer-events: none;\n }\n\n .li-cta3__text { position: relative; z-index: 1; }\n\n .li-cta3__eyebrow {\n display: block;\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 5px;\n }\n\n .li-cta3__title {\n font-family: 'Cormorant Garamond', Georgia, serif;\n font-weight: 600;\n font-size: 24px;\n line-height: 1.15;\n color: #ffffff;\n }\n .li-cta3__title span { color: var(--gold); }\n\n .li-cta3__btn {\n position: relative;\n z-index: 1;\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 13px 28px;\n border-radius: 9px;\n background: var(--gold);\n color: #1c1813;\n font-family: 'Poppins', sans-serif;\n font-size: 14px;\n font-weight: 600;\n text-decoration: none;\n white-space: nowrap;\n transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;\n box-shadow: 0 10px 24px -12px rgba(187,158,28,0.6);\n }\n .li-cta3__btn svg {\n width: 16px; height: 16px;\n transition: transform 0.25s ease;\n }\n .li-cta3__btn:hover {\n background: var(--gold-light);\n transform: translateY(-2px);\n box-shadow: 0 16px 30px -12px rgba(187,158,28,0.75);\n }\n .li-cta3__btn:hover svg { transform: translateX(4px); }\n\n \/* schmale Container (Elementor-Spalten): sauber stapeln *\/\n @container (max-width: 640px) {\n .li-cta3__card {\n flex-direction: column;\n align-items: flex-start;\n text-align: left;\n gap: 16px;\n padding: 22px 24px;\n }\n .li-cta3__btn { width: 100%; justify-content: center; }\n }\n <\/style>\n\n <div class=\"li-cta3__card\">\n <div class=\"li-cta3__text\">\n <span class=\"li-cta3__eyebrow\">White-Label f\u00fcr Ihr Unternehmen<\/span>\n <h3 class=\"li-cta3__title\">Dieses Tool mit <span>Ihrer eigenen Marke<\/span><\/h3>\n <\/div>\n\n <a class=\"li-cta3__btn\"\n href=\"https:\/\/limainvestimmobilien.de\/shop-fuer-immobilienmakler-immobilienakteure-leadgeneratoren\/\"\n target=\"_blank\" rel=\"noopener\">\n Zum Shop\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\n stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\n <\/svg>\n <\/a>\n <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Lima Invest Immobilien \u2014 Value-Add-Potenzial einer Immobilie Wie aus einem Bestandsobjekt echter Mehrwert wird. Eine Immobilie ist selten am Maximum ihres Potenzials. Welche Ma\u00dfnahmen den Verkehrswert, die Mieterl\u00f6se und die ESG-Konformit\u00e4t nachhaltig heben, h\u00e4ngt vom Objekt, vom Standort und vom Investmenthorizont ab. W\u00e4hlen Sie die f\u00fcr Sie relevanten Stellhebel aus und sehen Sie, wie sie…<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-23177","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/23177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/comments?post=23177"}],"version-history":[{"count":10,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/23177\/revisions"}],"predecessor-version":[{"id":23665,"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/pages\/23177\/revisions\/23665"}],"wp:attachment":[{"href":"https:\/\/limainvestimmobilien.de\/en\/wp-json\/wp\/v2\/media?parent=23177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}