Dabrowski Heizung \u2013 Meisterbetrieb Menden | Sanit\u00e4r, Heizung & Klima<\/title>\n <style>\n \/* \u2500\u2500\u2500 DESIGN TOKENS \u2500\u2500\u2500 *\/\n :root {\n --accent: #00bcd4;\n --accent-light: #4dd0e1;\n --accent-glow: rgba(0, 188, 212, 0.18);\n --accent-dark: #0097a7;\n --radius: 14px;\n --radius-sm: 8px;\n --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n --font: 'Segoe UI', system-ui, -apple-system, sans-serif;\n --font-heading: Georgia, 'Times New Roman', serif;\n }\n\n [data-theme=\"dark\"] {\n --bg: #0d0f14;\n --bg2: #13161e;\n --bg3: #1a1e2a;\n --surface: #1e2231;\n --surface2: #252a3a;\n --border: rgba(255,255,255,0.07);\n --text: #e8ecf0;\n --text-muted: #8a93a8;\n --text-dim: #5c6478;\n --shadow: 0 4px 32px rgba(0,0,0,0.5);\n --shadow-card: 0 2px 24px rgba(0,0,0,0.4);\n --nav-blur: rgba(13,15,20,0.88);\n --hero-overlay: rgba(13,15,20,0.72);\n --img-overlay: rgba(13,15,20,0.5);\n }\n\n [data-theme=\"light\"] {\n --bg: #f0f4f8;\n --bg2: #e8edf3;\n --bg3: #dde3ec;\n --surface: #ffffff;\n --surface2: #f5f7fa;\n --border: rgba(0,0,0,0.08);\n --text: #1a1e2a;\n --text-muted: #5c6478;\n --text-dim: #8a93a8;\n --shadow: 0 4px 32px rgba(0,0,0,0.08);\n --shadow-card: 0 2px 24px rgba(0,0,0,0.07);\n --nav-blur: rgba(240,244,248,0.92);\n --hero-overlay: rgba(15,20,35,0.62);\n --img-overlay: rgba(15,20,35,0.35);\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: var(--font);\n background: var(--bg);\n color: var(--text);\n line-height: 1.7;\n transition: background var(--transition), color var(--transition);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0;\n z-index: 100;\n background: var(--nav-blur);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n transition: background var(--transition), border-color var(--transition);\n }\n .nav-inner {\n max-width: 1200px; margin: 0 auto; padding: 0 2rem;\n height: 72px; display: flex; align-items: center; justify-content: space-between;\n }\n .logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }\n .logo img {\n height: 36px; width: auto;\n filter: brightness(0) invert(1);\n transition: filter var(--transition);\n }\n [data-theme=\"light\"] .logo img { filter: none; }\n\n .nav-links { display: flex; align-items: center; gap: 2rem; list-style: none; }\n .nav-links a {\n text-decoration: none; color: var(--text-muted);\n font-size: 0.88rem; font-weight: 500; letter-spacing: 0.03em;\n transition: color var(--transition); position: relative;\n }\n .nav-links a::after {\n content: ''; position: absolute; bottom: -4px; left: 0; right: 0;\n height: 2px; background: var(--accent);\n transform: scaleX(0); transition: transform var(--transition); border-radius: 2px;\n }\n .nav-links a:hover { color: var(--text); }\n .nav-links a:hover::after { transform: scaleX(1); }\n\n \/* Theme toggle *\/\n .theme-toggle {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: 50px; cursor: pointer; width: 56px; height: 28px;\n position: relative; transition: background var(--transition), border-color var(--transition);\n flex-shrink: 0;\n }\n .theme-toggle::before {\n content: ''; position: absolute; top: 3px; left: 3px;\n width: 20px; height: 20px; border-radius: 50%;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n transition: transform var(--transition), box-shadow var(--transition);\n box-shadow: 0 0 10px var(--accent-glow);\n }\n [data-theme=\"light\"] .theme-toggle::before { transform: translateX(28px); }\n .toggle-icons {\n position: absolute; inset: 0; display: flex; align-items: center;\n justify-content: space-between; padding: 0 6px; font-size: 12px; pointer-events: none;\n }\n\n .btn-primary {\n display: inline-flex; align-items: center; gap: 8px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n color: #fff; padding: 14px 28px; border-radius: var(--radius-sm);\n text-decoration: none; font-weight: 600; font-size: 0.92rem; letter-spacing: 0.02em;\n box-shadow: 0 4px 20px rgba(0,188,212,0.3);\n transition: transform 0.2s, box-shadow 0.2s; border: none; cursor: pointer;\n }\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(0,188,212,0.45); }\n .btn-secondary {\n display: inline-flex; align-items: center; gap: 8px;\n background: transparent; color: var(--text); padding: 14px 28px;\n border-radius: var(--radius-sm); text-decoration: none; font-weight: 600;\n font-size: 0.92rem; border: 1px solid var(--border);\n transition: background var(--transition), border-color var(--transition);\n }\n .btn-secondary:hover { background: var(--surface); border-color: var(--accent); }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n min-height: 100vh; display: flex; align-items: center;\n position: relative; overflow: hidden;\n background: var(--bg);\n }\n .hero-bg {\n position: absolute; inset: 0;\n background-image: url('https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?w=1600&q=80&auto=format&fit=crop');\n background-size: cover; background-position: center;\n transition: opacity 0.5s;\n }\n .hero-bg::after {\n content: ''; position: absolute; inset: 0;\n background: var(--hero-overlay);\n transition: background var(--transition);\n }\n \/* subtle grid overlay *\/\n .hero-grid {\n position: absolute; inset: 0;\n background-image:\n linear-gradient(var(--border) 1px, transparent 1px),\n linear-gradient(90deg, var(--border) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 0%, transparent 100%);\n -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 0%, transparent 100%);\n z-index: 1;\n }\n .hero-glow {\n position: absolute; inset: 0;\n background: radial-gradient(ellipse 70% 60% at 60% 50%, rgba(0,188,212,0.12) 0%, transparent 65%);\n z-index: 1; animation: hero-pulse 8s ease-in-out infinite alternate;\n }\n @keyframes hero-pulse { from { opacity: 0.7; } to { opacity: 1; } }\n\n .hero-inner {\n max-width: 1200px; margin: 0 auto; width: 100%;\n padding: 140px 2rem 80px;\n display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 4rem;\n align-items: center; position: relative; z-index: 2;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(0,188,212,0.15); border: 1px solid rgba(0,188,212,0.35);\n color: var(--accent-light); padding: 6px 14px; border-radius: 50px;\n font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em;\n text-transform: uppercase; margin-bottom: 1.5rem;\n }\n .hero-badge::before {\n content: ''; width: 6px; height: 6px; border-radius: 50%;\n background: var(--accent); box-shadow: 0 0 8px var(--accent);\n animation: blink 2s ease-in-out infinite;\n }\n @keyframes blink { 0%,100% { opacity:1; } 50% { opacity:0.3; } }\n\n .hero h1 {\n font-family: var(--font-heading);\n font-size: clamp(2.2rem, 3.8vw, 3.4rem);\n line-height: 1.15; color: #fff; margin-bottom: 1.2rem; font-weight: 700;\n text-shadow: 0 2px 20px rgba(0,0,0,0.4);\n }\n .hero h1 span {\n background: linear-gradient(135deg, var(--accent), var(--accent-light));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n }\n .hero-desc { font-size: 1.05rem; color: rgba(255,255,255,0.8); margin-bottom: 2rem; max-width: 480px; line-height: 1.8; }\n .hero-cta { display: flex; gap: 1rem; flex-wrap: wrap; }\n\n \/* Hero cards panel *\/\n .hero-panel {\n display: flex; flex-direction: column; gap: 1rem;\n }\n .panel-card {\n background: rgba(30,34,49,0.82);\n backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: var(--radius); padding: 1.5rem;\n transition: background var(--transition);\n }\n [data-theme=\"light\"] .panel-card {\n background: rgba(255,255,255,0.88);\n border: 1px solid rgba(0,0,0,0.1);\n }\n .panel-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n .panel-stat { text-align: center; }\n .panel-num { font-size: 1.8rem; font-weight: 700; color: var(--accent); font-family: var(--font-heading); line-height: 1; }\n .panel-lbl { font-size: 0.75rem; color: var(--text-muted); margin-top: 0.2rem; font-weight: 500; }\n .panel-divider { width: 1px; background: var(--border); margin: 0 auto; }\n\n .notdienst-pill {\n display: inline-flex; align-items: center; gap: 6px;\n background: rgba(229,38,19,0.15); border: 1px solid rgba(229,38,19,0.3);\n color: #ff6b6b; padding: 4px 12px; border-radius: 50px;\n font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; margin-bottom: 0.6rem;\n }\n .notdienst-pill::before {\n content: ''; width: 6px; height: 6px; border-radius: 50%;\n background: #ff6b6b; animation: blink 1.2s ease-in-out infinite;\n }\n .tag-row { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }\n .tag {\n background: var(--accent-glow); border: 1px solid rgba(0,188,212,0.2);\n color: var(--accent-light); padding: 4px 12px; border-radius: 50px;\n font-size: 0.73rem; font-weight: 600;\n }\n\n \/* \u2500\u2500\u2500 SECTIONS \u2500\u2500\u2500 *\/\n section { padding: 100px 2rem; position: relative; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-label {\n display: inline-block; font-size: 0.72rem; text-transform: uppercase;\n letter-spacing: 0.12em; color: var(--accent); font-weight: 700; margin-bottom: 0.8rem;\n }\n .section-title {\n font-family: var(--font-heading); font-size: clamp(1.8rem, 3vw, 2.6rem);\n color: var(--text); margin-bottom: 1rem; line-height: 1.2;\n }\n .section-desc {\n font-size: 1rem; color: var(--text-muted); max-width: 560px;\n line-height: 1.8; margin-bottom: 3rem;\n }\n\n \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n .services-bg { background: var(--bg2); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); transition: background var(--transition); }\n .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }\n .service-card {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 0; overflow: hidden;\n transition: transform 0.25s, box-shadow 0.25s, background var(--transition), border-color var(--transition);\n cursor: default;\n }\n .service-card:hover { transform: translateY(-5px); box-shadow: 0 16px 48px rgba(0,0,0,0.2), 0 0 0 1px rgba(0,188,212,0.18); }\n .service-img {\n width: 100%; height: 180px; object-fit: cover;\n display: block; filter: brightness(0.85);\n transition: filter 0.4s, transform 0.4s;\n }\n .service-card:hover .service-img { filter: brightness(1); transform: scale(1.04); }\n .service-img-wrap { overflow: hidden; position: relative; }\n .service-img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to bottom, transparent 40%, var(--surface) 100%);\n transition: background var(--transition);\n }\n .service-body { padding: 1.4rem 1.6rem 1.6rem; }\n .service-icon-row { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.8rem; }\n .service-icon {\n width: 40px; height: 40px; background: var(--accent-glow);\n border-radius: 10px; display: flex; align-items: center; justify-content: center;\n font-size: 20px; border: 1px solid rgba(0,188,212,0.2); flex-shrink: 0;\n }\n .service-card h3 { font-size: 1rem; font-weight: 600; color: var(--text); font-family: var(--font-heading); }\n .service-card p { font-size: 0.87rem; color: var(--text-muted); line-height: 1.7; }\n\n \/* \u2500\u2500\u2500 REFERENZEN \/ PROJEKTE \u2500\u2500\u2500 *\/\n .projects-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;\n }\n .project-card {\n border-radius: var(--radius); overflow: hidden; position: relative;\n aspect-ratio: 4\/3; cursor: pointer;\n box-shadow: var(--shadow-card);\n }\n .project-card img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.5s; display: block;\n }\n .project-card:hover img { transform: scale(1.07); }\n .project-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 60%);\n display: flex; flex-direction: column; justify-content: flex-end; padding: 1.4rem;\n opacity: 0; transition: opacity 0.3s;\n }\n .project-card:hover .project-overlay { opacity: 1; }\n .project-tag {\n display: inline-block; background: var(--accent); color: #fff;\n padding: 3px 10px; border-radius: 50px; font-size: 0.7rem;\n font-weight: 700; letter-spacing: 0.06em; margin-bottom: 0.5rem;\n }\n .project-overlay h4 { color: #fff; font-size: 0.95rem; font-family: var(--font-heading); font-weight: 600; }\n .project-overlay p { color: rgba(255,255,255,0.75); font-size: 0.8rem; margin-top: 0.2rem; }\n \/* always-visible label *\/\n .project-label {\n position: absolute; bottom: 0; left: 0; right: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%);\n padding: 1.2rem 1.2rem 0.8rem;\n }\n .project-label h4 { color: #fff; font-size: 0.9rem; font-family: var(--font-heading); }\n .project-label span { color: var(--accent-light); font-size: 0.75rem; font-weight: 600; }\n\n \/* \u2500\u2500\u2500 \u00dcBER UNS \u2500\u2500\u2500 *\/\n .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }\n .about-img-wrap {\n border-radius: var(--radius); overflow: hidden; position: relative;\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n }\n .about-img-wrap img { width: 100%; display: block; filter: brightness(0.9); }\n .about-img-badge {\n position: absolute; bottom: 1.5rem; left: 1.5rem;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n color: #fff; padding: 1rem 1.4rem; border-radius: var(--radius-sm);\n box-shadow: 0 8px 24px rgba(0,188,212,0.35);\n }\n .about-img-badge .big { font-size: 2rem; font-weight: 700; font-family: var(--font-heading); line-height: 1; }\n .about-img-badge .small { font-size: 0.78rem; font-weight: 600; margin-top: 0.2rem; opacity: 0.9; }\n .trust-items { display: flex; flex-direction: column; gap: 1rem; }\n .trust-item {\n display: flex; align-items: flex-start; gap: 1rem;\n padding: 1.2rem 1.5rem; background: var(--surface);\n border: 1px solid var(--border); border-radius: var(--radius);\n transition: background var(--transition), border-color var(--transition), transform 0.2s;\n }\n .trust-item:hover { transform: translateX(4px); border-color: rgba(0,188,212,0.25); }\n .trust-icon {\n width: 36px; height: 36px; background: var(--accent-glow);\n border-radius: 8px; display: flex; align-items: center; justify-content: center;\n font-size: 18px; flex-shrink: 0; border: 1px solid rgba(0,188,212,0.2);\n }\n .trust-item h4 { font-size: 0.92rem; font-weight: 600; color: var(--text); margin-bottom: 0.2rem; }\n .trust-item p { font-size: 0.82rem; color: var(--text-muted); line-height: 1.6; }\n .about-stats {\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 1px; background: var(--border);\n border: 1px solid var(--border); border-radius: var(--radius);\n overflow: hidden; margin-top: 2.5rem;\n }\n .stat-cell {\n background: var(--surface); padding: 1.4rem 1rem; text-align: center;\n transition: background var(--transition);\n }\n .stat-num { font-size: 1.9rem; font-weight: 700; color: var(--accent); font-family: var(--font-heading); line-height: 1; }\n .stat-lbl { font-size: 0.72rem; color: var(--text-muted); margin-top: 0.3rem; font-weight: 500; }\n\n \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n .testimonials-bg { background: var(--bg2); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); transition: background var(--transition); }\n .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }\n .testimonial-card {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.8rem;\n transition: background var(--transition), border-color var(--transition), transform 0.25s;\n position: relative;\n }\n .testimonial-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.15); }\n .quote-icon {\n font-size: 3rem; line-height: 1; color: var(--accent-glow);\n font-family: Georgia, serif; position: absolute; top: 1rem; right: 1.4rem;\n color: var(--accent); opacity: 0.25; font-style: normal;\n }\n .stars { color: #f59e0b; font-size: 0.85rem; letter-spacing: 0.05em; margin-bottom: 0.8rem; }\n .testimonial-text { font-size: 0.92rem; color: var(--text-muted); line-height: 1.75; margin-bottom: 1.2rem; font-style: italic; }\n .testimonial-author { display: flex; align-items: center; gap: 0.8rem; }\n .author-avatar {\n width: 42px; height: 42px; border-radius: 50%;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n display: flex; align-items: center; justify-content: center;\n font-size: 1rem; font-weight: 700; color: #fff; flex-shrink: 0;\n }\n .author-name { font-size: 0.88rem; font-weight: 600; color: var(--text); }\n .author-meta { font-size: 0.75rem; color: var(--text-dim); }\n .testimonials-summary {\n display: flex; align-items: center; justify-content: center;\n gap: 2rem; margin-top: 3rem; padding: 1.5rem 2rem;\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); flex-wrap: wrap;\n }\n .summary-item { text-align: center; }\n .summary-num { font-size: 2rem; font-weight: 700; color: var(--accent); font-family: var(--font-heading); }\n .summary-lbl { font-size: 0.78rem; color: var(--text-muted); }\n .summary-divider { width: 1px; height: 48px; background: var(--border); }\n\n \/* \u2500\u2500\u2500 KONTAKT \u2500\u2500\u2500 *\/\n .contact-bg { background: var(--bg2); border-top: 1px solid var(--border); transition: background var(--transition); }\n .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; }\n .contact-cards { display: flex; flex-direction: column; gap: 1rem; }\n .contact-card {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.3rem 1.5rem;\n display: flex; align-items: center; gap: 1rem;\n transition: background var(--transition), border-color var(--transition), transform 0.2s;\n }\n .contact-card:hover { transform: translateX(4px); border-color: rgba(0,188,212,0.3); }\n .contact-card-icon {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px; display: flex; align-items: center; justify-content: center;\n font-size: 20px; flex-shrink: 0; box-shadow: 0 4px 12px rgba(0,188,212,0.25);\n }\n .contact-card h4 { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-dim); margin-bottom: 0.2rem; font-weight: 600; }\n .contact-card p { font-size: 0.95rem; color: var(--text); font-weight: 500; }\n .contact-form {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 2rem;\n transition: background var(--transition), border-color var(--transition);\n }\n .contact-form h3 { font-family: var(--font-heading); font-size: 1.3rem; color: var(--text); margin-bottom: 1.5rem; }\n .form-group { margin-bottom: 1.2rem; }\n .form-group label { display: block; font-size: 0.8rem; font-weight: 600; color: var(--text-muted); margin-bottom: 0.5rem; letter-spacing: 0.04em; }\n .form-group input, .form-group textarea, .form-group select {\n width: 100%; background: var(--bg3); border: 1px solid var(--border);\n color: var(--text); padding: 12px 16px; border-radius: var(--radius-sm);\n font-size: 0.92rem; font-family: var(--font); outline: none;\n transition: border-color 0.2s, background var(--transition), color var(--transition);\n }\n .form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-glow); }\n .form-group textarea { height: 110px; resize: vertical; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: var(--bg); border-top: 1px solid var(--border);\n padding: 3.5rem 2rem 2rem; transition: background var(--transition);\n }\n .footer-inner { max-width: 1200px; margin: 0 auto; }\n .footer-top {\n display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 3rem;\n padding-bottom: 2.5rem; border-bottom: 1px solid var(--border); margin-bottom: 2rem;\n }\n .footer-logo { height: 32px; width: auto; filter: brightness(0) invert(0.6); transition: filter var(--transition); }\n [data-theme=\"light\"] .footer-logo { filter: none; }\n .footer-brand p { font-size: 0.87rem; color: var(--text-muted); margin-top: 1rem; line-height: 1.7; max-width: 300px; }\n .footer-col h4 { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-dim); margin-bottom: 1rem; font-weight: 700; }\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.6rem; }\n .footer-col ul li a { text-decoration: none; color: var(--text-muted); font-size: 0.87rem; transition: color var(--transition); }\n .footer-col ul li a:hover { color: var(--accent); }\n .footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }\n .footer-bottom p { font-size: 0.8rem; color: var(--text-dim); }\n .footer-bottom p span { color: var(--accent); }\n .footer-legal { display: flex; gap: 1.5rem; }\n .footer-legal a { text-decoration: none; color: var(--text-dim); font-size: 0.8rem; transition: color var(--transition); }\n .footer-legal a:hover { color: var(--text-muted); }\n\n \/* \u2500\u2500\u2500 FLOATING NOTDIENST \u2500\u2500\u2500 *\/\n .floating-cta { position: fixed; bottom: 2rem; right: 2rem; z-index: 90; }\n .floating-btn {\n display: flex; align-items: center; gap: 10px;\n background: linear-gradient(135deg, #e52613, #b71c0c);\n color: #fff; padding: 14px 20px; border-radius: 50px;\n text-decoration: none; font-weight: 700; font-size: 0.88rem;\n box-shadow: 0 4px 24px rgba(229,38,19,0.45);\n transition: transform 0.2s, box-shadow 0.2s;\n animation: float 3s ease-in-out infinite;\n }\n .floating-btn:hover { transform: scale(1.05) translateY(-2px) !important; box-shadow: 0 8px 32px rgba(229,38,19,0.6); }\n @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }\n .fp { width: 10px; height: 10px; border-radius: 50%; background: #fff; position: relative; }\n .fp::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.5); animation: pulse-ring 1.5s ease-out infinite; }\n @keyframes pulse-ring { 0% { opacity:1; transform:scale(0.8); } 100% { opacity:0; transform:scale(1.6); } }\n\n \/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500 *\/\n .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1024px) {\n .projects-grid { grid-template-columns: repeat(2, 1fr); }\n .testimonials-grid { grid-template-columns: 1fr 1fr; }\n }\n @media (max-width: 768px) {\n .hero-inner { grid-template-columns: 1fr; }\n .hero-panel { display: none; }\n .about-grid { grid-template-columns: 1fr; gap: 2rem; }\n .contact-grid { grid-template-columns: 1fr; }\n .footer-top { grid-template-columns: 1fr; gap: 2rem; }\n .nav-links { display: none; }\n .form-row { grid-template-columns: 1fr; }\n .projects-grid { grid-template-columns: 1fr; }\n .testimonials-grid { grid-template-columns: 1fr; }\n .about-stats { grid-template-columns: repeat(2, 1fr); }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-inner\">\n <a href=\"#\" class=\"logo\">\n <img decoding=\"async\" src=\"logo.svg\" alt=\"Dabrowski Heizung Logo\" \/>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#leistungen\">Leistungen<\/a><\/li>\n <li><a href=\"#referenzen\">Referenzen<\/a><\/li>\n <li><a href=\"#ueber-uns\">\u00dcber uns<\/a><\/li>\n <li><a href=\"#bewertungen\">Bewertungen<\/a><\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n <\/ul>\n <div style=\"display:flex;align-items:center;gap:1rem;\">\n <button class=\"theme-toggle\" id=\"themeToggle\" aria-label=\"Design wechseln\" title=\"Light \/ Dark Mode\">\n <span class=\"toggle-icons\"><span>\ud83c\udf19<\/span><span>\u2600\ufe0f<\/span><\/span>\n <\/button>\n <a href=\"#kontakt\" class=\"btn-primary\" style=\"padding:10px 20px;font-size:0.82rem;\">\n Anfrage stellen\n <\/a>\n <\/div>\n <\/div>\n<\/nav>\n\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-glow\"><\/div>\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\u2713 Zertifizierter Meisterbetrieb \u00b7 Menden<\/div>\n <h1>\n Ihr Experte f\u00fcr<br\/>\n <span>Heizung, Sanit\u00e4r<\/span><br\/>\n & Klimatechnik\n <\/h1>\n <p class=\"hero-desc\">\n Von der W\u00e4rmepumpe bis zur Badsanierung \u2014 wir planen, installieren und warten\n Ihre Anlagen mit Pr\u00e4zision und Meisterqualit\u00e4t. In Menden und der gesamten Region. 24\/7 Notdienst.\n <\/p>\n <div class=\"hero-cta\">\n <a href=\"#kontakt\" class=\"btn-primary\">\ud83d\udcde Jetzt anfragen<\/a>\n <a href=\"#leistungen\" class=\"btn-secondary\">Leistungen ansehen \u2192<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-panel\">\n <div class=\"panel-card\">\n <div style=\"font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-dim);margin-bottom:0.6rem;font-weight:600;\">Ihr Meisterbetrieb in Menden<\/div>\n <div style=\"font-size:1.8rem;font-weight:700;color:var(--text);font-family:var(--font-heading);line-height:1.1;margin-bottom:0.3rem;\">Andrzej <span style=\"color:var(--accent);\">Dabrowski<\/span><\/div>\n <div style=\"font-size:0.82rem;color:var(--text-muted);margin-bottom:1rem;\">Sanit\u00e4r \u00b7 Heizung \u00b7 Klima \u00b7 Bad<\/div>\n <div class=\"tag-row\">\n <span class=\"tag\">Heizungstausch<\/span>\n <span class=\"tag\">W\u00e4rmepumpen<\/span>\n <span class=\"tag\">Klimaanlagen<\/span>\n <span class=\"tag\">Badsanierung<\/span>\n <span class=\"tag\">Gas & \u00d6l<\/span>\n <\/div>\n <\/div>\n <div class=\"panel-row\">\n <div class=\"panel-card\">\n <div class=\"notdienst-pill\">Notdienst<\/div>\n <div class=\"panel-num\">24\/7<\/div>\n <div class=\"panel-lbl\">Immer erreichbar<\/div>\n <\/div>\n <div class=\"panel-card\" style=\"display:flex;flex-direction:column;gap:0.4rem;\">\n <div class=\"panel-stat\">\n <div class=\"panel-num\">25+<\/div>\n <div class=\"panel-lbl\">Jahre Erfahrung<\/div>\n <\/div>\n <div style=\"border-top:1px solid var(--border);padding-top:0.4rem;\">\n <div class=\"panel-num\" style=\"font-size:1.3rem;\">\u2b50 4.9<\/div>\n <div class=\"panel-lbl\">Kundenbewertung<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"leistungen\" class=\"services-bg\">\n <div class=\"section-inner\">\n <span class=\"section-label\">Was wir anbieten<\/span>\n <h2 class=\"section-title\">Unsere Leistungen<\/h2>\n <p class=\"section-desc\">Vom Heizungstausch bis zur Badsanierung \u2014 alles aus einer Hand, termingerecht und mit langj\u00e4hriger Meistererfahrung in Menden und Umgebung.<\/p>\n\n <div class=\"services-grid\">\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1621905251189-08b45d6a269e?w=600&q=75&auto=format&fit=crop\" alt=\"Heizungsreparatur\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83d\udd27<\/div><h3>Reparaturen & St\u00f6rungsbehebung<\/h3><\/div>\n <p>Schnelle Diagnose und zuverl\u00e4ssige Reparatur bei Heizungs- und Sanit\u00e4rproblemen. Inklusive 24\/7 Notdienst f\u00fcr dringende F\u00e4lle.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1504328345606-18bbc8c9d7d1?w=600&q=75&auto=format&fit=crop\" alt=\"Wartung und Service\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83d\udee0\ufe0f<\/div><h3>Wartung & Service<\/h3><\/div>\n <p>Regelm\u00e4\u00dfige Inspektionen verl\u00e4ngern die Lebensdauer Ihrer Anlagen und beugen teuren Ausf\u00e4llen vor. Individuelle Wartungsvertr\u00e4ge.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?w=600&q=75&auto=format&fit=crop\" alt=\"Heizungstausch\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83d\udd04<\/div><h3>Heizungstausch<\/h3><\/div>\n <p>Alte Heizung raus, moderne Effizienz rein. Wir planen den Austausch inklusive F\u00f6rderberatung und f\u00fchren ihn termingerecht durch.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1563013544-824ae1b704d3?w=600&q=75&auto=format&fit=crop\" alt=\"Neuanlagen Installation\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83c\udfd7\ufe0f<\/div><h3>Neuanlagen & Installation<\/h3><\/div>\n <p>Komplette Planung und Installation von Heizungs- und Sanit\u00e4ranlagen im Neubau oder bei umfassenden Sanierungen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?w=600&q=75&auto=format&fit=crop\" alt=\"W\u00e4rmepumpen\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\u2668\ufe0f<\/div><h3>W\u00e4rmepumpen<\/h3><\/div>\n <p>Zukunftssicher heizen mit Luft-Wasser-, Sole-Wasser- oder Luft-Luft-W\u00e4rmepumpen. Inklusive F\u00f6rderantrag und Inbetriebnahme.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1585771724684-38269d6639fd?w=600&q=75&auto=format&fit=crop\" alt=\"Klimaanlagen\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\u2744\ufe0f<\/div><h3>Klimaanlagen<\/h3><\/div>\n <p>Split-Klimaanlagen und Multi-Split-Systeme f\u00fcr Zuhause und Gewerbe \u2014 Installation, Wartung und Kundendienst von Profis.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1552321554-5fefe8c9ef14?w=600&q=75&auto=format&fit=crop\" alt=\"Badsanierung\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83d\udec1<\/div><h3>Badsanierungen<\/h3><\/div>\n <p>Von der Planung bis zur Fertigstellung: Wir gestalten Ihr Traumbad \u2014 barrierefrei, altersgerecht oder luxuri\u00f6s nach Ihren W\u00fcnschen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?w=600&q=75&auto=format&fit=crop\" alt=\"Gas und \u00d6lheizungen\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83d\udd25<\/div><h3>Gas- & \u00d6lheizungen<\/h3><\/div>\n <p>Fachkundige Installation, Wartung und Reparatur von Gas- und \u00d6lheizungsanlagen aller g\u00e4ngigen Hersteller.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"referenzen\">\n <div class=\"section-inner\">\n <span class=\"section-label\">Unsere Projekte<\/span>\n <h2 class=\"section-title\">Referenzen aus Menden & Umgebung<\/h2>\n <p class=\"section-desc\">Echte Projekte, echte Ergebnisse \u2014 ein kleiner Einblick in unsere abgeschlossenen Arbeiten f\u00fcr Privat- und Gewerbekunden.<\/p>\n\n <div class=\"projects-grid\">\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552321554-5fefe8c9ef14?w=700&q=80&auto=format&fit=crop\" alt=\"Badsanierung Menden\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>Badsanierung<\/span>\n <h4>Komplette Badsanierung \u2013 Einfamilienhaus Menden<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">Badsanierung<\/span>\n <h4>Komplette Badsanierung \u2013 Einfamilienhaus Menden<\/h4>\n <p>Modernisierung inkl. bodengleicher Dusche, Heizung und neuer Verrohrung \u00b7 2024<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?w=700&q=80&auto=format&fit=crop\" alt=\"W\u00e4rmepumpe Installation\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>W\u00e4rmepumpe<\/span>\n <h4>Luft-Wasser-W\u00e4rmepumpe \u2013 Iserlohn<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">W\u00e4rmepumpe<\/span>\n <h4>Luft-Wasser-W\u00e4rmepumpe \u2013 Iserlohn<\/h4>\n <p>Kompletter Heizungstausch von Gas auf W\u00e4rmepumpe inkl. BAFA-F\u00f6rderantrag \u00b7 2024<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?w=700&q=80&auto=format&fit=crop\" alt=\"Heizungsanlage\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>Heizungstausch<\/span>\n <h4>Gasbrennwert-Anlage \u2013 Mehrfamilienhaus Balve<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">Heizungstausch<\/span>\n <h4>Gasbrennwert-Anlage \u2013 Mehrfamilienhaus Balve<\/h4>\n <p>Tausch der Zentralheizung in einem 6-Parteien-Haus, termingerecht in 2 Tagen \u00b7 2023<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585771724684-38269d6639fd?w=700&q=80&auto=format&fit=crop\" alt=\"Klimaanlage B\u00fcro\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>Klimatechnik<\/span>\n <h4>Klimaanlage \u2013 B\u00fcrogeb\u00e4ude Menden<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">Klimatechnik<\/span>\n <h4>Klimaanlage \u2013 B\u00fcrogeb\u00e4ude Menden<\/h4>\n <p>Multi-Split-Klimaanlage f\u00fcr 8 B\u00fcror\u00e4ume, inkl. Wartungsvertrag \u00b7 2023<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=700&q=80&auto=format&fit=crop\" alt=\"Neuanlage Neubau\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>Neuanlage<\/span>\n <h4>Haustechnik Neubau \u2013 Hemer<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">Neuanlage<\/span>\n <h4>Haustechnik Neubau \u2013 Hemer<\/h4>\n <p>Komplette Sanit\u00e4r- und Heizungsinstallation f\u00fcr Einfamilienhaus-Neubau \u00b7 2024<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556909114-f6e7ad7d3136?w=700&q=80&auto=format&fit=crop\" alt=\"Altersgerechtes Bad\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>Barrierefreiheit<\/span>\n <h4>Altersgerechte Badsanierung \u2013 Menden<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">Barrierefreiheit<\/span>\n <h4>Altersgerechte Badsanierung \u2013 Menden<\/h4>\n <p>Umbau zu barrierefreiem Bad mit bodengleicher Dusche und Haltegriffen \u00b7 2024<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"ueber-uns\" style=\"background:var(--bg2);border-top:1px solid var(--border);transition:background var(--transition);\">\n <div class=\"section-inner\">\n <div class=\"about-grid\">\n <div class=\"about-img-wrap reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504328345606-18bbc8c9d7d1?w=800&q=80&auto=format&fit=crop\" alt=\"Professioneller Heizungsinstallateur bei der Arbeit\" loading=\"lazy\" \/>\n <div class=\"about-img-badge\">\n <div class=\"big\">25+<\/div>\n <div class=\"small\">Jahre Meisterbetrieb<\/div>\n <\/div>\n <\/div>\n\n <div>\n <span class=\"section-label\">Warum Dabrowski<\/span>\n <h2 class=\"section-title\">Meisterqualit\u00e4t,<br\/>auf die Sie sich verlassen<\/h2>\n <p class=\"section-desc\" style=\"margin-bottom:1.5rem;\">Als zertifizierter Meisterbetrieb in Menden und der gesamten Region stehen wir f\u00fcr Verl\u00e4sslichkeit, Pr\u00e4zision und erstklassige Handwerkskunst \u2014 seit \u00fcber 25 Jahren.<\/p>\n\n <div class=\"trust-items\">\n <div class=\"trust-item reveal\">\n <div class=\"trust-icon\">\ud83c\udfc6<\/div>\n <div><h4>Zertifizierter Meisterbetrieb<\/h4><p>Alle Arbeiten werden von ausgebildeten Meistern geplant und ausgef\u00fchrt \u2014 f\u00fcr h\u00f6chste Qualit\u00e4t und Sicherheit.<\/p><\/div>\n <\/div>\n <div class=\"trust-item reveal\">\n <div class=\"trust-icon\">\u26a1<\/div>\n <div><h4>Schnelle Reaktionszeiten<\/h4><p>Bei St\u00f6rungen sind wir schnell vor Ort. Unser Notdienst ist rund um die Uhr erreichbar \u2014 auch an Wochenenden und Feiertagen.<\/p><\/div>\n <\/div>\n <div class=\"trust-item reveal\">\n <div class=\"trust-icon\">\ud83d\udca1<\/div>\n <div><h4>F\u00f6rderberatung inklusive<\/h4><p>Wir informieren Sie \u00fcber staatliche F\u00f6rderprogramme (BAFA, KfW) und helfen bei der Antragstellung \u2014 kostenlos.<\/p><\/div>\n <\/div>\n <div class=\"trust-item reveal\">\n <div class=\"trust-icon\">\ud83e\udd1d<\/div>\n <div><h4>Transparente Festpreise<\/h4><p>Keine versteckten Kosten: Sie erhalten vor Beginn ein verbindliches Angebot. Sauber, klar und fair kalkuliert.<\/p><\/div>\n <\/div>\n <\/div>\n\n <div class=\"about-stats reveal\">\n <div class=\"stat-cell\"><div class=\"stat-num\">25+<\/div><div class=\"stat-lbl\">Jahre Erfahrung<\/div><\/div>\n <div class=\"stat-cell\"><div class=\"stat-num\">1.200+<\/div><div class=\"stat-lbl\">Kunden<\/div><\/div>\n <div class=\"stat-cell\"><div class=\"stat-num\">24\/7<\/div><div class=\"stat-lbl\">Notdienst<\/div><\/div>\n <div class=\"stat-cell\"><div class=\"stat-num\">4.9\u2b50<\/div><div class=\"stat-lbl\">Bewertung<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"bewertungen\" class=\"testimonials-bg\">\n <div class=\"section-inner\">\n <span class=\"section-label\">Was unsere Kunden sagen<\/span>\n <h2 class=\"section-title\">Bewertungen & Erfahrungen<\/h2>\n <p class=\"section-desc\">\u00dcber 1.200 zufriedene Kunden in Menden und der Region \u2014 lesen Sie selbst, was unsere Auftraggeber \u00fcber unsere Arbeit sagen.<\/p>\n\n <div class=\"testimonials-grid\">\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eDie Heizung fiel an einem Sonntagabend aus. Herr Dabrowski war innerhalb von zwei Stunden bei uns und hatte alles wieder in Betrieb. Absolut zuverl\u00e4ssig \u2014 ich kann ihn nur weiterempfehlen!“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">MK<\/div>\n <div><div class=\"author-name\">Markus K.<\/div><div class=\"author-meta\">Menden \u00b7 Heizungsreparatur<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eUnser neues Bad ist einfach wundersch\u00f6n geworden. Von der Planung bis zur letzten Fuge alles perfekt. Das Team war p\u00fcnktlich, sauber und sehr professionell. Danke!“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">SR<\/div>\n <div><div class=\"author-name\">Sandra R.<\/div><div class=\"author-meta\">Menden \u00b7 Badsanierung<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eDie W\u00e4rmepumpe l\u00e4uft seit einem Jahr einwandfrei. Herr Dabrowski hat uns bei der BAFA-F\u00f6rderung geholfen und alles reibungslos abgewickelt. Super Preis-Leistungs-Verh\u00e4ltnis!“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">TH<\/div>\n <div><div class=\"author-name\">Thomas H.<\/div><div class=\"author-meta\">Iserlohn \u00b7 W\u00e4rmepumpe<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eSehr kompetente Beratung beim Heizungstausch. Das Angebot war klar und transparent, keine versteckten Kosten. Die Montage war in einem Tag abgeschlossen. Top!“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">AG<\/div>\n <div><div class=\"author-name\">Andrea G.<\/div><div class=\"author-meta\">Balve \u00b7 Heizungstausch<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eDie Klimaanlage in unserem B\u00fcro war dringend n\u00f6tig. Dabrowski hat innerhalb einer Woche alles installiert \u2014 schnell, professionell und zum fairen Preis. Jetzt haben wir auch einen Wartungsvertrag.“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">FW<\/div>\n <div><div class=\"author-name\">Frank W.<\/div><div class=\"author-meta\">Menden \u00b7 Klimaanlage<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eAltersgerechter Umbau unseres Bades f\u00fcr meine Mutter \u2014 einf\u00fchlsam beraten, handwerklich perfekt umgesetzt. Das Ergebnis hat alle Erwartungen \u00fcbertroffen. Herzlichen Dank!“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">BL<\/div>\n <div><div class=\"author-name\">Brigitte L.<\/div><div class=\"author-meta\">Hemer \u00b7 Barrierefreiheit<\/div><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"testimonials-summary reveal\">\n <div class=\"summary-item\">\n <div class=\"summary-num\">\u2b50 4.9<\/div>\n <div class=\"summary-lbl\">Durchschnittsbewertung<\/div>\n <\/div>\n <div class=\"summary-divider\"><\/div>\n <div class=\"summary-item\">\n <div class=\"summary-num\">1.200+<\/div>\n <div class=\"summary-lbl\">Zufriedene Kunden<\/div>\n <\/div>\n <div class=\"summary-divider\"><\/div>\n <div class=\"summary-item\">\n <div class=\"summary-num\">98%<\/div>\n <div class=\"summary-lbl\">W\u00fcrden uns weiterempfehlen<\/div>\n <\/div>\n <div class=\"summary-divider\"><\/div>\n <div class=\"summary-item\">\n <div class=\"summary-num\">Google<\/div>\n <div class=\"summary-lbl\">Bewertungsplattform<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"kontakt\" class=\"contact-bg\">\n <div class=\"section-inner\">\n <span class=\"section-label\">Kontakt aufnehmen<\/span>\n <h2 class=\"section-title\">Sprechen wir \u00fcber Ihr Projekt<\/h2>\n <p class=\"section-desc\">Schildern Sie uns Ihr Anliegen \u2014 wir melden uns schnellstm\u00f6glich bei Ihnen und unterbreiten Ihnen ein unverbindliches Angebot.<\/p>\n\n <div class=\"contact-grid\">\n <div class=\"contact-cards\">\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83d\udcde<\/div>\n <div><h4>Telefon<\/h4><p>+49 (0) 2373 \/ 12 34 56<\/p><\/div>\n <\/div>\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83d\udea8<\/div>\n <div><h4>Notdienst 24\/7<\/h4><p>+49 (0) 170 \/ 98 76 54<\/p><\/div>\n <\/div>\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83d\udce7<\/div>\n <div><h4>E-Mail<\/h4><p>info@dabrowski-heizung.de<\/p><\/div>\n <\/div>\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83d\udccd<\/div>\n <div><h4>Standort<\/h4><p>Menden (Sauerland) & Umgebung (NRW)<\/p><\/div>\n <\/div>\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83c\udf10<\/div>\n <div><h4>Servicegebiet<\/h4><p>Menden \u00b7 Iserlohn \u00b7 Hemer \u00b7 Balve \u00b7 Neuenrade<\/p><\/div>\n <\/div>\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83d\udd50<\/div>\n <div><h4>\u00d6ffnungszeiten<\/h4><p>Mo\u2013Fr: 7:00 \u2013 18:00 Uhr<\/p><\/div>\n <\/div>\n <\/div>\n\n <div class=\"contact-form reveal\">\n <h3>Kostenlose Anfrage stellen<\/h3>\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Vorname<\/label><input type=\"text\" placeholder=\"Max\" \/><\/div>\n <div class=\"form-group\"><label>Nachname<\/label><input type=\"text\" placeholder=\"Mustermann\" \/><\/div>\n <\/div>\n <div class=\"form-group\"><label>Telefon oder E-Mail<\/label><input type=\"text\" placeholder=\"+49 ... oder name@mail.de\" \/><\/div>\n <div class=\"form-group\">\n <label>Leistung<\/label>\n <select>\n <option value=\"\">Bitte w\u00e4hlen \u2026<\/option>\n <option>Reparatur \/ St\u00f6rung<\/option>\n <option>Wartung<\/option>\n <option>Heizungstausch<\/option>\n <option>W\u00e4rmepumpe<\/option>\n <option>Gas- \/ \u00d6lheizung<\/option>\n <option>Klimaanlage<\/option>\n <option>Badsanierung<\/option>\n <option>Neuanlage \/ Sonstiges<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\"><label>Ihre Nachricht<\/label><textarea placeholder=\"Beschreiben Sie kurz Ihr Anliegen \u2026\"><\/textarea><\/div>\n <button class=\"btn-primary\" style=\"width:100%;justify-content:center;font-size:0.95rem;padding:15px;\">\n Anfrage absenden \u2192\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"logo.svg\" alt=\"Dabrowski Heizung\" class=\"footer-logo\" \/>\n <p>Andrzej Dabrowski \u2013 Ihr zertifizierter Meisterbetrieb f\u00fcr Sanit\u00e4r, Heizungs- und Klimatechnik in Menden (Sauerland) und der gesamten Region.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Leistungen<\/h4>\n <ul>\n <li><a href=\"#leistungen\">Reparaturen<\/a><\/li>\n <li><a href=\"#leistungen\">Wartung<\/a><\/li>\n <li><a href=\"#leistungen\">Heizungstausch<\/a><\/li>\n <li><a href=\"#leistungen\">W\u00e4rmepumpen<\/a><\/li>\n <li><a href=\"#leistungen\">Klimaanlagen<\/a><\/li>\n <li><a href=\"#leistungen\">Badsanierungen<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Unternehmen<\/h4>\n <ul>\n <li><a href=\"#ueber-uns\">\u00dcber uns<\/a><\/li>\n <li><a href=\"#referenzen\">Referenzen<\/a><\/li>\n <li><a href=\"#bewertungen\">Bewertungen<\/a><\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n <li><a href=\"tel:+4917098765\">Notdienst 24\/7<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2025 Andrzej Dabrowski \u00b7 Meisterbetrieb \u00b7 Menden \u00b7 Alle Rechte vorbehalten \u00b7 Made with <span>\u2665<\/span><\/p>\n <div class=\"footer-legal\">\n <a href=\"#\">Impressum<\/a>\n <a href=\"#\">Datenschutz<\/a>\n <a href=\"#\">AGB<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"floating-cta\">\n <a href=\"tel:+4917098765\" class=\"floating-btn\">\n <div class=\"fp\"><\/div>\n \ud83d\udea8 Notdienst 24\/7\n <\/a>\n<\/div>\n\n\n<script>\n \/\/ \u2500\u2500 THEME TOGGLE \u2500\u2500\n const toggle = document.getElementById('themeToggle');\n const html = document.documentElement;\n const saved = localStorage.getItem('dabrowski-theme');\n if (saved) html.setAttribute('data-theme', saved);\n toggle.addEventListener('click', () => {\n const next = html.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';\n html.setAttribute('data-theme', next);\n localStorage.setItem('dabrowski-theme', next);\n });\n\n \/\/ \u2500\u2500 SCROLL REVEAL \u2500\u2500\n const observer = new IntersectionObserver(\n (entries) => entries.forEach((e, i) => {\n if (e.isIntersecting) {\n setTimeout(() => e.target.classList.add('visible'), i * 55);\n observer.unobserve(e.target);\n }\n }),\n { threshold: 0.1, rootMargin: '0px 0px -40px 0px' }\n );\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ \u2500\u2500 ACTIVE NAV \u2500\u2500\n const sections = document.querySelectorAll('section[id]');\n const navLinks = document.querySelectorAll('.nav-links a');\n const navObs = new IntersectionObserver(\n (entries) => entries.forEach(e => {\n if (e.isIntersecting) {\n navLinks.forEach(l => {\n l.style.color = '';\n if (l.getAttribute('href') === `#${e.target.id}`) l.style.color = 'var(--accent)';\n });\n }\n }),\n { threshold: 0.35 }\n );\n sections.forEach(s => navObs.observe(s));\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dabrowski Heizung \u2013 Meisterbetrieb Menden | Sanit\u00e4r, Heizung & Klima Leistungen Referenzen \u00dcber uns Bewertungen Kontakt \ud83c\udf19\u2600\ufe0f Anfrage stellen \u2713 Zertifizierter Meisterbetrieb \u00b7 Menden Ihr Experte f\u00fcr Heizung, Sanit\u00e4r & Klimatechnik Von der W\u00e4rmepumpe bis zur Badsanierung \u2014 wir planen, installieren und warten Ihre Anlagen mit Pr\u00e4zision und Meisterqualit\u00e4t. In Menden und der gesamten Region. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=52"}],"version-history":[{"count":3,"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":52,"date":"2026-04-22T20:25:04","date_gmt":"2026-04-22T20:25:04","guid":{"rendered":"https:\/\/dabrowski.kreativpc24.de\/?page_id=52"},"modified":"2026-04-22T20:26:26","modified_gmt":"2026-04-22T20:26:26","slug":"startseite","status":"publish","type":"page","link":"https:\/\/dabrowski.kreativpc24.de\/","title":{"rendered":"Startseite"},"content":{"rendered":"\n\n\n\n \n \n Dabrowski Heizung \u2013 Meisterbetrieb Menden | Sanit\u00e4r, Heizung & Klima<\/title>\n <style>\n \/* \u2500\u2500\u2500 DESIGN TOKENS \u2500\u2500\u2500 *\/\n :root {\n --accent: #00bcd4;\n --accent-light: #4dd0e1;\n --accent-glow: rgba(0, 188, 212, 0.18);\n --accent-dark: #0097a7;\n --radius: 14px;\n --radius-sm: 8px;\n --transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n --font: 'Segoe UI', system-ui, -apple-system, sans-serif;\n --font-heading: Georgia, 'Times New Roman', serif;\n }\n\n [data-theme=\"dark\"] {\n --bg: #0d0f14;\n --bg2: #13161e;\n --bg3: #1a1e2a;\n --surface: #1e2231;\n --surface2: #252a3a;\n --border: rgba(255,255,255,0.07);\n --text: #e8ecf0;\n --text-muted: #8a93a8;\n --text-dim: #5c6478;\n --shadow: 0 4px 32px rgba(0,0,0,0.5);\n --shadow-card: 0 2px 24px rgba(0,0,0,0.4);\n --nav-blur: rgba(13,15,20,0.88);\n --hero-overlay: rgba(13,15,20,0.72);\n --img-overlay: rgba(13,15,20,0.5);\n }\n\n [data-theme=\"light\"] {\n --bg: #f0f4f8;\n --bg2: #e8edf3;\n --bg3: #dde3ec;\n --surface: #ffffff;\n --surface2: #f5f7fa;\n --border: rgba(0,0,0,0.08);\n --text: #1a1e2a;\n --text-muted: #5c6478;\n --text-dim: #8a93a8;\n --shadow: 0 4px 32px rgba(0,0,0,0.08);\n --shadow-card: 0 2px 24px rgba(0,0,0,0.07);\n --nav-blur: rgba(240,244,248,0.92);\n --hero-overlay: rgba(15,20,35,0.62);\n --img-overlay: rgba(15,20,35,0.35);\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n html { scroll-behavior: smooth; }\n body {\n font-family: var(--font);\n background: var(--bg);\n color: var(--text);\n line-height: 1.7;\n transition: background var(--transition), color var(--transition);\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0;\n z-index: 100;\n background: var(--nav-blur);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border-bottom: 1px solid var(--border);\n transition: background var(--transition), border-color var(--transition);\n }\n .nav-inner {\n max-width: 1200px; margin: 0 auto; padding: 0 2rem;\n height: 72px; display: flex; align-items: center; justify-content: space-between;\n }\n .logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }\n .logo img {\n height: 36px; width: auto;\n filter: brightness(0) invert(1);\n transition: filter var(--transition);\n }\n [data-theme=\"light\"] .logo img { filter: none; }\n\n .nav-links { display: flex; align-items: center; gap: 2rem; list-style: none; }\n .nav-links a {\n text-decoration: none; color: var(--text-muted);\n font-size: 0.88rem; font-weight: 500; letter-spacing: 0.03em;\n transition: color var(--transition); position: relative;\n }\n .nav-links a::after {\n content: ''; position: absolute; bottom: -4px; left: 0; right: 0;\n height: 2px; background: var(--accent);\n transform: scaleX(0); transition: transform var(--transition); border-radius: 2px;\n }\n .nav-links a:hover { color: var(--text); }\n .nav-links a:hover::after { transform: scaleX(1); }\n\n \/* Theme toggle *\/\n .theme-toggle {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: 50px; cursor: pointer; width: 56px; height: 28px;\n position: relative; transition: background var(--transition), border-color var(--transition);\n flex-shrink: 0;\n }\n .theme-toggle::before {\n content: ''; position: absolute; top: 3px; left: 3px;\n width: 20px; height: 20px; border-radius: 50%;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n transition: transform var(--transition), box-shadow var(--transition);\n box-shadow: 0 0 10px var(--accent-glow);\n }\n [data-theme=\"light\"] .theme-toggle::before { transform: translateX(28px); }\n .toggle-icons {\n position: absolute; inset: 0; display: flex; align-items: center;\n justify-content: space-between; padding: 0 6px; font-size: 12px; pointer-events: none;\n }\n\n .btn-primary {\n display: inline-flex; align-items: center; gap: 8px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n color: #fff; padding: 14px 28px; border-radius: var(--radius-sm);\n text-decoration: none; font-weight: 600; font-size: 0.92rem; letter-spacing: 0.02em;\n box-shadow: 0 4px 20px rgba(0,188,212,0.3);\n transition: transform 0.2s, box-shadow 0.2s; border: none; cursor: pointer;\n }\n .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(0,188,212,0.45); }\n .btn-secondary {\n display: inline-flex; align-items: center; gap: 8px;\n background: transparent; color: var(--text); padding: 14px 28px;\n border-radius: var(--radius-sm); text-decoration: none; font-weight: 600;\n font-size: 0.92rem; border: 1px solid var(--border);\n transition: background var(--transition), border-color var(--transition);\n }\n .btn-secondary:hover { background: var(--surface); border-color: var(--accent); }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n min-height: 100vh; display: flex; align-items: center;\n position: relative; overflow: hidden;\n background: var(--bg);\n }\n .hero-bg {\n position: absolute; inset: 0;\n background-image: url('https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?w=1600&q=80&auto=format&fit=crop');\n background-size: cover; background-position: center;\n transition: opacity 0.5s;\n }\n .hero-bg::after {\n content: ''; position: absolute; inset: 0;\n background: var(--hero-overlay);\n transition: background var(--transition);\n }\n \/* subtle grid overlay *\/\n .hero-grid {\n position: absolute; inset: 0;\n background-image:\n linear-gradient(var(--border) 1px, transparent 1px),\n linear-gradient(90deg, var(--border) 1px, transparent 1px);\n background-size: 60px 60px;\n mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 0%, transparent 100%);\n -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 0%, transparent 100%);\n z-index: 1;\n }\n .hero-glow {\n position: absolute; inset: 0;\n background: radial-gradient(ellipse 70% 60% at 60% 50%, rgba(0,188,212,0.12) 0%, transparent 65%);\n z-index: 1; animation: hero-pulse 8s ease-in-out infinite alternate;\n }\n @keyframes hero-pulse { from { opacity: 0.7; } to { opacity: 1; } }\n\n .hero-inner {\n max-width: 1200px; margin: 0 auto; width: 100%;\n padding: 140px 2rem 80px;\n display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 4rem;\n align-items: center; position: relative; z-index: 2;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(0,188,212,0.15); border: 1px solid rgba(0,188,212,0.35);\n color: var(--accent-light); padding: 6px 14px; border-radius: 50px;\n font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em;\n text-transform: uppercase; margin-bottom: 1.5rem;\n }\n .hero-badge::before {\n content: ''; width: 6px; height: 6px; border-radius: 50%;\n background: var(--accent); box-shadow: 0 0 8px var(--accent);\n animation: blink 2s ease-in-out infinite;\n }\n @keyframes blink { 0%,100% { opacity:1; } 50% { opacity:0.3; } }\n\n .hero h1 {\n font-family: var(--font-heading);\n font-size: clamp(2.2rem, 3.8vw, 3.4rem);\n line-height: 1.15; color: #fff; margin-bottom: 1.2rem; font-weight: 700;\n text-shadow: 0 2px 20px rgba(0,0,0,0.4);\n }\n .hero h1 span {\n background: linear-gradient(135deg, var(--accent), var(--accent-light));\n -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;\n }\n .hero-desc { font-size: 1.05rem; color: rgba(255,255,255,0.8); margin-bottom: 2rem; max-width: 480px; line-height: 1.8; }\n .hero-cta { display: flex; gap: 1rem; flex-wrap: wrap; }\n\n \/* Hero cards panel *\/\n .hero-panel {\n display: flex; flex-direction: column; gap: 1rem;\n }\n .panel-card {\n background: rgba(30,34,49,0.82);\n backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n border: 1px solid rgba(255,255,255,0.1);\n border-radius: var(--radius); padding: 1.5rem;\n transition: background var(--transition);\n }\n [data-theme=\"light\"] .panel-card {\n background: rgba(255,255,255,0.88);\n border: 1px solid rgba(0,0,0,0.1);\n }\n .panel-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n .panel-stat { text-align: center; }\n .panel-num { font-size: 1.8rem; font-weight: 700; color: var(--accent); font-family: var(--font-heading); line-height: 1; }\n .panel-lbl { font-size: 0.75rem; color: var(--text-muted); margin-top: 0.2rem; font-weight: 500; }\n .panel-divider { width: 1px; background: var(--border); margin: 0 auto; }\n\n .notdienst-pill {\n display: inline-flex; align-items: center; gap: 6px;\n background: rgba(229,38,19,0.15); border: 1px solid rgba(229,38,19,0.3);\n color: #ff6b6b; padding: 4px 12px; border-radius: 50px;\n font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; margin-bottom: 0.6rem;\n }\n .notdienst-pill::before {\n content: ''; width: 6px; height: 6px; border-radius: 50%;\n background: #ff6b6b; animation: blink 1.2s ease-in-out infinite;\n }\n .tag-row { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }\n .tag {\n background: var(--accent-glow); border: 1px solid rgba(0,188,212,0.2);\n color: var(--accent-light); padding: 4px 12px; border-radius: 50px;\n font-size: 0.73rem; font-weight: 600;\n }\n\n \/* \u2500\u2500\u2500 SECTIONS \u2500\u2500\u2500 *\/\n section { padding: 100px 2rem; position: relative; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-label {\n display: inline-block; font-size: 0.72rem; text-transform: uppercase;\n letter-spacing: 0.12em; color: var(--accent); font-weight: 700; margin-bottom: 0.8rem;\n }\n .section-title {\n font-family: var(--font-heading); font-size: clamp(1.8rem, 3vw, 2.6rem);\n color: var(--text); margin-bottom: 1rem; line-height: 1.2;\n }\n .section-desc {\n font-size: 1rem; color: var(--text-muted); max-width: 560px;\n line-height: 1.8; margin-bottom: 3rem;\n }\n\n \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n .services-bg { background: var(--bg2); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); transition: background var(--transition); }\n .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }\n .service-card {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 0; overflow: hidden;\n transition: transform 0.25s, box-shadow 0.25s, background var(--transition), border-color var(--transition);\n cursor: default;\n }\n .service-card:hover { transform: translateY(-5px); box-shadow: 0 16px 48px rgba(0,0,0,0.2), 0 0 0 1px rgba(0,188,212,0.18); }\n .service-img {\n width: 100%; height: 180px; object-fit: cover;\n display: block; filter: brightness(0.85);\n transition: filter 0.4s, transform 0.4s;\n }\n .service-card:hover .service-img { filter: brightness(1); transform: scale(1.04); }\n .service-img-wrap { overflow: hidden; position: relative; }\n .service-img-wrap::after {\n content: ''; position: absolute; inset: 0;\n background: linear-gradient(to bottom, transparent 40%, var(--surface) 100%);\n transition: background var(--transition);\n }\n .service-body { padding: 1.4rem 1.6rem 1.6rem; }\n .service-icon-row { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.8rem; }\n .service-icon {\n width: 40px; height: 40px; background: var(--accent-glow);\n border-radius: 10px; display: flex; align-items: center; justify-content: center;\n font-size: 20px; border: 1px solid rgba(0,188,212,0.2); flex-shrink: 0;\n }\n .service-card h3 { font-size: 1rem; font-weight: 600; color: var(--text); font-family: var(--font-heading); }\n .service-card p { font-size: 0.87rem; color: var(--text-muted); line-height: 1.7; }\n\n \/* \u2500\u2500\u2500 REFERENZEN \/ PROJEKTE \u2500\u2500\u2500 *\/\n .projects-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem;\n }\n .project-card {\n border-radius: var(--radius); overflow: hidden; position: relative;\n aspect-ratio: 4\/3; cursor: pointer;\n box-shadow: var(--shadow-card);\n }\n .project-card img {\n width: 100%; height: 100%; object-fit: cover;\n transition: transform 0.5s; display: block;\n }\n .project-card:hover img { transform: scale(1.07); }\n .project-overlay {\n position: absolute; inset: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.1) 60%);\n display: flex; flex-direction: column; justify-content: flex-end; padding: 1.4rem;\n opacity: 0; transition: opacity 0.3s;\n }\n .project-card:hover .project-overlay { opacity: 1; }\n .project-tag {\n display: inline-block; background: var(--accent); color: #fff;\n padding: 3px 10px; border-radius: 50px; font-size: 0.7rem;\n font-weight: 700; letter-spacing: 0.06em; margin-bottom: 0.5rem;\n }\n .project-overlay h4 { color: #fff; font-size: 0.95rem; font-family: var(--font-heading); font-weight: 600; }\n .project-overlay p { color: rgba(255,255,255,0.75); font-size: 0.8rem; margin-top: 0.2rem; }\n \/* always-visible label *\/\n .project-label {\n position: absolute; bottom: 0; left: 0; right: 0;\n background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, transparent 100%);\n padding: 1.2rem 1.2rem 0.8rem;\n }\n .project-label h4 { color: #fff; font-size: 0.9rem; font-family: var(--font-heading); }\n .project-label span { color: var(--accent-light); font-size: 0.75rem; font-weight: 600; }\n\n \/* \u2500\u2500\u2500 \u00dcBER UNS \u2500\u2500\u2500 *\/\n .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }\n .about-img-wrap {\n border-radius: var(--radius); overflow: hidden; position: relative;\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\n }\n .about-img-wrap img { width: 100%; display: block; filter: brightness(0.9); }\n .about-img-badge {\n position: absolute; bottom: 1.5rem; left: 1.5rem;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n color: #fff; padding: 1rem 1.4rem; border-radius: var(--radius-sm);\n box-shadow: 0 8px 24px rgba(0,188,212,0.35);\n }\n .about-img-badge .big { font-size: 2rem; font-weight: 700; font-family: var(--font-heading); line-height: 1; }\n .about-img-badge .small { font-size: 0.78rem; font-weight: 600; margin-top: 0.2rem; opacity: 0.9; }\n .trust-items { display: flex; flex-direction: column; gap: 1rem; }\n .trust-item {\n display: flex; align-items: flex-start; gap: 1rem;\n padding: 1.2rem 1.5rem; background: var(--surface);\n border: 1px solid var(--border); border-radius: var(--radius);\n transition: background var(--transition), border-color var(--transition), transform 0.2s;\n }\n .trust-item:hover { transform: translateX(4px); border-color: rgba(0,188,212,0.25); }\n .trust-icon {\n width: 36px; height: 36px; background: var(--accent-glow);\n border-radius: 8px; display: flex; align-items: center; justify-content: center;\n font-size: 18px; flex-shrink: 0; border: 1px solid rgba(0,188,212,0.2);\n }\n .trust-item h4 { font-size: 0.92rem; font-weight: 600; color: var(--text); margin-bottom: 0.2rem; }\n .trust-item p { font-size: 0.82rem; color: var(--text-muted); line-height: 1.6; }\n .about-stats {\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 1px; background: var(--border);\n border: 1px solid var(--border); border-radius: var(--radius);\n overflow: hidden; margin-top: 2.5rem;\n }\n .stat-cell {\n background: var(--surface); padding: 1.4rem 1rem; text-align: center;\n transition: background var(--transition);\n }\n .stat-num { font-size: 1.9rem; font-weight: 700; color: var(--accent); font-family: var(--font-heading); line-height: 1; }\n .stat-lbl { font-size: 0.72rem; color: var(--text-muted); margin-top: 0.3rem; font-weight: 500; }\n\n \/* \u2500\u2500\u2500 TESTIMONIALS \u2500\u2500\u2500 *\/\n .testimonials-bg { background: var(--bg2); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); transition: background var(--transition); }\n .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }\n .testimonial-card {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.8rem;\n transition: background var(--transition), border-color var(--transition), transform 0.25s;\n position: relative;\n }\n .testimonial-card:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.15); }\n .quote-icon {\n font-size: 3rem; line-height: 1; color: var(--accent-glow);\n font-family: Georgia, serif; position: absolute; top: 1rem; right: 1.4rem;\n color: var(--accent); opacity: 0.25; font-style: normal;\n }\n .stars { color: #f59e0b; font-size: 0.85rem; letter-spacing: 0.05em; margin-bottom: 0.8rem; }\n .testimonial-text { font-size: 0.92rem; color: var(--text-muted); line-height: 1.75; margin-bottom: 1.2rem; font-style: italic; }\n .testimonial-author { display: flex; align-items: center; gap: 0.8rem; }\n .author-avatar {\n width: 42px; height: 42px; border-radius: 50%;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n display: flex; align-items: center; justify-content: center;\n font-size: 1rem; font-weight: 700; color: #fff; flex-shrink: 0;\n }\n .author-name { font-size: 0.88rem; font-weight: 600; color: var(--text); }\n .author-meta { font-size: 0.75rem; color: var(--text-dim); }\n .testimonials-summary {\n display: flex; align-items: center; justify-content: center;\n gap: 2rem; margin-top: 3rem; padding: 1.5rem 2rem;\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); flex-wrap: wrap;\n }\n .summary-item { text-align: center; }\n .summary-num { font-size: 2rem; font-weight: 700; color: var(--accent); font-family: var(--font-heading); }\n .summary-lbl { font-size: 0.78rem; color: var(--text-muted); }\n .summary-divider { width: 1px; height: 48px; background: var(--border); }\n\n \/* \u2500\u2500\u2500 KONTAKT \u2500\u2500\u2500 *\/\n .contact-bg { background: var(--bg2); border-top: 1px solid var(--border); transition: background var(--transition); }\n .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; }\n .contact-cards { display: flex; flex-direction: column; gap: 1rem; }\n .contact-card {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 1.3rem 1.5rem;\n display: flex; align-items: center; gap: 1rem;\n transition: background var(--transition), border-color var(--transition), transform 0.2s;\n }\n .contact-card:hover { transform: translateX(4px); border-color: rgba(0,188,212,0.3); }\n .contact-card-icon {\n width: 44px; height: 44px;\n background: linear-gradient(135deg, var(--accent), var(--accent-dark));\n border-radius: 10px; display: flex; align-items: center; justify-content: center;\n font-size: 20px; flex-shrink: 0; box-shadow: 0 4px 12px rgba(0,188,212,0.25);\n }\n .contact-card h4 { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-dim); margin-bottom: 0.2rem; font-weight: 600; }\n .contact-card p { font-size: 0.95rem; color: var(--text); font-weight: 500; }\n .contact-form {\n background: var(--surface); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 2rem;\n transition: background var(--transition), border-color var(--transition);\n }\n .contact-form h3 { font-family: var(--font-heading); font-size: 1.3rem; color: var(--text); margin-bottom: 1.5rem; }\n .form-group { margin-bottom: 1.2rem; }\n .form-group label { display: block; font-size: 0.8rem; font-weight: 600; color: var(--text-muted); margin-bottom: 0.5rem; letter-spacing: 0.04em; }\n .form-group input, .form-group textarea, .form-group select {\n width: 100%; background: var(--bg3); border: 1px solid var(--border);\n color: var(--text); padding: 12px 16px; border-radius: var(--radius-sm);\n font-size: 0.92rem; font-family: var(--font); outline: none;\n transition: border-color 0.2s, background var(--transition), color var(--transition);\n }\n .form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-glow); }\n .form-group textarea { height: 110px; resize: vertical; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n\n \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n footer {\n background: var(--bg); border-top: 1px solid var(--border);\n padding: 3.5rem 2rem 2rem; transition: background var(--transition);\n }\n .footer-inner { max-width: 1200px; margin: 0 auto; }\n .footer-top {\n display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 3rem;\n padding-bottom: 2.5rem; border-bottom: 1px solid var(--border); margin-bottom: 2rem;\n }\n .footer-logo { height: 32px; width: auto; filter: brightness(0) invert(0.6); transition: filter var(--transition); }\n [data-theme=\"light\"] .footer-logo { filter: none; }\n .footer-brand p { font-size: 0.87rem; color: var(--text-muted); margin-top: 1rem; line-height: 1.7; max-width: 300px; }\n .footer-col h4 { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-dim); margin-bottom: 1rem; font-weight: 700; }\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.6rem; }\n .footer-col ul li a { text-decoration: none; color: var(--text-muted); font-size: 0.87rem; transition: color var(--transition); }\n .footer-col ul li a:hover { color: var(--accent); }\n .footer-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }\n .footer-bottom p { font-size: 0.8rem; color: var(--text-dim); }\n .footer-bottom p span { color: var(--accent); }\n .footer-legal { display: flex; gap: 1.5rem; }\n .footer-legal a { text-decoration: none; color: var(--text-dim); font-size: 0.8rem; transition: color var(--transition); }\n .footer-legal a:hover { color: var(--text-muted); }\n\n \/* \u2500\u2500\u2500 FLOATING NOTDIENST \u2500\u2500\u2500 *\/\n .floating-cta { position: fixed; bottom: 2rem; right: 2rem; z-index: 90; }\n .floating-btn {\n display: flex; align-items: center; gap: 10px;\n background: linear-gradient(135deg, #e52613, #b71c0c);\n color: #fff; padding: 14px 20px; border-radius: 50px;\n text-decoration: none; font-weight: 700; font-size: 0.88rem;\n box-shadow: 0 4px 24px rgba(229,38,19,0.45);\n transition: transform 0.2s, box-shadow 0.2s;\n animation: float 3s ease-in-out infinite;\n }\n .floating-btn:hover { transform: scale(1.05) translateY(-2px) !important; box-shadow: 0 8px 32px rgba(229,38,19,0.6); }\n @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }\n .fp { width: 10px; height: 10px; border-radius: 50%; background: #fff; position: relative; }\n .fp::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.5); animation: pulse-ring 1.5s ease-out infinite; }\n @keyframes pulse-ring { 0% { opacity:1; transform:scale(0.8); } 100% { opacity:0; transform:scale(1.6); } }\n\n \/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500 *\/\n .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }\n .reveal.visible { opacity: 1; transform: translateY(0); }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 1024px) {\n .projects-grid { grid-template-columns: repeat(2, 1fr); }\n .testimonials-grid { grid-template-columns: 1fr 1fr; }\n }\n @media (max-width: 768px) {\n .hero-inner { grid-template-columns: 1fr; }\n .hero-panel { display: none; }\n .about-grid { grid-template-columns: 1fr; gap: 2rem; }\n .contact-grid { grid-template-columns: 1fr; }\n .footer-top { grid-template-columns: 1fr; gap: 2rem; }\n .nav-links { display: none; }\n .form-row { grid-template-columns: 1fr; }\n .projects-grid { grid-template-columns: 1fr; }\n .testimonials-grid { grid-template-columns: 1fr; }\n .about-stats { grid-template-columns: repeat(2, 1fr); }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<nav>\n <div class=\"nav-inner\">\n <a href=\"#\" class=\"logo\">\n <img decoding=\"async\" src=\"logo.svg\" alt=\"Dabrowski Heizung Logo\" \/>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#leistungen\">Leistungen<\/a><\/li>\n <li><a href=\"#referenzen\">Referenzen<\/a><\/li>\n <li><a href=\"#ueber-uns\">\u00dcber uns<\/a><\/li>\n <li><a href=\"#bewertungen\">Bewertungen<\/a><\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n <\/ul>\n <div style=\"display:flex;align-items:center;gap:1rem;\">\n <button class=\"theme-toggle\" id=\"themeToggle\" aria-label=\"Design wechseln\" title=\"Light \/ Dark Mode\">\n <span class=\"toggle-icons\"><span>\ud83c\udf19<\/span><span>\u2600\ufe0f<\/span><\/span>\n <\/button>\n <a href=\"#kontakt\" class=\"btn-primary\" style=\"padding:10px 20px;font-size:0.82rem;\">\n Anfrage stellen\n <\/a>\n <\/div>\n <\/div>\n<\/nav>\n\n\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-glow\"><\/div>\n <div class=\"hero-inner\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\u2713 Zertifizierter Meisterbetrieb \u00b7 Menden<\/div>\n <h1>\n Ihr Experte f\u00fcr<br\/>\n <span>Heizung, Sanit\u00e4r<\/span><br\/>\n & Klimatechnik\n <\/h1>\n <p class=\"hero-desc\">\n Von der W\u00e4rmepumpe bis zur Badsanierung \u2014 wir planen, installieren und warten\n Ihre Anlagen mit Pr\u00e4zision und Meisterqualit\u00e4t. In Menden und der gesamten Region. 24\/7 Notdienst.\n <\/p>\n <div class=\"hero-cta\">\n <a href=\"#kontakt\" class=\"btn-primary\">\ud83d\udcde Jetzt anfragen<\/a>\n <a href=\"#leistungen\" class=\"btn-secondary\">Leistungen ansehen \u2192<\/a>\n <\/div>\n <\/div>\n\n <div class=\"hero-panel\">\n <div class=\"panel-card\">\n <div style=\"font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-dim);margin-bottom:0.6rem;font-weight:600;\">Ihr Meisterbetrieb in Menden<\/div>\n <div style=\"font-size:1.8rem;font-weight:700;color:var(--text);font-family:var(--font-heading);line-height:1.1;margin-bottom:0.3rem;\">Andrzej <span style=\"color:var(--accent);\">Dabrowski<\/span><\/div>\n <div style=\"font-size:0.82rem;color:var(--text-muted);margin-bottom:1rem;\">Sanit\u00e4r \u00b7 Heizung \u00b7 Klima \u00b7 Bad<\/div>\n <div class=\"tag-row\">\n <span class=\"tag\">Heizungstausch<\/span>\n <span class=\"tag\">W\u00e4rmepumpen<\/span>\n <span class=\"tag\">Klimaanlagen<\/span>\n <span class=\"tag\">Badsanierung<\/span>\n <span class=\"tag\">Gas & \u00d6l<\/span>\n <\/div>\n <\/div>\n <div class=\"panel-row\">\n <div class=\"panel-card\">\n <div class=\"notdienst-pill\">Notdienst<\/div>\n <div class=\"panel-num\">24\/7<\/div>\n <div class=\"panel-lbl\">Immer erreichbar<\/div>\n <\/div>\n <div class=\"panel-card\" style=\"display:flex;flex-direction:column;gap:0.4rem;\">\n <div class=\"panel-stat\">\n <div class=\"panel-num\">25+<\/div>\n <div class=\"panel-lbl\">Jahre Erfahrung<\/div>\n <\/div>\n <div style=\"border-top:1px solid var(--border);padding-top:0.4rem;\">\n <div class=\"panel-num\" style=\"font-size:1.3rem;\">\u2b50 4.9<\/div>\n <div class=\"panel-lbl\">Kundenbewertung<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"leistungen\" class=\"services-bg\">\n <div class=\"section-inner\">\n <span class=\"section-label\">Was wir anbieten<\/span>\n <h2 class=\"section-title\">Unsere Leistungen<\/h2>\n <p class=\"section-desc\">Vom Heizungstausch bis zur Badsanierung \u2014 alles aus einer Hand, termingerecht und mit langj\u00e4hriger Meistererfahrung in Menden und Umgebung.<\/p>\n\n <div class=\"services-grid\">\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1621905251189-08b45d6a269e?w=600&q=75&auto=format&fit=crop\" alt=\"Heizungsreparatur\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83d\udd27<\/div><h3>Reparaturen & St\u00f6rungsbehebung<\/h3><\/div>\n <p>Schnelle Diagnose und zuverl\u00e4ssige Reparatur bei Heizungs- und Sanit\u00e4rproblemen. Inklusive 24\/7 Notdienst f\u00fcr dringende F\u00e4lle.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1504328345606-18bbc8c9d7d1?w=600&q=75&auto=format&fit=crop\" alt=\"Wartung und Service\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83d\udee0\ufe0f<\/div><h3>Wartung & Service<\/h3><\/div>\n <p>Regelm\u00e4\u00dfige Inspektionen verl\u00e4ngern die Lebensdauer Ihrer Anlagen und beugen teuren Ausf\u00e4llen vor. Individuelle Wartungsvertr\u00e4ge.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?w=600&q=75&auto=format&fit=crop\" alt=\"Heizungstausch\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83d\udd04<\/div><h3>Heizungstausch<\/h3><\/div>\n <p>Alte Heizung raus, moderne Effizienz rein. Wir planen den Austausch inklusive F\u00f6rderberatung und f\u00fchren ihn termingerecht durch.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1563013544-824ae1b704d3?w=600&q=75&auto=format&fit=crop\" alt=\"Neuanlagen Installation\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83c\udfd7\ufe0f<\/div><h3>Neuanlagen & Installation<\/h3><\/div>\n <p>Komplette Planung und Installation von Heizungs- und Sanit\u00e4ranlagen im Neubau oder bei umfassenden Sanierungen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?w=600&q=75&auto=format&fit=crop\" alt=\"W\u00e4rmepumpen\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\u2668\ufe0f<\/div><h3>W\u00e4rmepumpen<\/h3><\/div>\n <p>Zukunftssicher heizen mit Luft-Wasser-, Sole-Wasser- oder Luft-Luft-W\u00e4rmepumpen. Inklusive F\u00f6rderantrag und Inbetriebnahme.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1585771724684-38269d6639fd?w=600&q=75&auto=format&fit=crop\" alt=\"Klimaanlagen\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\u2744\ufe0f<\/div><h3>Klimaanlagen<\/h3><\/div>\n <p>Split-Klimaanlagen und Multi-Split-Systeme f\u00fcr Zuhause und Gewerbe \u2014 Installation, Wartung und Kundendienst von Profis.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1552321554-5fefe8c9ef14?w=600&q=75&auto=format&fit=crop\" alt=\"Badsanierung\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83d\udec1<\/div><h3>Badsanierungen<\/h3><\/div>\n <p>Von der Planung bis zur Fertigstellung: Wir gestalten Ihr Traumbad \u2014 barrierefrei, altersgerecht oder luxuri\u00f6s nach Ihren W\u00fcnschen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"service-card reveal\">\n <div class=\"service-img-wrap\">\n <img decoding=\"async\" class=\"service-img\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?w=600&q=75&auto=format&fit=crop\" alt=\"Gas und \u00d6lheizungen\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"service-body\">\n <div class=\"service-icon-row\"><div class=\"service-icon\">\ud83d\udd25<\/div><h3>Gas- & \u00d6lheizungen<\/h3><\/div>\n <p>Fachkundige Installation, Wartung und Reparatur von Gas- und \u00d6lheizungsanlagen aller g\u00e4ngigen Hersteller.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"referenzen\">\n <div class=\"section-inner\">\n <span class=\"section-label\">Unsere Projekte<\/span>\n <h2 class=\"section-title\">Referenzen aus Menden & Umgebung<\/h2>\n <p class=\"section-desc\">Echte Projekte, echte Ergebnisse \u2014 ein kleiner Einblick in unsere abgeschlossenen Arbeiten f\u00fcr Privat- und Gewerbekunden.<\/p>\n\n <div class=\"projects-grid\">\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552321554-5fefe8c9ef14?w=700&q=80&auto=format&fit=crop\" alt=\"Badsanierung Menden\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>Badsanierung<\/span>\n <h4>Komplette Badsanierung \u2013 Einfamilienhaus Menden<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">Badsanierung<\/span>\n <h4>Komplette Badsanierung \u2013 Einfamilienhaus Menden<\/h4>\n <p>Modernisierung inkl. bodengleicher Dusche, Heizung und neuer Verrohrung \u00b7 2024<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581094794329-c8112a89af12?w=700&q=80&auto=format&fit=crop\" alt=\"W\u00e4rmepumpe Installation\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>W\u00e4rmepumpe<\/span>\n <h4>Luft-Wasser-W\u00e4rmepumpe \u2013 Iserlohn<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">W\u00e4rmepumpe<\/span>\n <h4>Luft-Wasser-W\u00e4rmepumpe \u2013 Iserlohn<\/h4>\n <p>Kompletter Heizungstausch von Gas auf W\u00e4rmepumpe inkl. BAFA-F\u00f6rderantrag \u00b7 2024<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1558618666-fcd25c85cd64?w=700&q=80&auto=format&fit=crop\" alt=\"Heizungsanlage\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>Heizungstausch<\/span>\n <h4>Gasbrennwert-Anlage \u2013 Mehrfamilienhaus Balve<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">Heizungstausch<\/span>\n <h4>Gasbrennwert-Anlage \u2013 Mehrfamilienhaus Balve<\/h4>\n <p>Tausch der Zentralheizung in einem 6-Parteien-Haus, termingerecht in 2 Tagen \u00b7 2023<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585771724684-38269d6639fd?w=700&q=80&auto=format&fit=crop\" alt=\"Klimaanlage B\u00fcro\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>Klimatechnik<\/span>\n <h4>Klimaanlage \u2013 B\u00fcrogeb\u00e4ude Menden<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">Klimatechnik<\/span>\n <h4>Klimaanlage \u2013 B\u00fcrogeb\u00e4ude Menden<\/h4>\n <p>Multi-Split-Klimaanlage f\u00fcr 8 B\u00fcror\u00e4ume, inkl. Wartungsvertrag \u00b7 2023<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?w=700&q=80&auto=format&fit=crop\" alt=\"Neuanlage Neubau\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>Neuanlage<\/span>\n <h4>Haustechnik Neubau \u2013 Hemer<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">Neuanlage<\/span>\n <h4>Haustechnik Neubau \u2013 Hemer<\/h4>\n <p>Komplette Sanit\u00e4r- und Heizungsinstallation f\u00fcr Einfamilienhaus-Neubau \u00b7 2024<\/p>\n <\/div>\n <\/div>\n\n <div class=\"project-card reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1556909114-f6e7ad7d3136?w=700&q=80&auto=format&fit=crop\" alt=\"Altersgerechtes Bad\" loading=\"lazy\" \/>\n <div class=\"project-label\">\n <span>Barrierefreiheit<\/span>\n <h4>Altersgerechte Badsanierung \u2013 Menden<\/h4>\n <\/div>\n <div class=\"project-overlay\">\n <span class=\"project-tag\">Barrierefreiheit<\/span>\n <h4>Altersgerechte Badsanierung \u2013 Menden<\/h4>\n <p>Umbau zu barrierefreiem Bad mit bodengleicher Dusche und Haltegriffen \u00b7 2024<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"ueber-uns\" style=\"background:var(--bg2);border-top:1px solid var(--border);transition:background var(--transition);\">\n <div class=\"section-inner\">\n <div class=\"about-grid\">\n <div class=\"about-img-wrap reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504328345606-18bbc8c9d7d1?w=800&q=80&auto=format&fit=crop\" alt=\"Professioneller Heizungsinstallateur bei der Arbeit\" loading=\"lazy\" \/>\n <div class=\"about-img-badge\">\n <div class=\"big\">25+<\/div>\n <div class=\"small\">Jahre Meisterbetrieb<\/div>\n <\/div>\n <\/div>\n\n <div>\n <span class=\"section-label\">Warum Dabrowski<\/span>\n <h2 class=\"section-title\">Meisterqualit\u00e4t,<br\/>auf die Sie sich verlassen<\/h2>\n <p class=\"section-desc\" style=\"margin-bottom:1.5rem;\">Als zertifizierter Meisterbetrieb in Menden und der gesamten Region stehen wir f\u00fcr Verl\u00e4sslichkeit, Pr\u00e4zision und erstklassige Handwerkskunst \u2014 seit \u00fcber 25 Jahren.<\/p>\n\n <div class=\"trust-items\">\n <div class=\"trust-item reveal\">\n <div class=\"trust-icon\">\ud83c\udfc6<\/div>\n <div><h4>Zertifizierter Meisterbetrieb<\/h4><p>Alle Arbeiten werden von ausgebildeten Meistern geplant und ausgef\u00fchrt \u2014 f\u00fcr h\u00f6chste Qualit\u00e4t und Sicherheit.<\/p><\/div>\n <\/div>\n <div class=\"trust-item reveal\">\n <div class=\"trust-icon\">\u26a1<\/div>\n <div><h4>Schnelle Reaktionszeiten<\/h4><p>Bei St\u00f6rungen sind wir schnell vor Ort. Unser Notdienst ist rund um die Uhr erreichbar \u2014 auch an Wochenenden und Feiertagen.<\/p><\/div>\n <\/div>\n <div class=\"trust-item reveal\">\n <div class=\"trust-icon\">\ud83d\udca1<\/div>\n <div><h4>F\u00f6rderberatung inklusive<\/h4><p>Wir informieren Sie \u00fcber staatliche F\u00f6rderprogramme (BAFA, KfW) und helfen bei der Antragstellung \u2014 kostenlos.<\/p><\/div>\n <\/div>\n <div class=\"trust-item reveal\">\n <div class=\"trust-icon\">\ud83e\udd1d<\/div>\n <div><h4>Transparente Festpreise<\/h4><p>Keine versteckten Kosten: Sie erhalten vor Beginn ein verbindliches Angebot. Sauber, klar und fair kalkuliert.<\/p><\/div>\n <\/div>\n <\/div>\n\n <div class=\"about-stats reveal\">\n <div class=\"stat-cell\"><div class=\"stat-num\">25+<\/div><div class=\"stat-lbl\">Jahre Erfahrung<\/div><\/div>\n <div class=\"stat-cell\"><div class=\"stat-num\">1.200+<\/div><div class=\"stat-lbl\">Kunden<\/div><\/div>\n <div class=\"stat-cell\"><div class=\"stat-num\">24\/7<\/div><div class=\"stat-lbl\">Notdienst<\/div><\/div>\n <div class=\"stat-cell\"><div class=\"stat-num\">4.9\u2b50<\/div><div class=\"stat-lbl\">Bewertung<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"bewertungen\" class=\"testimonials-bg\">\n <div class=\"section-inner\">\n <span class=\"section-label\">Was unsere Kunden sagen<\/span>\n <h2 class=\"section-title\">Bewertungen & Erfahrungen<\/h2>\n <p class=\"section-desc\">\u00dcber 1.200 zufriedene Kunden in Menden und der Region \u2014 lesen Sie selbst, was unsere Auftraggeber \u00fcber unsere Arbeit sagen.<\/p>\n\n <div class=\"testimonials-grid\">\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eDie Heizung fiel an einem Sonntagabend aus. Herr Dabrowski war innerhalb von zwei Stunden bei uns und hatte alles wieder in Betrieb. Absolut zuverl\u00e4ssig \u2014 ich kann ihn nur weiterempfehlen!“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">MK<\/div>\n <div><div class=\"author-name\">Markus K.<\/div><div class=\"author-meta\">Menden \u00b7 Heizungsreparatur<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eUnser neues Bad ist einfach wundersch\u00f6n geworden. Von der Planung bis zur letzten Fuge alles perfekt. Das Team war p\u00fcnktlich, sauber und sehr professionell. Danke!“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">SR<\/div>\n <div><div class=\"author-name\">Sandra R.<\/div><div class=\"author-meta\">Menden \u00b7 Badsanierung<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eDie W\u00e4rmepumpe l\u00e4uft seit einem Jahr einwandfrei. Herr Dabrowski hat uns bei der BAFA-F\u00f6rderung geholfen und alles reibungslos abgewickelt. Super Preis-Leistungs-Verh\u00e4ltnis!“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">TH<\/div>\n <div><div class=\"author-name\">Thomas H.<\/div><div class=\"author-meta\">Iserlohn \u00b7 W\u00e4rmepumpe<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eSehr kompetente Beratung beim Heizungstausch. Das Angebot war klar und transparent, keine versteckten Kosten. Die Montage war in einem Tag abgeschlossen. Top!“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">AG<\/div>\n <div><div class=\"author-name\">Andrea G.<\/div><div class=\"author-meta\">Balve \u00b7 Heizungstausch<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eDie Klimaanlage in unserem B\u00fcro war dringend n\u00f6tig. Dabrowski hat innerhalb einer Woche alles installiert \u2014 schnell, professionell und zum fairen Preis. Jetzt haben wir auch einen Wartungsvertrag.“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">FW<\/div>\n <div><div class=\"author-name\">Frank W.<\/div><div class=\"author-meta\">Menden \u00b7 Klimaanlage<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"testimonial-card reveal\">\n <span class=\"quote-icon\">„<\/span>\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testimonial-text\">\u201eAltersgerechter Umbau unseres Bades f\u00fcr meine Mutter \u2014 einf\u00fchlsam beraten, handwerklich perfekt umgesetzt. Das Ergebnis hat alle Erwartungen \u00fcbertroffen. Herzlichen Dank!“<\/p>\n <div class=\"testimonial-author\">\n <div class=\"author-avatar\">BL<\/div>\n <div><div class=\"author-name\">Brigitte L.<\/div><div class=\"author-meta\">Hemer \u00b7 Barrierefreiheit<\/div><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"testimonials-summary reveal\">\n <div class=\"summary-item\">\n <div class=\"summary-num\">\u2b50 4.9<\/div>\n <div class=\"summary-lbl\">Durchschnittsbewertung<\/div>\n <\/div>\n <div class=\"summary-divider\"><\/div>\n <div class=\"summary-item\">\n <div class=\"summary-num\">1.200+<\/div>\n <div class=\"summary-lbl\">Zufriedene Kunden<\/div>\n <\/div>\n <div class=\"summary-divider\"><\/div>\n <div class=\"summary-item\">\n <div class=\"summary-num\">98%<\/div>\n <div class=\"summary-lbl\">W\u00fcrden uns weiterempfehlen<\/div>\n <\/div>\n <div class=\"summary-divider\"><\/div>\n <div class=\"summary-item\">\n <div class=\"summary-num\">Google<\/div>\n <div class=\"summary-lbl\">Bewertungsplattform<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section id=\"kontakt\" class=\"contact-bg\">\n <div class=\"section-inner\">\n <span class=\"section-label\">Kontakt aufnehmen<\/span>\n <h2 class=\"section-title\">Sprechen wir \u00fcber Ihr Projekt<\/h2>\n <p class=\"section-desc\">Schildern Sie uns Ihr Anliegen \u2014 wir melden uns schnellstm\u00f6glich bei Ihnen und unterbreiten Ihnen ein unverbindliches Angebot.<\/p>\n\n <div class=\"contact-grid\">\n <div class=\"contact-cards\">\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83d\udcde<\/div>\n <div><h4>Telefon<\/h4><p>+49 (0) 2373 \/ 12 34 56<\/p><\/div>\n <\/div>\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83d\udea8<\/div>\n <div><h4>Notdienst 24\/7<\/h4><p>+49 (0) 170 \/ 98 76 54<\/p><\/div>\n <\/div>\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83d\udce7<\/div>\n <div><h4>E-Mail<\/h4><p>info@dabrowski-heizung.de<\/p><\/div>\n <\/div>\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83d\udccd<\/div>\n <div><h4>Standort<\/h4><p>Menden (Sauerland) & Umgebung (NRW)<\/p><\/div>\n <\/div>\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83c\udf10<\/div>\n <div><h4>Servicegebiet<\/h4><p>Menden \u00b7 Iserlohn \u00b7 Hemer \u00b7 Balve \u00b7 Neuenrade<\/p><\/div>\n <\/div>\n <div class=\"contact-card reveal\">\n <div class=\"contact-card-icon\">\ud83d\udd50<\/div>\n <div><h4>\u00d6ffnungszeiten<\/h4><p>Mo\u2013Fr: 7:00 \u2013 18:00 Uhr<\/p><\/div>\n <\/div>\n <\/div>\n\n <div class=\"contact-form reveal\">\n <h3>Kostenlose Anfrage stellen<\/h3>\n <div class=\"form-row\">\n <div class=\"form-group\"><label>Vorname<\/label><input type=\"text\" placeholder=\"Max\" \/><\/div>\n <div class=\"form-group\"><label>Nachname<\/label><input type=\"text\" placeholder=\"Mustermann\" \/><\/div>\n <\/div>\n <div class=\"form-group\"><label>Telefon oder E-Mail<\/label><input type=\"text\" placeholder=\"+49 ... oder name@mail.de\" \/><\/div>\n <div class=\"form-group\">\n <label>Leistung<\/label>\n <select>\n <option value=\"\">Bitte w\u00e4hlen \u2026<\/option>\n <option>Reparatur \/ St\u00f6rung<\/option>\n <option>Wartung<\/option>\n <option>Heizungstausch<\/option>\n <option>W\u00e4rmepumpe<\/option>\n <option>Gas- \/ \u00d6lheizung<\/option>\n <option>Klimaanlage<\/option>\n <option>Badsanierung<\/option>\n <option>Neuanlage \/ Sonstiges<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\"><label>Ihre Nachricht<\/label><textarea placeholder=\"Beschreiben Sie kurz Ihr Anliegen \u2026\"><\/textarea><\/div>\n <button class=\"btn-primary\" style=\"width:100%;justify-content:center;font-size:0.95rem;padding:15px;\">\n Anfrage absenden \u2192\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<footer>\n <div class=\"footer-inner\">\n <div class=\"footer-top\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"logo.svg\" alt=\"Dabrowski Heizung\" class=\"footer-logo\" \/>\n <p>Andrzej Dabrowski \u2013 Ihr zertifizierter Meisterbetrieb f\u00fcr Sanit\u00e4r, Heizungs- und Klimatechnik in Menden (Sauerland) und der gesamten Region.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Leistungen<\/h4>\n <ul>\n <li><a href=\"#leistungen\">Reparaturen<\/a><\/li>\n <li><a href=\"#leistungen\">Wartung<\/a><\/li>\n <li><a href=\"#leistungen\">Heizungstausch<\/a><\/li>\n <li><a href=\"#leistungen\">W\u00e4rmepumpen<\/a><\/li>\n <li><a href=\"#leistungen\">Klimaanlagen<\/a><\/li>\n <li><a href=\"#leistungen\">Badsanierungen<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Unternehmen<\/h4>\n <ul>\n <li><a href=\"#ueber-uns\">\u00dcber uns<\/a><\/li>\n <li><a href=\"#referenzen\">Referenzen<\/a><\/li>\n <li><a href=\"#bewertungen\">Bewertungen<\/a><\/li>\n <li><a href=\"#kontakt\">Kontakt<\/a><\/li>\n <li><a href=\"tel:+4917098765\">Notdienst 24\/7<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 2025 Andrzej Dabrowski \u00b7 Meisterbetrieb \u00b7 Menden \u00b7 Alle Rechte vorbehalten \u00b7 Made with <span>\u2665<\/span><\/p>\n <div class=\"footer-legal\">\n <a href=\"#\">Impressum<\/a>\n <a href=\"#\">Datenschutz<\/a>\n <a href=\"#\">AGB<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<div class=\"floating-cta\">\n <a href=\"tel:+4917098765\" class=\"floating-btn\">\n <div class=\"fp\"><\/div>\n \ud83d\udea8 Notdienst 24\/7\n <\/a>\n<\/div>\n\n\n<script>\n \/\/ \u2500\u2500 THEME TOGGLE \u2500\u2500\n const toggle = document.getElementById('themeToggle');\n const html = document.documentElement;\n const saved = localStorage.getItem('dabrowski-theme');\n if (saved) html.setAttribute('data-theme', saved);\n toggle.addEventListener('click', () => {\n const next = html.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';\n html.setAttribute('data-theme', next);\n localStorage.setItem('dabrowski-theme', next);\n });\n\n \/\/ \u2500\u2500 SCROLL REVEAL \u2500\u2500\n const observer = new IntersectionObserver(\n (entries) => entries.forEach((e, i) => {\n if (e.isIntersecting) {\n setTimeout(() => e.target.classList.add('visible'), i * 55);\n observer.unobserve(e.target);\n }\n }),\n { threshold: 0.1, rootMargin: '0px 0px -40px 0px' }\n );\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n \/\/ \u2500\u2500 ACTIVE NAV \u2500\u2500\n const sections = document.querySelectorAll('section[id]');\n const navLinks = document.querySelectorAll('.nav-links a');\n const navObs = new IntersectionObserver(\n (entries) => entries.forEach(e => {\n if (e.isIntersecting) {\n navLinks.forEach(l => {\n l.style.color = '';\n if (l.getAttribute('href') === `#${e.target.id}`) l.style.color = 'var(--accent)';\n });\n }\n }),\n { threshold: 0.35 }\n );\n sections.forEach(s => navObs.observe(s));\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dabrowski Heizung \u2013 Meisterbetrieb Menden | Sanit\u00e4r, Heizung & Klima Leistungen Referenzen \u00dcber uns Bewertungen Kontakt \ud83c\udf19\u2600\ufe0f Anfrage stellen \u2713 Zertifizierter Meisterbetrieb \u00b7 Menden Ihr Experte f\u00fcr Heizung, Sanit\u00e4r & Klimatechnik Von der W\u00e4rmepumpe bis zur Badsanierung \u2014 wir planen, installieren und warten Ihre Anlagen mit Pr\u00e4zision und Meisterqualit\u00e4t. In Menden und der gesamten Region. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-52","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/pages\/52","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=52"}],"version-history":[{"count":3,"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=\/wp\/v2\/pages\/52\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/dabrowski.kreativpc24.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}