Förderrechner 2026

Deine Daten

<div class="space-y-4 max-w-md">
    <div>
        <label class="block text-sm font-semibold mb-1">Was planst du?</label>
        <select id="typ" class="w-full border rounded p-2 text-sm">
            <option value="wp">Wärmepumpe (Luft/Wasser/Sole)</option>
            <option value="hybrid">Hybrid-Heizung (WP + Gas)</option>
            <option value="klima">Klimaanlage mit Heizfunktion</option>
            <option value="lueftung">Lüftungsanlage mit WRG</option>
        </select>
    </div>
    <div>
        <label class="block text-sm font-semibold mb-1">Eigentumsart</label>
        <select id="eigentum" class="w-full border rounded p-2 text-sm">
            <option value="selbst">Selbstgenutztes Eigenheim</option>
            <option value="vermietet">Vermietete Immobilie</option>
            <option value="mehrfamilien">Mehrfamilienhaus (3+ WE)</option>
        </select>
    </div>
    <div>
        <label class="block text-sm font-semibold mb-1">Geschätzte Kosten (€)</label>
        <input type="number" id="kosten" value="20000" class="w-full border rounded p-2 text-sm" min="5000" max="100000" step="1000">
    </div>
    <button onclick="berechnen()" class="bg-green-700 text-white px-6 py-2 rounded-lg font-semibold hover:bg-green-800 transition">Jetzt berechnen</button>
</div>

<div id="ergebnis" class="mt-6 hidden bg-green-50 border border-green-200 rounded-lg p-4">
    <h3 class="font-bold text-lg text-green-900 mb-2">Dein Ergebnis</h3>
    <div class="grid sm:grid-cols-3 gap-4 text-center">
        <div><p class="text-sm text-gray-600">Basis-Förderung</p><p class="text-2xl font-bold text-green-700" id="basis">—</p></div>
        <div><p class="text-sm text-gray-600">+ Klimabonus</p><p class="text-2xl font-bold text-green-700" id="bonus">—</p></div>
        <div><p class="text-sm text-gray-600">= Gesamt</p><p class="text-2xl font-bold text-green-800" id="gesamt">—</p></div>
    </div>
    <p class="text-xs text-gray-500 mt-3">Diese Berechnung ist ein Richtwert. Die genaue Förderung erfährst du von deinem Energieberater.</p>
</div>