PageSourceSearch

https://admara-inovia.de/

html admara-inovia.de collected 2026-10-06 16:38:11 UTC 157,833 bytes, 4,311 lines download raw bytes

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 &amp; 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 &amp; 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&nbsp;% Festpreis &amp; 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&nbsp;% 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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">&times;</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						>&times;</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						>&times;</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">&times;</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						>&times;</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						>&times;</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						>&times;</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					>&times;</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.