376 lines
37 KiB
HTML
376 lines
37 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<script src="./support.js"></script>
|
||
</head>
|
||
<body>
|
||
<x-dc>
|
||
<helmet>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" />
|
||
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet" />
|
||
<style>
|
||
*, *::before, *::after { box-sizing: border-box; }
|
||
body { margin: 0; background: #FFFFFF; color: #1A1D21; font-family: 'Source Sans 3', 'Segoe UI', system-ui, sans-serif; font-size: 18px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
|
||
a { color: #0B4F6C; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
|
||
a:hover { color: #08384D; }
|
||
:focus-visible { outline: 3px solid #C9451C; outline-offset: 2px; }
|
||
p { text-wrap: pretty; }
|
||
h1, h2, h3 { text-wrap: balance; }
|
||
summary { cursor: pointer; list-style: none; }
|
||
summary::-webkit-details-marker { display: none; }
|
||
</style>
|
||
</helmet>
|
||
|
||
<div style="background:#FFFFFF">
|
||
|
||
<div style="position:sticky;top:0;z-index:60">
|
||
<sc-if value="{{ notdienstAn }}" hint-placeholder-val="{{ true }}">
|
||
<div data-screen-label="Notdienst-Leiste" style="background:#C1121F;color:#FFFFFF;height:44px;display:flex;align-items:center">
|
||
<div style="max-width:1200px;margin:0 auto;width:100%;padding:0 clamp(16px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:16px">
|
||
<div style="display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;min-width:0">
|
||
<span style="width:8px;height:8px;border-radius:50%;background:#FFFFFF;flex:none"></span>
|
||
<span style="flex:none">Notdienst</span>
|
||
<span style="opacity:.8;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">Werktags 17–20 Uhr · Sa/So 8–20 Uhr</span>
|
||
</div>
|
||
<div style="display:flex;align-items:center;gap:18px;flex:none">
|
||
<a href="tel:+4994112345990" style="color:#FFFFFF;text-decoration:none;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums">0941 12345-99</a>
|
||
<a href="SHK-Notdienst.dc.html" style="color:#FFFFFF;font-size:14px;opacity:.85">Zeiten & Zuschläge →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</sc-if>
|
||
<header style="background:rgba(255,255,255,.97);border-bottom:1px solid #DDE2E7;backdrop-filter:blur(10px)">
|
||
<div style="max-width:1200px;margin:0 auto;padding:14px clamp(16px,3vw,32px);display:flex;align-items:center;gap:clamp(16px,3vw,40px)">
|
||
<a href="SHK-Startseite.dc.html" style="display:flex;align-items:center;gap:11px;text-decoration:none;flex:none">
|
||
<span style="width:38px;height:38px;border-radius:3px;background:#0B4F6C;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px">B</span>
|
||
<span style="display:flex;flex-direction:column;line-height:1.05">
|
||
<span style="font-weight:700;font-size:18px;letter-spacing:.02em;color:#1A1D21">BERGER</span>
|
||
<span style="font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5A6169">Haustechnik</span>
|
||
</span>
|
||
</a>
|
||
<nav style="display:flex;gap:clamp(10px,1.6vw,24px);flex-wrap:wrap;flex:1 1 auto">
|
||
<a href="SHK-Waermepumpe.dc.html" style="text-decoration:none;color:#0B4F6C;font-weight:700;font-size:15px;letter-spacing:.03em;border-bottom:2px solid #C9451C;padding-bottom:2px">WÄRME</a>
|
||
<a href="SHK-Startseite.dc.html#bad" style="text-decoration:none;color:#1A1D21;font-weight:600;font-size:15px;letter-spacing:.03em">BAD</a>
|
||
<a href="SHK-Startseite.dc.html#klima" style="text-decoration:none;color:#1A1D21;font-weight:600;font-size:15px;letter-spacing:.03em">KLIMA</a>
|
||
<a href="SHK-Notdienst.dc.html" style="text-decoration:none;color:#1A1D21;font-weight:600;font-size:15px;letter-spacing:.03em">SERVICE</a>
|
||
<a href="SHK-Startseite.dc.html#referenzen" style="text-decoration:none;color:#1A1D21;font-weight:600;font-size:15px;letter-spacing:.03em">REFERENZEN</a>
|
||
<a href="SHK-Karriere.dc.html" style="text-decoration:none;color:#1A1D21;font-weight:600;font-size:15px;letter-spacing:.03em">KARRIERE</a>
|
||
<a href="SHK-Startseite.dc.html#kontakt" style="text-decoration:none;color:#1A1D21;font-weight:600;font-size:15px;letter-spacing:.03em">KONTAKT</a>
|
||
</nav>
|
||
<div style="display:flex;align-items:center;gap:14px;flex:none">
|
||
<a href="tel:+499411234500" style="text-decoration:none;display:flex;flex-direction:column;line-height:1.1;text-align:right">
|
||
<span style="font-size:12px;color:#5A6169;letter-spacing:.04em">MO–DO 7:30–17:00</span>
|
||
<span style="font-size:19px;font-weight:700;color:#0B4F6C;font-variant-numeric:tabular-nums">0941 12345-0</span>
|
||
</a>
|
||
<a href="SHK-Startseite.dc.html#termin" style="text-decoration:none;background:#C9451C;color:#FFFFFF;padding:12px 20px;border-radius:3px;font-weight:700;font-size:15px" style-hover="background:#A93A17">Termin buchen</a>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
</div>
|
||
|
||
<section data-screen-label="Seitenkopf" style="padding:clamp(24px,3vw,36px) clamp(16px,3vw,32px) clamp(36px,4vw,56px)">
|
||
<div style="max-width:1200px;margin:0 auto">
|
||
<nav aria-label="Breadcrumb" style="font-size:15px;color:#5A6169;margin-bottom:22px">
|
||
<a href="SHK-Startseite.dc.html" style="color:#5A6169">Start</a> › <a href="SHK-Waermepumpe.dc.html" style="color:#5A6169">Wärme</a> › <span style="color:#1A1D21">Wärmepumpe</span>
|
||
</nav>
|
||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:clamp(28px,4vw,56px);align-items:start">
|
||
<div>
|
||
<h1 style="margin:0 0 16px;font-size:clamp(1.875rem,3.6vw,2.875rem);line-height:1.14;font-weight:700;letter-spacing:-0.02em">Wärmepumpe in Regensburg — vom Meisterbetrieb geplant und installiert</h1>
|
||
<p style="margin:0 0 22px;font-size:19px;color:#5A6169;max-width:36em">Wir bauen Luft-Wasser-Wärmepumpen in Bestandsgebäude ein — auch in Häuser mit klassischen Heizkörpern. Vor dem Angebot rechnen wir die Heizlast, nicht nach dem Einbau. Den Förderantrag bereiten wir vor, bevor Sie unterschreiben.</p>
|
||
<div style="display:flex;gap:clamp(14px,2vw,26px);flex-wrap:wrap;align-items:center;padding:14px 0;border-top:1px solid #DDE2E7;border-bottom:1px solid #DDE2E7;margin-bottom:26px">
|
||
<span style="display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600"><span style="color:#C9451C;letter-spacing:1px">★★★★★</span>4,9 (187)</span>
|
||
<span style="font-size:16px;font-weight:600">Fachbetrieb nach § 6 ChemKlimaschutzV</span>
|
||
<span style="font-size:16px;font-weight:600">Seit 1994 · 340 Wärmepumpen</span>
|
||
</div>
|
||
<div style="background:#F4F6F8;border:1px solid #DDE2E7;border-radius:4px;padding:22px">
|
||
<p style="margin:0 0 6px;font-size:19px;font-weight:700">Größenordnung in 60 Sekunden — dann reden wir.</p>
|
||
<p style="margin:0 0 18px;font-size:16px;color:#5A6169">Vier Klicks, Ergebnis als Spanne, ohne Kontaktdaten sichtbar.</p>
|
||
<div style="display:flex;gap:12px;flex-wrap:wrap">
|
||
<a href="SHK-Rechner.dc.html" style="text-decoration:none;background:#C9451C;color:#FFFFFF;padding:14px 24px;border-radius:3px;font-weight:700;font-size:17px" style-hover="background:#A93A17">Fördercheck starten →</a>
|
||
<a href="tel:+499411234500" style="text-decoration:none;background:#FFFFFF;color:#0B4F6C;border:1.5px solid #0B4F6C;padding:13px 22px;border-radius:3px;font-weight:700;font-size:17px;font-variant-numeric:tabular-nums" style-hover="background:#EDF1F4">☎ 0941 12345-0</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="aspect-ratio:4/3;border-radius:4px;border:1px solid #DDE2E7;background:repeating-linear-gradient(135deg,#EDF1F4 0 10px,#E4EAEF 10px 20px);display:flex;align-items:flex-end;padding:14px">
|
||
<span style="font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#5A6169;background:rgba(255,255,255,.9);padding:5px 9px">Pflichtbild 4 — eigener Monteur am Außengerät</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-screen-label="Eignungs-Check" style="padding:clamp(44px,5vw,72px) clamp(16px,3vw,32px);background:#F4F6F8;border-top:1px solid #DDE2E7;border-bottom:1px solid #DDE2E7">
|
||
<div style="max-width:900px;margin:0 auto">
|
||
<h2 style="margin:0 0 10px;font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:700;letter-spacing:-0.01em">Passt eine Wärmepumpe zu Ihrem Haus?</h2>
|
||
<p style="margin:0 0 28px;font-size:18px;color:#5A6169;max-width:44em">Fünf Fragen, ehrliche Antwort. Wenn es nicht passt, sagen wir Ihnen das — dann ist eine Hybridlösung oder ein Gasbrennwertgerät die bessere Empfehlung.</p>
|
||
<div style="background:#FFFFFF;border:1px solid #DDE2E7;border-radius:4px;overflow:hidden">
|
||
<sc-for list="{{ kriterien }}" as="k" hint-placeholder-count="5">
|
||
<div style="display:flex;gap:20px;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #EDF1F4;flex-wrap:wrap">
|
||
<div style="flex:1 1 300px;min-width:0">
|
||
<p style="margin:0;font-size:17px;font-weight:600">{{ k.frage }}</p>
|
||
<p style="margin:0;font-size:15px;color:#5A6169">{{ k.hinweis }}</p>
|
||
</div>
|
||
<div style="display:flex;gap:8px;flex:0 0 auto">
|
||
<sc-for list="{{ k.optionen }}" as="o" hint-placeholder-count="3">
|
||
<button type="button" onClick="{{ o.waehlen }}" style="{{ o.stil }}">{{ o.label }}</button>
|
||
</sc-for>
|
||
</div>
|
||
</div>
|
||
</sc-for>
|
||
<div style="padding:22px 20px">
|
||
<sc-if value="{{ checkLeer }}" hint-placeholder-val="{{ true }}">
|
||
<p style="margin:0;font-size:16px;color:#5A6169">Beantworten Sie die Fragen — die Einschätzung erscheint sofort, ohne dass Sie etwas absenden.</p>
|
||
</sc-if>
|
||
<sc-if value="{{ checkFertig }}" hint-placeholder-val="{{ false }}">
|
||
<div style="display:flex;gap:14px;align-items:flex-start">
|
||
<span style="width:14px;height:14px;border-radius:50%;background:{{ ampelFarbe }};margin-top:8px;flex:none"></span>
|
||
<div>
|
||
<p style="margin:0 0 4px;font-size:19px;font-weight:700">{{ ampelTitel }}</p>
|
||
<p style="margin:0 0 16px;font-size:16px;color:#3D4650;max-width:52em">{{ ampelText }}</p>
|
||
<a href="SHK-Rechner.dc.html" style="text-decoration:none;background:#C9451C;color:#FFFFFF;padding:12px 20px;border-radius:3px;font-weight:700;font-size:16px" style-hover="background:#A93A17">Kosten und Förderung berechnen →</a>
|
||
</div>
|
||
</div>
|
||
</sc-if>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-screen-label="Ablauf" style="padding:clamp(44px,5vw,72px) clamp(16px,3vw,32px)">
|
||
<div style="max-width:1200px;margin:0 auto">
|
||
<h2 style="margin:0 0 10px;font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:700;letter-spacing:-0.01em">Der Ablauf — mit echten Zeiten</h2>
|
||
<p style="margin:0 0 32px;font-size:18px;color:#5A6169;max-width:44em">Von der ersten Anfrage bis zur Einweisung vergehen bei uns aktuell rund sieben Wochen. Der Förderantrag liegt bewusst vor der Auftragserteilung.</p>
|
||
<ol style="list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:#DDE2E7;border:1px solid #DDE2E7;border-radius:4px;overflow:hidden">
|
||
<li style="background:#FFFFFF;padding:20px"><span style="display:block;font-size:13px;letter-spacing:.1em;color:#5A6169;font-weight:700;margin-bottom:8px">SCHRITT 1 · 1 TAG</span><strong style="display:block;font-size:17px;margin-bottom:4px">Beratung vor Ort</strong><span style="font-size:15px;color:#5A6169">Bestandsaufnahme, Fotos, erste Größenordnung. Kostenlos.</span></li>
|
||
<li style="background:#FFFFFF;padding:20px"><span style="display:block;font-size:13px;letter-spacing:.1em;color:#5A6169;font-weight:700;margin-bottom:8px">SCHRITT 2 · 1 WOCHE</span><strong style="display:block;font-size:17px;margin-bottom:4px">Heizlastberechnung</strong><span style="font-size:15px;color:#5A6169">Raum für Raum nach DIN, nicht per Faustformel. Ergebnis bekommen Sie schriftlich.</span></li>
|
||
<li style="background:#FFFFFF;padding:20px"><span style="display:block;font-size:13px;letter-spacing:.1em;color:#5A6169;font-weight:700;margin-bottom:8px">SCHRITT 3 · 1 WOCHE</span><strong style="display:block;font-size:17px;margin-bottom:4px">Festpreisangebot</strong><span style="font-size:15px;color:#5A6169">Mit Fördervorbehalt. Nachträge nur nach Ihrer schriftlichen Freigabe.</span></li>
|
||
<li style="background:#FBF0F0;padding:20px"><span style="display:block;font-size:13px;letter-spacing:.1em;color:#B0111D;font-weight:700;margin-bottom:8px">SCHRITT 4 · 2–4 WOCHEN</span><strong style="display:block;font-size:17px;margin-bottom:4px">Förderantrag bei der KfW</strong><span style="font-size:15px;color:#5A6169">Vor der Auftragserteilung. Wer zuerst beauftragt, verliert den Anspruch.</span></li>
|
||
<li style="background:#FFFFFF;padding:20px"><span style="display:block;font-size:13px;letter-spacing:.1em;color:#5A6169;font-weight:700;margin-bottom:8px">SCHRITT 5 · 2–4 TAGE</span><strong style="display:block;font-size:17px;margin-bottom:4px">Montage</strong><span style="font-size:15px;color:#5A6169">Sie sind höchstens einen Tag ohne Warmwasser. Wir sagen vorher, welcher Tag das ist.</span></li>
|
||
<li style="background:#FFFFFF;padding:20px"><span style="display:block;font-size:13px;letter-spacing:.1em;color:#5A6169;font-weight:700;margin-bottom:8px">SCHRITT 6 · 2 STUNDEN</span><strong style="display:block;font-size:17px;margin-bottom:4px">Einweisung & Nachweis</strong><span style="font-size:15px;color:#5A6169">Einstellung der Heizkurve, Bedienung, Verwendungsnachweis für die KfW.</span></li>
|
||
</ol>
|
||
</div>
|
||
</section>
|
||
|
||
<sc-if value="{{ preiseAn }}" hint-placeholder-val="{{ true }}">
|
||
<section data-screen-label="Kosten" style="padding:clamp(44px,5vw,72px) clamp(16px,3vw,32px);background:#0B4F6C;color:#FFFFFF">
|
||
<div style="max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(28px,4vw,56px)">
|
||
<div>
|
||
<h2 style="margin:0 0 14px;font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:700;letter-spacing:-0.01em">Was kostet das?</h2>
|
||
<p style="margin:0 0 8px;font-size:17px;color:#C6DAE4">Luft-Wasser-Wärmepumpe im Einfamilienhaus, komplett installiert</p>
|
||
<p style="margin:0 0 6px;font-size:clamp(2rem,4.4vw,3rem);font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums">22.000 – 34.000 €</p>
|
||
<p style="margin:0 0 20px;font-size:17px;color:#C6DAE4">brutto inkl. MwSt., vor Förderung</p>
|
||
<p style="margin:0 0 8px;font-size:20px;font-weight:700">Nach 46 % Förderung: 13.100 – 21.100 €</p>
|
||
<p style="margin:0 0 24px;font-size:16px;color:#C6DAE4;max-width:38em">Gerechnet mit 30 % Grundförderung und 16 % Klimageschwindigkeitsbonus auf höchstens 28.000 € förderfähige Kosten. Ein Einkommensbonus kann hinzukommen. Stand 21.07.2026, Angaben ohne Gewähr — die Förderentscheidung trifft ausschließlich die KfW.</p>
|
||
<a href="SHK-Rechner.dc.html" style="text-decoration:none;background:#C9451C;color:#FFFFFF;padding:14px 24px;border-radius:3px;font-weight:700;font-size:17px;display:inline-block" style-hover="background:#A93A17">Ihre Größenordnung berechnen →</a>
|
||
</div>
|
||
<div style="background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:24px">
|
||
<h3 style="margin:0 0 14px;font-size:19px;font-weight:700">Was den Preis bewegt</h3>
|
||
<ul style="margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px;font-size:16px;color:#DCEAF1">
|
||
<li>Gebäudegröße und Dämmzustand — sie bestimmen die nötige Leistung in kW</li>
|
||
<li>Vorhandene Heizkörper oder Fußbodenheizung, und ob einzelne Heizkörper getauscht werden müssen</li>
|
||
<li>Aufstellort und Länge der Leitungswege zum Technikraum</li>
|
||
<li>Größe des Pufferspeichers und ob Warmwasser mit erzeugt wird</li>
|
||
<li>Rückbau und Entsorgung der Altanlage, bei Öl auch die Tankdemontage</li>
|
||
<li>Elektroanschluss, gegebenenfalls neuer Zählerplatz</li>
|
||
</ul>
|
||
<p style="margin:18px 0 0;font-size:15px;color:#9FC0CF;border-top:1px solid rgba(255,255,255,.2);padding-top:14px">Unsere Verrechnungssätze für Arbeiten außerhalb des Festpreises finden Sie offen ausgewiesen auf der <a href="SHK-Notdienst.dc.html" style="color:#FFFFFF">Service-Seite</a>.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</sc-if>
|
||
|
||
<section data-screen-label="Betriebskosten" style="padding:clamp(44px,5vw,72px) clamp(16px,3vw,32px)">
|
||
<div style="max-width:1000px;margin:0 auto">
|
||
<h2 style="margin:0 0 10px;font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:700;letter-spacing:-0.01em">Betriebskosten im Vergleich — mit offengelegten Annahmen</h2>
|
||
<p style="margin:0 0 28px;font-size:18px;color:#5A6169;max-width:44em">Jede Rechnung, deren Annahmen nicht dabeistehen, ist wertlos. Hier stehen sie.</p>
|
||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:#DDE2E7;border:1px solid #DDE2E7;border-radius:4px;overflow:hidden;margin-bottom:18px">
|
||
<div style="background:#FFFFFF;padding:22px">
|
||
<p style="margin:0 0 6px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#5A6169;font-weight:700">Gasbrennwert</p>
|
||
<p style="margin:0 0 4px;font-size:32px;font-weight:700;font-variant-numeric:tabular-nums">2.180 €</p>
|
||
<p style="margin:0;font-size:15px;color:#5A6169">pro Jahr · 20.000 kWh Wärmebedarf · Gaspreis 10,9 ct/kWh · Wirkungsgrad 95 %</p>
|
||
</div>
|
||
<div style="background:#FFFFFF;padding:22px">
|
||
<p style="margin:0 0 6px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#0B4F6C;font-weight:700">Wärmepumpe</p>
|
||
<p style="margin:0 0 4px;font-size:32px;font-weight:700;color:#0B4F6C;font-variant-numeric:tabular-nums">1.280 €</p>
|
||
<p style="margin:0;font-size:15px;color:#5A6169">pro Jahr · gleicher Wärmebedarf · Jahresarbeitszahl 3,8 · Wärmepumpentarif 24,3 ct/kWh</p>
|
||
</div>
|
||
<div style="background:#FFFFFF;padding:22px">
|
||
<p style="margin:0 0 6px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#5A6169;font-weight:700">Differenz</p>
|
||
<p style="margin:0 0 4px;font-size:32px;font-weight:700;color:#0F6B33;font-variant-numeric:tabular-nums">900 €</p>
|
||
<p style="margin:0;font-size:15px;color:#5A6169">pro Jahr. Bei 15.000 € Eigenanteil rechnet sich der Tausch rechnerisch nach rund 17 Jahren — ohne Preissteigerungen.</p>
|
||
</div>
|
||
</div>
|
||
<p style="margin:0;font-size:15px;color:#5A6169;max-width:60em">Beispielrechnung für ein Einfamilienhaus, Baujahr 1996, 160 m². Ihre Werte weichen ab — Wärmebedarf, erreichbare Jahresarbeitszahl und Ihr Stromtarif entscheiden. Wir rechnen das bei der Besichtigung mit Ihren Zahlen durch und sagen Ihnen auch, wenn es sich nicht lohnt.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-screen-label="Kühlen und Lautstärke" style="padding:clamp(44px,5vw,72px) clamp(16px,3vw,32px);background:#F4F6F8;border-top:1px solid #DDE2E7;border-bottom:1px solid #DDE2E7">
|
||
<div style="max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px">
|
||
<div style="background:#FFFFFF;border:1px solid #DDE2E7;border-radius:4px;padding:26px">
|
||
<h3 style="margin:0 0 12px;font-size:22px;font-weight:700">Ihre Wärmepumpe kann im Sommer auch kühlen</h3>
|
||
<p style="margin:0 0 14px;font-size:17px;color:#3D4650">Bei Fußbodenheizung senkt die Kühlfunktion die Raumtemperatur um 2 bis 3 Grad — leise, ohne Zugluft und ohne ein zweites Gerät an der Fassade. Das muss bei der Planung mit angelegt werden; nachrüsten ist teurer.</p>
|
||
<p style="margin:0 0 16px;font-size:17px;color:#3D4650">Reicht das nicht, kombinieren wir mit einer Split-Klimaanlage in Schlaf- und Arbeitszimmer. In Regensburg lagen 2025 achtzehn Tage über 30 Grad.</p>
|
||
<a href="SHK-Startseite.dc.html#klima" style="font-weight:700">Kühlung und Klimaanlagen ansehen →</a>
|
||
</div>
|
||
<div style="background:#FFFFFF;border:1px solid #DDE2E7;border-radius:4px;padding:26px">
|
||
<h3 style="margin:0 0 12px;font-size:22px;font-weight:700">Lautstärke und Nachbarschaft</h3>
|
||
<p style="margin:0 0 14px;font-size:17px;color:#3D4650">Die häufigste Sorge, und die am seltensten beantwortete. Aktuelle Außengeräte liegen bei 35 bis 45 dB(A) in drei Metern Abstand — vergleichbar mit einem Kühlschrank. Nachts drosselt der Flüstermodus zusätzlich.</p>
|
||
<p style="margin:0 0 16px;font-size:17px;color:#3D4650">Wir prüfen vor der Montage die Immissionsrichtwerte der TA Lärm für Ihr Grundstück und dokumentieren den Abstand zur Nachbargrenze. Bei engen Grundstücken planen wir eine Schallschutzhaube mit ein.</p>
|
||
<p style="margin:0;font-size:15px;color:#5A6169">In 340 installierten Anlagen hatten wir bislang zwei Nachbarschaftsbeschwerden — beide mit einer geänderten Aufstellung gelöst.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-screen-label="FAQ" style="padding:clamp(44px,5vw,72px) clamp(16px,3vw,32px)">
|
||
<div style="max-width:900px;margin:0 auto">
|
||
<h2 style="margin:0 0 28px;font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:700;letter-spacing:-0.01em">Fragen, die uns wirklich gestellt werden</h2>
|
||
<div style="border-top:1px solid #DDE2E7">
|
||
<details style="border-bottom:1px solid #DDE2E7">
|
||
<summary style="padding:18px 0;font-size:19px;font-weight:600;display:flex;justify-content:space-between;gap:20px;align-items:baseline"><span>Muss ich meine Heizung wegen des neuen Gesetzes überhaupt tauschen?</span><span style="color:#C9451C;font-weight:700;flex:none">+</span></summary>
|
||
<p style="margin:0 0 20px;font-size:17px;color:#3D4650">Nein. Seit dem 10.07.2026 gilt das Gebäudemodernisierungsgesetz; die 65-Prozent-Regel für erneuerbare Energien bei neuen Heizungen wurde gestrichen. Sie dürfen weiterhin eine Gasheizung einbauen. Was kommt, ist ein steigender Mindestanteil klimafreundlicher Brennstoffe ab 2029 — 10 Prozent, ab 2030 15, ab 2035 30. Die Entscheidung ist damit wieder eine wirtschaftliche, keine gesetzliche. Wir rechnen beide Varianten durch.</p>
|
||
</details>
|
||
<details style="border-bottom:1px solid #DDE2E7">
|
||
<summary style="padding:18px 0;font-size:19px;font-weight:600;display:flex;justify-content:space-between;gap:20px;align-items:baseline"><span>Funktioniert eine Wärmepumpe in meinem Altbau von 1968?</span><span style="color:#C9451C;font-weight:700;flex:none">+</span></summary>
|
||
<p style="margin:0 0 20px;font-size:17px;color:#3D4650">Meistens ja, aber nicht immer wirtschaftlich. Entscheidend ist nicht das Baujahr, sondern die nötige Vorlauftemperatur. Liegt sie unter 55 Grad, arbeitet eine moderne Wärmepumpe gut. Das messen wir an einem kalten Tag: Wir drehen die Vorlauftemperatur schrittweise herunter und schauen, ob alle Räume warm werden. Von unseren 340 Anlagen stehen 71 in Gebäuden vor 1979.</p>
|
||
</details>
|
||
<details style="border-bottom:1px solid #DDE2E7">
|
||
<summary style="padding:18px 0;font-size:19px;font-weight:600;display:flex;justify-content:space-between;gap:20px;align-items:baseline"><span>Muss ich alle Heizkörper austauschen?</span><span style="color:#C9451C;font-weight:700;flex:none">+</span></summary>
|
||
<p style="margin:0 0 20px;font-size:17px;color:#3D4650">Fast nie alle. In der Regel sind es zwei bis vier Räume, oft Bad und Nordzimmer. Ein Heizkörpertausch kostet inklusive Montage 450 bis 900 Euro pro Stück und ist förderfähig, wenn er Teil der Maßnahme ist. Welche Heizkörper betroffen sind, steht in der Heizlastberechnung — vor dem Angebot, nicht danach.</p>
|
||
</details>
|
||
<details style="border-bottom:1px solid #DDE2E7">
|
||
<summary style="padding:18px 0;font-size:19px;font-weight:600;display:flex;justify-content:space-between;gap:20px;align-items:baseline"><span>Was passiert bei minus 15 Grad?</span><span style="color:#C9451C;font-weight:700;flex:none">+</span></summary>
|
||
<p style="margin:0 0 20px;font-size:17px;color:#3D4650">Die Wärmepumpe heizt weiter, mit schlechterem Wirkungsgrad. Wir legen die Anlage auf die Normaußentemperatur für Regensburg aus, das sind minus 14 Grad. Unterhalb davon springt der elektrische Heizstab zu — an durchschnittlich vier bis sechs Tagen im Jahr, was in der Jahresrechnung kaum auffällt. Kalt wird es nicht.</p>
|
||
</details>
|
||
<details style="border-bottom:1px solid #DDE2E7">
|
||
<summary style="padding:18px 0;font-size:19px;font-weight:600;display:flex;justify-content:space-between;gap:20px;align-items:baseline"><span>Wie viel Förderung bekomme ich, und wann muss ich sie beantragen?</span><span style="color:#C9451C;font-weight:700;flex:none">+</span></summary>
|
||
<p style="margin:0 0 20px;font-size:17px;color:#3D4650">30 Prozent Grundförderung plus 16 Prozent Klimageschwindigkeitsbonus beim Tausch einer alten Anlage, dazu je nach Haushaltseinkommen bis zu 40 Prozent Einkommensbonus — höchstens 70 Prozent auf maximal 28.000 Euro förderfähige Kosten. Der Antrag muss vor der Auftragsvergabe gestellt sein. Wir stellen das Angebot deshalb unter Fördervorbehalt und warten Ihre Zusage ab. Stand 21.07.2026; entscheiden tut die KfW. <a href="SHK-Foerderung.dc.html">Alle Details auf der Förderseite</a>.</p>
|
||
</details>
|
||
<details style="border-bottom:1px solid #DDE2E7">
|
||
<summary style="padding:18px 0;font-size:19px;font-weight:600;display:flex;justify-content:space-between;gap:20px;align-items:baseline"><span>Wie lange bin ich ohne Heizung und ohne Warmwasser?</span><span style="color:#C9451C;font-weight:700;flex:none">+</span></summary>
|
||
<p style="margin:0 0 20px;font-size:17px;color:#3D4650">Die Montage dauert zwei bis vier Arbeitstage. Ohne Warmwasser sind Sie davon höchstens einen Tag, und wir sagen Ihnen vorher, welcher das ist. In der Heizperiode stellen wir auf Wunsch elektrische Heizgeräte für zwei Räume bereit, kostenlos.</p>
|
||
</details>
|
||
<details style="border-bottom:1px solid #DDE2E7">
|
||
<summary style="padding:18px 0;font-size:19px;font-weight:600;display:flex;justify-content:space-between;gap:20px;align-items:baseline"><span>Brauche ich eine Genehmigung oder muss ich den Nachbarn fragen?</span><span style="color:#C9451C;font-weight:700;flex:none">+</span></summary>
|
||
<p style="margin:0 0 20px;font-size:17px;color:#3D4650">Für Luft-Wasser-Wärmepumpen in Bayern in der Regel keine Baugenehmigung, solange die Abstandsflächen eingehalten sind. Fragen müssen Sie den Nachbarn nicht — sinnvoll ist es trotzdem. Wir liefern Ihnen dafür das Datenblatt mit den Schallwerten, das die Diskussion meist beendet.</p>
|
||
</details>
|
||
<details style="border-bottom:1px solid #DDE2E7">
|
||
<summary style="padding:18px 0;font-size:19px;font-weight:600;display:flex;justify-content:space-between;gap:20px;align-items:baseline"><span>Was, wenn nach dem Einbau etwas nicht stimmt?</span><span style="color:#C9451C;font-weight:700;flex:none">+</span></summary>
|
||
<p style="margin:0 0 20px;font-size:17px;color:#3D4650">Nach der ersten Heizperiode kommen wir noch einmal und justieren die Heizkurve nach — das ist im Preis enthalten und der Punkt, an dem die meisten Anlagen erst wirklich sparsam werden. Störungen nimmt unser Kundendienst an, im Winter auch abends. Ersatzteile für die von uns verbauten Geräte haben wir auf Lager.</p>
|
||
</details>
|
||
</div>
|
||
<p style="margin:22px 0 0;font-size:15px;color:#5A6169">Ihre Frage ist nicht dabei? <a href="SHK-Startseite.dc.html#kontakt">Rückruf anfordern</a> oder per WhatsApp fragen — ein Foto vom Typenschild hilft uns oft mehr als eine lange Beschreibung.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-screen-label="Ansprechpartner und Abschluss-CTA" style="padding:clamp(44px,5vw,72px) clamp(16px,3vw,32px);background:#F4F6F8;border-top:1px solid #DDE2E7">
|
||
<div style="max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(24px,4vw,48px);align-items:center">
|
||
<div style="display:flex;gap:20px;align-items:center">
|
||
<div style="width:120px;height:120px;flex:none;border:1px solid #DDE2E7;border-radius:4px;background:repeating-linear-gradient(135deg,#EDF1F4 0 8px,#E4EAEF 8px 16px)"></div>
|
||
<div>
|
||
<p style="margin:0 0 2px;font-size:15px;color:#5A6169">Ihr Ansprechpartner für Wärmepumpen</p>
|
||
<p style="margin:0 0 2px;font-size:22px;font-weight:700">Michael Berger</p>
|
||
<p style="margin:0 0 10px;font-size:16px;color:#5A6169">Geschäftsführer & Installateurmeister</p>
|
||
<a href="tel:+499411234512" style="font-size:17px;font-weight:700;font-variant-numeric:tabular-nums">0941 12345-12</a>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h2 style="margin:0 0 12px;font-size:clamp(1.375rem,2.4vw,1.875rem);font-weight:700;letter-spacing:-0.01em">Wir melden uns innerhalb von 24 Stunden.</h2>
|
||
<p style="margin:0 0 20px;font-size:17px;color:#5A6169">Werktags meistens noch am selben Tag. Aktuelle Vorlaufzeit bis zur Montage: rund sieben Wochen.</p>
|
||
<div style="display:flex;gap:12px;flex-wrap:wrap">
|
||
<a href="SHK-Startseite.dc.html#termin" style="text-decoration:none;background:#C9451C;color:#FFFFFF;padding:14px 24px;border-radius:3px;font-weight:700;font-size:17px" style-hover="background:#A93A17">Beratungstermin buchen →</a>
|
||
<a href="SHK-Rechner.dc.html" style="text-decoration:none;background:#FFFFFF;color:#0B4F6C;border:1.5px solid #0B4F6C;padding:13px 22px;border-radius:3px;font-weight:700;font-size:17px" style-hover="background:#EDF1F4">Erst rechnen →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section data-screen-label="Interne Links" style="padding:clamp(32px,4vw,48px) clamp(16px,3vw,32px);border-top:1px solid #DDE2E7">
|
||
<div style="max-width:1200px;margin:0 auto">
|
||
<p style="margin:0 0 14px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#5A6169;font-weight:600">Passt dazu</p>
|
||
<div style="display:flex;gap:12px;flex-wrap:wrap">
|
||
<a href="SHK-Foerderung.dc.html" style="text-decoration:none;border:1px solid #DDE2E7;border-radius:100px;padding:9px 18px;font-size:16px;font-weight:600;color:#0B4F6C" style-hover="background:#F4F6F8;border-color:#0B4F6C">Förderung für Ihre neue Heizung</a>
|
||
<a href="SHK-Rechner.dc.html" style="text-decoration:none;border:1px solid #DDE2E7;border-radius:100px;padding:9px 18px;font-size:16px;font-weight:600;color:#0B4F6C" style-hover="background:#F4F6F8;border-color:#0B4F6C">Heizungsrechner</a>
|
||
<a href="SHK-Notdienst.dc.html" style="text-decoration:none;border:1px solid #DDE2E7;border-radius:100px;padding:9px 18px;font-size:16px;font-weight:600;color:#0B4F6C" style-hover="background:#F4F6F8;border-color:#0B4F6C">Wartung & Notdienst</a>
|
||
<a href="SHK-Startseite.dc.html#klima" style="text-decoration:none;border:1px solid #DDE2E7;border-radius:100px;padding:9px 18px;font-size:16px;font-weight:600;color:#0B4F6C" style-hover="background:#F4F6F8;border-color:#0B4F6C">Kühlen mit der Wärmepumpe</a>
|
||
<a href="SHK-Startseite.dc.html#referenzen" style="text-decoration:none;border:1px solid #DDE2E7;border-radius:100px;padding:9px 18px;font-size:16px;font-weight:600;color:#0B4F6C" style-hover="background:#F4F6F8;border-color:#0B4F6C">Referenzen Heizung</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer style="background:#08384D;color:#D6E4EB;padding:clamp(36px,4vw,56px) clamp(16px,3vw,32px) 24px">
|
||
<div style="max-width:1200px;margin:0 auto;display:flex;gap:32px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start">
|
||
<div>
|
||
<p style="margin:0 0 8px;font-weight:700;font-size:18px;color:#FFFFFF">BERGER Haustechnik GmbH</p>
|
||
<p style="margin:0 0 8px;font-size:16px">Prüfeninger Straße 42 · 93049 Regensburg · <a href="tel:+499411234500" style="color:#FFFFFF;font-weight:700">0941 12345-0</a></p>
|
||
<p style="margin:0;font-size:15px;color:#9FC0CF">Meisterbetrieb der Handwerkskammer Niederbayern-Oberpfalz</p>
|
||
</div>
|
||
<div style="display:flex;gap:20px;flex-wrap:wrap;font-size:16px">
|
||
<a href="SHK-Startseite.dc.html" style="color:#D6E4EB;text-decoration:none">Start</a>
|
||
<a href="SHK-Foerderung.dc.html" style="color:#D6E4EB;text-decoration:none">Förderung</a>
|
||
<a href="SHK-Notdienst.dc.html" style="color:#D6E4EB;text-decoration:none">Notdienst</a>
|
||
<a href="SHK-Karriere.dc.html" style="color:#D6E4EB;text-decoration:none">Karriere</a>
|
||
<a href="SHK-Startseite.dc.html#impressum" style="color:#D6E4EB;text-decoration:none">Impressum</a>
|
||
<a href="SHK-Startseite.dc.html#datenschutz" style="color:#D6E4EB;text-decoration:none">Datenschutz</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
</x-dc>
|
||
<script type="text/x-dc" data-dc-script data-props="{"preiseZeigen":{"editor":"boolean","default":true,"tsType":"boolean","section":"Pitch-Demo"},"notdienstLeiste":{"editor":"boolean","default":true,"tsType":"boolean","section":"Module"}}">
|
||
class Component extends DCLogic {
|
||
state = { check: {} };
|
||
|
||
liste = [
|
||
{ id: 'baujahr', frage: 'Baujahr ab 1995 — oder Dach, Fenster und Fassade saniert?', hinweis: 'Der Dämmzustand entscheidet über die nötige Vorlauftemperatur.' },
|
||
{ id: 'flaechen', frage: 'Fußbodenheizung oder großzügig dimensionierte Heizkörper?', hinweis: 'Große Heizflächen brauchen weniger heißes Wasser.' },
|
||
{ id: 'vorlauf', frage: 'Wird das Haus auch bei 55 °C Vorlauftemperatur warm?', hinweis: 'Einfach am kalten Tag an der Heizung herunterdrehen und prüfen.' },
|
||
{ id: 'platz', frage: 'Ist außen Platz für ein Gerät von etwa 1,2 × 0,6 m?', hinweis: 'Mit drei Metern Abstand zur Nachbargrenze wird es unkompliziert.' },
|
||
{ id: 'eigentum', frage: 'Gehört Ihnen die Immobilie und bewohnen Sie sie selbst?', hinweis: 'Entscheidet über den Einkommensbonus bei der KfW-Förderung.' }
|
||
];
|
||
|
||
basis = 'padding:9px 14px;border-radius:3px;border:1.5px solid #DDE2E7;background:#FFFFFF;color:#5A6169;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap';
|
||
aktiv = 'padding:9px 14px;border-radius:3px;border:1.5px solid #0B4F6C;background:#0B4F6C;color:#FFFFFF;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap';
|
||
|
||
setzen(id, wert) {
|
||
this.setState(s => ({ check: Object.assign({}, s.check, { [id]: wert }) }));
|
||
}
|
||
|
||
renderVals() {
|
||
const c = this.state.check;
|
||
const werte = { ja: 1, unklar: 0.5, nein: 0 };
|
||
const beantwortet = this.liste.filter(k => c[k.id]).length;
|
||
const punkte = this.liste.reduce((sum, k) => sum + (c[k.id] ? werte[c[k.id]] : 0), 0);
|
||
|
||
let ampel = { farbe: '#0F6B33', titel: 'Sehr gute Voraussetzungen',
|
||
text: 'Nach Ihren Angaben lässt sich eine Luft-Wasser-Wärmepumpe hier ohne größere Vorarbeiten betreiben. Wir rechnen die Heizlast Raum für Raum und legen die Leistung danach aus — das ist der Schritt, an dem die meisten überdimensionierten Anlagen entstehen.' };
|
||
if (punkte < 4) ampel = { farbe: '#A9760F', titel: 'Machbar — mit etwas Vorbereitung',
|
||
text: 'Ein Teil der Voraussetzungen fehlt noch. In den allermeisten dieser Fälle reicht der Tausch von zwei bis vier Heizkörpern oder ein hydraulischer Abgleich. Wir messen die tatsächlich nötige Vorlauftemperatur an einem kalten Tag, bevor wir ein Angebot machen.' };
|
||
if (punkte < 2.5) ampel = { farbe: '#B0111D', titel: 'Erst prüfen, dann entscheiden',
|
||
text: 'Hier würden wir nicht ungeprüft zur Wärmepumpe raten. Sinnvoll ist zuerst ein Blick auf die Gebäudehülle — und je nach Ergebnis eine Hybridlösung oder ein Gasbrennwertgerät. Seit dem Gebäudemodernisierungsgesetz vom 10.07.2026 ist beides wieder zulässig. Wir sagen Ihnen ehrlich, was sich rechnet.' };
|
||
|
||
return {
|
||
notdienstAn: this.props.notdienstLeiste ?? true,
|
||
preiseAn: this.props.preiseZeigen ?? true,
|
||
kriterien: this.liste.map(k => Object.assign({}, k, {
|
||
optionen: [
|
||
{ label: 'Ja', stil: c[k.id] === 'ja' ? this.aktiv : this.basis, waehlen: () => this.setzen(k.id, 'ja') },
|
||
{ label: 'Nein', stil: c[k.id] === 'nein' ? this.aktiv : this.basis, waehlen: () => this.setzen(k.id, 'nein') },
|
||
{ label: 'Weiß nicht', stil: c[k.id] === 'unklar' ? this.aktiv : this.basis, waehlen: () => this.setzen(k.id, 'unklar') }
|
||
]
|
||
})),
|
||
checkLeer: beantwortet < this.liste.length,
|
||
checkFertig: beantwortet === this.liste.length,
|
||
ampelFarbe: ampel.farbe,
|
||
ampelTitel: ampel.titel,
|
||
ampelText: ampel.text
|
||
};
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|