1<!doctype html> 2<html lang="de"> 3 <head> 4
4<script src="assets/script/lead-tracking.js?v=20260904-01"></script>
4 5
5<script src="assets/script/ic-attribution.js?v=20260924-01"></script>
5 6 <!-- Google Tag Manager --> 7
7<script> 8 ;(function (w, d, s, l, i) { 9 w[l] = w[l] || [] 10 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }) 11 function loadGtm() { 12 if (w.__admaraGtmLoaded) return 13 w.__admaraGtmLoaded = true 14 var f = d.getElementsByTagName(s)[0], 15 j = d.createElement(s), 16 dl = l != 'dataLayer' ? '&l=' + l : '' 17 j.async = true 18 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl 19 f.parentNode.insertBefore(j, f) 20 } 21 ;['pointerdown', 'keydown', 'touchstart', 'scroll'].forEach(function (eventName) { 22 w.addEventListener(eventName, loadGtm, { once: true, passive: true }) 23 }) 24 w.addEventListener('load', function () { 25 w.setTimeout(loadGtm, 5000) 26 }, { once: true }) 27 })(window, document, 'script', 'dataLayer', 'GTM-WNHC38BF') 28 </script>
28 29 <!-- End Google Tag Manager --> 30<meta charset="UTF-8" /> 31 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 32
32<script src="assets/script/landing-minimal-nav.js?v=20260804-09" defer></script>
32 33
33<script> 34 ;(function () { 35 function loadDelayedTracking() { 36 if (window.__admaraClicktrueLoaded) return 37 window.__admaraClicktrueLoaded = true 38 var script = document.createElement('script') 39 script.src = 40 'https://ob.brilliantlocco.com/i/b535390d3e55472138d4d99cc824d44a.js' 41 script.async = true 42 script.className = 'ct_clicktrue' 43 document.head.appendChild(script) 44 } 45 46 ;['pointerdown', 'keydown', 'touchstart', 'scroll'].forEach(function (eventName) { 47 window.addEventListener(eventName, loadDelayedTracking, { once: true, passive: true }) 48 }) 49 window.addEventListener('load', function () { 50 window.setTimeout(loadDelayedTracking, 8000) 51 }, { once: true }) 52 })() 53 </script>
53 54 55 <!-- Favicon Configuration --> 56 <link rel="icon" type="image/x-icon" href="./favicon.ico?v=20260804-09" /> 57 <link 58 rel="icon" 59 type="image/png" 60 sizes="16x16" 61 href="./assets/images/favicon/favicon-16x16.png?v=20260804-09" 62 /> 63 <link 64 rel="icon" 65 type="image/png" 66 sizes="32x32" 67 href="./assets/images/favicon/favicon-32x32.png?v=20260804-09" 68 /> 69 <link 70 rel="apple-touch-icon" 71 sizes="180x180" 72 href="./assets/images/favicon/apple-touch-icon.png?v=20260804-09" 73 /> 74 <link rel="manifest" href="./assets/images/favicon/site.webmanifest?v=20260804-09" /> 75 76 <!-- SEO Meta Tags für alle Suchmaschinen einschlieÃlich Brave --> 77 <meta 78 name="description" 79 content="Admara Inovia - professionelle Renovierungs- und Sanierungsdienstleistungen in Deutschland. Hochwertige Bauarbeiten, modernes Design, Zuverlässigkeit." 80 /> 81 <meta 82 name="keywords" 83 content="Renovierung, Sanierung, Bauwesen, Deutschland, Admara Inovia,Admara, hochwertige Renovierung, Baudienstleistungen" 84 /> 85 <meta name="author" content="Admara Inovia" /> 86 <meta name="robots" content="index, follow" /> 87 88 <!-- Zusätzliche Tags für bessere Indexierung --> 89 <meta name="language" content="de" /> 90 <meta name="geo.region" content="DE" /> 91 <meta name="geo.placename" content="Germany" /> 92 93 <!-- Open Graph für soziale Medien --> 94 <meta 95 property="og:title" 96 content="Admara Inovia - Professionelle Renovierung und Sanierung" 97 /> 98 <meta 99 property="og:description" 100 content="Hochwertige Baudienstleistungen in Deutschland. Renovierung, Sanierung, modernes Design." 101 /> 102 <meta property="og:type" content="website" /> 103 <meta property="og:url" content="https://admara-inovia.de" /> 104 <meta 105 property="og:image" 106 content="https://admara-inovia.de/assets/images/favicon/favicon.png?v=20260804-09" 107 /> 108 109 <!-- Twitter Card --> 110 <meta name="twitter:card" content="summary_large_image" /> 111 <meta 112 name="twitter:title" 113 content="Admara Inovia - Professionelle Renovierung" 114 /> 115 <meta 116 name="twitter:description" 117 content="Hochwertige Baudienstleistungen in Deutschland" 118 /> 119 120 <!-- Meta-Tags für Cache-Kontrolle --> 121 <!-- Prevent Google Translate from translating form elements --> 122 <meta name="google" content="notranslate" /> 123 124 <title> 125 Admara Inovia - Professionelle Renovierung und Umbau in Deutschland 126 </title> 127 128 <link 129 rel="preload" 130 as="image" 131 href="assets/images/hero-slideshow/2.webp?v=20260804-09" 132 fetchpriority="high" 133 /> 134 <link 135 rel="preload" 136 as="font" 137 type="font/woff2" 138 href="assets/fonts/Satoshi-Variable.woff2?v=20260804-09" 139 crossorigin 140 /> 141 <style> 142 @font-face{font-family:Satoshi;src:url("assets/fonts/Satoshi-Variable.woff2?v=20260804-09") format("woff2-variations");font-weight:300 900;font-display:swap;font-style:normal} 143 :root{--primary-color:#ca9c51;--text-dark:#1f1f1f;--text-gray:#5e554a;--header-bg:linear-gradient(180deg,#2a2a2a 0%,#1f1f1f 100%);--bg-gradient-soft:linear-gradient(135deg,#fcfbf8 0%,#f3eee6 100%)} 144 *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:hidden}body{font-family:Satoshi,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:500;line-height:1.6;color:var(--text-dark);background:var(--bg-gradient-soft);overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul{list-style:none}.primary-fill{fill:var(--primary-color)}.primary-stroke{stroke:var(--primary-color)} 145 .header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:15px clamp(32px,5vw,150px);background:var(--header-bg);border-bottom:1px solid rgba(255,255,255,.06)}.navbar{display:flex;align-items:center;max-width:1610px;margin:0 auto;padding:0 2rem;min-height:30px}.logo svg{width:118px;height:auto}.nav-menu{display:flex;align-items:center;gap:clamp(16px,2vw,34px);margin-left:auto}.nav-menu a{color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em}.nav-right{display:flex;align-items:center;margin-left:24px}.form-submit-btn,.mobile-form-submit-btn,.hero-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:16px 28px;border-radius:14px;border:1px solid rgba(202,156,81,.4);background:linear-gradient(180deg,#cca057 0%,#b98940 100%);color:#fff;font-size:16px;font-weight:600;line-height:1;white-space:nowrap}.mobile-header,.mobile-menu{display:none}.modal,.portfolio-modal,.package-modal,.fullscreen-modal,#consentModal,#cookieSettingsModal,#contactModal,#formVerificationModal{display:none!important;visibility:hidden!important;opacity:0!important}.modal.show,.modal.active,.portfolio-modal.show,.portfolio-modal.active,.package-modal.show,.package-modal.active,.fullscreen-modal.show,.fullscreen-modal.active,#consentModal.show,#consentModal.active,#cookieSettingsModal.show,#cookieSettingsModal.active,#contactModal.show,#contactModal.active,#formVerificationModal.show,#formVerificationModal.active{display:flex!important;visibility:visible!important;opacity:1!important} 146 .hero.renovierung-hero{position:relative;padding:0;overflow:visible;margin-top:60px;background:#f7f2ea}.hero.renovierung-hero .hero-container{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:none;margin:0;padding:0}.hero.renovierung-hero .hero-layout{display:flex;align-items:stretch;min-height:clamp(420px,70vh,640px)}.hero.renovierung-hero .hero-content{flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;justify-content:center;padding:72px min(5vw,80px) 56px max(150px,calc((100vw - 1610px)/2));text-align:left;position:relative;z-index:1}.hero.renovierung-hero .hero-media{flex:0 0 50%;max-width:50%;min-height:clamp(320px,50vh,640px);overflow:hidden;position:relative;align-self:stretch}.hero.renovierung-hero .hero-media-slideshow{position:relative;width:100%;height:100%}.hero.renovierung-hero .hero-media-slide{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0}
146.hero.renovierung-hero .hero-media-slide.active{opacity:1}.hero.renovierung-hero .hero-title{margin:0 0 14px;max-width:18ch;font-size:clamp(30px,3.6vw,52px);font-weight:700;line-height:1.1;color:#1f1f1f;text-wrap:balance}.hero.renovierung-hero .hero-description{margin:0 0 20px;max-width:62ch;font-size:clamp(18px,1.55vw,24px);line-height:1.65;color:#524a3f}.hero-checklist{list-style:none;padding:0;margin:26px 0 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px}.hero-checklist li{display:flex;align-items:center;gap:14px;font-size:clamp(16px,1.15vw,18px);font-weight:600;line-height:1.45;color:#2a221c}.hero-checklist-text{flex:1 1 auto;min-width:0}.hero-checklist-text em{font-style:normal;font-weight:500;color:#6b5a48;font-size:.94em}.hero-checklist-icon{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color,#ca9c51) 0%,#b08a45 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(176,138,69,.45),inset 0 1px 0 rgba(255,255,255,.35)}.hero-checklist-icon svg{display:block;width:16px;height:16px}.hero.renovierung-hero .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:0!important}.hero.renovierung-hero .hero-btn.primary{background:#e9b35d;color:#fff;box-shadow:0 18px 40px rgba(237,201,143,.42),0 0 36px rgba(233,179,93,.55)}.hero.renovierung-hero .hero-certificates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px!important;max-width:460px}.hero.renovierung-hero .hero-certificate-item{height:68px;display:flex;align-items:center;justify-content:center;padding:6px 8px;background:#fff;border:1px solid rgba(31,31,31,.14);border-radius:12px}.hero.renovierung-hero .hero-certificate-item img{width:auto;height:auto;max-width:100%;max-height:48px;object-fit:contain}.hero.renovierung-hero .hero-bottom-metrics{background:#fff;border-top:1px solid rgba(202,156,81,.2);border-bottom:1px solid rgba(202,156,81,.2);padding:22px 0}.hero.renovierung-hero .hero-bottom-metrics .container{width:min(1610px,calc(100vw - 300px));margin:0 auto}.hero.renovierung-hero .hero-trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(40px,8vw,120px)}.hero.renovierung-hero .hero-trust-item{text-align:center}.hero.renovierung-hero .hero-trust-item strong{display:block;font-size:clamp(22px,1.85vw,32px);font-weight:800;line-height:1.1;color:var(--primary-color);white-space:nowrap}.hero.renovierung-hero .hero-trust-item span{display:block;margin-top:4px;font-size:clamp(12px,.85vw,15px);font-weight:600;line-height:1.25;color:#5e554a} 147 @media(max-width:992px){.header{display:none}.mobile-header{display:flex;position:fixed;top:0;left:0;right:0;z-index:1001;align-items:center;justify-content:space-between;height:60px;padding:8px 16px;background:#272727;box-sizing:border-box}.mobile-logo,.mobile-logo a{display:flex;align-items:center;height:100%}.mobile-logo svg{height:46px;width:auto;max-width:110px}.mobile-menu{display:block}.mobile-menu-toggle{display:flex;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center;padding:0;border:0;background:transparent}.hamburger-line{width:24px;height:2px;background:#fff}.hero.renovierung-hero{margin-top:60px}.hero.renovierung-hero .hero-layout{flex-direction:column;min-height:0}.hero.renovierung-hero .hero-content,.hero.renovierung-hero .hero-media{flex:none;max-width:100%;width:100%}.hero.renovierung-hero .hero-content{padding:48px 18px 32px;order:1}.hero.renovierung-hero .hero-media{min-height:300px;height:300px;order:2}.hero.renovierung-hero .hero-title{max-width:100%;font-size:clamp(26px,7vw,36px);line-height:1.12}.hero.renovierung-hero .hero-description{font-size:16px;line-height:1.6}.hero-checklist{grid-template-columns:1fr;gap:12px;margin:20px 0 24px}.hero-checklist li{font-size:16px}.hero-checklist-icon{flex:0 0 26px;width:26px;height:26px}.hero-checklist-icon svg{width:14px;height:14px}.hero.renovierung-hero .hero-btn{width:100%;max-width:320px;min-height:54px;padding:16px 24px;font-size:15px}.hero.renovierung-hero .hero-certificates{max-width:100%}.hero.renovierung-hero .hero-bottom-metrics{padding:14px 0}.hero.renovierung-hero .hero-bottom-metrics .container{width:min(100%,calc(100vw - 28px))}.hero.renovierung-hero .hero-trust-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.hero.renovierung-hero .hero-trust-item strong{font-size:24px}.hero.renovierung-hero .hero-trust-item span{font-size:13px}} 148 @media(max-width:480px){.hero.renovierung-hero .hero-content{padding:36px 14px 26px}.hero.renovierung-hero .hero-media{min-height:240px;height:240px}.hero.renovierung-hero .hero-certificate-item{height:58px}.hero.renovierung-hero .hero-certificate-item img{max-height:36px}} 149 @media(max-width:992px){.mobile-header{height:auto!important;padding:15px!important;box-sizing:border-box}.mobile-logo svg{width:100px!important;height:auto!important;max-width:100px}.mobile-menu-toggle{width:30px!important;height:30px!important;gap:4px!important}.hero.renovierung-hero{margin-top:40px!important}.mobile-menu{top:114px!important}} 150 .hero-checklist{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr;gap:10px!important}.hero-checklist li{display:inline-flex;width:100%;max-width:100%;align-items:center;gap:8px!important;padding:11px 16px;border:1px solid rgba(202,156,81,.38);border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(42,34,28,.07);font-size:16px!important;line-height:1.25}.hero-checklist-icon{flex:0 0 14px!important;width:14px!important;height:14px!important;border-radius:0!important;background:none!important;color:#a4763a!important;box-shadow:none!important}.hero-checklist-icon svg{width:14px!important;height:14px!important}.hero-checklist-text{min-width:0}@media(max-width:600px){.hero-checklist{grid-template-columns:1fr!important}.hero-checklist li{font-size:15px!important}} 151 @media(max-width:768px){.hero.renovierung-hero .hero-layout{position:relative!important;display:block!important;overflow:hidden}.hero.renovierung-hero .hero-media{position:absolute!important;display:block!important;visibility:visible!important;opacity:1!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-width:none!important}.hero.renovierung-hero .hero-media-slideshow,.hero.renovierung-hero .hero-media-slide.active{display:block!important;visibility:visible!important;opacity:1!important}.hero.renovierung-hero .hero-content{position:relative!important;z-index:1!important;width:100%!important;max-width:100%!important;background:rgba(8,8,8,.38)}.hero.renovierung-hero .hero-title,.hero.renovierung-hero .hero-description{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.42)}} 152 </style> 153 <link 154 rel="preload" 155 href="assets/css/index.min.css?v=20260904-01" 156 as="style" 157 onload="this.onload=null;this.rel='stylesheet'" 158 /> 159 <link 160 rel="preload" 161 href="assets/css/sanierung.min.css?v=20260804-09" 162 as="style" 163 onload="this.onload=null;this.rel='stylesheet'" 164 /> 165 <link 166 rel="preload" 167 href="assets/css/modals.min.css?v=20260804-09" 168 as="style" 169 onload="this.onload=null;this.rel='stylesheet'" 170 /> 171 <link 172 rel="preload" 173 href="assets/css/form.min.css?v=20260804-09" 174 as="style" 175 onload="this.onload=null;this.rel='stylesheet'" 176 /> 177 <link 178 rel="preload" 179 href="assets/css/bauzins-modal.min.css?v=20260804-09" 180 as="style" 181 onload="this.onload=null;this.rel='stylesheet'" 182 /> 183 <noscript> 184 <link rel="stylesheet" href="assets/css/index.min.css?v=20260904-01" /> 185 <link rel="stylesheet" href="assets/css/sanierung.min.css?v=20260804-09" /> 186 <link rel="stylesheet" href="assets/css/modals.min.css?v=20260804-09" /> 187 <link rel="stylesheet" href="assets/css/form.min.css?v=20260804-09" /> 188 <link rel="stylesheet" href="assets/css/bauzins-modal.min.css?v=20260804-09" /> 189 </noscript> 190 <link rel="stylesheet" href="assets/css/home-social-proof.css?v=20260816-13" /> 191 <style> 192 html body:not(#button-glow-override) button, 193 html body:not(#button-glow-override) input[type="button"], 194 html body:not(#button-glow-override) input[type="submit"],
195 html body:not(#button-glow-override) .btn, 196 html body:not(#button-glow-override) [class$="-btn"], 197 html body:not(#button-glow-override) [class*="-btn "], 198 html body:not(#button-glow-override) [class$="__button"], 199 html body:not(#button-glow-override) [class*="__button "], 200 html body:not(#button-glow-override) .komplett-desktop-phone, 201 html body:not(#button-glow-override) .komplett-mobile-phone, 202 html body:not(#button-glow-override) [role="button"] { 203 box-shadow: none !important; 204 filter: none !important; 205 text-shadow: none !important; 206 border-radius: 14px !important; 207 } 208 .primary-fill { 209 fill: var(--primary-color); 210 } 211 .primary-stroke { 212 stroke: var(--primary-color); 213 } 214 /* Add translate="no" to critical elements */ 215 .contact-form input[type='email'], 216 .contact-form input[type='text'], 217 .g-recaptcha { 218 translate: no; 219 } 220 /* СкÑÑÑие reCAPTCHA бейджа */ 221 .grecaptcha-badge, 222 iframe[src*='recaptcha'], 223 iframe[title*='reCAPTCHA'], 224 .grecaptcha-logo { 225 visibility: hidden !important; 226 opacity: 0 !important; 227 display: none !important; 228 position: fixed !important; 229 left: -9999px !important; 230 width: 0 !important; 231 height: 0 !important; 232 } 233 /* Vorher-Nachher: wie sanierung-innenausbau.html */ 234 #coverage .property-owners-image { 235 position: relative; 236 width: 100%; 237 aspect-ratio: 4 / 3; 238 min-height: 0; 239 overflow: hidden; 240 background: #ece7df; 241 border-bottom: 1px solid rgba(202, 156, 81, 0.12); 242 } 243 #coverage .property-owners-image::after { 244 content: ''; 245 position: absolute; 246 inset: 0; 247 z-index: 1; 248 background: rgba(0, 0, 0, 0.11); 249 pointer-events: none; 250 transition: background 0.25s ease; 251 } 252 #coverage .property-owners-card:hover .property-owners-image::after { 253 background: rgba(0, 0, 0, 0.04); 254 } 255 #coverage .property-owners-image img { 256 position: absolute; 257 top: 0; 258 left: 0; 259 width: 100%; 260 height: 100%; 261 object-fit: cover; 262 filter: brightness(0.97) saturate(1.03); 263 transition: opacity 1s ease-in-out, filter 0.35s ease; 264 } 265 #coverage .property-owners-carousel__slide .property-owners-img-current, 266 #coverage .property-owners-img-current { 267 z-index: 2; 268 opacity: 1; 269 } 270 #coverage .property-owners-carousel__slide .property-owners-img-current.is-fading-out, 271 #coverage .property-owners-img-current.is-fading-out { 272 opacity: 0 !important; 273 } 274 #coverage .property-owners-carousel__slide .property-owners-img-next, 275 #coverage .property-owners-img-next { 276 z-index: 3; 277 opacity: 0; 278 } 279 #coverage .property-owners-carousel__slide .property-owners-img-next.active, 280 #coverage .property-owners-img-next.active { 281 opacity: 1 !important; 282 } 283 #coverage .property-owners-card:hover .property-owners-image img { 284 filter: brightness(1.09) saturate(1.05); 285 } 286 </style> 287 288 <!-- reCAPTCHA disabled --> 289</head> 290 <body class="page-sanierung-innenausbau"> 291 <noscript 292 ><img 293 height="1" 294 width="1" 295 style="display: none" 296 src="https://www.facebook.com/tr?id=1268604695423341&ev=PageView&noscript=1" 297 /></noscript> 298 <noscript 299 ><iframe 300 src="https://ob.brilliantlocco.com/ns/b535390d3e55472138d4d99cc824d44a.html?ch=" 301 width="0" 302 height="0" 303 style="display: none" 304 ></iframe 305 ></noscript> 306 <!-- Google Tag Manager (noscript) -->
vendor: 78 bytes, lines 306-309
306 307 <noscript 308 ><iframe 309 src="https://www.googletagmanager.com/ns.html?id=
309GTM-WNHC38BF
vendor: 107 bytes, lines 309-315
309" 310 height="0" 311 width="0" 312 style="display: none; visibility: hidden" 313 ></iframe 314 ></noscript> 315
315<!-- End Google Tag Manager (noscript) --> 316 <header class="header"> 317 <nav class="navbar"> 318 <a href="/"> 319 <div class="logo"> 320 <svg 321 id="Layer_2" 322 data-name="Layer 2" 323 xmlns="http://www.w3.org/2000/svg" 324 viewBox="0 0 1018.36 851.46" 325 > 326 <g id="Ebene_1" data-name="Ebene 1"> 327 <rect 328 x="74.84" 329 y="308.02" 330 width="73.11" 331 height="392.94" 332 class="primary-fill" 333 /> 334 <rect 335 x="302.35" 336 y="493.18" 337 width="73.11" 338 height="207.79" 339 class="primary-fill" 340 /> 341 <rect 342 x="89.88" 343 y="627.85" 344 width="285.58" 345 height="73.11" 346 class="primary-fill" 347 /> 348 <rect 349 x="302.35" 350 y="308.02" 351 width="73.11" 352 height="73.11" 353 class="primary-fill" 354 /> 355 <polygon 356 points="0 412.83 0 328.41 338.9 132.76 338.9 217.17 0 412.83" 357 class="primary-fill" 358 /> 359 <rect 360 x="375.45" 361 y="674.79" 362 width="149.49" 363 height="26.17" 364 class="primary-fill" 365 /> 366 <rect 367 x="353.1" 368 y="627.86" 369 width="158.76" 370 height="26.17" 371 class="primary-fill" 372 /> 373 <rect 374 x="498.77" 375 width="26.17" 376 height="693.93" 377 class="primary-fill" 378 /> 379 <rect 380 x="591.03" 381 y="157.53" 382 width="26.17" 383 height="693.93" 384 class="primary-fill" 385 /> 386 <rect 387 x="537.68" 388 y="674.79" 389 width="79.52" 390 height="26.17" 391 class="primary-fill" 392 /> 393 <rect 394 x="537.68" 395 y="627.86" 396 width="79.52" 397 height="26.17" 398 class="primary-fill" 399 /> 400 <rect 401 x="629.94" 402 y="627.86" 403 width="337.74" 404 height="26.17" 405 class="primary-fill" 406 /> 407 <rect 408 x="629.94" 409 y="674.79" 410 width="386.76" 411 height="26.17" 412 class="primary-fill" 413 /> 414 <polygon 415 points="524.94 294.36 337.88 186.37 324.8 209.03 524.94 324.59 524.94 294.36" 416 class="primary-fill" 417 /> 418 <polygon 419 points="537.68 301.72 537.68 331.94 617.2 377.85 617.2 347.63 537.68 301.72" 420 class="primary-fill" 421 /> 422 <polygon 423 points="537.56 247.48 537.56 277.7 617.2 323.69 617.2 293.46 537.56 247.48" 424 class="primary-fill" 425 /> 426 <polygon 427 points="524.82 240.13 338.85 132.76 325.76 155.42 524.82 270.35 524.82 240.13" 428 class="primary-fill" 429 /> 430 <g class="primary-fill"> 431 <path 432 d="M74.65,811.24l28.33-65.11h10.02l28.05,65.11h-13.24l-6.07-14.9h-28.23l-5.89,14.9h-12.97ZM97.46,786.41h20.23l-10.02-26.49-10.21,26.49Z" 433 /> 434 <path 435 d="M189.88,746.13c16.83,0,32.83,10.67,32.83,32.56,0,23.08-20.05,32.56-34.21,32.56h-24.55v-65.11h25.93ZM184.64,800.76c13.89,0,25.93-6.25,25.93-22.07s-10.21-22.07-24.37-22.07h-10.67v44.14h9.1Z" 436 /> 437 <path 438 d="M249.67,746.13h17.66l17.38,45.62,17.57-45.62h17.47v65.11h-11.04v-54.08h-.18l-19.77,54.08h-8.09l-19.77-54.08h-.18v54.08h-11.04v-65.11Z" 439 /> 440 <path 441 d="M342.92,811.24l28.33-65.11h10.02l28.05,65.11h-13.24l-6.07-14.9h-28.23l-5.89,14.9h-12.97ZM365.73,786.41h20.23l-10.02-26.49-10.21,26.49Z" 442 /> 443 <path 444 d="M432.22,811.24v-65.11h22.99c12.51,0,23.91,4.42,23.91,18.67,0,9.75-5.89,16.37-15.08,17.66l17.29,28.79h-13.98l-15.08-27.59h-8.46v27.59h-11.59ZM443.81,773.72h9.56c6.62,0,13.61-.92,13.61-9.01,0-7.45-6.71-8.64-12.78-8.64h-10.39v17.66Z" 445 /> 446 <path 447 d="M498.53,811.24l28.33-65.11h10.02l28.05,65.11h-13.24l-6.07-14.9h-28.23l-5.89,14.9h-12.97ZM521.34,786.41h20.23l-10.02-26.49-10.21,26.49Z" 448 /> 449 </g> 450 <g class="primary-fill"> 451 <path d="M642.02,811.22h-6.07v-65.11h6.07v65.11Z" /> 452 <path 453 d="M675.5,811.22v-65.11h7.82l39.64,57.02h.18v-57.02h6.07v65.11h-7.82l-39.64-57.02h-.18v57.02h-6.07Z" 454 /> 455 <path 456 d="M825.77,778.66c0,19.59-13.7,34.21-33.66,34.21s-33.66-14.62-33.66-34.21,13.61-34.21,33.66-34.21,33.66,14.71,33.66,34.21ZM792.11,807.36c16.65,0,27.59-12.32,27.59-28.69s-10.67-28.69-27.68-28.69-27.5,12.32-27.5,28.69,10.94,28.69,27.59,28.69Z" 457 /> 458 <path 459 d="M852.36,746.11l20.97,57.11,21.15-57.11h6.44l-24.74,65.11h-6.07l-24.28-65.11h6.53Z" 460 /> 461 <path d="M931.26,811.22h-6.07v-65.11h6.07v65.11Z" /> 462 <path 463 d="M956.28,811.22l28.42-65.11h6.25l27.41,65.11h-6.81l-7.08-17.29h-34.49l-7.36,17.29h-6.35ZM972.37,788.41h29.89l-14.71-35.68-15.17,35.68Z" 464 /> 465 </g> 466 <polygon 467 points="886.2 502.93 629.94 354.98 629.94 385.21 886.2 533.16 886.2 502.93" 468 class="primary-fill" 469 /> 470 <polygon 471 points="837.2 420.48 629.94 300.82 629.94 331.04 837.2 450.7 837.2 420.48" 472 class="primary-fill" 473 /> 474 </g> 475 </svg> 476 </div> 477 </a> 478 <ul class="nav-menu"> 479 <li class="dropdown nav-services-dropdown"> 480 <a href="/#dienstleistungen" class="dropdown-toggle" 481 >DIENSTLEISTUNGEN 482 <svg 483 class="dropdown-arrow" 484 width="12" 485 height="12"
486 viewBox="0 0 24 24" 487 fill="none" 488 aria-hidden="true" 489 > 490 <path 491 d="M6 9L12 15L18 9" 492 stroke="currentColor" 493 stroke-width="2" 494 stroke-linecap="round" 495 stroke-linejoin="round" 496 /> 497 </svg> 498 </a> 499 <ul class="dropdown-menu"> 500 <li><a href="sanierung-innenausbau.html">Sanierung</a></li> 501 <li><a href="bad-sanierung.html">Bad Sanierung</a></li> 502 <li><a href="fenster-tueren.html">Fenster & Türen</a></li> 503 <li><a href="trockenbau.html">Trockenbau</a></li> 504 <li><a href="renovierung.html">Renovierung</a></li> 505 <li><a href="3d-visualisierung.html">3D-Visualisierung</a></li> 506 <li> 507 <a href="sanierung-innenausbau.html?scrollTo=foerderung#foerderung" 508 >Staatliche Förderungen</a 509 > 510 </li> 511 </ul> 512 </li> 513 <li><a href="#bauzins-rechner">SANIERUNGKREDIT</a></li> 514 <li><a href="#aboutus">ÃBER UNS</a></li> 515 <li><a href="#portfolio">UNSERE PROJEKTE</a></li> 516 <li><a href="#contact">KONTAKT</a></li> 517 <li><a href="karriere.html">KARRIERE</a></li> 518 <li><a href="ratgeber.html">RATGEBER</a></li> 519 </ul> 520 <div class="nav-right"> 521 <a href="form.html" class="form-submit-btn"> 522 Kostenlose Beratung anfragen â 523 </a> 524 </div> 525 </nav> 526 </header> 527 528 <!-- ÐобилÑнÑй логоÑип ввеÑÑ Ñ --> 529 <div class="mobile-header"> 530 <div class="mobile-logo"> 531 <a href="/" aria-label="Homepage"> 532 <svg 533 id="Layer_2" 534 data-name="Layer 2" 535 xmlns="http://www.w3.org/2000/svg" 536 viewBox="0 0 1018.36 851.46" 537 > 538 <g id="Ebene_1" data-name="Ebene 1"> 539 <rect 540 x="74.84" 541 y="308.02" 542 width="73.11" 543 height="392.94" 544 class="primary-fill" 545 /> 546 <rect 547 x="302.35" 548 y="493.18" 549 width="73.11" 550 height="207.79" 551 class="primary-fill" 552 /> 553 <rect 554 x="89.88" 555 y="627.85" 556 width="285.58" 557 height="73.11" 558 class="primary-fill" 559 /> 560 <rect 561 x="302.35" 562 y="308.02" 563 width="73.11" 564 height="73.11" 565 class="primary-fill" 566 /> 567 <polygon 568 points="0 412.83 0 328.41 338.9 132.76 338.9 217.17 0 412.83" 569 class="primary-fill" 570 /> 571 <rect 572 x="375.45" 573 y="674.79" 574 width="149.49" 575 height="26.17" 576 class="primary-fill" 577 /> 578 <rect 579 x="353.1" 580 y="627.86" 581 width="158.76" 582 height="26.17" 583 class="primary-fill" 584 /> 585 <rect 586 x="498.77" 587 width="26.17" 588 height="693.93" 589 class="primary-fill" 590 /> 591 <rect 592 x="591.03" 593 y="157.53" 594 width="26.17" 595 height="693.93" 596 class="primary-fill" 597 /> 598 <rect 599 x="537.68" 600 y="674.79" 601 width="79.52" 602 height="26.17" 603 class="primary-fill" 604 /> 605 <rect 606 x="537.68" 607 y="627.86" 608 width="79.52" 609 height="26.17" 610 class="primary-fill" 611 /> 612 <rect 613 x="629.94" 614 y="627.86" 615 width="337.74" 616 height="26.17" 617 class="primary-fill" 618 /> 619 <rect 620 x="629.94" 621 y="674.79" 622 width="386.76" 623 height="26.17" 624 class="primary-fill" 625 /> 626 <polygon 627 points="524.94 294.36 337.88 186.37 324.8 209.03 524.94 324.59 524.94 294.36" 628 class="primary-fill" 629 /> 630 <polygon 631 points="537.68 301.72 537.68 331.94 617.2 377.85 617.2 347.63 537.68 301.72" 632 class="primary-fill" 633 /> 634 <polygon 635 points="537.56 247.48 537.56 277.7 617.2 323.69 617.2 293.46 537.56 247.48" 636 class="primary-fill" 637 /> 638 <polygon 639 points="524.82 240.13 338.85 132.76 325.76 155.42 524.82 270.35 524.82 240.13" 640 class="primary-fill" 641 /> 642 <g class="primary-fill"> 643 <path 644 d="M74.65,811.24l28.33-65.11h10.02l28.05,65.11h-13.24l-6.07-14.9h-28.23l-5.89,14.9h-12.97ZM97.46,786.41h20.23l-10.02-26.49-10.21,26.49Z" 645 /> 646 <path 647 d="M189.88,746.13c16.83,0,32.83,10.67,32.83,32.56,0,23.08-20.05,32.56-34.21,32.56h-24.55v-65.11h25.93ZM184.64,800.76c13.89,0,25.93-6.25,25.93-22.07s-10.21-22.07-24.37-22.07h-10.67v44.14h9.1Z" 648 /> 649 <path 650 d="M249.67,746.13h17.66l17.38,45.62,17.57-45.62h17.47v65.11h-11.04v-54.08h-.18l-19.77,54.08h-8.09l-19.77-54.08h-.18v54.08h-11.04v-65.11Z" 651 /> 652 <path 653 d="M342.92,811.24l28.33-65.11h10.02l28.05,65.11h-13.24l-6.07-14.9h-28.23l-5.89,14.9h-12.97ZM365.73,786.41h20.23l-10.02-26.49-10.21,26.49Z" 654 /> 655 <path 656 d="M432.22,811.24v-65.11h22.99c12.51,0,23.91,4.42,23.91,18.67,0,9.75-
6565.89,16.37-15.08,17.66l17.29,28.79h-13.98l-15.08-27.59h-8.46v27.59h-11.59ZM443.81,773.72h9.56c6.62,0,13.61-.92,13.61-9.01,0-7.45-6.71-8.64-12.78-8.64h-10.39v17.66Z" 657 /> 658 <path 659 d="M498.53,811.24l28.33-65.11h10.02l28.05,65.11h-13.24l-6.07-14.9h-28.23l-5.89,14.9h-12.97ZM521.34,786.41h20.23l-10.02-26.49-10.21,26.49Z" 660 /> 661 </g> 662 <g class="primary-fill"> 663 <path d="M642.02,811.22h-6.07v-65.11h6.07v65.11Z" /> 664 <path 665 d="M675.5,811.22v-65.11h7.82l39.64,57.02h.18v-57.02h6.07v65.11h-7.82l-39.64-57.02h-.18v57.02h-6.07Z" 666 /> 667 <path 668 d="M825.77,778.66c0,19.59-13.7,34.21-33.66,34.21s-33.66-14.62-33.66-34.21,13.61-34.21,33.66-34.21,33.66,14.71,33.66,34.21ZM792.11,807.36c16.65,0,27.59-12.32,27.59-28.69s-10.67-28.69-27.68-28.69-27.5,12.32-27.5,28.69,10.94,28.69,27.59,28.69Z" 669 /> 670 <path 671 d="M852.36,746.11l20.97,57.11,21.15-57.11h6.44l-24.74,65.11h-6.07l-24.28-65.11h6.53Z" 672 /> 673 <path d="M931.26,811.22h-6.07v-65.11h6.07v65.11Z" /> 674 <path 675 d="M956.28,811.22l28.42-65.11h6.25l27.41,65.11h-6.81l-7.08-17.29h-34.49l-7.36,17.29h-6.35ZM972.37,788.41h29.89l-14.71-35.68-15.17,35.68Z" 676 /> 677 </g> 678 <polygon 679 points="886.2 502.93 629.94 354.98 629.94 385.21 886.2 533.16 886.2 502.93" 680 class="primary-fill" 681 /> 682 <polygon 683 points="837.2 420.48 629.94 300.82 629.94 331.04 837.2 450.7 837.2 420.48" 684 class="primary-fill" 685 /> 686 </g> 687 </svg> 688 </a> 689 </div> 690 691 <!-- Burger-Menü --> 692 <button class="mobile-menu-toggle" id="mobileMenuToggle"> 693 <span class="hamburger-line"></span> 694 <span class="hamburger-line"></span> 695 <span class="hamburger-line"></span> 696 </button> 697 </div> 698 699 <!-- Mobile Navigationsmenü --> 700 <nav class="mobile-menu" id="mobileMenu"> 701 <ul class="mobile-menu-list"> 702 <li><a href="/">HOMEPAGE</a></li> 703 <li class="mobile-dropdown"> 704 <a href="/#dienstleistungen" class="mobile-dropdown-toggle"> 705 DIENSTLEISTUNGEN 706 <svg 707 class="mobile-dropdown-arrow" 708 width="12" 709 height="12" 710 viewBox="0 0 24 24" 711 fill="none" 712 aria-hidden="true" 713 > 714 <path 715 d="M6 9L12 15L18 9" 716 stroke="currentColor" 717 stroke-width="2" 718 stroke-linecap="round" 719 stroke-linejoin="round" 720 /> 721 </svg> 722 </a> 723 <ul class="mobile-dropdown-menu"> 724 <li><a href="sanierung-innenausbau.html">Sanierung</a></li> 725 <li><a href="bad-sanierung.html">Bad Sanierung</a></li> 726 <li><a href="fenster-tueren.html">Fenster & Türen</a></li> 727 <li><a href="trockenbau.html">Trockenbau</a></li> 728 <li><a href="renovierung.html">
728Renovierung</a></li> 729 <li><a href="3d-visualisierung.html">3D-Visualisierung</a></li> 730 <li> 731 <a href="sanierung-innenausbau.html?scrollTo=foerderung#foerderung" 732 >Staatliche Förderungen</a 733 > 734 </li> 735 </ul> 736 </li> 737 <li><a href="#bauzins-rechner">SANIERUNGKREDIT</a></li> 738 <li><a href="#aboutus">ÃBER UNS</a></li> 739 <li><a href="#portfolio">UNSERE PROJEKTE</a></li> 740 <li><a href="#contact">KONTAKT</a></li> 741 <li><a href="karriere.html">KARRIERE</a></li> 742 <li><a href="ratgeber.html">RATGEBER</a></li> 743 <li class="mobile-menu-cta"> 744 <a href="form.html" class="mobile-form-submit-btn"> 745 Kostenlose Beratung anfragen â 746 </a> 747 </li> 748 </ul> 749 </nav> 750 751 <!-- Hero Section --> 752 <section class="hero renovierung-hero" id="hero"> 753 <div class="hero-container"> 754 <div class="hero-layout"> 755 <div class="hero-content"> 756 <h1 class="hero-title"> 757 Schlüsselfertige Renovierungen und Sanierungen â<br> 758 alle Gewerke aus einer Hand, deutschlandweit 759 </h1> 760 <p class="hero-description"> 761 Kein Handwerker-Chaos, keine bösen Ãberraschungen. Lehnen Sie sich entspannt zurück, während wir Ihre Immobilie von der ersten Planung bis zur besenreinen Ãbergabe modernisieren. 762 </p> 763 <ul class="hero-checklist" aria-label="Unsere Garantien"> 764 <li> 765 <span class="hero-checklist-icon" aria-hidden="true"> 766 <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 767 </span> 768 <span class="hero-checklist-text">100 % Festpreis & Termine garantiert</span> 769 </li> 770 <li> 771 <span class="hero-checklist-icon" aria-hidden="true"> 772 <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 773 </span> 774 <span class="hero-checklist-text">3D-Visualisierung</span> 775 </li> 776 <li> 777 <span class="hero-checklist-icon" aria-hidden="true"> 778 <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 779 </span> 780 <span class="hero-checklist-text">Fördermittel-Service</span> 781 </li> 782 <li> 783 <span class="hero-checklist-icon" aria-hidden="true"> 784 <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg> 785 </span> 786 <span class="hero-checklist-text">Alles aus einer Hand</span> 787 </li> 788 </ul> 789 <div class="hero-cta"> 790 <a href="form.html" class="hero-btn primary" data-dyn="cta">Kostenlose Beratung anfragen</a> 791 </div> 792 </div> 793 <div class="hero-media"> 794 <div class="hero-media-slideshow"> 795 <img 796 class="hero-media-slide active" 797 src="assets/images/hero-slideshow/2.webp?v=20260804-09" 798 alt="Moderne Wohnungsrenovierung" 799 width="1200" height="931" 800 loading="eager" 801 fetchpriority="high" decoding="async" 802 /> 803 <img 804 class="hero-media-slide" 805 data-src="assets/images/hero-slideshow/3.webp?v=20260804-09" 806 alt="Renoviertes modernes Wohnzimmer" 807 width="1200" height="731" 808 loading="lazy" decoding="async" 809 /> 810 <img 811 class="hero-media-slide" 812 data-src="assets/images/hero-slideshow/4.webp?v=20260804-09" 813 alt="Helles renoviertes Interieur" 814 width="1200" height="800" 815 loading="lazy" decoding="async" 816 /> 817 <img 818 class="hero-media-slide" 819 data-src="assets/images/hero-slideshow/5.webp?v=20260804-09" 820 alt="Premium Renovierungsprojekt" 821 width="1200" height="800" 822 loading="lazy" decoding="async" 823 /> 824 <img 825 class="hero-media-slide" 826 data-src="assets/images/hero-slideshow/6.webp?v=20260804-09" 827 alt="Premium Renovierungsprojekt" 828 width="1200" height="801" 829 loading="lazy" decoding="async" 830 /> 831 </div> 832 </div> 833 </div> 834 <div class="hero-bottom-metrics"> 835 <div class="container"> 836 <div class="hero-trust-strip"> 837 <div class="hero-trust-item"> 838 <strong>250+</strong> 839 <span>Erfolgreiche Projekte</span> 840 </div> 841 <div class="hero-trust-item"> 842 <strong>14 Tage</strong> 843 <span>Baustart</span> 844 </div> 845 <div class="hero-trust-item"> 846 <strong>Bis zu 70 %</strong> 847 <span>Staatliche Förderung</span> 848 </div> 849 <div class="hero-trust-item"> 850 <strong>5 Jahre</strong> 851 <span>Gewährleistung</span> 852 </div> 853 </div> 854 </div> 855 </div>
856 </div> 857 </section> 858 859 <!-- Ersetze die bestehende services-tabs Sektion --> 860 <section class="services-tabs" id="dienstleistungen"> 861 <div class="services-container"> 862 <div class="services-header"> 863 <span class="section-subtitle services-subtitle">UNSERE DIENSTLEISTUNGEN</span> 864 <h2 class="services-main-title"> 865 KOMFORT BEGINNT MIT DEN RICHTIGEN EXPERTEN 866 </h2> 867 </div> 868 869<div class="services-cards"> 870 <div class="service-card-block"> 871 <a href="sanierung-innenausbau.html" class="service-card-link"> 872 <div class="carousel-container"> 873 <div class="carousel-track"> 874 <div class="carousel-slide active"> 875 <img 876 src="assets/images/services/SanierungundModernisierung/sanierung1-thumb.webp?v=20260804-09" 877 alt="Sanierung" decoding="async" loading="lazy" 878 /> 879 </div> 880 <div class="carousel-slide"> 881 <img 882 src="assets/images/services/SanierungundModernisierung/sanierung2-thumb.webp?v=20260804-09" 883 alt="Sanierung" decoding="async" loading="lazy" 884 /> 885 </div> 886 <div class="carousel-slide"> 887 <img 888 src="assets/images/services/SanierungundModernisierung/sanierung3-thumb.webp?v=20260804-09" 889 alt="Sanierung" decoding="async" loading="lazy" 890 /> 891 </div> 892 </div> 893 894 <div class="service-card-overlay"> 895 <div class="service-card-texts"> 896 <span>Sanierung</span> 897 </div> 898 </div> 899 </div> 900 </a> 901 </div> 902 903 <div class="service-card-block"> 904 <a href="renovierung.html" class="service-card-link"> 905 <div class="carousel-container"> 906 <div class="carousel-track"> 907 <div class="carousel-slide active"> 908 <img 909 src="assets/images/services/RenovierungsarbeitenallerArt/1-thumb.webp?v=20260804-09" 910 alt="Renovierung" decoding="async" loading="lazy" 911 /> 912 </div> 913 <div class="carousel-slide"> 914 <img 915 src="assets/images/services/RenovierungsarbeitenallerArt/2-thumb.webp?v=20260804-09" 916 alt="Renovierung" decoding="async" loading="lazy" 917 /> 918 </div> 919 <div class="carousel-slide"> 920 <img 921 src="assets/images/services/RenovierungsarbeitenallerArt/3-thumb.webp?v=20260804-09" 922 alt="Renovierung" decoding="async" loading="lazy" 923 /> 924 </div> 925 </div> 926 927 <div class="service-card-overlay"> 928 <div class="service-card-texts"> 929 <span>
929Renovierung</span> 930 </div> 931 </div> 932 </div> 933 </a> 934 </div> 935 936 <div class="service-card-block"> 937 <a href="3d-visualisierung.html" class="service-card-link"> 938 <div class="carousel-container"> 939 <div class="carousel-track"> 940 <div class="carousel-slide active"> 941 <img 942 src="assets/images/services/3d/1-thumb.webp?v=20260804-09" 943 alt="3D-Visualisierung" decoding="async" loading="lazy" 944 /> 945 </div> 946 <div class="carousel-slide"> 947 <img 948 src="assets/images/services/3d/2-thumb.webp?v=20260804-09" 949 alt="3D-Visualisierung" decoding="async" loading="lazy" 950 /> 951 </div> 952 <div class="carousel-slide"> 953 <img 954 src="assets/images/services/3d/3-thumb.webp?v=20260804-09" 955 alt="3D-Visualisierung" decoding="async" loading="lazy" 956 /> 957 </div> 958 </div> 959 960 <div class="service-card-overlay"> 961 <div class="service-card-texts"> 962 <span>3D-Visualisierung</span> 963 </div> 964 </div> 965 </div> 966 </a> 967 </div> 968 969 <div class="service-card-block"> 970 <a href="sanierung-innenausbau.html?scrollTo=foerderung#foerderung" class="service-card-link"> 971 <div class="carousel-container"> 972 <div class="carousel-track"> 973 <div class="carousel-slide active"> 974 <img 975 src="assets/images/external-optimized/foerderung-1.webp?v=20260804-09" 976 alt="Staatliche Förderungen" decoding="async" loading="lazy" 977 /> 978 </div> 979 <div class="carousel-slide"> 980 <img 981 src="assets/images/external-optimized/foerderung-2.webp?v=20260804-09" 982 alt="Staatliche Förderungen" decoding="async" loading="lazy" 983 /> 984 </div> 985 <div class="carousel-slide"> 986 <img 987 src="assets/images/external-optimized/foerderung-3.webp?v=20260804-09" 988 alt="Staatliche Förderungen" decoding="async" loading="lazy" 989 /> 990 </div> 991 </div> 992 993 <div class="service-card-overlay"> 994 <div class="service-card-texts"> 995 <span>Staatliche Förderungen</span> 996 </div> 997 </div> 998 </div> 999 </a> 1000 </div> 1001</div> 1002 1003<div class="section-actions"> 1004 <a href="form.html" class="hero-btn primary">Kostenlose Beratung anfragen</a> 1005</div> 1006 1007 </div> 1008 </section> 1009 1010 <!-- USP Sektion --> 1011 <section class="why-us-section" id="why-us"> 1012 <div class="container"> 1013 <div class="section-heading"> 1014 <span class="section-subtitle">Warum wir</span> 1015 <h2>Entwickelt, um Ihr Budget, Ihren Zeitplan und Ihre Sicherheit zu schützen</h2> 1016 </div> 1017 <div class="why-us-grid"> 1018 <article class="benefit-card"> 1019 <div class="benefit-icon benefit-icon--price" aria-hidden="true"> 1020 <svg viewBox="0 0 24 24" stroke="currentColor"><path d="M12 3 4 7v6c0 5 3.5 8.5 8 10 4.5-1.5 8-5 8-10V7l-8-4z"/></svg> 1021 </div> 1022 <h3>100 % Echter Festpreis mit Inflationsschutz</h3> 1023 <p>Budget-Sicherheit ohne Hintertür. Wir tragen das Preisrisiko: Sollten Materialkosten steigen, übernehmen wir die Differenz. Sie zahlen keinen Cent mehr als im Angebot vereinbart.</p> 1024 </article> 1025 <article class="benefit-card"> 1026 <div class="benefit-icon benefit-icon--start" aria-hidden="true"> 1027 <svg viewBox="0 0 24 24" stroke="currentColor"><path d="M13 2 3 14h8l-1 8 10-12h-8l1-8z"/></svg> 1028 </div> 1029 <h3>14-Tage Baustart mit Ausfall-Garantie</h3> 1030 <p>Pünktlichkeit, die wir mit unserem eigenen Geld absichern. Starten wir nicht innerhalb von 14 Tagen, zahlen wir Ihnen pro Verspätungstag eine Vertragsstrafe. Ihr Zeitplan ist uns heilig.</p> 1031 </article> 1032 <article class="benefit-card"> 1033 <div class="benefit-icon benefit-icon--contact" aria-hidden="true"> 1034 <svg viewBox="0 0 24 24" stroke="currentColor"><path d="M22 16.92v2a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h2a2 2 0 0 1 2 1.72c.12.86.33 1.7.62 2.5a2 2 0 0 1-.45 2.11L7.09 9.91a16 16 0 0 0 6 6l1.58-1.19a2 2 0 0 1 2.11-.45c.8.29 1.64.5 2.5.62A2 2 0 0 1 22 16.92z"/></svg> 1035 </div> 1036 <h3>24h-Erreichbarkeits-Garantie</h3> 1037 <p>Schnelle Antworten als Vertragsbestandteil. Erhalten Sie nicht innerhalb von 24 Stunden eine Rückmeldung, wird Ihr Projekt-Meilenstein sofort priorisiert. Wir lassen Sie niemals im Unklaren.</p> 1038 </article> 1039 <article class="benefit-card"> 1040 <div class="benefit-icon benefit-icon--manager" aria-hidden="true"> 1041 <svg viewBox="0 0 24 24" stroke="currentColor"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg> 1042 </div> 1043 <h3>Zentraler Projektleiter (Alles aus einer Hand)</h3> 1044 <p>Volle Entlastung statt Koordinationsstress. Sie sprechen ausschlieÃlich mit Ihrem persönlichen Bauleiter. Wir steuern alle Handwerker geräuschlos im Hintergrund â Sie müssen sich um nichts kümmern.</p> 1045 </article> 1046 <article class="benefit-card"> 1047 <div class="benefit-icon benefit-icon--quality" aria-hidden="true"> 1048 <svg viewBox="0 0 24 24" stroke="currentColor"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg> 1049 </div> 1050 <h3>Volle Verantwortung (Keine Kompromisse)</h3> 1051 <p>Wir haften für das Gesamtergebnis. Tritt ein Fehler auf, beheben wir ihn sofort und unbürokratisch. Kein langes Diskutieren, kein Abwälzen auf andere Gewerke â wir stehen für die komplette Bauleistung ein.</p> 1052 </article> 1053 <article class="benefit-card"> 1054 <div class="benefit-icon benefit-icon--funding" aria-hidden="true"> 1055 <svg viewBox="0 0 24 24" stroke="currentColor"><path d="M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg> 1056 </div> 1057 <h3>Full-Service Fördermittel-Abwicklung</h3> 1058 <p>Wir holen das Maximum für Sie heraus. Von der Prüfung bis zur Beantragung übernehmen unsere Experten den kompletten Papierkram. Wir stellen sicher, dass alle Anträge fehlerfrei eingereicht werden, damit Ihnen keine staatlichen Gelder entgehen.</p> 1059 </article>
1060 </div> 1061 <div class="section-actions"> 1062 <a href="form.html" class="hero-btn primary">Kostenlose Beratung anfragen</a> 1063 </div> 1064 </div> 1065 </section> 1066 1067 <!-- Portfolio Section --> 1068 <section class="portfolio-section" id="portfolio"> 1069 <div class="portfolio-container"> 1070 <div class="portfolio-header"> 1071 <div class="services-header"> 1072 <span class="section-subtitle services-subtitle">UNSERE PROJEKTE</span> 1073 <h2 class="services-main-title"> 1074 AUSGEFÃHRTE ARBEITEN VON ADMARA INOVIA 1075 </h2> 1076 </div> 1077 </div> 1078 1079 <div class="portfolio-grid"> 1080 1081 <!-- CARD 3 --> 1082 <div class="portfolio-card" 1083 data-project="oktoberfeld" 1084 data-project-images="/assets/images/portfolio/card3/1.webp?v=20260804-09"> 1085 1086 <div class="portfolio-image"> 1087 <img class="portfolio-img-current" 1088 src="/assets/images/portfolio/card3/1.webp?v=20260804-09" 1089 alt="Wohnkomplex Oktoberfeld" 1090 width="1100" height="825" 1091 loading="lazy" decoding="async" 1092 /> 1093 <img class="portfolio-img-next" 1094 src="/assets/images/portfolio/card3/1.webp?v=20260804-09" 1095 alt="" 1096 width="1100" height="825" 1097 aria-hidden="true" decoding="async" loading="lazy" /> 1098 </div> 1099 1100 <div class="portfolio-info"> 1101 <div class="portfolio-details"> 1102 <h3 class="portfolio-title">Wohnkomplex Oktoberfeld</h3> 1103 <div class="portfolio-specs"> 1104 <div class="spec-item"> 1105 <span class="spec-label">Fläche:</span> 1106 <span class="spec-value">73 m²</span> 1107 </div> 1108 <div class="spec-item"> 1109 <span class="spec-label">Ausführungszeit:</span> 1110 <span class="spec-value">3 Monate</span> 1111 </div> 1112 <div class="spec-item"> 1113 <span class="spec-label">Art der Renovierung:</span> 1114 <span class="spec-value">Komplettrenovierung</span> 1115 </div> 1116 </div> 1117 </div> 1118 </div> 1119 </div> 1120 1121 <!-- CARD 1 --> 1122 <div class="portfolio-card" 1123 data-project="herz-der-hauptstadt" 1124 data-project-images="assets/images/portfolio/card1/1.webp?v=20260804-09"> 1125 1126 <div class="portfolio-image"> 1127 <img class="portfolio-img-current" 1128 src="assets/images/portfolio/card1/1.webp?v=20260804-09" 1129 alt="Wohnkomplex Herz der Hauptstadt" 1130 width="1100" height="825" 1131 loading="lazy" decoding="async" 1132 /> 1133 <img class="portfolio-img-next" 1134 src="assets/images/portfolio/card1/1.webp?v=20260804-09" 1135 alt="" 1136 width="1100" height="825" 1137 aria-hidden="true" decoding="async" loading="lazy" /> 1138 </div> 1139 1140 <div class="portfolio-info"> 1141 <div class="portfolio-details"> 1142 <h3 class="portfolio-title">Wohnkomplex Herz der Hauptstadt</h3> 1143 <div class="portfolio-specs"> 1144 <div class="spec-item"> 1145 <span class="spec-label">Fläche:</span> 1146 <span class="spec-value">72 m²</span> 1147 </div> 1148 <div class="spec-item"> 1149 <span class="spec-label">Ausführungszeit:</span> 1150 <span class="spec-value">3 Monate</span> 1151 </div> 1152 <div class="spec-item"> 1153 <span class="spec-label">Art der Renovierung:</span> 1154 <span class="spec-value">
1154Designer-Renovierung</span> 1155 </div> 1156 </div> 1157 </div> 1158 </div> 1159 </div> 1160 1161 <!-- CARD 2 --> 1162 <div class="portfolio-card" 1163 data-project="match-point" 1164 data-project-images="assets/images/portfolio/card2/8.webp?v=20260804-09"> 1165 1166 <div class="portfolio-image"> 1167 <img class="portfolio-img-current" 1168 src="assets/images/portfolio/card2/8.webp?v=20260804-09" 1169 alt="Wohnkomplex Match Point" 1170 width="960" height="1280" 1171 loading="lazy" decoding="async" 1172 /> 1173 <img class="portfolio-img-next" 1174 src="assets/images/portfolio/card2/8.webp?v=20260804-09" 1175 alt="" 1176 width="960" height="1280" 1177 aria-hidden="true" decoding="async" loading="lazy" /> 1178 </div> 1179 1180 <div class="portfolio-info"> 1181 <div class="portfolio-details"> 1182 <h3 class="portfolio-title">Wohnkomplex Match Point</h3> 1183 <div class="portfolio-specs"> 1184 <div class="spec-item"> 1185 <span class="spec-label">Fläche:</span> 1186 <span class="spec-value">87 m²</span> 1187 </div> 1188 <div class="spec-item"> 1189 <span class="spec-label">Ausführungszeit:</span> 1190 <span class="spec-value">2 Monate</span> 1191 </div> 1192 <div class="spec-item"> 1193 <span class="spec-label">Art der Renovierung:</span> 1194 <span class="spec-value">Komplettrenovierung</span> 1195 </div> 1196 </div> 1197 </div> 1198 </div> 1199 </div> 1200 1201 <div class="section-actions"> 1202 <a href="form.html" class="hero-btn primary">Kostenlose Beratung anfragen</a> 1203 </div> 1204 1205 </div> 1206 </section> 1207 1208 <!-- Reviews: shared social-proof content on the home page. --> 1209 <section class="home-social-proof home-social-proof--reviews" id="reviews" aria-labelledby="home-reviews-title"> 1210 <div class="home-social-proof__inner"> 1211 <header class="home-social-proof__head"> 1212 <span class="home-social-proof__eyebrow">Kundenbewertungen</span> 1213 <h2 id="home-reviews-title">Das sagen unsere Kunden</h2> 1214 </header> 1215 <div class="home-reviews-widget"> 1216
1216<script src="https://elfsightcdn.com/platform.js" async></script>
1216 1217 <div class="elfsight-app-7e4e1ae8-4693-41e8-8f30-fba52de0d680" data-elfsight-app-lazy></div> 1218 </div> 1219 </div> 1220 </section> 1221 1222 <!-- Videos from current projects. --> 1223 <section class="home-social-proof home-social-proof--videos" id="baustelle-live" aria-labelledby="home-videos-title"> 1224 <div class="home-social-proof__inner"> 1225 <header class="home-social-proof__head"> 1226 <span class="home-social-proof__eyebrow">Live auf der Baustelle</span> 1227 <h2 id="home-videos-title">Hinter den Kulissen: Qualität in Echtzeit</h2> 1228 </header> 1229 <div class="home-work-videos__grid"> 1230 <figure class="home-work-video"> 1231 <video muted loop playsinline preload="none" poster="assets/images/map-section/Aged Window Environment.webp?v=20260809-01" aria-label="Einblick in unser Sanierungsprojekt 1" data-lazy-video="assets/images/video/sanierung-einblick-01-web.mp4?v=20260809-01"></video> 1232 </figure> 1233 <figure class="home-work-video"> 1234 <video muted loop playsinline preload="none" poster="assets/images/map-section/Renovation Scene.webp?v=20260809-01" aria-label="Einblick in unser Sanierungsprojekt 2" data-lazy-video="assets/images/video/trockenbau-einblick-02-hq.mp4?v=20260809-01"></video> 1235 </figure> 1236 <figure class="home-work-video"> 1237 <video muted loop playsinline preload="none" poster="assets/images/map-section/Renovated Room Design.webp?v=20260809-01" aria-label="Einblick in unser Sanierungsprojekt 3" data-lazy-video="assets/images/video/sanierung-einblick-02-web.mp4?v=20260809-01"></video> 1238 </figure> 1239 </div> 1240 </div> 1241 </section> 1242 1243 <!-- About / Team Section --> 1244 <section class="about-section team-showcase-section team-showcase-section--row" id="aboutus"> 1245 <div class="team-showcase-container"> 1246 <div class="section-header team-showcase__header"> 1247 <div class="team-showcase__description"> 1248 <h2 class="team-showcase__title" data-team-headline>Ihr Expertenteam</h2> 1249 <p class="team-showcase__description-part"> 1250 Admara Inovia steht für moderne und luxuriöse Renovierung mit langjähriger 1251 Erfahrung und zahlreichen erfolgreich realisierten Projekten. Wir arbeiten für 1252 Kunden in ganz Deutschland. 1253 </p> 1254 <p class="team-showcase__description-part"> 1255 <strong>Unsere Mission:</strong> Räume zu schaffen, die nicht nur funktional und 1256 hochwertig sind, sondern auch Wärme, Geborgenheit und den persönlichen Charakter 1257 ihrer Bewohner widerspiegeln. 1258 </p> 1259 <p class="team-showcase__tagline"> 1260 Keine Sprachbarrieren, kein Handwerker-Jargon. Wir sprechen Ihre Sprache. 1261 </p> 1262 </div> 1263 </div> 1264 1265 <div class="team-showcase__frame" aria-label="Unser Team"> 1266 <div class="team-showcase__grid"> 1267 <article class="team-showcase-card"> 1268 <div class="team-showcase-card__media"> 1269 <div class="team-showcase-card__photo"> 1270 <img 1271 src="assets/images/team/Konstantin_Veidenheimer.webp?v=20260804-09" 1272 alt="Konstantin Veidenheimer, Gründer" 1273 loading="lazy" decoding="async" 1274 /> 1275 </div> 1276 </div> 1277 <div class="team-showcase-card__info"> 1278 <div class="team-showcase-card__info-panel"> 1279 <h3 class="team-showcase-card__name">Konstantin Veidenheimer</h3> 1280 <span class="team-showcase-card__line" aria-hidden="true"></span> 1281 <p class="team-showcase-card__role">Gründer</p> 1282 </div> 1283 </div> 1284 </article> 1285 <article class="team-showcase-card"> 1286 <div class="team-showcase-card__media"> 1287 <div class="team-showcase-card__photo"> 1288 <img 1289 src="assets/images/team/Jonathan_Schmidt.webp?v=20260804-09" 1290 alt="Jonathan Schmidt, Gründer" 1291 loading="lazy" decoding="async" 1292 /> 1293 </div> 1294 </div> 1295 <div class="team-showcase-card__info"> 1296 <div class="team-showcase-card__info-panel"> 1297 <h3 class="team-showcase-card__name">Jonathan Schmidt</h3> 1298 <span class="team-showcase-card__line" aria-hidden="true"></span> 1299 <p class="team-showcase-card__role">Gründer</p> 1300 </div> 1301 </div> 1302 </article> 1303 <article class="team-showcase-card"> 1304 <div class="team-showcase-card__media"> 1305 <div class="team-showcase-card__photo"> 1306 <img 1307 src="assets/images/team/leader.webp?v=20260804-09" 1308 alt="Dainius Pelenis, Geschäftsführer" 1309 loading="lazy" decoding="async" 1310 /> 1311 </div> 1312 </div> 1313 <div class="team-showcase-card__info"> 1314 <div class="team-showcase-card__info-panel"> 1315 <h3 class="team-showcase-card__name">Dainius Pelenis</h3> 1316 <span class="team-showcase-card__line" aria-hidden="true"></span> 1317 <p class="team-showcase-card__role">Geschäftsführer</p> 1318 </div> 1319 </div> 1320 </article> 1321 <article class="team-showcase-card"> 1322 <div class="team-showcase-card__media"> 1323 <div class="team-showcase-card__photo"> 1324 <img 1325 src="assets/images/team/SamuelSchmidt.webp?v=20260804-09" 1326 alt="Samuel Schmidt, Beratung & Verkauf" 1327 loading="lazy" decoding="async" 1328 /> 1329 </div> 1330 </div> 1331 <div class="team-showcase-card__info"> 1332 <div class="team-showcase-card__info-panel"> 1333 <h3 class="team-showcase-card__name">Samuel Schmidt</h3> 1334 <span class="team-showcase-card__line" aria-hidden="true"></span> 1335 <p class="team-showcase-card__role">Beratung & Verkauf</p> 1336 </div> 1337 </div> 1338 </article> 1339 <article class="team-showcase-card"> 1340 <div class="team-showcase-card__media"> 1341 <div class="team-showcase-card__photo"> 1342 <img 1343 src="assets/images/team/SvenKozielski.webp?v=20260804-09" 1344 alt="Sven Kozielski, Architekt" 1345 loading="lazy" decoding="async" 1346 /> 1347 </div> 1348 </div> 1349 <div class="team-showcase-card__info"> 1350 <div class="team-showcase-card__info-panel"> 1351 <h3 class="team-showcase-card__name">Sven Kozielski</h3> 1352 <span class="team-showcase-card__line" aria-hidden="true"></span> 1353 <p class="team-showcase-card__role">
1353Architekt</p> 1354 </div> 1355 </div> 1356 </article> 1357 <article class="team-showcase-card"> 1358 <div class="team-showcase-card__media"> 1359 <div class="team-showcase-card__photo"> 1360 <img 1361 src="assets/images/team/AlexWolobuev.webp?v=20260804-09" 1362 alt="Alexander Wolobuew, Projektleiter" 1363 loading="lazy" decoding="async" 1364 /> 1365 </div> 1366 </div> 1367 <div class="team-showcase-card__info"> 1368 <div class="team-showcase-card__info-panel"> 1369 <h3 class="team-showcase-card__name">Alexander Wolobuew</h3> 1370 <span class="team-showcase-card__line" aria-hidden="true"></span> 1371 <p class="team-showcase-card__role">Projektleiter</p> 1372 </div> 1373 </div> 1374 </article> 1375 <article class="team-showcase-card"> 1376 <div class="team-showcase-card__media"> 1377 <div class="team-showcase-card__photo"> 1378 <img 1379 src="assets/images/team/AleksejStaschewski.webp?v=20260804-09" 1380 alt="Aleksej Staschewski, Projektleiter" 1381 loading="lazy" decoding="async" 1382 /> 1383 </div> 1384 </div> 1385 <div class="team-showcase-card__info"> 1386 <div class="team-showcase-card__info-panel"> 1387 <h3 class="team-showcase-card__name">Aleksej Staschewski</h3> 1388 <span class="team-showcase-card__line" aria-hidden="true"></span> 1389 <p class="team-showcase-card__role">Projektleiter</p> 1390 </div> 1391 </div> 1392 </article> 1393 <article class="team-showcase-card"> 1394 <div class="team-showcase-card__media"> 1395 <div class="team-showcase-card__photo"> 1396 <img 1397 src="assets/images/team/Murat_Krunoslav.webp?v=20260804-09" 1398 alt="Krunoslav Murat, Projektleiter" 1399 loading="lazy" decoding="async" 1400 /> 1401 </div> 1402 </div> 1403 <div class="team-showcase-card__info"> 1404 <div class="team-showcase-card__info-panel"> 1405 <h3 class="team-showcase-card__name">Krunoslav Murat</h3> 1406 <span class="team-showcase-card__line" aria-hidden="true"></span> 1407 <p class="team-showcase-card__role">Projektleiter</p> 1408 </div> 1409 </div> 1410 </article> 1411 </div> 1412 </div> 1413 1414 <div class="team-showcase__footer"> 1415 <div class="team-showcase__actions"> 1416 <a href="form.html" class="hero-btn primary"> 1417 Kostenlose Beratung anfragen 1418 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" aria-hidden="true"> 1419 <path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z" fill="currentColor" /> 1420 </svg> 1421 </a> 1422 </div> 1423 </div> 1424 </div> 1425 </section> 1426 1427 <!-- VORHER & NACHHER --> 1428 <section class="property-owners-section" id="coverage"> 1429 <div class="container"> 1430 <div class="section-header"> 1431 <span class="section-subtitle">Unsere Projekte</span> 1432 <h2>VORHER-NACHHER PROJEKTE</h2> 1433 </div> 1434 <div 1435 class="property-owners-carousel" 1436 data-property-owners-carousel 1437 aria-roledescription="Karussell" 1438 aria-label="Vorher-Nachher Projekte" 1439 > 1440 <div class="property-owners-carousel__viewport" aria-live="polite"> 1441 <div class="property-owners-carousel__track"> 1442 <div class="property-owners-carousel__slide"> 1443 <div 1444 class="property-owners-card" 1445 data-project-images="assets/images/sanierung-innenausbau-slide/1.webp,assets/images/sanierung-innenausbau-slide/2.webp,assets/images/sanierung-innenausbau-slide/3.webp,assets/images/sanierung-innenausbau-slide/4.webp?v=20260804-09" 1446 > 1447 <div class="property-owners-image"> 1448 <img 1449 class="property-owners-img-current" 1450 src="assets/images/sanierung-innenausbau-slide/1.webp?v=20260804-09" 1451 alt="Projekt Hamburg â Sanierung aus unserer Referenz" 1452 loading="lazy" decoding="async" 1453 /> 1454 <img 1455 class="property-owners-img-next" 1456 src="assets/images/sanierung-innenausbau-slide/1.webp?v=20260804-09" 1457 alt="" 1458 aria-hidden="true" decoding="async" loading="lazy" 1459 /> 1460 </div> 1461 <div class="property-owners-info"> 1462 <h3 class="property-owners-info-title">Altbauwohnungen Hamburg-Nord</h3>
1463 <dl class="property-owners-info-list"> 1464 <div class="property-owners-info-row"><dt>Fläche:</dt><dd>73 m²</dd></div> 1465 <div class="property-owners-info-row"><dt>Ausführungszeit:</dt><dd>3 Monate</dd></div> 1466 <div class="property-owners-info-row"><dt>Art der Renovierung:</dt><dd>Komplettrenovierung</dd></div> 1467 <div class="property-owners-info-row"><dt>Stadt:</dt><dd>Hamburg</dd></div> 1468 </dl> 1469 </div> 1470 </div> 1471 </div> 1472 <div class="property-owners-carousel__slide"> 1473 <div 1474 class="property-owners-card" 1475 data-project-images="assets/images/sanierung-innenausbau-slide/5.webp,assets/images/sanierung-innenausbau-slide/6.webp,assets/images/sanierung-innenausbau-slide/7.webp,assets/images/sanierung-innenausbau-slide/8.webp?v=20260804-09" 1476 > 1477 <div class="property-owners-image"> 1478 <img 1479 class="property-owners-img-current" 1480 src="assets/images/sanierung-innenausbau-slide/5.webp?v=20260804-09" 1481 alt="Projekt Düsseldorf â Sanierung aus unserer Referenz" 1482 loading="lazy" decoding="async" 1483 /> 1484 <img 1485 class="property-owners-img-next" 1486 src="assets/images/sanierung-innenausbau-slide/5.webp?v=20260804-09" 1487 alt="" 1488 aria-hidden="true" decoding="async" loading="lazy" 1489 /> 1490 </div> 1491 <div class="property-owners-info"> 1492 <h3 class="property-owners-info-title">Altbauwohnungen Düsseldorf-Oberkassel</h3> 1493 <dl class="property-owners-info-list"> 1494 <div class="property-owners-info-row"><dt>Fläche:</dt><dd>58 m²</dd></div> 1495 <div class="property-owners-info-row"><dt>Ausführungszeit:</dt><dd>9 Monate</dd></div> 1496 <div class="property-owners-info-row"><dt>Art der Renovierung:</dt><dd>Komplettrenovierung</dd></div> 1497 <div class="property-owners-info-row"><dt>Stadt:</dt><dd>Düsseldorf</dd></div> 1498 </dl> 1499 </div> 1500 </div> 1501 </div> 1502 <div class="property-owners-carousel__slide"> 1503 <div 1504 class="property-owners-card" 1505 data-project-images="assets/images/sanierung-innenausbau-slide/9.webp,assets/images/sanierung-innenausbau-slide/10.webp,assets/images/sanierung-innenausbau-slide/11.webp,assets/images/sanierung-innenausbau-slide/12.webp?v=20260804-09" 1506 > 1507 <div class="property-owners-image"> 1508 <img 1509 class="property-owners-img-current" 1510 src="assets/images/sanierung-innenausbau-slide/9.webp?v=20260804-09" 1511 alt="Projekt Bremen â Sanierung aus unserer Referenz" 1512 loading="lazy" decoding="async" 1513 /> 1514 <img 1515 class="property-owners-img-next" 1516 src="assets/images/sanierung-innenausbau-slide/9.webp?v=20260804-09" 1517 alt="" 1518 aria-hidden="true" decoding="async" loading="lazy" 1519 /> 1520 </div> 1521 <div class="property-owners-info"> 1522 <h3 class="property-owners-info-title">Altbauwohnungen Bremen-Mitte</h3> 1523 <dl class="property-owners-info-list"> 1524 <div class="property-owners-info-row"><dt>Fläche:</dt><dd>68 m²</dd></div> 1525 <div class="property-owners-info-row"><dt>Ausführungszeit:</dt><dd>2,5 Monate</dd></div> 1526 <div class="property-owners-info-row"><dt>Art der Renovierung:</dt><dd>Komplettrenovierung</dd></div> 1527 <div class="property-owners-info-row"><dt>Stadt:</dt><dd>Bremen</dd></div> 1528 </dl> 1529 </div> 1530 </div> 1531 </div> 1532 <div class="property-owners-carousel__slide"> 1533 <div 1534 class="property-owners-card property-owners-card--placeholder" 1535 data-project-images="assets/images/before-after/1card/before.webp,assets/images/before-after/1card/after.webp?v=20260804-09" 1536 > 1537 <div class="property-owners-image"> 1538 <img 1539 class="property-owners-img-current" 1540 src="assets/images/before-after/1card/before.webp?v=20260804-09" 1541 alt="Moderne Renovierung â Wohnzimmer" 1542 loading="lazy" decoding="async" 1543 /> 1544 <img 1545 class="property-owners-img-next" 1546 src="assets/images/before-after/1card/before.webp?v=20260804-09" 1547 alt="" 1548 aria-hidden="true" decoding="async" loading="lazy" 1549 /> 1550 </div> 1551 <div class="property-owners-info"> 1552 <h3 class="property-owners-info-title">Moderne Renovierung â Wohnzimmer</h3>
1553 <dl class="property-owners-info-list"> 1554 <div class="property-owners-info-row"><dt>Fläche:</dt><dd>â m²</dd></div> 1555 <div class="property-owners-info-row"><dt>Ausführungszeit:</dt><dd>â</dd></div> 1556 <div class="property-owners-info-row"><dt>Art der Renovierung:</dt><dd>â</dd></div> 1557 <div class="property-owners-info-row"><dt>Stadt:</dt><dd>Platzhalter</dd></div> 1558 </dl> 1559 </div> 1560 </div> 1561 </div> 1562 <div class="property-owners-carousel__slide"> 1563 <div 1564 class="property-owners-card property-owners-card--placeholder" 1565 data-project-images="assets/images/before-after/2card/before.webp,assets/images/before-after/2card/after.webp?v=20260804-09" 1566 > 1567 <div class="property-owners-image"> 1568 <img 1569 class="property-owners-img-current" 1570 src="assets/images/before-after/2card/before.webp?v=20260804-09" 1571 alt="Luxusrenovierung â Küche" 1572 loading="lazy" decoding="async" 1573 /> 1574 <img 1575 class="property-owners-img-next" 1576 src="assets/images/before-after/2card/before.webp?v=20260804-09" 1577 alt="" 1578 aria-hidden="true" decoding="async" loading="lazy" 1579 /> 1580 </div> 1581 <div class="property-owners-info"> 1582 <h3 class="property-owners-info-title">Luxusrenovierung â Küche</h3> 1583 <dl class="property-owners-info-list"> 1584 <div class="property-owners-info-row"><dt>Fläche:</dt><dd>â m²</dd></div> 1585 <div class="property-owners-info-row"><dt>Ausführungszeit:</dt><dd>â</dd></div> 1586 <div class="property-owners-info-row"><dt>Art der Renovierung:</dt><dd>â</dd></div> 1587 <div class="property-owners-info-row"><dt>Stadt:</dt><dd>Platzhalter</dd></div> 1588 </dl> 1589 </div> 1590 </div> 1591 </div> 1592 <div class="property-owners-carousel__slide"> 1593 <div 1594 class="property-owners-card property-owners-card--placeholder" 1595 data-project-images="assets/images/before-after/3card/before.webp,assets/images/before-after/3card/after.webp?v=20260804-09" 1596 > 1597 <div class="property-owners-image"> 1598 <img 1599 class="property-owners-img-current" 1600 src="assets/images/before-after/3card/before.webp?v=20260804-09" 1601 alt="Moderne Renovierung â Gästezimmer" 1602 loading="lazy" decoding="async" 1603 /> 1604 <img 1605 class="property-owners-img-next" 1606 src="assets/images/before-after/3card/before.webp?v=20260804-09" 1607 alt="" 1608 aria-hidden="true" decoding="async" loading="lazy" 1609 /> 1610 </div> 1611 <div class="property-owners-info"> 1612 <h3 class="property-owners-info-title">Moderne Renovierung â Gästezimmer</h3> 1613 <dl class="property-owners-info-list"> 1614 <div class="property-owners-info-row"><dt>Fläche:</dt><dd>â m²</dd></div> 1615 <div class="property-owners-info-row"><dt>Ausführungszeit:</dt><dd>â</dd></div> 1616 <div class="property-owners-info-row"><dt>Art der Renovierung:</dt><dd>â</dd></div> 1617 <div class="property-owners-info-row"><dt>Stadt:</dt><dd>Platzhalter</dd></div> 1618 </dl> 1619 </div> 1620 </div> 1621 </div> 1622 </div> 1623 </div> 1624 </div> 1625 <div class="section-cta"> 1626 <div 1627 class="property-owners-carousel__controls" 1628 role="group" 1629 aria-label="Projekte blättern" 1630 > 1631 <button 1632 type="button" 1633 class="property-owners-carousel__nav property-owners-carousel__nav--prev" 1634 data-carousel-prev 1635 aria-label="Vorherige Projekte" 1636 > 1637 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="15 18 9 12 15 6"/></svg> 1638 </button> 1639 <button 1640 type="button" 1641 class="property-owners-carousel__nav property-owners-carousel__nav--next" 1642 data-carousel-next 1643 aria-label="Nächste Projekte" 1644 > 1645 <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="9 18 15 12 9 6"/></svg> 1646 </button> 1647 </div> 1648 <a href="form.html" class="section-btn primary">Kostenlose Beratung anfragen</a> 1649 </div> 1650 </div> 1651 </section> 1652
1652<script> 1653 (function () { 1654 var carousel = document.querySelector('[data-property-owners-carousel]') 1655 if (!carousel) return 1656 var loaded = false 1657 function loadCarouselScript() { 1658 if (loaded) return 1659 loaded = true 1660 var script = document.createElement('script') 1661 script.src = 'assets/script/property-owners-carousel.js?v=20260804-09' 1662 script.async = true 1663 document.head.appendChild(script) 1664 } 1665 if ('IntersectionObserver' in window) { 1666 var observer = new IntersectionObserver( 1667 function (entries) { 1668 if (!entries.some(function (entry) { return entry.isIntersecting })) return 1669 observer.disconnect() 1670 loadCarouselScript() 1671 }, 1672 { rootMargin: '900px 0px' } 1673 ) 1674 observer.observe(carousel) 1675 } else { 1676 window.addEventListener('load', function () { 1677 window.setTimeout(loadCarouselScript, 2500) 1678 }, { once: true }) 1679 } 1680 })() 1681 </script>
1681 1682 1683 <!-- Finanzierungsrechner als eigene Sektion --> 1684 <section class="bauzins-section" id="bauzins-rechner"> 1685 <div class="container"> 1686 <div class="section-header"> 1687 <span class="section-subtitle">Finanzierung</span> 1688 <h2>FINANZIERUNGSRECHNER</h2> 1689 <p class="bauzins-section__intro"> 1690 Berechnen Sie Ihre monatliche Rate mit aktuellen Bauzinsen 1691 unseres Bankpartners â individuell für Ihr Sanierungs- oder 1692 Modernisierungsvorhaben. 1693 </p> 1694 </div> 1695 <div id="bauzins-rechner-mount"></div> 1696 </div> 1697 </section> 1698 1699 <!-- UNSER PROZESS Section --> 1700 <section class="process-map-section" id="process"> 1701 <div class="container"> 1702 <div class="process-map-section__header"> 1703 <span class="section-subtitle">UNSER PROZESS</span> 1704 <h2 class="section-title">Ihr Weg zum neuen Zuhause</h2> 1705 </div> 1706 1707 <div class="process-map" aria-label="Ihr Weg zum neuen Zuhause in 4 Schritten"> 1708 <svg class="process-map__route process-map__route--desktop" viewBox="0 0 1200 200" preserveAspectRatio="none" aria-hidden="true"> 1709 <path 1710 class="process-map__route-bg" 1711 d="M 80 100 C 220 40, 340 160, 480 100 S 760 40, 920 100 S 1080 140, 1120 100" 1712 /> 1713 <path 1714 class="process-map__route-line" 1715 d="M 80 100 C 220 40, 340 160, 480 100 S 760 40, 920 100 S 1080 140, 1120 100" 1716 /> 1717 </svg> 1718 <svg class="process-map__route process-map__route--mobile" viewBox="0 0 120 520" preserveAspectRatio="none" aria-hidden="true"> 1719 <path 1720 class="process-map__route-bg" 1721 d="M 60 40 C 100 120, 20 200, 60 280 S 100 400, 60 480" 1722 /> 1723 <path 1724 class="process-map__route-line" 1725 d="M 60 40 C 100 120, 20 200, 60 280 S 100 400, 60 480" 1726 /> 1727 </svg> 1728 1729 <ol class="process-map__stops"> 1730 <li class="process-map__stop"> 1731 <div class="process-map__pin" aria-hidden="true"><span>1</span></div> 1732 <div class="process-map__card"> 1733 <h3 class="process-map__title">Kostenlose Beratung</h3> 1734 <p class="process-map__desc">Persönliche Erstberatung â Ziele, Budget und Zeitplan klären wir unverbindlich.</p> 1735 <img class="process-map__photo" src="assets/images/external-optimized/process-beratung.webp?v=20260804-09" alt="Kostenlose Beratung" loading="lazy" decoding="async" /> 1736 </div> 1737 </li> 1738 <li class="process-map__stop"> 1739 <div class="process-map__pin" aria-hidden="true"><span>2</span></div> 1740 <div class="process-map__card"> 1741 <h3 class="process-map__title">3D-Visualisierung & Festpreisangebot</h3> 1742 <p class="process-map__desc">3D-Visualisierung mit transparentem Festpreis â Sie sehen das Ergebnis vor Baubeginn.</p> 1743 <img class="process-map__photo" src="assets/images/external-optimized/process-visualisierung.webp?v=20260804-09" alt="3D-Visualisierung & Festpreisangebot" loading="lazy" decoding="async" /> 1744 </div> 1745 </li> 1746 <li class="process-map__stop"> 1747 <div class="process-map__pin" aria-hidden="true"><span>3</span></div> 1748 <div class="process-map__card"> 1749 <h3 class="process-map__title">Baustart in 14 Tagen</h3> 1750 <p class="process-map__desc">Vertraglich zugesicherter Start â pünktlich und planbar.</p> 1751 <img class="process-map__photo" src="assets/images/external-optimized/process-baustart.webp?v=20260804-09" alt="Baustart in 14 Tagen" loading="lazy" decoding="async" /> 1752 </div> 1753 </li> 1754 <li class="process-map__stop"> 1755 <div class="process-map__pin" aria-hidden="true"><span>4</span></div> 1756 <div class="process-map__card"> 1757 <h3 class="process-map__title">Schlüsselfertige Ãbergabe</h3> 1758 <p class="process-map__desc">Schlüsselfertig übergeben â fertig, gereinigt und dokumentiert.</p> 1759 <img class="process-map__photo" src="assets/images/external-optimized/process-uebergabe.webp?v=20260804-09" alt="Schlüsselfertige Ãbergabe" loading="lazy" decoding="async" /> 1760 </div> 1761 </li> 1762 </ol> 1763 </div> 1764 1765 <div class="section-actions"> 1766 <a href="form.html" class="hero-btn primary">Kostenlose Beratung anfragen</a> 1767 </div>
1768 </div> 1769 </section> 1770 1771 1772 <!-- Häufig gestellte Fragen Section --> 1773 <section class="faq-placeholder-section" id="faq"> 1774 <div class="faq-placeholder-container"> 1775 <div class="section-heading faq-placeholder-header"> 1776 <span class="section-subtitle">FAQ</span> 1777 <h2>Häufig gestellte Fragen</h2> 1778 </div> 1779 1780 <div class="faq-placeholder-list"> 1781 <div class="faq-placeholder-item"> 1782 <span class="faq-placeholder-question">Question #1</span> 1783 <span class="faq-placeholder-icon">+</span> 1784 </div> 1785 1786 <div class="faq-placeholder-item"> 1787 <span class="faq-placeholder-question">Question #2</span> 1788 <span class="faq-placeholder-icon">+</span> 1789 </div> 1790 1791 <div class="faq-placeholder-item"> 1792 <span class="faq-placeholder-question">Question #3</span> 1793 <span class="faq-placeholder-icon">+</span> 1794 </div> 1795 1796 <div class="faq-placeholder-item"> 1797 <span class="faq-placeholder-question">Question #4</span> 1798 <span class="faq-placeholder-icon">+</span> 1799 </div> 1800 1801 <div class="faq-placeholder-item"> 1802 <span class="faq-placeholder-question">Question #5</span> 1803 <span class="faq-placeholder-icon">+</span> 1804 </div> 1805 1806 <div class="faq-placeholder-item"> 1807 <span class="faq-placeholder-question">Question #6</span> 1808 <span class="faq-placeholder-icon">+</span> 1809 </div> 1810 </div> 1811 </div> 1812 </section> 1813 1814 <!-- KONTAKT Section mit Karte (links) und Formular (rechts) --> 1815 <section class="contact-section contact-section--with-map" id="contact"> 1816 <div class="contact-container"> 1817 <div class="section-header"> 1818 <span class="section-subtitle">Kontakt</span> 1819 <h2>KONTAKT & STANDORTE</h2> 1820 </div> 1821 <div class="contact-layout"> 1822 <div class="contact-content"> 1823 <div class="contact-map contact-map-inline contact-map-d3" data-contact-map> 1824 <div class="germany-map-d3-box" data-germany-map-d3> 1825 <svg 1826 id="germany-map-d3" 1827 class="germany-map-d3" 1828 viewBox="0 0 830 752" 1829 role="img" 1830 aria-label="Deutschlandkarte mit Projektstandorten" 1831 ></svg> 1832 </div> 1833 </div> 1834 </div> 1835 1836 <div class="contact-aside"> 1837 <div class="contact-form-wrapper"> 1838 <form class="contact-form"> 1839 <div class="form-row"> 1840 <input 1841 type="text" 1842 name="firstname" 1843 placeholder="Vorname" 1844 class="form-input" 1845 translate="no" 1846 required 1847 /> 1848 <input 1849 type="text" 1850 name="lastname" 1851 placeholder="Nachname" 1852 class="form-input" 1853 translate="no" 1854 required 1855 /> 1856 </div> 1857 <div class="form-row"> 1858 <input 1859 type="email" 1860 name="email" 1861 placeholder="E-Mail" 1862 class="form-input" 1863 translate="no" 1864 required 1865 /> 1866 <input 1867 type="tel" 1868 name="phone" 1869 placeholder="Telefonnummer" 1870 class="form-input" 1871 translate="no" 1872 required 1873 /> 1874 </div> 1875 <textarea 1876 name="message" 1877 placeholder="Erzählen Sie uns von Ihrem Projekt" 1878 class="form-textarea" 1879 translate="no" 1880 rows="4" 1881 ></textarea> 1882 1883 <div class="form-checkbox"> 1884 <input type="checkbox" id="contactConsent" required /> 1885 <label for="contactConsent" 1886 >*Mit dem Ankreuzen dieses Feldes erkläre ich mich damit 1887 einverstanden, SMS-Nachrichten von Admara Inovia zu erhalten. 1888 <a href="#" id="openConsentModalFooter" class="consent-link" 1889 >Mehr erfahren</a 1890 ></label 1891 > 1892 </div> 1893 1894 <button type="submit" class="form-submit-btn"> 1895 Kostenlose Beratung anfragen â 1896 </button> 1897 </form>
1898 </div> 1899 1900 <div class="contact-info contact-info--below-form"> 1901 <div class="contact-item"> 1902 <div class="contact-icon"> 1903 <svg 1904 xmlns="http://www.w3.org/2000/svg" 1905 width="24" 1906 height="24" 1907 viewBox="0 0 24 24" 1908 fill="none" 1909 stroke="currentColor" 1910 stroke-width="2" 1911 stroke-linecap="round" 1912 stroke-linejoin="round" 1913 > 1914 <path 1915 d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" 1916 ></path> 1917 </svg> 1918 </div> 1919 <div class="contact-details"> 1920 <h4 class="contact-label">Telefon</h4> 1921 <p class="contact-value"><a href="tel:+4932212243891">+49 32212243891</a></p> 1922 </div> 1923 </div> 1924 1925 <div class="contact-item"> 1926 <div class="contact-icon"> 1927 <svg 1928 xmlns="http://www.w3.org/2000/svg" 1929 width="24" 1930 height="24" 1931 viewBox="0 0 24 24" 1932 fill="none" 1933 stroke="currentColor" 1934 stroke-width="2" 1935 stroke-linecap="round" 1936 stroke-linejoin="round" 1937 > 1938 <path 1939 d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" 1940 ></path> 1941 <polyline points="22,6 12,13 2,6"></polyline> 1942 </svg> 1943 </div> 1944 <div class="contact-details"> 1945 <h4 class="contact-label">E-Mail</h4> 1946 <p class="contact-value"><a href="mailto:[email protected]">[email protected]</a></p> 1947 </div> 1948 </div> 1949 1950 <div class="contact-item contact-item-einsatzgebiete"> 1951 <div class="contact-icon"> 1952 <svg 1953 xmlns="http://www.w3.org/2000/svg" 1954 width="24" 1955 height="24" 1956 viewBox="0 0 24 24" 1957 fill="none" 1958 stroke="currentColor" 1959 stroke-width="2" 1960 stroke-linecap="round" 1961 stroke-linejoin="round" 1962 > 1963 <path 1964 d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" 1965 ></path> 1966 <circle cx="12" cy="10" r="3"></circle> 1967 </svg> 1968 </div> 1969 <div class="contact-details"> 1970 <h4 class="contact-label">Einsatzgebiete</h4> 1971 <div class="contact-value"> 1972 <p>In ganz Deutschland</p> 1973 </div> 1974 </div> 1975 </div> 1976 1977 <div class="contact-item"> 1978 <div class="contact-icon"> 1979 <svg 1980 xmlns="http://www.w3.org/2000/svg" 1981 width="24" 1982 height="24" 1983 viewBox="0 0 24 24" 1984 fill="none" 1985 stroke="currentColor" 1986 stroke-width="2" 1987 stroke-linecap="round" 1988 stroke-linejoin="round" 1989 > 1990 <path 1991 d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" 1992 ></path> 1993 <circle cx="12" cy="10" r="3"></circle> 1994 </svg> 1995 </div> 1996 <div class="contact-details"> 1997 <h4 class="contact-label">Hauptsitz</h4> 1998 <p class="contact-value">Am Dreispitz 6, <br />79589 Binzen</p> 1999 </div> 2000 </div> 2001 </div> 2002 </div> 2003 </div> 2004 </div> 2005 </section> 2006 2007 2008 <!-- Footer --> 2009 <footer class="footer"> 2010 <div class="footer-container"> 2011 <div class="footer-content"> 2012 <div class="footer-brand"> 2013 <p class="footer-description"> 2014 Wir schaffen Räume, die inspirieren und Ihre Individualität 2015 widerspiegeln. 2016 </p> 2017 <div class="footer-social"> 2018 <a 2019 href="https://www.facebook.com/profile.php?id=61581737331809" 2020 class="social-link" 2021 aria-label="Facebook" 2022 > 2023 <svg 2024 xmlns="http://www.w3.org/2000/svg" 2025 width="24" 2026 height="24" 2027 viewBox="0 0 24 24" 2028 fill="currentColor" 2029 > 2030 <path 2031 d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" 2032 /> 2033 </svg> 2034 </a> 2035 <a
2036 href="https://www.instagram.com/admara_inovia/" 2037 class="social-link" 2038 aria-label="Instagram" 2039 > 2040 <svg 2041 xmlns="http://www.w3.org/2000/svg" 2042 width="24" 2043 height="24" 2044 viewBox="0 0 24 24" 2045 fill="currentColor" 2046 > 2047 <path 2048 d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" 2049 /> 2050 </svg> 2051 </a> 2052 2053 </div> 2054 </div> 2055 2056 <div class="footer-links"> 2057 <div class="footer-column"> 2058 <h4 class="footer-title">Schnellzugriff</h4> 2059 <ul class="footer-menu"> 2060 <li><a href="#hero">Startseite</a></li> 2061 <li><a href="#aboutus">Ãber uns</a></li> 2062 <li><a href="#dienstleistungen">Leistungen</a></li> 2063 <li><a href="#portfolio">Projekte</a></li> 2064 <li><a href="/renovierung-sanierung-hamburg/">Hamburg</a></li> 2065 </ul> 2066 </div> 2067 2068 <div class="footer-column"> 2069 <h4 class="footer-title">Leistungen</h4> 2070 <ul class="footer-menu"> 2071 <li> 2072 <a href="sanierung-innenausbau.html" 2073 >Sanierung und Modernisierung</a 2074 > 2075 </li> 2076 <li> 2077 <a href="renovierung.html">Renovierungsarbeiten aller Art</a> 2078 </li> 2079 <li> 2080 <a href="3d-visualisierung.html" 2081 >3D-Visualisierung von Projekten</a 2082 > 2083 </li> 2084 <li><a href="sanierung-innenausbau.html?scrollTo=foerderung#foerderung" onclick="window.location.href = 'sanierung-innenausbau.html?scrollTo=foerderung#foerderung'; return false;">Staatliche Förderungen</a></li> 2085 </ul> 2086 </div> 2087 2088 <div class="footer-column"> 2089 <h4 class="footer-title">Kontaktinformationen</h4> 2090 <div class="contact-info-footer"> 2091 <p>ð <a href="tel:+4932212243891">+49 32212243891</a></p> 2092 <p>âï¸ <a href="mailto:[email protected]">[email protected]</a></p> 2093 </div> 2094 </div> 2095 </div> 2096 </div> 2097 2098 <div class="footer-bottom"> 2099 <div class="footer-bottom-content"> 2100 <p class="copyright"> 2101 © 2026 Admara Industrial GmbH. Alle Rechte vorbehalten. 2102 </p> 2103 <div class="footer-bottom-links"> 2104 <a href="#" id="openDatenschutzModal">Datenschutzerklärung</a> 2105 <a href="#" id="openImpressumModal">Impressum</a> 2106 </div> 2107 </div> 2108 </div> 2109 </div> 2110 </footer> 2111 2112 <button class="scroll-to-top" id="scrollToTop" aria-label="ÐвеÑÑ ÑÑÑаниÑÑ"> 2113 <svg 2114 width="24" 2115 height="24" 2116 viewBox="0 0 24 24" 2117 fill="none" 2118 xmlns="http://www.w3.org/2000/svg" 2119 > 2120 <path 2121 d="M12 5V19M5 12L12 5L19 12" 2122 stroke="currentColor" 2123 stroke-width="2" 2124 stroke-linecap="round" 2125 stroke-linejoin="round" 2126 /> 2127 </svg> 2128 </button> 2129 2130 <button 2131 class="scroll-to-bottom" 2132 id="scrollToBottom" 2133 aria-label="Ðниз ÑÑÑаниÑÑ" 2134 > 2135 <svg 2136 width="24" 2137 height="24" 2138 viewBox="0 0 24 24" 2139 fill="none" 2140 xmlns="http://www.w3.org/2000/svg" 2141 > 2142 <path 2143 d="M12 5V19M5 12L12 19L19 12" 2144 stroke="currentColor" 2145 stroke-width="2" 2146 stroke-linecap="round" 2147 stroke-linejoin="round" 2148 /> 2149 </svg> 2150 </button> 2151 2152
2152<script> 2153 // ÐвÑомаÑиÑеÑкое обновление кÑÑа пÑи загÑÑзке 2154 window.addEventListener('load', function () { 2155 // ÐÑовеÑÑем веÑÑÐ¸Ñ Ð² localStorage 2156 const currentVersion = '7.2.18' 2157 const storedVersion = localStorage.getItem('siteVersion') 2158 2159 if (storedVersion !== currentVersion) { 2160 // ÐÑиÑаем кÑÑ Ð¸ обновлÑем веÑÑÐ¸Ñ 2161 localStorage.setItem('siteVersion', currentVersion) 2162 // ÐÑинÑдиÑелÑно пеÑезагÑÑжаем ÑÑÑаниÑÑ Ð±ÐµÐ· кÑÑа 2163 if (storedVersion) { 2164 location.reload(true) 2165 } 2166 } 2167 }) 2168 </script>
2168 2169 2170 <!-- Portfolio-Projekte: Galerie-Modal (UNSERE PROJEKTE) --> 2171 <div 2172 id="portfolioModal" 2173 class="portfolio-modal" 2174 role="dialog" 2175 aria-modal="true" 2176 aria-labelledby="modalTitle" 2177 > 2178 <div class="modal-overlay" aria-hidden="true"></div> 2179 <div class="modal-content"> 2180 <div class="modal-header"> 2181 <h3 class="modal-title" id="modalTitle">Projekt</h3> 2182 <div class="modal-specs" id="modalSpecs"></div> 2183 <button 2184 type="button" 2185 class="modal-close" 2186 id="portfolioModalClose" 2187 aria-label="SchlieÃen" 2188 > 2189 <svg 2190 width="24" 2191 height="24" 2192 viewBox="0 0 24 24" 2193 fill="none" 2194 aria-hidden="true" 2195 > 2196 <path 2197 d="M18 6L6 18M6 6L18 18" 2198 stroke="currentColor" 2199 stroke-width="2" 2200 stroke-linecap="round" 2201 stroke-linejoin="round" 2202 /> 2203 </svg> 2204 </button> 2205 </div> 2206 <div class="modal-gallery"> 2207 <div class="gallery-main"> 2208 <img 2209 id="mainImage" 2210 src="/assets/images/portfolio/card3/1.webp?v=20260804-09" 2211 alt="" decoding="async" loading="lazy" 2212 /> 2213 <button 2214 type="button" 2215 class="gallery-nav prev" 2216 id="prevImage" 2217 aria-label="Vorheriges Foto" 2218 > 2219 <svg 2220 width="24" 2221 height="24" 2222 viewBox="0 0 24 24" 2223 fill="none" 2224 aria-hidden="true" 2225 > 2226 <path 2227 d="M15 18L9 12L15 6" 2228 stroke="currentColor" 2229 stroke-width="2" 2230 stroke-linecap="round" 2231 stroke-linejoin="round" 2232 /> 2233 </svg> 2234 </button> 2235 <button 2236 type="button" 2237 class="gallery-nav next" 2238 id="nextImage" 2239 aria-label="Nächstes Foto" 2240 > 2241 <svg 2242 width="24" 2243 height="24" 2244 viewBox="0 0 24 24" 2245 fill="none" 2246 aria-hidden="true" 2247 > 2248 <path 2249 d="M9 18L15 12L9 6" 2250 stroke="currentColor" 2251 stroke-width="2" 2252 stroke-linecap="round" 2253 stroke-linejoin="round" 2254 /> 2255 </svg> 2256 </button> 2257 </div> 2258 <div class="gallery-thumbnails" id="galleryThumbnails"></div> 2259 </div> 2260 </div> 2261 </div> 2262 2263 <!-- Nach der Projekte-Sektion hinzufügen --> 2264 <!-- Modales Fenster --> 2265 <div id="contactModal" class="modal"> 2266 <div class="modal-overlay"></div> 2267 <div class="modal-content"> 2268 <div class="modal-header"> 2269 <h3>Kostenloses Angebot anfordern</h3> 2270 <button class="modal-close" id="modalClose"> 2271 <svg width="24" height="24" viewBox="0 0 24 24" fill="none"> 2272 <path 2273 d="M18 6L6 18M6 6L18 18" 2274 stroke="currentColor" 2275 stroke-width="2" 2276 stroke-linecap="round" 2277 stroke-linejoin="round" 2278 /> 2279 </svg> 2280 </button> 2281 </div> 2282 <div class="modal-body"> 2283 <div class="contact-form-wrapper"> 2284 <form class="contact-form"> 2285 <p class="form-description"> 2286 Kostenloses, unverbindliches Angebot mit Expertenberatung 2287 anfordern! 2288 </p> 2289 <div class="form-row"> 2290 <input 2291 type="text" 2292 name="firstname" 2293 placeholder="Vorname" 2294 class="form-input" 2295 translate="no" 2296 required 2297 /> 2298 <input 2299 type="text" 2300 name="lastname" 2301 placeholder="Nachname" 2302 class="form-input" 2303 translate="no" 2304 required 2305 /> 2306 </div> 2307 <div class="form-row"> 2308 <input 2309 type="email" 2310 name="email" 2311 placeholder="E-Mail" 2312 class="form-input" 2313 translate="no" 2314 required 2315 /> 2316 <input 2317 type="tel" 2318 name="phone" 2319 placeholder="Telefonnummer" 2320 class="form-input" 2321 translate="no" 2322 required 2323 /> 2324 </div> 2325 <textarea 2326 name="message" 2327 placeholder="Erzählen Sie uns von Ihrem Projekt" 2328 class="form-textarea" 2329 translate="no" 2330 rows="4" 2331 ></textarea> 2332 2333 <div class="form-checkbox"> 2334 <input type="checkbox" id="modalConsent" required /> 2335 <label for="modalConsent" 2336 >*Mit dem Ankreuzen dieses Feldes erkläre ich mich damit 2337 einverstanden, SMS-Nachrichten von Admara Inovia zu erhalten. 2338 <a 2339 href="#" 2340 id="openConsentModalFromModal" 2341 class="consent-link" 2342 >Mehr erfahren</a 2343 ></label 2344 > 2345 </div> 2346 2347 <button type="submit" class="form-submit-btn"> 2348 Kostenlos anfragen â 2349 </button> 2350 </form> 2351 </div>
2352 </div> 2353 </div> 2354 </div> 2355 <!-- SMS Consent Modal --> 2356 <div id="consentModal" class="modal"> 2357 <div class="modal-content"> 2358 <div class="modal-header"> 2359 <h3>SMS-Einverständniserklärung</h3> 2360 <span class="modal-close" id="closeConsentModal">×</span> 2361 </div> 2362 <div class="modal-body"> 2363 <h4>Einverständnis zum Erhalt von SMS-Nachrichten</h4> 2364 <p> 2365 Mit dem Ankreuzen des Feldes erklären Sie sich damit einverstanden, 2366 SMS-Nachrichten von <strong>Admara Inovia</strong> zu erhalten. 2367 </p> 2368 2369 <h4>Wichtige Informationen:</h4> 2370 <ul> 2371 <li> 2372 <strong>Abmeldung:</strong> Sie können sich jederzeit abmelden, 2373 indem Sie "STOP" als Antwort senden 2374 </li> 2375 <li> 2376 <strong>Kosten:</strong> Es können Gebühren für Nachrichten und 2377 Datenübertragung anfallen 2378 </li> 2379 <li> 2380 <strong>Häufigkeit:</strong> Die Häufigkeit der Nachrichten kann 2381 variieren 2382 </li> 2383 <li> 2384 <strong>Datenschutz:</strong> Weitere Informationen finden Sie in 2385 unserer Datenschutzerklärung 2386 </li> 2387 </ul> 2388 2389 <h4>Art der Nachrichten:</h4> 2390 <p>Sie erhalten Nachrichten zu:</p> 2391 <ul> 2392 <li>Terminbestätigungen und -erinnerungen</li> 2393 <li>Projektaktualisierungen</li> 2394 <li>Wichtige Mitteilungen zu Ihrem Renovierungsprojekt</li> 2395 <li>Gelegentliche Angebote und Promotionen</li> 2396 </ul> 2397 2398 <p class="modal-note"> 2399 <strong>Hinweis:</strong> Diese Einverständniserklärung ist 2400 freiwillig, aber erforderlich, um unsere SMS-Services nutzen zu 2401 können. 2402 </p> 2403 </div> 2404 <div class="modal-footer"> 2405 <button class="modal-btn modal-btn-secondary" id="declineConsent"> 2406 Ablehnen 2407 </button> 2408 <button class="modal-btn modal-btn-primary" id="acceptConsent"> 2409 Einverstanden 2410 </button> 2411 </div> 2412 </div> 2413 </div> 2414 2415 <!-- Impressum Modal --> 2416 <div id="impressumModal" class="impressum-modal"> 2417 <div class="legal-modal-content"> 2418 <div class="legal-modal-header"> 2419 <h3>Impressum</h3> 2420 <span class="legal-modal-close" id="closeImpressumModal" 2421 >×</span 2422 >
2423 </div> 2424 <div class="legal-modal-body"> 2425 <p>Admara Inovia ist die Marke für Sanierung und Renovierung der Admara Industrial GmbH. Anbieter und verantwortlich für diese Website ist:</p> 2426 <p>Angaben gemäà § 5 DDG</p> 2427 <p> 2428 Admara Industrial GmbH<br /> 2429 Am Dreispitz 6<br /> 2430 79589 Binzen<br /> 2431 Deutschland 2432 </p> 2433 <h4>Vertreten durch:</h4> 2434 <p>Geschäftsführer: Dainius Pelenis</p> 2435 <h4>Kontakt:</h4> 2436 <p> 2437 Telefon: <a href="tel:+4932212243831">+49 3221 2243831</a><br /> 2438 E-Mail: <a href="mailto:[email protected]">[email protected]</a> 2439 </p> 2440 <h4>Unsere Standorte:</h4> 2441 <p> 2442 Admara Inovia Hamburg<br /> 2443 Willy-Brandt-StraÃe 23<br /> 2444 20457 Hamburg 2445 </p> 2446 <p> 2447 Admara Inovia Düsseldorf<br /> 2448 Erkrather StraÃe 401<br /> 2449 40231 Düsseldorf 2450 </p> 2451 <p> 2452 Admara Inovia Bremen<br /> 2453 Neidenburger StraÃe 22<br /> 2454 28207 Bremen 2455 </p> 2456 <p>Einsatzgebiet: Hamburg, Düsseldorf, Bremen und Umgebung</p> 2457 <h4>Registereintrag:</h4> 2458 <p> 2459 Eintragung im Handelsregister<br /> 2460 Registergericht: Amtsgericht Freiburg im Breisgau<br /> 2461 Handelsregister: HRB 726350 2462 </p> 2463 <h4>Umsatzsteuer-ID:</h4> 2464 <p> 2465 Umsatzsteuer-Identifikationsnummer gemäà § 27a Umsatzsteuergesetz:<br /> 2466 DE353030892 2467 </p> 2468 <h4>Verbraucherstreitbeilegung:</h4> 2469 <p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p> 2470 </div> 2471 </div> 2472 </div> 2473 2474 <!-- Datenschutz Modal --> 2475 <div id="datenschutzModal" class="datenschutz-modal"> 2476 <div class="legal-modal-content"> 2477 <div class="legal-modal-header"> 2478 <h3>Datenschutzerklärung</h3> 2479 <span class="legal-modal-close" id="closeDatenschutzModal" 2480 >×</span 2481 >
2482 </div> 2483 <div class="legal-modal-body"> 2484 <h4>1. Datenschutz auf einen Blick</h4> 2485 <h5>Allgemeine Hinweise</h5> 2486 <p> 2487 Die folgenden Hinweise geben einen einfachen Ãberblick darüber, was 2488 mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website 2489 besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie 2490 persönlich identifiziert werden können. 2491 </p> 2492 2493 <h5>Datenerfassung auf dieser Website</h5> 2494 <p> 2495 <strong 2496 >Wer ist verantwortlich für die Datenerfassung auf dieser 2497 Website?</strong 2498 ><br /> 2499 Die Datenverarbeitung auf dieser Website erfolgt durch den 2500 Websitebetreiber. Dessen Kontaktdaten können Sie dem Impressum 2501 dieser Website entnehmen. 2502 </p> 2503 2504 <p> 2505 <strong>Wie erfassen wir Ihre Daten?</strong><br /> 2506 Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese 2507 mitteilen. Hierbei kann es sich z.B. um Daten handeln, die Sie in 2508 ein Kontaktformular eingeben. 2509 </p> 2510 2511 <h4>2. Hosting</h4> 2512 <p>Wir hosten die Inhalte unserer Website bei folgendem Anbieter:</p> 2513 <p> 2514 <strong>Externes Hosting</strong><br /> 2515 Diese Website wird extern gehostet. Die personenbezogenen Daten, die 2516 auf dieser Website erfasst werden, werden auf den Servern des 2517 Hosters gespeichert. 2518 </p> 2519 2520 <h4>3. Allgemeine Hinweise und Pflichtinformationen</h4> 2521 <h5>Datenschutz</h5> 2522 <p> 2523 Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen 2524 Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten 2525 vertraulich und entsprechend der gesetzlichen 2526 Datenschutzbestimmungen sowie dieser Datenschutzerklärung. 2527 </p> 2528 2529 <h5>Hinweis zur verantwortlichen Stelle</h5> 2530 <p> 2531 Die verantwortliche Stelle für die Datenverarbeitung auf dieser 2532 Website ist: 2533 </p> 2534 <p> 2535 GDM Interiors<br /> 2536 MusterstraÃe 123<br /> 2537 12345 Musterstadt<br /> 2538 Deutschland<br /><br /> 2539 Telefon: <a href="tel:+49123456789">+49 (0) 123 456789</a><br /> 2540 E-Mail: <a href="mailto:[email protected]">[email protected]</a> 2541 </p> 2542 2543 <h4>4. Datenerfassung auf dieser Website</h4> 2544 <h5>Cookies</h5> 2545 <p> 2546 Unsere Internetseiten verwenden so genannte âCookies". Cookies sind 2547 kleine Textdateien und richten auf Ihrem Endgerät keinen Schaden an. 2548 Sie werden entweder vorübergehend für die Dauer einer Sitzung 2549 (Session-Cookies) oder dauerhaft (permanente Cookies) auf Ihrem 2550 Endgerät gespeichert. 2551 </p> 2552 2553 <h5>Kontaktformular</h5> 2554 <p> 2555 Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden 2556 Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort 2557 angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den 2558 Fall von Anschlussfragen bei uns gespeichert. 2559 </p> 2560 <p> 2561 Zur Abwehr von Missbrauch, Bot-Traffic und Spam verarbeiten wir 2562 zusaetzlich technische Verbindungsdaten (insbesondere IP-Adresse, 2563 User-Agent, Zeitpunkt und aufgerufener Endpunkt). Diese Verarbeitung 2564 erfolgt auf Grundlage unseres berechtigten Interesses an der 2565 Sicherheit und Funktionsfaehigkeit unserer Dienste (Art. 6 Abs. 1 2566 lit. f DSGVO). Soweit moeglich, speichern wir die IP-Adresse nur 2567 maskiert bzw. als Hash. Sicherheitsprotokolle werden regelmaessig 2568 geloscht, in der Regel nach 30 bis 90 Tagen. 2569 </p> 2570 2571 <h4>5. Ihre Rechte</h4> 2572 <p> 2573 Sie haben jederzeit das Recht unentgeltlich Auskunft über Herkunft, 2574 Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu 2575 erhalten. Sie haben auÃerdem ein Recht, die Berichtigung, Sperrung 2576 oder Löschung dieser Daten zu verlangen. 2577 </p> 2578 2579 <p class="legal-modal-note"><strong>Stand:</strong> Januar 2024</p> 2580 </div> 2581 </div> 2582 </div> 2583 2584 <!-- Cookie Consent Banner --> 2585 <div id="cookieConsent" class="cookie-consent"> 2586 <div class="cookie-content"> 2587 <div class="cookie-text"> 2588 <div class="cookie-title">ðª Wir verwenden Cookies</div> 2589 <div class="cookie-description"> 2590 Wir nutzen Cookies und ähnliche Technologien, um Ihnen die 2591 bestmögliche Nutzererfahrung zu bieten. Einige sind notwendig für 2592 den Betrieb der Website, andere helfen uns, diese zu verbessern. 2593 <a href="#" id="openDatenschutz">Datenschutzerklärung</a> 2594 </div>
2595 </div> 2596 <div class="cookie-buttons"> 2597 <button class="cookie-btn cookie-btn-decline" id="declineCookies"> 2598 Ablehnen 2599 </button> 2600 <button class="cookie-btn cookie-btn-settings" id="cookieSettings"> 2601 Einstellungen 2602 </button> 2603 <button class="cookie-btn cookie-btn-accept" id="acceptCookies"> 2604 Alle akzeptieren 2605 </button> 2606 </div> 2607 </div> 2608 </div> 2609 2610 <!-- Cookie Settings Modal --> 2611 <div id="cookieSettingsModal" class="modal"> 2612 <div class="modal-content"> 2613 <div class="modal-header"> 2614 <h3>Cookie-Einstellungen</h3> 2615 <span class="modal-close" id="closeCookieSettings">×</span> 2616 </div> 2617 <div class="modal-body"> 2618 <div class="cookie-category"> 2619 <div class="cookie-category-header"> 2620 <div class="cookie-category-info"> 2621 <h4>Notwendige Cookies</h4> 2622 <p> 2623 Diese Cookies sind für das Funktionieren der Website 2624 erforderlich und können nicht deaktiviert werden. 2625 </p> 2626 </div> 2627 <div class="cookie-toggle">
2628 <input type="checkbox" id="necessaryCookies" checked disabled /> 2629 <label for="necessaryCookies" class="toggle-label"></label> 2630 </div> 2631 </div> 2632 </div> 2633 2634 <div class="cookie-category"> 2635 <div class="cookie-category-header"> 2636 <div class="cookie-category-info"> 2637 <h4>Analytische Cookies</h4> 2638 <p> 2639 Diese Cookies helfen uns zu verstehen, wie Besucher mit 2640 unserer Website interagieren, indem sie Informationen anonym 2641 sammeln und melden. 2642 </p> 2643 </div> 2644 <div class="cookie-toggle"> 2645 <input type="checkbox" id="analyticsCookies" /> 2646 <label for="analyticsCookies" class="toggle-label"></label> 2647 </div> 2648 </div> 2649 </div> 2650 2651 <div class="cookie-category"> 2652 <div class="cookie-category-header"> 2653 <div class="cookie-category-info"> 2654 <h4>Marketing Cookies</h4> 2655 <p> 2656 Diese Cookies werden verwendet, um Werbeanzeigen zu 2657 personalisieren und die Effektivität von Werbekampagnen zu 2658 messen. 2659 </p> 2660 </div> 2661 <div class="cookie-toggle"> 2662 <input type="checkbox" id="marketingCookies" /> 2663 <label for="marketingCookies" class="toggle-label"></label> 2664 </div> 2665 </div> 2666 </div> 2667 2668 <div class="cookie-category"> 2669 <div class="cookie-category-header"> 2670 <div class="cookie-category-info"> 2671 <h4>Funktionale Cookies</h4> 2672 <p> 2673 Diese Cookies ermöglichen erweiterte Funktionalitäten und 2674 Personalisierung der Website. 2675 </p> 2676 </div> 2677 <div class="cookie-toggle"> 2678 <input type="checkbox" id="functionalCookies" /> 2679 <label for="functionalCookies" class="toggle-label"></label> 2680 </div> 2681 </div> 2682 </div> 2683 </div> 2684 <div class="modal-footer"> 2685 <button class="modal-btn modal-btn-secondary" id="saveOnlyNecessary"> 2686 Nur notwendige 2687 </button> 2688 <button class="modal-btn modal-btn-primary" id="saveAllCookies"> 2689 Alle speichern 2690 </button> 2691 </div> 2692 </div> 2693 </div> 2694 2695
2695<script src="assets/script/dynamic-landing.js?v=20260804-09" defer></script>
2695 2696
2696<script src="assets/script/home-social-proof.js?v=20260816-13" defer></script>
2696 2697
2697<script> 2698 ;(function () { 2699 function loadScript(src) { 2700 return new Promise(function (resolve, reject) { 2701 var script = document.createElement('script') 2702 script.src = src 2703 script.async = false 2704 script.onload = resolve 2705 script.onerror = reject 2706 document.body.appendChild(script) 2707 }) 2708 } 2709 2710 function loadMap() { 2711 if (window.__admaraMapLoading) return 2712 window.__admaraMapLoading = true 2713 loadScript('assets/script/vendor/d3.v7.min.js?v=20260804-09').then(function () { 2714 return loadScript('assets/script/germany-map-d3.js?v=20260811-19') 2715 }) 2716 } 2717 2718 function watchMap() { 2719 var map = document.getElementById('germany-map-d3') 2720 if (!map) return 2721 if ('IntersectionObserver' in window) { 2722 var observer = new IntersectionObserver( 2723 function (entries) { 2724 if (!entries.some(function (entry) { return entry.isIntersecting })) return 2725 observer.disconnect() 2726 loadMap() 2727 }, 2728 { rootMargin: '900px 0px' } 2729 ) 2730 observer.observe(map) 2731 } else { 2732 window.setTimeout(loadMap, 2500) 2733 } 2734 } 2735 2736 function loadCoverageDebug() { 2737 var enabled = 2738 /[?&]debug=coverage(?:&|$)/.test(window.location.search) || 2739 window.localStorage.getItem('admaraCoverageDebug') === '1' 2740 if (enabled) loadScript('assets/script/coverage-debug.js?v=20260804-09') 2741 } 2742 2743 if (document.readyState === 'loading') { 2744 document.addEventListener('DOMContentLoaded', function () { 2745 watchMap() 2746 loadCoverageDebug() 2747 }) 2748 } else { 2749 watchMap() 2750 loadCoverageDebug() 2751 } 2752 })() 2753 </script>
2753 2754
2754<script> 2755 (function () { 2756 function initCriticalMobileMenu() { 2757 if (window.__admaraMobileMenuReady) return 2758 var mobileMenuToggle = document.getElementById('mobileMenuToggle') 2759 var mobileMenu = document.getElementById('mobileMenu') 2760 if (!mobileMenuToggle || !mobileMenu) return 2761 window.__admaraMobileMenuReady = true 2762 2763 mobileMenuToggle.addEventListener('click', function () { 2764 mobileMenuToggle.classList.toggle('active') 2765 mobileMenu.classList.toggle('active') 2766 document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '' 2767 }) 2768 2769 document.querySelectorAll('.mobile-dropdown').forEach(function (dropdown) { 2770 var toggle = dropdown.querySelector('.mobile-dropdown-toggle') 2771 if (!toggle) return 2772 toggle.addEventListener('click', function (event) { 2773 event.preventDefault() 2774 dropdown.classList.toggle('active') 2775 }) 2776 }) 2777 2778 document.querySelectorAll('.mobile-menu-list a:not(.mobile-dropdown-toggle)').forEach(function (link) { 2779 link.addEventListener('click', function () { 2780 mobileMenuToggle.classList.remove('active') 2781 mobileMenu.classList.remove('active') 2782 document.body.style.overflow = '' 2783 }) 2784 }) 2785 } 2786 2787 function onReady(callback) { 2788 if (document.readyState === 'loading') { 2789 document.addEventListener('DOMContentLoaded', callback, { once: true }) 2790 } else { 2791 callback() 2792 } 2793 } 2794 2795 var indexLoaded = false 2796 var indexLoading = false 2797 var indexCallbacks = [] 2798 function flushIndexCallbacks() { 2799 var callbacks = indexCallbacks.slice() 2800 indexCallbacks.length = 0 2801 callbacks.forEach(function (callback) { callback() }) 2802 } 2803 function loadIndexScript(callback) { 2804 if (typeof callback === 'function') indexCallbacks.push(callback) 2805 if (indexLoaded) { 2806 flushIndexCallbacks() 2807 return 2808 } 2809 if (indexLoading) return 2810 indexLoading = true 2811 indexLoaded = true 2812 var script = document.createElement('script') 2813 script.src = 'assets/script/index.js?v=20260914-01' 2814 script.async = true 2815 script.onload = flushIndexCallbacks 2816 document.head.appendChild(script) 2817 } 2818 2819 window.__loadAdmaraIndex = loadIndexScript 2820 onReady(initCriticalMobileMenu) 2821 2822 ;['pointerdown', 'keydown', 'touchstart', 'scroll'].forEach(function (eventName) { 2823 window.addEventListener(eventName, loadIndexScript, { once: true, passive: true }) 2824 }) 2825 document.addEventListener('click', function (event) { 2826 var card = event.target.closest && event.target.closest('.portfolio-card[data-project]') 2827 if (!card || window.__admaraPortfolioModalReady) return 2828 event.preventDefault() 2829 event.stopPropagation() 2830 var projectKey = card.getAttribute('data-project') 2831 loadIndexScript(function () { 2832 if (window.initPortfolioModal) window.initPortfolioModal() 2833 if (projectKey && window.openPortfolioModal) window.openPortfolioModal(projectKey) 2834 }) 2835 }, true) 2836 window.addEventListener('load', function () { 2837 window.setTimeout(loadIndexScript, 12000) 2838 }, { once: true }) 2839 })() 2840 </script>
2840 2841 2842 <!-- Basis Package Modal --> 2843 <div id="basisModal" class="package-modal"> 2844 <div class="modal-content"> 2845 <div class="modal-header"> 2846 <h2>Basis-Renovierung</h2> 2847 <span 2848 class="close-modal" 2849 data-modal="basisModal" 2850 onclick="closePackageModal('basisModal')" 2851 >×</span 2852 > 2853 </div> 2854 <div class="modal-body"> 2855 <div class="modal-layout"> 2856 <!-- Left sidebar with categories --> 2857 <div class="modal-sidebar"> 2858 <div class="category-list"> 2859 <div 2860 class="category-item active" 2861 data-category="boden" 2862 onclick="switchCategory('basisModal', 'boden')" 2863 > 2864 <h3>Boden</h3> 2865 </div> 2866 <div 2867 class="category-item" 2868 data-category="wand" 2869 onclick="switchCategory('basisModal', 'wand')" 2870 > 2871 <h3>Wand</h3> 2872 </div> 2873 <div 2874 class="category-item" 2875 data-category="decke" 2876 onclick="switchCategory('basisModal', 'decke')" 2877 > 2878 <h3>Decke</h3> 2879 </div> 2880 <div 2881 class="category-item" 2882 data-category="turen" 2883 onclick="switchCategory('basisModal', 'turen')" 2884 > 2885 <h3>Türen</h3> 2886 </div> 2887 <div 2888 class="category-item" 2889 data-category="bad" 2890 onclick="switchCategory('basisModal', 'bad')" 2891 > 2892 <h3>Bad</h3> 2893 </div> 2894 <div 2895 class="category-item" 2896 data-category="elektrik" 2897 onclick="switchCategory('basisModal', 'elektrik')" 2898 > 2899 <h3>Steckdosen</h3> 2900 </div> 2901 <div 2902 class="category-item" 2903 data-category="lichtschalter" 2904 onclick="switchCategory('basisModal', 'lichtschalter')" 2905 > 2906 <h3>Lichtschalter</h3> 2907 </div> 2908 </div> 2909 </div> 2910 2911 <!-- Right content area --> 2912 <div class="modal-main-content"> 2913 <!-- Boden Category Content --> 2914 <div class="category-content active" id="basis-boden-content"> 2915 <div class="category-items"> 2916 <div class="item-row"> 2917 <div class="item-info"> 2918 <h4 2919 class="item-name clickable" 2920 data-images="assets/images/modal/boden/LaminatEicheNatur1.webp,assets/images/modal/boden/LaminatEicheNatur2.webp?v=20260804-09" 2921 > 2922 Laminat Eiche Standard 2923 </h4> 2924 <p class="item-description"> 2925 Basis Qualität, Natur<br />1.292 x 193 x 7 mm 2926 </p> 2927 </div> 2928 </div> 2929 <div class="item-row"> 2930 <div class="item-info"> 2931 <h4 2932 class="item-name clickable" 2933 data-images="assets/images/modal/boden/Sockelleiste1.webp,assets/images/modal/boden/Sockelleiste2.webp?v=20260804-09" 2934 > 2935 Sockelleiste Standard 2936 </h4> 2937 <p class="item-description"> 2938 Kiefer, Lackiert<br />240 x 0,6 x 2,3 cm 2939 </p> 2940 </div> 2941 </div> 2942 <div class="item-row"> 2943 <div class="item-info"> 2944 <h4 2945 class="item-name clickable" 2946 data-images="assets/images/modal/boden/Dämmunterlage1.webp,assets/images/modal/boden/Dämmunterlage2.webp?v=20260804-09" 2947 > 2948 Dämmunterlage Basic 2949 </h4> 2950 <p class="item-description"> 2951 grau<br />25 m², Stärke: 1,2 mm 2952 </p> 2953 </div> 2954 </div> 2955 </div> 2956 2957 <!-- Image display area for Boden --> 2958 <div class="images-display"> 2959 <div class="image-placeholder"> 2960 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 2961 </div> 2962 </div> 2963 2964 <!-- Mobile close button --> 2965 <button 2966 class="modal-close-btn" 2967 data-modal="basisModal" 2968 onclick="closePackageModal('basisModal')" 2969 > 2970 SchlieÃen 2971 </button> 2972 </div> 2973 2974 <!-- Wand Category Content --> 2975 <div class="category-content" id="basis-wand-content"> 2976 <div class="category-items"> 2977 <div class="item-row"> 2978 <div class="item-info"> 2979 <h4 2980 class="item-name clickable" 2981 data-images="assets/images/modal/boden/Raufasertapete1.webp,assets/images/modal/boden/Raufasertapete2.webp?v=20260804-09" 2982 > 2983 Raufasertapete Standard 2984 </h4> 2985 <p class="item-description"> 2986 KorngröÃe: Grob, weiÃ<br />33 x 0,53 m 2987 </p> 2988 </div> 2989 </div> 2990 <div class="item-row"> 2991 <div class="item-info"> 2992 <h4 2993 class="item-name clickable" 2994 data-images="assets/images/modal/boden/Standrard_Wandfarbe1.webp,assets/images/modal/boden/Standrard_Wandfarbe2.webp?v=20260804-09" 2995 > 2996 Basis Wandfarbe 2997 </h4> 2998 <p class="item-description"> 2999 Dispersionsfarbe, weiÃ<br />10 l 3000 </p> 3001 </div> 3002 </div> 3003 </div> 3004 3005 <!-- Image display area for Wand --> 3006 <div class="images-display"> 3007 <div class="image-placeholder"> 3008 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3009 </div> 3010 </div> 3011 3012 <!-- Mobile close button --> 3013 <button 3014 class="modal-close-btn" 3015 data-modal="basisModal" 3016 onclick="closePackageModal('basisModal')" 3017 > 3018 SchlieÃen 3019 </button> 3020 </div> 3021 3022 <!-- Decke Category Content --> 3023 <div class="category-content" id="basis-decke-content"> 3024 <div class="category-items"> 3025 <div class="item-row"> 3026 <div class="item-info"> 3027 <h4 3028 class="item-name clickable" 3029 data-images="assets/images/modal/boden/Raufasertapete1.webp,assets/images/modal/boden/Raufasertapete2.webp?v=20260804-09" 3030 > 3031 Raufasertapete, KorngröÃe: Mittel 3032 </h4> 3033 <p class="item-description">weiÃ<br />33 x 0,53 m</p> 3034 </div> 3035 </div> 3036 <div class="item-row"> 3037 <div class="item-info"> 3038 <h4 3039 class="item-name clickable" 3040 data-images="assets/images/modal/boden/Standrard_Wandfarbe1.webp,assets/images/modal/boden/Standrard_Wandfarbe2.webp?v=20260804-09" 3041 > 3042 Standard Wandfarbe 3043 </h4> 3044 <p class="item-description">weiÃ<br />10 l</p> 3045 </div> 3046 </div> 3047 </div> 3048 3049 <!-- Image display area for Decke --> 3050 <div class="images-display"> 3051 <div class="image-placeholder"> 3052 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3053 </div> 3054 </div> 3055 3056 <!-- Mobile close button --> 3057 <button 3058 class="modal-close-btn" 3059 data-modal="basisModal" 3060 onclick="closePackageModal('basisModal')" 3061 > 3062 SchlieÃen 3063 </button> 3064 </div> 3065 3066 <!-- Türen Category Content --> 3067 <div class="category-content" id="basis-turen-content"> 3068 <div class="category-items"> 3069 <div class="item-row"> 3070 <div class="item-info"> 3071 <h4 3072 class="item-name clickable" 3073 data-images="assets/images/modal/Türen/Zimmertür1.webp,assets/images/modal/Türen/Zimmertür2.webp?v=20260804-09" 3074 > 3075 Zimmertür Standard, Röhrenspan 3076 </h4> 3077 <p class="item-description"> 3078 Weià seidenmatt<br />735 x 1.985 mm 3079 </p> 3080 </div> 3081 </div> 3082 <div class="item-row"> 3083 <div class="item-info"> 3084 <h4 3085 class="item-name clickable" 3086 data-images="assets/images/modal/Türen/Türgriff1.webp,assets/images/modal/Türen/Türgriff2.webp?v=20260804-09" 3087 > 3088 Türgriff zweiteilig 3089 </h4> 3090 <p class="item-description"> 3091 Edelstahl, Buntbart<br />Stärke Tür: 38 mm - 45 mm 3092 </p> 3093 </div> 3094 </div> 3095 </div> 3096 3097 <!-- Image display area for Türen --> 3098 <div class="images-display"> 3099 <div class="image-placeholder"> 3100 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3101 </div> 3102 </div> 3103 3104 <!-- Mobile close button --> 3105 <button 3106 class="modal-close-btn" 3107 data-modal="basisModal" 3108 onclick="closePackageModal('basisModal')" 3109 > 3110 SchlieÃen 3111 </button> 3112 </div> 3113 3114 <!-- Bad Category Content --> 3115 <div class="category-content" id="basis-bad-content"> 3116 <div class="category-items"> 3117 <div class="item-row"> 3118 <div class="item-info"> 3119 <h4 3120 class="item-name clickable" 3121 data-images="assets/images/modal/Bad/Feinsteinzeugfliese1.webp,assets/images/modal/Bad/Feinsteinzeugfliese2.webp?v=20260804-09" 3122 > 3123 Feinsteinzeug Bodenfliese 3124 </h4> 3125 <p class="item-description">Grau, matt<br />30 x 60 cm</p> 3126 </div> 3127 </div> 3128 <div class="item-row"> 3129 <div class="item-info"> 3130 <h4 3131 class="item-name clickable" 3132 data-images="assets/images/modal/Bad/Wandfliese1.webp,assets/images/modal/Bad/Wandfliese2.webp?v=20260804-09" 3133 > 3134 Wandfliese White Classic 3135 </h4> 3136 <p class="item-description"> 3137 WeiÃ, Glänzend<br />30 x 60 cm 3138 </p> 3139 </div> 3140 </div> 3141 <div class="item-row"> 3142 <div class="item-info"> 3143 <h4 3144 class="item-name clickable" 3145 data-images="assets/images/modal/Bad/Camargue1.webp,assets/images/modal/Bad/Camargue2.webp?v=20260804-09" 3146 > 3147 Camargue Elba Waschtischarmatur 3148 </h4> 3149 <p class="item-description">Hochdruck, Chrom, Glänzend</p> 3150 </div> 3151 </div> 3152 <div class="item-row"> 3153 <div class="item-info"> 3154 <h4 3155 class="item-name clickable" 3156 data-images="assets/images/modal/Bad/Hansgrohe1.webp,assets/images/modal/Bad/Hansgrohe2.webp?v=20260804-09" 3157 > 3158 Hansgrohe Crometta Brause-Set Vario/Ecostat 1001 SL 3159 </h4> 3160 <p class="item-description">Chrom</p> 3161 </div> 3162 </div> 3163 <div class="item-row"> 3164 <div class="item-info"> 3165 <h4 3166 class="item-name clickable" 3167 data-images="assets/images/modal/Bad/Waschbecken1.webp,assets/images/modal/Bad/Waschbecken2.webp?v=20260804-09" 3168 > 3169 Waschbecken 3170 </h4> 3171 <p class="item-description"> 3172 MaÃe: 61,5 x 45 cm<br />Farbe: WeiÃ, Hahnloch: Mitte, 3173 Mit Ãberlauf 3174 </p> 3175 </div> 3176 </div> 3177 </div> 3178 3179 <!-- Image display area for Bad --> 3180 <div class="images-display"> 3181 <div class="image-placeholder"> 3182 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3183 </div> 3184 </div> 3185 3186 <!-- Mobile close button --> 3187 <button 3188 class="modal-close-btn" 3189 data-modal="basisModal" 3190 onclick="closePackageModal('basisModal')" 3191 > 3192 SchlieÃen 3193 </button> 3194 </div> 3195 3196 <!-- Elektrik Category Content --> 3197 <div class="category-content" id="basis-elektrik-content"> 3198 <div class="category-items"> 3199 <div class="item-row"> 3200 <div class="item-info"> 3201 <h4 3202 class="item-name clickable" 3203 data-images="assets/images/modal/Steckdosen/Steckdosen.webp?v=20260804-09" 3204 > 3205 Steckdosen 3206 </h4> 3207 <p class="item-description"> 3208 Farbe: AlpinweiÃ<br />Standardausführung 3209 </p> 3210 </div> 3211 </div> 3212 </div> 3213 3214 <!-- Image display area for Elektrik --> 3215 <div class="images-display"> 3216 <div class="image-placeholder"> 3217 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3218 </div> 3219 </div> 3220 3221 <!-- Mobile close button --> 3222 <button 3223 class="modal-close-btn" 3224 data-modal="basisModal" 3225 onclick="closePackageModal('basisModal')" 3226 > 3227 SchlieÃen 3228 </button> 3229 </div> 3230 3231 <!-- Lichtschalter Category Content --> 3232 <div class="category-content" id="basis-lichtschalter-content"> 3233 <div class="category-items"> 3234 <div class="item-row"> 3235 <div class="item-info"> 3236 <h4 3237 class="item-name clickable" 3238 data-images="assets/images/modal/Lichtschalter/Lichtschalter1.avif,assets/images/modal/Lichtschalter/Lichtschalter2.avif,assets/images/modal/Lichtschalter/Lichtschalter3.avif" 3239 > 3240 Lichtschalter 3241 </h4> 3242 <p class="item-description"> 3243 Farbe: Weià oder Schwarz<br />Minimalistisches Design 3244 </p> 3245 </div> 3246 </div> 3247 </div> 3248 3249 <!-- Image display area for Lichtschalter --> 3250 <div class="images-display"> 3251 <div class="image-placeholder"> 3252 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3253 </div> 3254 </div> 3255 3256 <!-- Mobile close button --> 3257 <button 3258 class="modal-close-btn" 3259 data-modal="basisModal" 3260 onclick="closePackageModal('basisModal')" 3261 > 3262 SchlieÃen 3263 </button> 3264 </div> 3265 </div> 3266 </div>
3267 </div> 3268 </div> 3269 </div> 3270 3271 <!-- Modern Package Modal --> 3272 <div id="modernModal" class="package-modal"> 3273 <div class="modal-content"> 3274 <div class="modal-header"> 3275 <h2>Moderne-Renovierung</h2> 3276 <span 3277 class="close-modal" 3278 data-modal="modernModal" 3279 onclick="closePackageModal('modernModal')" 3280 >×</span 3281 > 3282 </div> 3283 <div class="modal-body"> 3284 <div class="modal-layout"> 3285 <!-- Left sidebar with categories --> 3286 <div class="modal-sidebar"> 3287 <div class="category-list"> 3288 <div 3289 class="category-item active" 3290 data-category="boden" 3291 onclick="switchCategory('modernModal', 'boden')" 3292 > 3293 <h3>Boden</h3> 3294 </div> 3295 <div 3296 class="category-item" 3297 data-category="wand" 3298 onclick="switchCategory('modernModal', 'wand')" 3299 > 3300 <h3>Wand</h3> 3301 </div> 3302 <div 3303 class="category-item" 3304 data-category="decke" 3305 onclick="switchCategory('modernModal', 'decke')" 3306 > 3307 <h3>Decke</h3> 3308 </div> 3309 <div 3310 class="category-item" 3311 data-category="turen" 3312 onclick="switchCategory('modernModal', 'turen')" 3313 > 3314 <h3>Türen</h3> 3315 </div> 3316 <div 3317 class="category-item" 3318 data-category="bad" 3319 onclick="switchCategory('modernModal', 'bad')" 3320 > 3321 <h3>Bad</h3> 3322 </div> 3323 <div 3324 class="category-item" 3325 data-category="elektrik" 3326 onclick="switchCategory('modernModal', 'elektrik')" 3327 > 3328 <h3>Steckdosen</h3> 3329 </div> 3330 <div 3331 class="category-item" 3332 data-category="lichtschalter" 3333 onclick="switchCategory('modernModal', 'lichtschalter')" 3334 > 3335 <h3>Lichtschalter</h3> 3336 </div> 3337 </div> 3338 </div> 3339 3340 <!-- Right content area --> 3341 <div class="modal-main-content"> 3342 <!-- Boden Category Content --> 3343 <div class="category-content active" id="modern-boden-content"> 3344 <div class="category-items"> 3345 <div class="item-row"> 3346 <div class="item-info"> 3347 <h4 3348 class="item-name clickable" 3349 data-images="assets/images/modal/Modern/Boden/Hartvinylboden1.webp,assets/images/modal/Modern/Boden/Hartvinylboden2.webp?v=20260804-09" 3350 > 3351 Hartvinylboden ElementPro 3352 </h4> 3353 <p class="item-description"> 3354 Fliese, Sharky Tiles<br />1.210 x 295 x 5 mm 3355 </p> 3356 </div> 3357 </div> 3358 <div class="item-row"> 3359 <div class="item-info"> 3360 <h4 3361 class="item-name clickable" 3362 data-images="assets/images/modal/Modern/Boden/BodenSockelleisten1.webp?v=20260804-09 assets/images/modal/Modern/Boden/BodenSockelleisten2.webp?v=20260804-09" 3363 > 3364 Boden Sockelleisten 3365 </h4> 3366 <p class="item-description"> 3367 WeiÃ<br />244 x 1,8 x 5,8 cm 3368 </p> 3369 </div> 3370 </div> 3371 <div class="item-row"> 3372 <div class="item-info"> 3373 <h4 3374 class="item-name clickable" 3375 data-images="assets/images/modal/Modern/Boden/Dämmunterlage1.webp,assets/images/modal/Modern/Boden/Dämmunterlage2.webp?v=20260804-09" 3376 > 3377 Dämmunterlage 3378 </h4> 3379 <p class="item-description"> 3380 gelb<br />10 m², Stärke: 1,5 mm 3381 </p> 3382 </div> 3383 </div> 3384 </div> 3385 3386 <!-- Image display area for Boden --> 3387 <div class="images-display"> 3388 <div class="image-placeholder"> 3389 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3390 </div> 3391 </div> 3392 3393 <!-- Mobile close button --> 3394 <button 3395 class="modal-close-btn" 3396 data-modal="modernModal" 3397 onclick="closePackageModal('modernModal')" 3398 > 3399 SchlieÃen 3400 </button> 3401 </div> 3402 3403 <!-- Wand Category Content --> 3404 <div class="category-content" id="modern-wand-content"> 3405 <div class="category-items"> 3406 <div class="item-row"> 3407 <div class="item-info"> 3408 <h4 3409 class="item-name clickable" 3410 data-images="assets/images/modal/Modern/Wand/velour.webp,assets/images/modal/Modern/Wand/SILK.webp,assets/images/modal/Modern/Wand/SCRIBE.webp?v=20260804-09" 3411 > 3412 Wand Exklusivbeschichtung 3413 </h4> 3414 <p class="item-description">diverse<br />33 x 0,53 m</p> 3415 </div> 3416 </div> 3417 <div class="item-row"> 3418 <div class="item-info"> 3419 <h4 3420 class="item-name clickable" 3421 data-images="assets/images/modal/Modern/Wand/Alternative-Vlies-Raufasertapete1.webp,assets/images/modal/Modern/Wand/Alternative-Vlies-Raufasertapete2.webp?v=20260804-09" 3422 > 3423 Alternative: Vlies-Raufasertapete, feine Körnung 3424 </h4> 3425 <p class="item-description">weiÃ<br />10,05 x 0,53 m</p> 3426 </div> 3427 </div> 3428 <div class="item-row"> 3429 <div class="item-info"> 3430 <h4 3431 class="item-name clickable" 3432 data-images="assets/images/modal/Modern/Wand/Alternative-Wandfarbe1.webp,assets/images/modal/Modern/Wand/Alternative-Wandfarbe2.webp?v=20260804-09" 3433 > 3434 Alternative: Wandfarbe 3435 </h4> 3436 <p class="item-description">weiÃ<br />12,5 l</p> 3437 </div> 3438 </div> 3439 <div class="item-row"> 3440 <div class="item-info"> 3441 <h4 3442 class="item-name clickable" 3443 data-images="assets/images/modal/Modern/Wand/Alternative-Kantschutz1.webp?v=20260804-09" 3444 > 3445 Alternative: Kantschutz 3446 </h4> 3447 <p class="item-description"> 3448 weiÃ<br />2.500 x 40 x 40 mm 3449 </p> 3450 </div> 3451 </div> 3452 </div> 3453 3454 <!-- Image display area for Wand --> 3455 <div class="images-display"> 3456 <div class="image-placeholder"> 3457 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3458 </div> 3459 </div> 3460 3461 <!-- Mobile close button --> 3462 <button 3463 class="modal-close-btn" 3464 data-modal="modernModal" 3465 onclick="closePackageModal('modernModal')" 3466 > 3467 SchlieÃen 3468 </button> 3469 </div> 3470 3471 <!-- Decke Category Content --> 3472 <div class="category-content" id="modern-decke-content"> 3473 <div class="category-items"> 3474 <div class="item-row"> 3475 <div class="item-info"> 3476 <h4 3477 class="item-name clickable" 3478 data-images="assets/images/modal/Modern/Decke/Vlies-Raufasertapete1.webp,assets/images/modal/Modern/Decke/Vlies-Raufasertapete2.webp?v=20260804-09" 3479 > 3480 Vlies-Raufasertapete, feine Körnung 3481 </h4> 3482 <p class="item-description">weiÃ<br />10,05 x 0,53 m</p> 3483 </div> 3484 </div> 3485 <div class="item-row"> 3486 <div class="item-info"> 3487 <h4 3488 class="item-name clickable" 3489 data-images="assets/images/modal/Modern/Decke/Alpina-Alpinaweiss1.webp,assets/images/modal/Modern/Decke/Alpina-Alpinaweiss2.webp?v=20260804-09" 3490 > 3491 Alpina Alpinaweiss Wandfarbe 3492 </h4> 3493 <p class="item-description">weiÃ<br />12,5 l</p> 3494 </div> 3495 </div> 3496 </div> 3497 3498 <!-- Image display area for Decke --> 3499 <div class="images-display"> 3500 <div class="image-placeholder"> 3501 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3502 </div> 3503 </div> 3504 3505 <!-- Mobile close button --> 3506 <button 3507 class="modal-close-btn" 3508 data-modal="modernModal" 3509 onclick="closePackageModal('modernModal')" 3510 > 3511 SchlieÃen 3512 </button> 3513 </div> 3514 3515 <!-- Türen Category Content --> 3516 <div class="category-content" id="modern-turen-content"> 3517 <div class="category-items"> 3518 <div class="item-row"> 3519 <div class="item-info"> 3520 <h4 3521 class="item-name clickable" 3522 data-images="assets/images/modal/Modern/Türen/Zimmertür1.webp,assets/images/modal/Modern/Türen/Zimmertür2.webp?v=20260804-09" 3523 > 3524 Zimmertür, Röhrenspan 3525 </h4> 3526 <p class="item-description"> 3527 Weià lackiert, ähnlich RAL 9010<br /> 3528 </p> 3529 </div> 3530 </div> 3531 <div class="item-row"> 3532 <div class="item-info"> 3533 <h4 3534 class="item-name clickable" 3535 data-images="assets/images/modal/Modern/Türen/Türgriff1.webp,assets/images/modal/Modern/Türen/Türgriff2.webp?v=20260804-09" 3536 > 3537 Türgriff Moderne zweiteilig, eckig 3538 </h4> 3539 <p class="item-description"> 3540 Samtgrau, Buntbart<br />Stärke Tür: 40 mm - 45 mm 3541 </p> 3542 </div> 3543 </div> 3544 </div> 3545 3546 <!-- Image display area for Türen --> 3547 <div class="images-display"> 3548 <div class="image-placeholder"> 3549 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3550 </div> 3551 </div> 3552 3553 <!-- Mobile close button --> 3554 <button 3555 class="modal-close-btn" 3556 data-modal="modernModal" 3557 onclick="closePackageModal('modernModal')" 3558 > 3559 SchlieÃen 3560 </button> 3561 </div> 3562 3563 <!-- Bad Category Content --> 3564 <div class="category-content" id="modern-bad-content"> 3565 <div class="category-items"> 3566 <div class="item-row"> 3567 <div class="item-info"> 3568 <h4 3569 class="item-name clickable" 3570 data-images="assets/images/modal/Modern/Bad/Bodenfliesen1.webp?v=20260804-09" 3571 > 3572 Bodenfliesen Feinsteinzeugfliese Smart Lux 3573 </h4> 3574 <p class="item-description"> 3575 Schwarz, Schimmernd<br />60 x 60 cm 3576 </p> 3577 </div> 3578 </div> 3579 <div class="item-row"> 3580 <div class="item-info"> 3581 <h4 3582 class="item-name clickable" 3583 data-images="assets/images/modal/Modern/Bad/Wandfliesen2.webp?v=20260804-09" 3584 > 3585 Wandfliese Snowwhite New 3586 </h4> 3587 <p class="item-description"> 3588 WeiÃ, Glänzend<br />30 x 60 cm, Stärke: 9 mm 3589 </p> 3590 </div> 3591 </div> 3592 <div class="item-row"> 3593 <div class="item-info"> 3594 <h4 3595 class="item-name clickable" 3596 data-images="assets/images/modal/Modern/Bad/Waschtischarmatur1.webp,assets/images/modal/Modern/Bad/Waschtischarmatur2.webp?v=20260804-09" 3597 > 3598 Hansgrohe Logis E Waschtischarmatur 3599 </h4> 3600 <p class="item-description"> 3601 Höhe: 16,4 cm, Chrom, Glänzend 3602 </p> 3603 </div> 3604 </div> 3605 <div class="item-row"> 3606 <div class="item-info"> 3607 <h4 3608 class="item-name clickable" 3609 data-images="assets/images/modal/Modern/Bad/Duschsystem1.webp,assets/images/modal/Modern/Bad/Duschsystem2.webp?v=20260804-09" 3610 > 3611 Hansgrohe Duschsystem Moventa E 230 3612 </h4> 3613 <p class="item-description">Chrom</p> 3614 </div> 3615 </div> 3616 <div class="item-row"> 3617 <div class="item-info"> 3618 <h4 3619 class="item-name clickable" 3620 data-images="assets/images/modal/Modern/Bad/Waschbecken1.webp?v=20260804-09" 3621 > 3622 Waschbecken 3623 </h4> 3624 <p class="item-description"> 3625 MaÃe: 100 x 48 x 60 cm<br />Farbe: WeiÃ, Mit 3626 Softclose-System für sanftes und geräuschloses SchlieÃen 3627 </p> 3628 </div> 3629 </div> 3630 </div> 3631 3632 <!-- Image display area for Bad --> 3633 <div class="images-display"> 3634 <div class="image-placeholder"> 3635 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3636 </div> 3637 </div> 3638 3639 <!-- Mobile close button --> 3640 <button 3641 class="modal-close-btn" 3642 data-modal="modernModal" 3643 onclick="closePackageModal('modernModal')" 3644 > 3645 SchlieÃen 3646 </button> 3647 </div> 3648 3649 <!-- Elektrik Category Content --> 3650 <div class="category-content" id="modern-elektrik-content"> 3651 <div class="category-items"> 3652 <div class="item-row"> 3653 <div class="item-info"> 3654 <h4 3655 class="item-name clickable" 3656 data-images="assets/images/modal/Steckdosen/Steckdosen1.avif,assets/images/modal/Steckdosen/Steckdosen1.1.avif" 3657 > 3658 Steckdosen 3659 </h4> 3660 <p class="item-description"> 3661 Farbe: WeiÃ, mit USB- und Typ-C-Anschluss<br />Moderne 3662 Ausführung 3663 </p> 3664 </div> 3665 </div> 3666 </div> 3667 3668 <!-- Image display area for Elektrik --> 3669 <div class="images-display"> 3670 <div class="image-placeholder"> 3671 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3672 </div> 3673 </div> 3674 3675 <!-- Mobile close button --> 3676 <button 3677 class="modal-close-btn" 3678 data-modal="modernModal" 3679 onclick="closePackageModal('modernModal')" 3680 > 3681 SchlieÃen 3682 </button> 3683 </div> 3684 3685 <!-- Lichtschalter Category Content --> 3686 <div class="category-content" id="modern-lichtschalter-content"> 3687 <div class="category-items"> 3688 <div class="item-row"> 3689 <div class="item-info"> 3690 <h4 3691 class="item-name clickable" 3692 data-images="assets/images/modal/Lichtschalter/Lichtschalter1.avif,assets/images/modal/Lichtschalter/Lichtschalter2.avif,assets/images/modal/Lichtschalter/Lichtschalter3.avif" 3693 > 3694 Lichtschalter 3695 </h4> 3696 <p class="item-description"> 3697 Farbe: Weià oder Schwarz<br />Minimalistisches Design 3698 </p> 3699 </div> 3700 </div> 3701 </div> 3702 3703 <!-- Image display area for Lichtschalter --> 3704 <div class="images-display"> 3705 <div class="image-placeholder"> 3706 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3707 </div> 3708 </div> 3709 3710 <!-- Mobile close button --> 3711 <button 3712 class="modal-close-btn" 3713 data-modal="modernModal" 3714 onclick="closePackageModal('modernModal')" 3715 > 3716 SchlieÃen 3717 </button> 3718 </div> 3719 </div> 3720 </div>
3721 </div> 3722 </div> 3723 </div> 3724 3725 <!-- Luxury Package Modal --> 3726 <div id="luxuryModal" class="package-modal"> 3727 <div class="modal-content"> 3728 <div class="modal-header"> 3729 <h2>Luxusrenovierung</h2> 3730 <span 3731 class="close-modal" 3732 data-modal="luxuryModal" 3733 onclick="closePackageModal('luxuryModal')" 3734 >×</span 3735 > 3736 </div> 3737 <div class="modal-body"> 3738 <div class="modal-layout"> 3739 <!-- Left sidebar with categories --> 3740 <div class="modal-sidebar"> 3741 <div class="category-list"> 3742 <div 3743 class="category-item active" 3744 data-category="boden" 3745 onclick="switchCategory('luxuryModal', 'boden')" 3746 > 3747 <h3>Boden</h3> 3748 </div> 3749 <div 3750 class="category-item" 3751 data-category="wand" 3752 onclick="switchCategory('luxuryModal', 'wand')" 3753 > 3754 <h3>Wand</h3> 3755 </div> 3756 <div 3757 class="category-item" 3758 data-category="decke" 3759 onclick="switchCategory('luxuryModal', 'decke')" 3760 > 3761 <h3>Decke</h3> 3762 </div> 3763 <div 3764 class="category-item" 3765 data-category="turen" 3766 onclick="switchCategory('luxuryModal', 'turen')" 3767 > 3768 <h3>Türen</h3> 3769 </div> 3770 <div 3771 class="category-item" 3772 data-category="bad" 3773 onclick="switchCategory('luxuryModal', 'bad')" 3774 > 3775 <h3>Bad</h3> 3776 </div> 3777 <div 3778 class="category-item" 3779 data-category="elektrik" 3780 onclick="switchCategory('luxuryModal', 'elektrik')" 3781 > 3782 <h3>Steckdosen</h3> 3783 </div> 3784 <div 3785 class="category-item" 3786 data-category="lichtschalter" 3787 onclick="switchCategory('luxuryModal', 'lichtschalter')" 3788 > 3789 <h3>Lichtschalter</h3> 3790 </div> 3791 </div> 3792 </div> 3793 3794 <!-- Right content area --> 3795 <div class="modal-main-content"> 3796 <!-- Boden Category Content --> 3797 <div class="category-content active" id="luxury-boden-content"> 3798 <div class="category-items"> 3799 <div class="item-row"> 3800 <div class="item-info"> 3801 <h4 3802 class="item-name clickable" 3803 data-images="assets/images/modal/luxus/boden/Parkett1.webp,assets/images/modal/luxus/boden/Parkett2.webp?v=20260804-09" 3804 > 3805 Parkett: Eiche Fischgrät Natur 3806 </h4> 3807 <p class="item-description"> 3808 Eiche Natur<br />14 cm x 56 cm 3809 </p> 3810 </div> 3811 </div> 3812 <div class="item-row"> 3813 <div class="item-info"> 3814 <h4 3815 class="item-name clickable" 3816 data-images="assets/images/modal/luxus/boden/Bodenleisten1.jpg,assets/images/modal/luxus/boden/Bodenleisten2.webp?v=20260804-09" 3817 > 3818 Bodenleisten: Massivholz-Sockelleisten Eiche roh 3819 geschliffen Alt-Berliner Profil 3820 </h4> 3821 <p class="item-description"> 3822 Eiche Natur<br />230 x 1,8 x 6 cm 3823 </p> 3824 </div> 3825 </div> 3826 <div class="item-row"> 3827 <div class="item-info"> 3828 <h4 3829 class="item-name clickable" 3830 data-images="assets/images/modal/luxus/boden/Dämmunterlage1.webp?v=20260804-09" 3831 > 3832 Dämmunterlage: HARO Dämmunterlage Silent Pro DS 3,0 mm 3833 </h4> 3834 <p class="item-description"> 3835 grau<br />5500 x 1000 x 3 mm 3836 </p> 3837 </div> 3838 </div> 3839 </div> 3840 3841 <!-- Image display area for Boden --> 3842 <div class="images-display"> 3843 <div class="image-placeholder"> 3844 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3845 </div> 3846 </div> 3847 3848 <!-- Mobile close button --> 3849 <button 3850 class="modal-close-btn" 3851 data-modal="luxuryModal" 3852 onclick="closePackageModal('luxuryModal')" 3853 > 3854 SchlieÃen 3855 </button> 3856 </div> 3857 3858 <!-- Wand Category Content --> 3859 <div class="category-content" id="luxury-wand-content"> 3860 <div class="category-items"> 3861 <div class="item-row"> 3862 <div class="item-info"> 3863 <h4 3864 class="item-name clickable"
3865 data-images="assets/images/modal/luxus/Wand/Wand-Exklusivbeschichtung1.avif,assets/images/modal/luxus/Wand/Wand-Exklusivbeschichtung2.avif" 3866 > 3867 Wand Exklusivbeschichtung: Stucco Veneziano Metallisch 3868 </h4> 3869 <p class="item-description">Bronze</p> 3870 </div> 3871 </div> 3872 <div class="item-row"> 3873 <div class="item-info"> 3874 <h4 3875 class="item-name clickable" 3876 data-images="assets/images/modal/luxus/Wand/AlternativeVinyltapete1.webp,assets/images/modal/luxus/Wand/AlternativeVinyltapete2.webp?v=20260804-09" 3877 > 3878 Alternative: Vinyltapete fein: The Claret 3879 </h4> 3880 <p class="item-description">Weinrot</p> 3881 </div> 3882 </div> 3883 <div class="item-row"> 3884 <div class="item-info"> 3885 <h4 3886 class="item-name clickable" 3887 data-images="assets/images/modal/luxus/Wand/AlternativeWandfarbe1.webp,assets/images/modal/luxus/Wand/AlternativeWandfarbe2.webp?v=20260804-09" 3888 > 3889 Alternative: Wandfarbe: PURO c2001 simple mauve 3890 </h4> 3891 <p class="item-description">Violett</p> 3892 </div> 3893 </div> 3894 <div class="item-row"> 3895 <div class="item-info"> 3896 <h4 3897 class="item-name clickable" 3898 data-images="assets/images/modal/luxus/Wand/AlternativeKantschutz1.jpg,assets/images/modal/luxus/Wand/AlternativeKantschutz2.jpg?v=20260804-09" 3899 > 3900 Alternative: Kantschutz : Eiche Winkelleiste geölt 3901 </h4> 3902 <p class="item-description"> 3903 Eiche Natur<br />35x35x2500 mm 3904 </p> 3905 </div> 3906 </div> 3907 </div> 3908 3909 <!-- Image display area for Wand --> 3910 <div class="images-display"> 3911 <div class="image-placeholder"> 3912 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3913 </div> 3914 </div> 3915 3916 <!-- Mobile close button --> 3917 <button 3918 class="modal-close-btn" 3919 data-modal="luxuryModal" 3920 onclick="closePackageModal('luxuryModal')" 3921 > 3922 SchlieÃen 3923 </button> 3924 </div> 3925 3926 <!-- Decke Category Content --> 3927 <div class="category-content" id="luxury-decke-content"> 3928 <div class="category-items"> 3929 <div class="item-row"> 3930 <div class="item-info"> 3931 <h4 3932 class="item-name clickable" 3933 data-images="assets/images/modal/luxus/Decke/Raufasertapet-fein1.webp,assets/images/modal/luxus/Decke/Raufasertapet-fein2.webp?v=20260804-09" 3934 > 3935 Raufasertapete fein: Versace wallpaper 3936 </h4> 3937 <p class="item-description">weiÃ<br />10,05 m x 0,70 m</p> 3938 </div> 3939 </div> 3940 <div class="item-row"> 3941 <div class="item-info"> 3942 <h4 3943 class="item-name clickable" 3944 data-images="assets/images/modal/luxus/Decke/Wandfarbe1.webp,assets/images/modal/luxus/Decke/Wandfarbe2.webp?v=20260804-09" 3945 > 3946 Wandfarbe: Melting Marshmellow 3947 </h4> 3948 <p class="item-description">weiÃ</p> 3949 </div> 3950 </div> 3951 </div> 3952 3953 <!-- Image display area for Decke --> 3954 <div class="images-display"> 3955 <div class="image-placeholder"> 3956 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 3957 </div> 3958 </div> 3959 3960 <!-- Mobile close button --> 3961 <button 3962 class="modal-close-btn" 3963 data-modal="luxuryModal" 3964 onclick="closePackageModal('luxuryModal')" 3965 > 3966 SchlieÃen 3967 </button> 3968 </div> 3969 3970 <!-- Türen Category Content --> 3971 <div class="category-content" id="luxury-turen-content"> 3972 <div class="category-items"> 3973 <div class="item-row"> 3974 <div class="item-info"> 3975 <h4 3976 class="item-name clickable" 3977 data-images="assets/images/modal/luxus/Türen/Zimmertür1.jpg,assets/images/modal/luxus/Türen/Zimmertür2.jpg?v=20260804-09" 3978 > 3979 Zimmertür: Zimmertüren mit unsichtbaren Zargen DMB 3980 SET'50 3981 </h4> 3982 <p class="item-description">weiÃ<br />885 x 2005 mm</p> 3983 </div> 3984 </div> 3985 <div class="item-row"> 3986 <div class="item-info"> 3987 <h4 3988 class="item-name clickable"
3989 data-images="assets/images/modal/luxus/Türen/Türgriffe1.webp,assets/images/modal/luxus/Türen/Türgriffe2.webp?v=20260804-09" 3990 > 3991 Türgriffe: Olivari - Design-Türgriff Radial 3992 </h4> 3993 <p class="item-description">anthrazit</p> 3994 </div> 3995 </div> 3996 </div> 3997 3998 <!-- Image display area for Türen --> 3999 <div class="images-display"> 4000 <div class="image-placeholder"> 4001 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 4002 </div> 4003 </div> 4004 4005 <!-- Mobile close button --> 4006 <button 4007 class="modal-close-btn" 4008 data-modal="luxuryModal" 4009 onclick="closePackageModal('luxuryModal')" 4010 > 4011 SchlieÃen 4012 </button> 4013 </div> 4014 4015 <!-- Bad Category Content --> 4016 <div class="category-content" id="luxury-bad-content"> 4017 <div class="category-items"> 4018 <div class="item-row"> 4019 <div class="item-info"> 4020 <h4 4021 class="item-name clickable" 4022 data-images="assets/images/modal/luxus/Bad/Bodenfliesen1.webp,assets/images/modal/luxus/Bad/Bodenfliesen2.webp?v=20260804-09" 4023 > 4024 Bodenfliesen: EOX 1000 60x60 GLOSSY 9 mm 4025 </h4> 4026 <p class="item-description"> 4027 Marmor blau<br />60 x 60 cm 4028 </p> 4029 </div> 4030 </div> 4031 <div class="item-row"> 4032 <div class="item-info"> 4033 <h4 4034 class="item-name clickable" 4035 data-images="assets/images/modal/luxus/Bad/Wandfliesen1.webp,assets/images/modal/luxus/Bad/Wandfliesen2.webp?v=20260804-09" 4036 > 4037 Wandfliesen: SSH 4001 60x60 GLOSSY 9 mm 4038 </h4> 4039 <p class="item-description"> 4040 Marmor creme<br />60 x 120 cm 4041 </p> 4042 </div> 4043 </div> 4044 <div class="item-row"> 4045 <div class="item-info"> 4046 <h4 4047 class="item-name clickable" 4048 data-images="assets/images/modal/luxus/Bad/Waschtischarmatur1.jpg,assets/images/modal/luxus/Bad/Waschtischarmatur2.webp?v=20260804-09" 4049 > 4050 Waschtischarmatur: Ritmonio DOT316 4051 Edelstahl-Waschtischarmatur mit Eco 4052 </h4> 4053 <p class="item-description">champagner gebürstet</p> 4054 </div> 4055 </div> 4056 <div class="item-row"> 4057 <div class="item-info"> 4058 <h4 4059 class="item-name clickable" 4060 data-images="assets/images/modal/luxus/Bad/Duschsystem1.jpg,assets/images/modal/luxus/Bad/Duschsystem2.jpg?v=20260804-09" 4061 > 4062 Duschsystem: Ritmonio DOT316 Edelstahl-Wannenarmatur, 4063 mit Brausegarnitur 4064 </h4> 4065 <p class="item-description">champagner gebürstet</p> 4066 </div> 4067 </div> 4068 <div class="item-row"> 4069 <div class="item-info"> 4070 <h4 4071 class="item-name clickable" 4072 data-images="assets/images/modal/luxus/Bad/Waschbecken1.webp,assets/images/modal/luxus/Bad/Waschbecken2.webp?v=20260804-09" 4073 > 4074 Waschbecken 4075 </h4> 4076 <p class="item-description"> 4077 Farbe: Nach Ihrem luxuriösen Designwunsch â individuell 4078 abgestimmt<br />Onyx Marmor Waschbecken, Anpassbares 4079 Becken für Ihr Home Spa 4080 </p> 4081 </div> 4082 </div> 4083 </div> 4084 4085 <!-- Image display area for Bad --> 4086 <div class="images-display"> 4087 <div class="image-placeholder"> 4088 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 4089 </div> 4090 </div> 4091 4092 <!-- Mobile close button --> 4093 <button 4094 class="modal-close-btn" 4095 data-modal="luxuryModal" 4096 onclick="closePackageModal('luxuryModal')" 4097 > 4098 SchlieÃen 4099 </button> 4100 </div> 4101 4102 <!-- Elektrik Category Content --> 4103 <div class="category-content" id="luxury-elektrik-content"> 4104 <div class="category-items"> 4105 <div class="item-row"> 4106 <div class="item-info"> 4107 <h4 4108 class="item-name clickable" 4109 data-images="assets\images\modal\Steckdosen\Steckdosen2.webp,assets\images\modal\Steckdosen\Steckdosen2.1.webp" 4110 > 4111 Steckdosen 4112 </h4> 4113 <p class="item-description"> 4114 Farbe: Nach Ihrem luxuriösen Designwunsch â individuell 4115 abgestimmt<br />Luxus Ausführung 4116 </p> 4117 </div> 4118 </div> 4119 </div> 4120 4121 <!-- Image display area for Elektrik --> 4122 <div class="images-display"> 4123 <div class="image-placeholder"> 4124 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 4125 </div> 4126 </div> 4127 4128 <!-- Mobile close button --> 4129 <button 4130 class="modal-close-btn" 4131 data-modal="luxuryModal" 4132 onclick="closePackageModal('luxuryModal')" 4133 > 4134 SchlieÃen 4135 </button> 4136 </div> 4137 4138 <!-- Lichtschalter Category Content --> 4139 <div class="category-content" id="luxury-lichtschalter-content"> 4140 <div class="category-items"> 4141 <div class="item-row"> 4142 <div class="item-info"> 4143 <h4 4144 class="item-name clickable" 4145 data-images="assets\images\modal\luxus\Lichtschalter\Lichtschalter1.webp,assets\images\modal\luxus\Lichtschalter\Lichtschalter2.webp" 4146 > 4147 Lichtschalter 4148 </h4> 4149 <p class="item-description"> 4150 Farbe: Gold<br />Schraubenloses Design und einfache 4151 Installation mit Clips<br />Gut geeignet für Neubauten 4152 und Renovierungen, wenn noch keine Unterputzdosen 4153 vorhanden sind 4154 </p> 4155 </div> 4156 </div> 4157 </div> 4158 4159 <!-- Image display area for Lichtschalter --> 4160 <div class="images-display"> 4161 <div class="image-placeholder"> 4162 <p>Klicken Sie auf einen Artikel, um Bilder anzuzeigen</p> 4163 </div> 4164 </div> 4165 4166 <!-- Mobile close button --> 4167 <button 4168 class="modal-close-btn" 4169 data-modal="luxuryModal" 4170 onclick="closePackageModal('luxuryModal')" 4171 > 4172 SchlieÃen 4173 </button> 4174 </div> 4175 </div> 4176 </div>
4177 </div> 4178 </div> 4179 </div> 4180 4181 <!-- Fullscreen Image Modal --> 4182 <div id="fullscreen-modal" class="fullscreen-modal"> 4183 <div class="fullscreen-modal-content"> 4184 <span class="fullscreen-close" onclick="closeFullscreen()" 4185 >×</span 4186 > 4187 <img id="fullscreen-image" src="" alt="Fullscreen Image" decoding="async" loading="lazy" /> 4188 <div class="fullscreen-nav"> 4189 <button 4190 id="fullscreen-prev" 4191 class="fullscreen-nav-btn prev" 4192 onclick="previousImage()" 4193 > 4194 â¹ 4195 </button> 4196 <button 4197 id="fullscreen-next" 4198 class="fullscreen-nav-btn next" 4199 onclick="nextImage()" 4200 > 4201 ⺠4202 </button> 4203 </div> 4204 <div class="fullscreen-counter"> 4205 <span id="current-image">1</span> / <span id="total-images">1</span> 4206 </div> 4207 </div> 4208 </div> 4209 4210
4210<script> 4211 /* Inline-Mount für den Finanzierungsrechner als Seitensektion. */ 4212 document.addEventListener('DOMContentLoaded', function () { 4213 var mount = document.querySelector('#bauzins-rechner-mount') 4214 if (!mount) return 4215 var bauzinsScriptLoading = false 4216 var bauzinsCallbacks = [] 4217 4218 function loadBauzinsScript(callback) { 4219 if (window.AdmaraBauzinsModal && window.AdmaraBauzinsModal.mountInline) { 4220 callback() 4221 return 4222 } 4223 bauzinsCallbacks.push(callback) 4224 if (bauzinsScriptLoading) return 4225 bauzinsScriptLoading = true 4226 var script = document.createElement('script') 4227 script.src = 'assets/script/bauzins-modal.js?v=20260804-09' 4228 script.async = true 4229 script.onload = function () { 4230 var callbacks = bauzinsCallbacks.slice() 4231 bauzinsCallbacks.length = 0 4232 callbacks.forEach(function (queuedCallback) { queuedCallback() }) 4233 } 4234 document.head.appendChild(script) 4235 } 4236 4237 function mountBauzins() { 4238 if (mount.dataset.mounted === '1') return 4239 loadBauzinsScript(function () { 4240 if (mount.dataset.mounted === '1') return 4241 if (!window.AdmaraBauzinsModal || !window.AdmaraBauzinsModal.mountInline) return 4242 mount.dataset.mounted = '1' 4243 window.AdmaraBauzinsModal.mountInline('#bauzins-rechner-mount', { 4244 kaufpreis: 350000, 4245 mod: 80000, 4246 sollzinsbindung: [10], 4247 tilg: [2], 4248 sort: 'Monatsrate', 4249 }) 4250 }) 4251 } 4252 4253 if (window.location.hash === '#bauzins-rechner') { 4254 mountBauzins() 4255 return 4256 } 4257 window.addEventListener('hashchange', function () { 4258 if (window.location.hash === '#bauzins-rechner') mountBauzins() 4259 }) 4260 4261 if ('IntersectionObserver' in window) { 4262 var observer = new IntersectionObserver( 4263 function (entries) { 4264 if (!entries.some(function (entry) { return entry.isIntersecting })) return 4265 observer.disconnect() 4266 mountBauzins() 4267 }, 4268 { rootMargin: '900px 0px' } 4269 ) 4270 observer.observe(mount) 4271 } else { 4272 window.setTimeout(mountBauzins, 2500) 4273 } 4274 }) 4275 </script>
4275 4276
4276<script> 4277 (function () { 4278 var head = document.querySelector('[data-team-headline]') 4279 if (!head) return 4280 var CITY_LABELS = { 4281 berlin:'Berlin', hamburg:'Hamburg', bremen:'Bremen', 4282 muenchen:'München', 'münchen':'München', 4283 koeln:'Köln', 'köln':'Köln', 4284 duesseldorf:'Düsseldorf', dusseldorf:'Düsseldorf', 'düsseldorf':'Düsseldorf', 4285 frankfurt:'Frankfurt am Main', stuttgart:'Stuttgart', 4286 leipzig:'Leipzig', dortmund:'Dortmund', essen:'Essen', 4287 dresden:'Dresden', hannover:'Hannover', 4288 nuernberg:'Nürnberg', 'nürnberg':'Nürnberg', 4289 duisburg:'Duisburg', bochum:'Bochum', wuppertal:'Wuppertal', 4290 bielefeld:'Bielefeld', bonn:'Bonn', 4291 muenster:'Münster', 'münster':'Münster', 4292 karlsruhe:'Karlsruhe', mannheim:'Mannheim', 4293 augsburg:'Augsburg', wiesbaden:'Wiesbaden', 4294 moenchengladbach:'Mönchengladbach', 'mönchengladbach':'Mönchengladbach' 4295 } 4296 var p = new URLSearchParams(window.location.search) 4297 var raw = (p.get('city') || p.get('stadt') || '').trim().toLowerCase() 4298 if (!raw) return 4299 var label = CITY_LABELS[raw] 4300 if (!label) { 4301 var ascii = raw.replace(/ä/g,'ae').replace(/ö/g,'oe').replace(/ü/g,'ue').replace(/Ã/g,'ss') 4302 label = CITY_LABELS[ascii] 4303 } 4304 if (!label) return 4305 head.textContent = 'Ihr Expertenteam für ' + label 4306 })() 4307 </script>
4307 4308
4308<script src="assets/script/mobile-contact-bar.js?v=20260804-09" defer></script>
4308 4309
4309<script src="assets/script/embedded-sanierung-form.js?v=20260804-09" data-form-path="/form.html" defer></script>
4309 4310</body>
4311<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpsh-oh'},{'server':'sxb1plzcpnl509434'},{'dcenter':'sxb1'},{'cp_id':'10627958'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script>
4311<script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script>
4311</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.