forlage
This commit is contained in:
253
SHK-Foerderung.dc.html
Normal file
253
SHK-Foerderung.dc.html
Normal file
@@ -0,0 +1,253 @@
|
||||
<!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&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; }
|
||||
a:hover { color: #08384D; }
|
||||
:focus-visible { outline: 3px solid #C9451C; outline-offset: 2px; }
|
||||
p { text-wrap: pretty; }
|
||||
h1, h2, h3 { text-wrap: balance; }
|
||||
</style>
|
||||
</helmet>
|
||||
|
||||
<div style="background:#FFFFFF">
|
||||
|
||||
<header style="background:#FFFFFF;border-bottom:1px solid #DDE2E7;position:sticky;top:0;z-index:50">
|
||||
<div style="max-width:1200px;margin:0 auto;padding:12px clamp(16px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:20px">
|
||||
<a href="SHK-Startseite.dc.html" style="display:flex;align-items:center;gap:11px;text-decoration:none">
|
||||
<span style="width:34px;height:34px;border-radius:3px;background:#0B4F6C;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px">B</span>
|
||||
<span style="font-weight:700;font-size:17px;letter-spacing:.02em;color:#1A1D21">BERGER Haustechnik</span>
|
||||
</a>
|
||||
<nav style="display:flex;gap:20px;font-size:15px;font-weight:600;align-items:center">
|
||||
<a href="SHK-Waermepumpe.dc.html" style="color:#1A1D21;text-decoration:none">Wärmepumpe</a>
|
||||
<a href="SHK-Notdienst.dc.html" style="color:#1A1D21;text-decoration:none">Notdienst</a>
|
||||
<a href="tel:+499411234500" style="color:#0B4F6C;text-decoration:none;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums">0941 12345-0</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section data-screen-label="Förderung Kopf" style="padding:clamp(24px,3vw,36px) clamp(16px,3vw,32px) clamp(32px,4vw,48px)">
|
||||
<div style="max-width:1000px;margin:0 auto">
|
||||
<nav aria-label="Breadcrumb" style="font-size:15px;color:#5A6169;margin-bottom:20px">
|
||||
<a href="SHK-Startseite.dc.html" style="color:#5A6169">Start</a> › <span style="color:#1A1D21">Förderung</span>
|
||||
</nav>
|
||||
<h1 style="margin:0 0 12px;font-size:clamp(1.875rem,3.6vw,2.75rem);line-height:1.14;font-weight:700;letter-spacing:-0.02em">Förderung für Ihre neue Heizung — Stand 21.07.2026</h1>
|
||||
<p style="margin:0 0 26px;font-size:19px;color:#5A6169;max-width:40em">Die KfW-Heizungsförderung wurde zum 21. Juli 2026 neu justiert. Was heute gilt, wie viel realistisch für Sie drin ist und — wichtiger — in welcher Reihenfolge Sie vorgehen müssen.</p>
|
||||
<div style="border-left:4px solid #C1121F;background:#FBF0F0;padding:20px 22px;border-radius:0 3px 3px 0">
|
||||
<p style="margin:0 0 8px;font-size:21px;font-weight:700;color:#B0111D">Der Antrag muss vor der Auftragsvergabe gestellt sein.</p>
|
||||
<p style="margin:0;font-size:17px">Wer zuerst den Auftrag erteilt und dann den Antrag stellt, verliert den Anspruch vollständig — das ist der Punkt, an dem Bauherren in dieser Nische real Geld verlieren. Wir stellen unsere Angebote deshalb grundsätzlich unter Fördervorbehalt aus und beginnen erst nach Ihrer Zusage.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section data-screen-label="Bausteine" style="padding:clamp(36px,4.5vw,64px) clamp(16px,3vw,32px);background:#F4F6F8;border-top:1px solid #DDE2E7;border-bottom:1px solid #DDE2E7">
|
||||
<div style="max-width:1000px;margin:0 auto">
|
||||
<h2 style="margin:0 0 8px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700">Die Bausteine — KfW 458</h2>
|
||||
<p style="margin:0 0 24px;font-size:18px;color:#5A6169;max-width:44em">Die Sätze addieren sich, gedeckelt bei 70 Prozent. Bezugsgröße sind nicht Ihre Gesamtkosten, sondern die förderfähigen Kosten.</p>
|
||||
<div style="background:#FFFFFF;border:1px solid #DDE2E7;border-radius:4px;overflow:hidden">
|
||||
<table style="border-collapse:collapse;width:100%;font-size:17px">
|
||||
<tbody>
|
||||
<tr style="border-bottom:1px solid #EDF1F4"><td style="padding:14px 20px;font-weight:600">Grundförderung</td><td style="padding:14px 20px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap">30 %</td><td style="padding:14px 20px;color:#5A6169;font-size:16px">für alle förderfähigen Heizungen</td></tr>
|
||||
<tr style="border-bottom:1px solid #EDF1F4"><td style="padding:14px 20px;font-weight:600">Klimageschwindigkeitsbonus</td><td style="padding:14px 20px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap">16 %</td><td style="padding:14px 20px;color:#5A6169;font-size:16px">selbstnutzend, Austausch einer alten Anlage</td></tr>
|
||||
<tr style="border-bottom:1px solid #EDF1F4"><td style="padding:14px 20px;font-weight:600">Einkommensbonus</td><td style="padding:14px 20px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap">bis 40 %</td><td style="padding:14px 20px;color:#5A6169;font-size:16px">40 % bis 30.000 € · 30 % bis 40.000 € · 10 % bis 50.000 € zu versteuerndes Haushaltseinkommen</td></tr>
|
||||
<tr style="border-bottom:1px solid #EDF1F4"><td style="padding:14px 20px;font-weight:600">Familienkomponente</td><td style="padding:14px 20px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap">−10.000 €</td><td style="padding:14px 20px;color:#5A6169;font-size:16px">anrechenbares Einkommen je minderjährigem Kind</td></tr>
|
||||
<tr style="border-bottom:1px solid #EDF1F4"><td style="padding:14px 20px;font-weight:600">Höchstsatz</td><td style="padding:14px 20px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap">70 %</td><td style="padding:14px 20px;color:#5A6169;font-size:16px">bis 80 % nur bei den niedrigsten Einkommen</td></tr>
|
||||
<tr style="border-bottom:1px solid #EDF1F4"><td style="padding:14px 20px;font-weight:600">Förderfähige Kosten</td><td style="padding:14px 20px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap">28.000 €</td><td style="padding:14px 20px;color:#5A6169;font-size:16px">erste Wohneinheit · 15.000 € für WE 2–6 · 8.000 € ab WE 7</td></tr>
|
||||
<tr><td style="padding:14px 20px;font-weight:600;color:#5A6169">Entfallen zum 21.07.2026</td><td style="padding:14px 20px;text-align:right;font-weight:700;color:#5A6169;white-space:nowrap">—</td><td style="padding:14px 20px;color:#5A6169;font-size:16px">Effizienzbonus (5 %) und Emissionsminderungszuschlag (2.500 €)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div style="margin-top:20px;background:#FFFFFF;border:1px solid #DDE2E7;border-left:4px solid #C9451C;border-radius:0 4px 4px 0;padding:20px 22px">
|
||||
<p style="margin:0 0 8px;font-size:19px;font-weight:700">Ab 01.02.2027 wird es weniger — halbjährlich.</p>
|
||||
<p style="margin:0;font-size:17px;color:#3D4650">Der Klimageschwindigkeitsbonus sinkt alle sechs Monate um 4 Prozentpunkte und läuft im August 2028 aus; die förderfähigen Kosten sinken im selben Takt um 750 €. Wer 2026 beantragt, bekommt schlicht mehr. Das ist keine Rabattaktion, sondern die Programmlogik — nachlesbar im KfW-Merkblatt 458.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section data-screen-label="Beispielrechnung" style="padding:clamp(36px,4.5vw,64px) clamp(16px,3vw,32px)">
|
||||
<div style="max-width:1000px;margin:0 auto">
|
||||
<h2 style="margin:0 0 8px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700">Beispielrechnung mit offenem Rechenweg</h2>
|
||||
<p style="margin:0 0 26px;font-size:18px;color:#5A6169;max-width:44em">Wärmepumpe für 26.000 € brutto, Austausch einer 22 Jahre alten Gastherme. Stellen Sie Ihre Situation ein — der Rechenweg passt sich an.</p>
|
||||
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;align-items:start">
|
||||
<div style="display:flex;flex-direction:column;gap:22px">
|
||||
<sc-for list="{{ regler }}" as="r" hint-placeholder-count="3">
|
||||
<div>
|
||||
<p style="margin:0 0 4px;font-size:17px;font-weight:600">{{ r.frage }}</p>
|
||||
<p style="margin:0 0 10px;font-size:15px;color:#5A6169">{{ r.hinweis }}</p>
|
||||
<div style="display:flex;gap:8px;flex-wrap:wrap">
|
||||
<sc-for list="{{ r.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>
|
||||
|
||||
<div style="background:#0B4F6C;color:#FFFFFF;border-radius:4px;padding:26px">
|
||||
<p style="margin:0 0 4px;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#9FC0CF;font-weight:700">Ihr Fördersatz</p>
|
||||
<p style="margin:0 0 20px;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums">{{ satz }}</p>
|
||||
<div style="border-top:1px solid rgba(255,255,255,.22);padding-top:16px;display:flex;flex-direction:column;gap:9px;font-size:16px;font-variant-numeric:tabular-nums">
|
||||
<sc-for list="{{ rechenweg }}" as="z" hint-placeholder-count="4">
|
||||
<div style="display:flex;justify-content:space-between;gap:16px">
|
||||
<span style="color:#C6DAE4">{{ z.label }}</span>
|
||||
<span style="font-weight:700;white-space:nowrap">{{ z.wert }}</span>
|
||||
</div>
|
||||
</sc-for>
|
||||
</div>
|
||||
<div style="border-top:1px solid rgba(255,255,255,.22);margin-top:16px;padding-top:16px">
|
||||
<div style="display:flex;justify-content:space-between;gap:16px;font-size:18px;margin-bottom:6px">
|
||||
<span style="color:#C6DAE4">Zuschuss</span><span style="font-weight:700;font-variant-numeric:tabular-nums">{{ zuschuss }}</span>
|
||||
</div>
|
||||
<div style="display:flex;justify-content:space-between;gap:16px;font-size:22px;font-weight:700">
|
||||
<span>Ihr Eigenanteil</span><span style="font-variant-numeric:tabular-nums">{{ eigenanteil }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<p style="margin:18px 0 0;font-size:14px;color:#9FC0CF">Unverbindliche Beispielrechnung, kein Anspruch. Maßgeblich ist Ihr zu versteuerndes Haushaltseinkommen im zweitvorangegangenen Jahr laut Steuerbescheid.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section data-screen-label="Ablauf" style="padding:clamp(36px,4.5vw,64px) clamp(16px,3vw,32px);background:#F4F6F8;border-top:1px solid #DDE2E7;border-bottom:1px solid #DDE2E7">
|
||||
<div style="max-width:1000px;margin:0 auto">
|
||||
<h2 style="margin:0 0 8px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700">Die Reihenfolge — sieben Schritte</h2>
|
||||
<p style="margin:0 0 26px;font-size:18px;color:#5A6169;max-width:44em">Der einzige Teil dieser Seite, den Sie sich merken müssen. Schritt 3 vor Schritt 5, sonst ist die Förderung weg.</p>
|
||||
<ol style="margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px">
|
||||
<li style="background:#FFFFFF;padding:16px 20px;display:flex;gap:18px;align-items:baseline;border-radius:3px"><span style="font-size:15px;font-weight:700;color:#5A6169;flex:none;width:22px">1</span><span style="font-size:17px"><strong>Beratung und Bestandsaufnahme</strong> — kostenlos, bei Ihnen vor Ort.</span></li>
|
||||
<li style="background:#FFFFFF;padding:16px 20px;display:flex;gap:18px;align-items:baseline;border-radius:3px"><span style="font-size:15px;font-weight:700;color:#5A6169;flex:none;width:22px">2</span><span style="font-size:17px"><strong>Angebot mit Fördervorbehalt</strong> — enthält alle Angaben, die die KfW für den Antrag verlangt.</span></li>
|
||||
<li style="background:#FFFFFF;padding:16px 20px;display:flex;gap:18px;align-items:baseline;border-radius:3px;border-left:4px solid #C1121F"><span style="font-size:15px;font-weight:700;color:#B0111D;flex:none;width:22px">3</span><span style="font-size:17px"><strong>Antrag im KfW-Zuschussportal</strong> — Sie stellen ihn, wir bereiten die Unterlagen vor. <strong style="color:#B0111D">Vor jeder Beauftragung.</strong></span></li>
|
||||
<li style="background:#FFFFFF;padding:16px 20px;display:flex;gap:18px;align-items:baseline;border-radius:3px"><span style="font-size:15px;font-weight:700;color:#5A6169;flex:none;width:22px">4</span><span style="font-size:17px"><strong>Zusage abwarten</strong> — derzeit zwei bis vier Wochen. Wir halten Ihnen den Montagetermin frei.</span></li>
|
||||
<li style="background:#FFFFFF;padding:16px 20px;display:flex;gap:18px;align-items:baseline;border-radius:3px"><span style="font-size:15px;font-weight:700;color:#5A6169;flex:none;width:22px">5</span><span style="font-size:17px"><strong>Auftrag erteilen</strong> — jetzt, und keinen Tag früher.</span></li>
|
||||
<li style="background:#FFFFFF;padding:16px 20px;display:flex;gap:18px;align-items:baseline;border-radius:3px"><span style="font-size:15px;font-weight:700;color:#5A6169;flex:none;width:22px">6</span><span style="font-size:17px"><strong>Einbau und Inbetriebnahme</strong> — zwei bis vier Arbeitstage.</span></li>
|
||||
<li style="background:#FFFFFF;padding:16px 20px;display:flex;gap:18px;align-items:baseline;border-radius:3px"><span style="font-size:15px;font-weight:700;color:#5A6169;flex:none;width:22px">7</span><span style="font-size:17px"><strong>Verwendungsnachweis</strong> — Rechnung und Fachunternehmererklärung bekommen Sie von uns fertig zum Hochladen.</span></li>
|
||||
</ol>
|
||||
<p style="margin:22px 0 0;font-size:16px;color:#5A6169;max-width:52em">Was wir <strong>nicht</strong> tun: den Antrag für Sie stellen. Antragsteller sind Sie — wir unterstützen bei den Unterlagen und prüfen sie gegen. Wer Ihnen die „komplette Förderabwicklung" verspricht, übernimmt damit eine vertragliche Nebenpflicht, die im Schadensfall teuer wird.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section data-screen-label="Weitere Programme" style="padding:clamp(36px,4.5vw,64px) clamp(16px,3vw,32px)">
|
||||
<div style="max-width:1000px;margin:0 auto">
|
||||
<h2 style="margin:0 0 24px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:700">Nicht nur die Heizung</h2>
|
||||
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px">
|
||||
<div style="border:1px solid #DDE2E7;border-radius:4px;padding:22px">
|
||||
<p style="margin:0 0 8px;font-size:19px;font-weight:700">Barrierefreies Bad: bis 4.180 €</p>
|
||||
<p style="margin:0 0 12px;font-size:16px;color:#3D4650">Die Pflegekasse zahlt nach § 40 SGB XI je Maßnahme bis zu 4.180 €, wenn ein Pflegegrad vorliegt — für bodengleiche Dusche, Haltegriffe, unterfahrbaren Waschtisch. Bei zwei pflegebedürftigen Personen im Haushalt verdoppelt sich der Betrag.</p>
|
||||
<a href="SHK-Startseite.dc.html#bad" style="font-weight:700;font-size:16px">Barrierefreies Bad ansehen →</a>
|
||||
</div>
|
||||
<div style="border:1px solid #DDE2E7;border-radius:4px;padding:22px">
|
||||
<p style="margin:0 0 8px;font-size:19px;font-weight:700">KfW 455-B: derzeit ausgeschöpft</p>
|
||||
<p style="margin:0 0 12px;font-size:16px;color:#3D4650">Der Zuschuss „Altersgerecht Umbauen" nimmt aktuell keine neuen Anträge an. Wir sagen es hier, damit Sie nicht darauf planen. Sobald neue Mittel bereitstehen, steht es an dieser Stelle.</p>
|
||||
<p style="margin:0;font-size:15px;color:#5A6169">Geprüft am 12.08.2026</p>
|
||||
</div>
|
||||
<div style="border:1px solid #DDE2E7;border-radius:4px;padding:22px">
|
||||
<p style="margin:0 0 8px;font-size:19px;font-weight:700">Kommunale Programme Regensburg</p>
|
||||
<p style="margin:0 0 12px;font-size:16px;color:#3D4650">Stadt und Landkreis fördern in wechselnden Programmen unter anderem Heizungsoptimierung und Solarthermie. Diese Töpfe sind klein und oft im Frühjahr leer — wir prüfen sie bei der Beratung mit.</p>
|
||||
<a href="SHK-Startseite.dc.html#kontakt" style="font-weight:700;font-size:16px">Im Beratungsgespräch klären →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section data-screen-label="Disclaimer und CTA" style="padding:clamp(36px,4.5vw,64px) clamp(16px,3vw,32px);background:#F4F6F8;border-top:1px solid #DDE2E7">
|
||||
<div style="max-width:1000px;margin:0 auto">
|
||||
<div style="display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px">
|
||||
<a href="SHK-Rechner.dc.html" style="text-decoration:none;background:#C9451C;color:#FFFFFF;padding:15px 26px;border-radius:3px;font-weight:700;font-size:18px" style-hover="background:#A93A17">Fördercheck starten →</a>
|
||||
<a href="SHK-Startseite.dc.html#termin" style="text-decoration:none;background:#FFFFFF;color:#0B4F6C;border:1.5px solid #0B4F6C;padding:14px 24px;border-radius:3px;font-weight:700;font-size:18px" style-hover="background:#EDF1F4">Beratungstermin buchen →</a>
|
||||
</div>
|
||||
<div style="background:#FFFFFF;border:2px solid #1A1D21;border-radius:4px;padding:24px">
|
||||
<p style="margin:0 0 10px;font-size:17px;font-weight:700">Wichtiger Hinweis zu allen Förderangaben auf dieser Seite</p>
|
||||
<p style="margin:0 0 10px;font-size:17px">Alle Angaben geben den Stand vom <strong>21.07.2026</strong> wieder und dienen der ersten Orientierung. Förderbedingungen ändern sich häufig und teilweise kurzfristig. Wir leisten keine Rechts-, Steuer- oder Finanzberatung. Die Förderentscheidung trifft ausschließlich die zuständige Stelle (KfW/BAFA); ein Rechtsanspruch auf Förderung besteht nicht und kann von uns nicht zugesagt werden. Verbindlich sind allein die jeweils gültigen Programmunterlagen.</p>
|
||||
<p style="margin:0;font-size:16px;color:#5A6169">Diese Seite wird quartalsweise geprüft. Zuletzt geprüft am 12.08.2026 durch Michael Berger.</p>
|
||||
</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-Waermepumpe.dc.html" style="color:#D6E4EB;text-decoration:none">Wärmepumpe</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="{}">
|
||||
class Component extends DCLogic {
|
||||
state = { nutzung: 'selbst', alt: 'ja', einkommen: 'mittel' };
|
||||
|
||||
basis = 'padding:10px 16px;border-radius:3px;border:1.5px solid #DDE2E7;background:#FFFFFF;color:#5A6169;font-size:16px;font-weight:600;cursor:pointer';
|
||||
aktiv = 'padding:10px 16px;border-radius:3px;border:1.5px solid #0B4F6C;background:#0B4F6C;color:#FFFFFF;font-size:16px;font-weight:600;cursor:pointer';
|
||||
|
||||
fragen = [
|
||||
{ id: 'nutzung', frage: 'Bewohnen Sie das Haus selbst?', hinweis: 'Klimageschwindigkeits- und Einkommensbonus gibt es nur für Selbstnutzende.',
|
||||
optionen: [{ w: 'selbst', label: 'Ja, selbstgenutzt' }, { w: 'vermietet', label: 'Nein, vermietet' }] },
|
||||
{ id: 'alt', frage: 'Wird eine alte Heizung ersetzt?', hinweis: 'Gilt für Gas- und Ölheizungen ab 20 Jahren sowie für Kohle- und Nachtspeicherheizungen.',
|
||||
optionen: [{ w: 'ja', label: 'Ja, Austausch' }, { w: 'nein', label: 'Nein, Neubau' }] },
|
||||
{ id: 'einkommen', frage: 'Zu versteuerndes Haushaltseinkommen', hinweis: 'Laut Steuerbescheid des zweitvorangegangenen Jahres, minus 10.000 € je minderjährigem Kind.',
|
||||
optionen: [{ w: 'niedrig', label: 'bis 30.000 €' }, { w: 'mittel', label: '30 – 40.000 €' }, { w: 'hoch', label: '40 – 50.000 €' }, { w: 'sehrhoch', label: 'über 50.000 €' }] }
|
||||
];
|
||||
|
||||
renderVals() {
|
||||
const s = this.state;
|
||||
const kosten = 26000;
|
||||
const foerderfaehig = Math.min(kosten, 28000);
|
||||
const selbst = s.nutzung === 'selbst';
|
||||
const klima = selbst && s.alt === 'ja' ? 16 : 0;
|
||||
const eBonus = selbst ? ({ niedrig: 40, mittel: 30, hoch: 10, sehrhoch: 0 })[s.einkommen] : 0;
|
||||
const roh = 30 + klima + eBonus;
|
||||
const satz = Math.min(roh, 70);
|
||||
const zuschuss = Math.round((satz / 100) * foerderfaehig);
|
||||
const euro = n => n.toLocaleString('de-DE') + ' €';
|
||||
|
||||
const weg = [
|
||||
{ label: 'Förderfähige Kosten', wert: euro(foerderfaehig) },
|
||||
{ label: 'Grundförderung', wert: '30 %' }
|
||||
];
|
||||
if (klima) weg.push({ label: 'Klimageschwindigkeitsbonus', wert: '+ 16 %' });
|
||||
if (eBonus) weg.push({ label: 'Einkommensbonus', wert: '+ ' + eBonus + ' %' });
|
||||
if (roh > 70) weg.push({ label: 'Deckel bei 70 %', wert: '− ' + (roh - 70) + ' %' });
|
||||
if (!selbst) weg.push({ label: 'Boni entfallen (vermietet)', wert: '0 %' });
|
||||
|
||||
return {
|
||||
regler: this.fragen.map(f => Object.assign({}, f, {
|
||||
optionen: f.optionen.map(o => ({
|
||||
label: o.label,
|
||||
stil: s[f.id] === o.w ? this.aktiv : this.basis,
|
||||
waehlen: () => this.setState({ [f.id]: o.w })
|
||||
}))
|
||||
})),
|
||||
satz: satz + ' %',
|
||||
rechenweg: weg,
|
||||
zuschuss: euro(zuschuss),
|
||||
eigenanteil: euro(kosten - zuschuss)
|
||||
};
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user