---
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>Anrede, 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>