Files
online-energieausweis/src/pages/verbrauchsausweis/index.astro
2025-10-17 18:05:53 -04:00

143 lines
6.5 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

---
import Layout from "#layouts/Layout.astro";
---
<Layout title="Verbrauchsausweis · Energieausweis online erstellen">
<h1>Verbrauchsausweis</h1>
<h2>Verbrauchsausweis für Wohngebäude und Nichtwohngebäude</h2>
<div class="max-w-4xl mx-auto px-6 py-12">
<!-- Introduction -->
<p class="text-lg text-gray-700 mb-10">
Der <strong>Verbrauchsausweis</strong> ist der einfachere
<a href="/" class="text-blue-600 hover:underline">Energieausweis</a>
und bei Vermietung und Verkauf in den meisten Fällen ausreichend. Es wird unterschieden zwischen:
</p>
<ul class="list-disc list-inside space-y-2 text-lg text-gray-700">
<li><a href="verbrauchsausweis-wohngebaeude" class="text-blue-600 hover:underline">
Verbrauchsausweis für Wohngebäude</a></li>
<li><a href="verbrauchsausweis-gewerbe" class="text-blue-600 hover:underline">
Verbrauchsausweis für Nichtwohngebäude (Gewerbe)</a></li>
</ul>
<hr class="border-gray-300 my-8">
<!-- Wohngebäude Section -->
<section class="bg-gray-100 p-6 rounded-lg shadow-md">
<h2 class="text-2xl font-semibold text-gray-900 mb-4">Verbrauchsausweis Wohngebäude</h2>
<div class="flex flex-col sm:flex-row items-center sm:space-x-6">
<img src="/images/energieausweis-online-erstellen-verbrauchsausweis.png"
alt="Energieausweis online erstellen - Verbrauchsausweis"
class="w-48 h-auto rounded-lg shadow-md mb-4 sm:mb-0">
<ul class="list-disc list-inside space-y-2 text-gray-700 text-lg">
<li>3 zusammenhängende Heizenergieverbräuche müssen eingegeben werden.</li>
<li>Wohnfläche, Baujahr Gebäude und Baujahr Heizung müssen eingegeben werden.</li>
<li>Bei fast allen Gebäuden möglich (Baujahr > 1977 - Vermietung/Verkauf).</li>
</ul>
</div>
<a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude"
class="mt-4 inline-block bg-secondary text-white text-lg font-semibold px-6 py-3 rounded-lg hover:bg-blue-700">
Jetzt Verbrauchsausweis erstellen
</a>
</section>
<hr class="border-gray-300 my-8">
<!-- Eingabedaten Wohngebäude -->
<section>
<h2>Verbrauchsausweis Wohngebäude Eingabedaten</h2>
<div class="space-y-6">
<!-- Kontakt und Gebäudedaten -->
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Kontakt und Gebäudedaten</h3>
<ul class="list-disc list-inside text-gray-700">
<li>Vorname, Name und E-Mail des Ansprechpartners</li>
<li>Empfänger, E-Mail, Straße, PLZ und Ort der Rechnungsanschrift</li>
<li>Optionale Versandanschrift</li>
<li>Details zur Wohnfläche, Heizung, Baujahr usw.</li>
</ul>
</div>
<!-- Verbrauch -->
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Verbrauch</h3>
<ul class="list-disc list-inside text-gray-700">
<li>3 Jahre Heizkostenabrechnungen mit Brennstoff, Zeitraum, Einheit</li>
</ul>
</div>
<!-- Gebäudezustand -->
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Gebäudezustand und Bestätigung</h3>
<ul class="list-disc list-inside text-gray-700">
<li>Heizung: Zentralheizung, Wärmepumpe, Brennwertkessel</li>
<li>Fenster: Einfachglas, Isolierverglasung, Passivhausfenster</li>
<li>Wärmedämmung: Keller, Dachgeschoss, Außenwand</li>
</ul>
</div>
</div>
</section>
<hr class="border-gray-300 my-8">
<!-- Links & Resources -->
<section>
<h2 class="text-2xl font-semibold text-gray-900 mb-4">Weitere Informationen</h2>
<ul class="list-disc list-inside text-blue-600 text-lg">
<li><a href="verbrauchsausweis-wohngebaeude" class="hover:underline">Verbrauchsausweis Wohngebäude</a></li>
<li><a href="haeufige-fragen-zum-verbrauchsausweis" class="hover:underline">Häufige Fragen zum Verbrauchsausweis Wohngebäude</a></li>
<li><a href="statistiken-zum-verbrauchsausweis" class="hover:underline">Statistiken zum Verbrauchsausweis Wohngebäude</a></li>
</ul>
</section>
<hr class="border-gray-300 my-8">
<!-- Verbrauchsausweis Gewerbe -->
<section>
<h2>Verbrauchsausweis Nichtwohngebäude Eingabedaten</h2>
<div class="space-y-6">
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Kontakt & Gebäudedaten</h3>
<ul class="list-disc list-inside text-gray-700">
<li>Firmenname, Ansprechpartner & Adresse</li>
<li>Details zu Nutzfläche, Heiz- & Klimaanlage</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Verbrauch</h3>
<ul class="list-disc list-inside text-gray-700">
<li>Erfassung von Heizenergie und Stromverbrauch</li>
<li>Nutzung des Stroms (z.B. Lüftung, Beleuchtung, Kühlung)</li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold text-gray-800 mb-2">Gebäudezustand</h3>
<ul class="list-disc list-inside text-gray-700">
<li>Heizungs- & Dämmstandards</li>
<li>Fenster- & Türqualität</li>
</ul>
</div>
</div>
</section>
<hr class="border-gray-300 my-8">
<!-- Weiterführende Informationen -->
<section>
<h2 class="text-2xl font-semibold mb-4">Weitere Informationen</h2>
<ul class="list-disc list-inside text-blue-600 text-lg">
<li><a href="verbrauchsausweis-gewerbe" class="hover:underline">Verbrauchsausweis Gewerbe</a></li>
<li><a href="haeufige-fragen-zum-verbrauchsausweis-gewerbe" class="hover:underline">Häufige Fragen zum Verbrauchsausweis Gewerbe</a></li>
<li><a href="statistiken-zum-verbrauchsausweis-gewerbe" class="hover:underline">Statistiken zum Verbrauchsausweis Gewerbe</a></li>
</ul>
</section>
</div>
</Layout>