---

import Layout from "#layouts/Layout.astro";

---

<Layout title="Merkblatt Verbrauchsausweis Wohnen">

<h1>Merkblatt Verbrauchsausweis Wohnen</h1>
     

<div class="container mx-auto p-8 space-y-8">
    <!-- Abschnitt A -->
    <section class="merkblatt">
      <h2>Abschnitt A: Prüfung der Ausweisart</h2>
      <div class="mt-4 space-y-4">
        <div>
          <p class="font-semibold">Anlass*</p>
          <p>Auswahlmöglichkeiten: Neubau, Vermietung, Verkauf, Modernisierung, Sonstiges</p>
          <p class="text-sm italic">Hinweis: Wählen Sie den Grund für die Ausstellung des Energieausweises.</p>
        </div>
        <div>
          <p class="font-semibold">Gebäudetyp*</p>
          <p>Auswahlmöglichkeiten: Einfamilienhaus, Mehrfamilienhaus, Wohn- und Geschäftshaus, Doppelhaushälfte etc.</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie an, welche Art von Gebäude vorliegt.</p>
        </div>
        <div>
          <p class="font-semibold">Sanierungsstatus*</p>
          <p>Auswahlmöglichkeiten: Saniert, Unsaniert</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie an, ob das Gebäude energetisch saniert wurde. Ein saniertes Gebäude hat z. B. gedämmte Wände, Dach und neue Fenster.</p>
        </div>
        <div>
          <p class="font-semibold">Baujahr*</p>
          <p>Eingabe: Jahreszahl</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie das Baujahr des Gebäudes an. Falls umfangreiche Sanierungen erfolgt sind, wählen Sie "saniert".</p>
        </div>
        <div>
          <p class="font-semibold">Baujahr Heizung*</p>
          <p>Eingabe: Jahreszahl</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie das Baujahr der Heizungsanlage an. Falls unterschiedliche Baujahre vorliegen, geben Sie einen Zeitraum an (z. B. 1994-2001).</p>
        </div>
      </div>
    </section>
  
    <!-- Abschnitt B -->
    <section class="merkblatt">
      <h2>Abschnitt B: Eingabe der Gebäudeadresse</h2>
      <div class="mt-4 space-y-4">
        <div>
          <p class="font-semibold">Straße, Hausnummer*</p>
          <p>Eingabe: Textfeld</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie die genaue Adresse des Gebäudes ein.</p>
        </div>
        <div>
          <p class="font-semibold">PLZ*</p>
          <p>Eingabe: Fünfstellige Zahl</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Nach Eingabe der Postleitzahl wird der Ort automatisch ergänzt.</p>
        </div>
        <div>
          <p class="font-semibold">Wohnfläche (m²)*</p>
          <p>Eingabe: Zahl</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie die beheizte Wohnfläche in Quadratmetern an.</p>
        </div>
        <div>
          <p class="font-semibold">Keller*</p>
          <p>Auswahlmöglichkeiten: Nicht vorhanden, Unbeheizt, Beheizt</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie den Zustand des Kellers an.</p>
        </div>
        <div>
          <p class="font-semibold">Gesamtfläche (m²)</p>
          <p>Eingabe: Zahl</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie die beheizte Gesamtfläche des Gebäudes ein (Wohnfläche + weitere beheizte Flächen wie Keller).</p>
        </div>
      </div>
    </section>
  
    <!-- Abschnitt C -->
    <section class="merkblatt">
      <h2>Abschnitt C: Energieverbrauchsangaben</h2>
      <div class="mt-4 space-y-4">
        <div>
          <p class="font-semibold">Heizquelle*</p>
          <p>Auswahlmöglichkeiten: Primäre Heizquelle, Zusätzliche Heizquelle (Checkboxen)</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Wählen Sie alle genutzten Heizquellen aus.</p>
        </div>
        <div>
          <p class="font-semibold">Verbrauchszeitraum (Start)</p>
          <p>Eingabe: Monat und Jahr (z. B. Januar 2021)</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie den Startmonat und das Jahr des Verbrauchszeitraums an.</p>
        </div>
        <div>
          <p class="font-semibold">Primärer Brennstoff*</p>
          <p>Auswahlmöglichkeiten: Heizöl, Erdgas, Holzpellets, Strommix, Fernwärme etc.</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Wählen Sie den hauptsächlich genutzten Brennstoff aus.</p>
        </div>
        <div>
          <p class="font-semibold">Einheit des Brennstoffverbrauchs*</p>
          <p>Auswahlmöglichkeiten: kWh, Liter, Schüttraummeter (SRm)</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie die Einheit des Brennstoffverbrauchs an.</p>
        </div>
        <div>
          <p class="font-semibold">Verbrauchswerte für 3 Jahre*</p>
          <p>Eingabe: Zahlen für die letzten drei Verbrauchsjahre</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Tragen Sie den Verbrauch für den angegebenen Zeitraum ein.</p>
        </div>
      </div>
    </section>
  
    <!-- Abschnitt D -->
    <section class="merkblatt">
      <h2>Abschnitt D: Warmwasseranteil</h2>
      <div class="mt-4 space-y-4">
        <div>
          <p class="font-semibold">Warmwasser im Verbrauch enthalten</p>
          <p>Auswahl: Checkbox (Ja/Nein)</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie an, ob der Warmwasserverbrauch bereits im angegebenen Energieverbrauch enthalten ist.</p>
        </div>
        <div>
          <p class="font-semibold">% Anteil Warmwasser</p>
          <p>Eingabe: Zahl</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Falls bekannt, geben Sie den Anteil des Warmwassers in Prozent an.</p>
        </div>
        <div>
          <p class="font-semibold">Zusätzliche Heizquelle</p>
          <p>Eingabe: Zahl</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Falls bekannt, geben Sie den Warmwasseranteil der zusätzlichen Heizquelle an.</p>
        </div>
      </div>
    </section>
  
    <!-- Abschnitt E -->
    <section class="merkblatt">
      <h2>Abschnitt E: Angaben zur Lüftung und Kühlung</h2>
      <div class="mt-4 space-y-4">
        <div>
          <p class="font-semibold">Lüftung durch*</p>
          <p>Auswahlmöglichkeiten: Fensterlüftung, Schachtlüftung, Lüftungsanlage ohne WRG, Lüftungsanlage mit WRG</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie an, wie das Gebäude belüftet wird.</p>
        </div>
        <div>
          <p class="font-semibold">Kühlung (Anlage vorhanden)*</p>
          <p>Auswahlmöglichkeiten: Ja, Nein</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie an, ob eine Kühlanlage im Sommer verwendet wird.</p>
        </div>
      </div>
    </section>
  
    <!-- Abschnitt F -->
    <section class="merkblatt">
      <h2>Abschnitt F: Angaben zur Heizungsanlage</h2>
      <div class="mt-4 space-y-4">
        <div>
          <p class="font-semibold">Zentralheizung/Etagenheizung</p>
          <p>Auswahl: Checkbox</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Heizwärme wird zentral erzeugt und von dort in die Räume verteilt.</p>
        </div>
        <div>
          <p class="font-semibold">Einzelofen</p>
          <p>Auswahl: Checkbox</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Dezentraler Heizwärmeerzeuger wie Kamin- oder Kachelofen.</p>
        </div>
        <div>
          <p class="font-semibold">Wärmepumpe</p>
          <p>Auswahl: Checkbox</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Elektrisch betriebene Wärmeerzeuger, die Energie aus Umgebungsluft, Erdreich oder Wasser nutzen.</p>
        </div>
        <div>
          <p class="font-semibold">Solarthermieanlage</p>
          <p>Auswahl: Checkbox</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Solarsysteme zur Warmwasserbereitung.</p>
        </div>
      </div>
    </section>
  
    <!-- Abschnitt G -->
    <section class="merkblatt">
      <h2>Abschnitt G: Angaben zu Fenstern, Türen und Rollläden</h2>
      <div class="mt-4 space-y-4">
        <div>
          <p class="font-semibold">Fensterarten*</p>
          <p>Auswahlmöglichkeiten: Einfachverglasung, Doppelverglasung, Dreifachverglasung, Isolierverglasung</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie die Art der Verglasung an.</p>
        </div>
        <div>
          <p class="font-semibold">Zustand der Fenster/Türen</p>
          <p>Auswahlmöglichkeiten: Alle Fenster dicht, Fenster teilweise undicht, Alle Türen dicht, Türen teilweise undicht</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie den Zustand der Fenster und Türen an.</p>
        </div>
        <div>
          <p class="font-semibold">Rollläden</p>
          <p>Auswahl: Checkbox (gedämmt/luftdicht)</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie an, ob die Rollladenkästen gedämmt sind.</p>
        </div>
      </div>
    </section>
  
    <!-- Abschnitt H -->
    <section class="merkblatt">
      <h2>Abschnitt H: Angaben zur Wärmedämmung</h2>
      <div class="mt-4 space-y-4">
        <div>
          <p class="font-semibold">Außenwand gedämmt</p>
          <p>Auswahl: Checkbox</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie an, ob die Außenwand gedämmt ist.</p>
        </div>
        <div>
          <p class="font-semibold">Kellerwand/Kellerdecke gedämmt</p>
          <p>Auswahl: Checkbox</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie an, ob die Kelleraußenwände oder Kellerdecken gedämmt sind.</p>
        </div>
        <div>
          <p class="font-semibold">Dachgeschoss/Oberste Geschossdecke gedämmt</p>
          <p>Auswahl: Checkbox</p>
          <p class="text-sm text-gray-600 italic">Hinweis: Geben Sie an, ob das Dachgeschoss oder die oberste Geschossdecke gedämmt ist.</p>
        </div>
      </div>
    </section>

    <!-- Bildanforderungen -->
  <section class="merkblatt">
    <h2>Bildanforderungen</h2>
    <div class="mt-4 space-y-4">
      <div>
        <p class="font-semibold">Heizungsanlage (1-4 Bilder)</p>
        <p class="text-sm text-gray-600 italic">Hinweis: Stellen Sie sicher, dass die Heizungsanlage aus verschiedenen Perspektiven gut erkennbar ist.</p>
      </div>
      <div>
        <p class="font-semibold">Fenster/Türen (mind. 1 Bild)</p>
        <p class="text-sm text-gray-600 italic">Hinweis: Zeigen Sie typische Fenster und Türen des Gebäudes. Achten Sie darauf, dass der Zustand der Rahmen und Verglasung sichtbar ist.</p>
      </div>
      <div>
        <p class="font-semibold">Wärmedämmung (mind. 2 Bilder)</p>
        <p class="text-sm text-gray-600 italic">Hinweis: Dokumentieren Sie die gedämmten Bereiche, z. B. Außenwände, Kellerdecken oder das Dachgeschoss.</p>
      </div>
    </div>
  </section>

  <!-- Hinweise -->
  <section class="merkblatt">
    <h2>Hinweise zum Bildupload</h2>
    <div class="mt-4 space-y-4">
      <div>
        <p class="font-semibold">Format der Bilder:</p>
        <p>JPEG, PNG oder PDF (max. 5 MB pro Bild).</p>
        <p class="text-sm text-gray-600 italic">Hinweis: Achten Sie darauf, dass die Bilddateien klar und nicht unscharf sind.</p>
      </div>
      <div>
        <p class="font-semibold">Anzahl der Bilder:</p>
        <p>Mindestens 1 Bild pro Bereich (z. B. Heizung, Fenster, Wärmedämmung).</p>
        <p class="text-sm text-gray-600 italic">Hinweis: Mehr Bilder erhöhen die Aussagekraft, besonders bei komplexen Sanierungen.</p>
      </div>
      <div>
        <p class="font-semibold">Qualität der Bilder:</p>
        <p>Ausreichende Beleuchtung und Schärfe, damit Details gut erkennbar sind.</p>
        <p class="text-sm text-gray-600 italic">Hinweis: Achten Sie auf helle Lichtverhältnisse oder verwenden Sie eine Kamera mit Blitz.</p>
      </div>
    </div>
  </section>

  </div>

  <style lang="scss">

    .merkblatt {
        @apply p-4 lg:shadow-box lg:ring-1 lg:ring-gray-300;

        h2		{@apply w-full font-bold pb-2 mb-4 border-b-[2px] border-secondary/35}
	    hr		{@apply my-0}
	    p		{@apply text-lg}
	    a		{@apply text-lg}  
    }

</style>

</Layout>

