online-energieausweis/src/modules/VerbrauchsausweisWohnen/DatenblattVerbrauchsausweisWohnen.svelte

 <!-- Section A -->
 <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-xl font-semibold border-b pb-2 mb-4">
      A. Prüfung der Ausweisart
    </h2>
    <ul class="space-y-2">
      <li>
        <strong>Anlass:</strong> Verkauf
      </li>
      <li>
        <strong>Gebäudetyp:</strong> Einfamilienhaus
      </li>
      <li>
        <strong>Anzahl Wohnungen:</strong> 1
      </li>
      <li>
        <strong>Sanierungsstatus:</strong> saniert
      </li>
      <li>
        <strong>Baujahr:</strong> 1990
      </li>
      <li>
        <strong>Baujahr Heizung:</strong> 1995
      </li>
    </ul>
  </div>

  <!-- Section B -->
  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-xl font-semibold border-b pb-2 mb-4">
      B. Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller
      und Dachgeschoss
    </h2>
    <ul class="space-y-2">
      <li>
        <strong>Straße, Hausnummer:</strong> Musterstraße 1
      </li>
      <li>
        <strong>PLZ:</strong> 12345
      </li>
      <li>
        <strong>Ort:</strong> Musterstadt
      </li>
      <li>
        <strong>Wohnfläche m²:</strong> 120
      </li>
      <li>
        <strong>Dachgeschoss:</strong> unbeheizt
      </li>
      <li>
        <strong>Keller:</strong> beheizt
      </li>
      <li>
        <strong>Nutzfläche m²:</strong> 150
      </li>
    </ul>
  </div>

  <!-- Section C -->
  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-xl font-semibold border-b pb-2 mb-4">
      C. Eingabe von 3 zusammenhängenden Verbrauchsjahren
    </h2>
    <ul class="space-y-2">
      <li>
        <strong>Verbrauch (02.2022 - 02.2023):</strong> 3000 kWh
      </li>
      <li>
        <strong>Verbrauch (02.2023 - 02.2024):</strong> 3200 kWh
      </li>
      <li>
        <strong>Verbrauch (02.2024 - 02.2025):</strong> 3100 kWh
      </li>
      <li>
        <strong>Heizquelle:</strong> Heizöl EL
      </li>
      <li>
        <strong>Einheit:</strong> Liter
      </li>
    </ul>
  </div>

  <!-- Section D -->
  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-xl font-semibold border-b pb-2 mb-4">
      D. Eingabe Warmwasseranteil und Verwendung von alternativen
      Energieversorgungssystemen
    </h2>
    <ul class="space-y-2">
      <li>
        <strong>Warmwasser im Verbrauch enthalten:</strong> Ja
      </li>
      <li>
        <strong>% Anteil Warmwasser:</strong> 18%
      </li>
      <li>
        <strong>Zusätzliche Heizquelle:</strong> Nein
      </li>
      <li>
        <strong>Alternative Energieversorgungssysteme:</strong>
        Heizung, Warmwasser
      </li>
    </ul>
  </div>

  <!-- Section E -->
  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-xl font-semibold border-b pb-2 mb-4">
      E. Eingabe von Gebäudeteil, Lüftung, Kühlung und Leerstand
    </h2>
    <ul class="space-y-2">
      <li>
        <strong>Gebäudeteil:</strong> Gesamtgebäude
      </li>
      <li>
        <strong>Leerstand in %:</strong> 5%
      </li>
      <li>
        <strong>Lüftung durch:</strong> Fensterlüftung
      </li>
      <li>
        <strong>Anlage Kühlung:</strong> nicht vorhanden
      </li>
    </ul>
  </div>

  <!-- Section F -->
  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-xl font-semibold border-b pb-2 mb-4">
      F. Angaben zur Heizungsanlage
    </h2>
    <ul class="space-y-2">
      <li>
        <strong>Zentral/Etage:</strong> Ja
      </li>
      <li>
        <strong>Einzelofen:</strong> Nein
      </li>
      <li>
        <strong>Durchlauferhitzer (elektrisch):</strong> Ja
      </li>
      <li>
        <strong>Standardkessel:</strong> Ja
      </li>
      <li>
        <strong>Solarsystem für Warmwasser:</strong> Ja
      </li>
      <li>
        <strong>Wärmepumpe:</strong> Nein
      </li>
      <li>
        <strong>Niedertemperaturkessel:</strong> Nein
      </li>
      <li>
        <strong>Brennwertkessel:</strong> Ja
      </li>
      <li>
        <strong>Warmwasserrohre gedämmt:</strong> Ja
      </li>
      <li>
        <strong>Heizungsrohre gedämmt:</strong> Ja
      </li>
      <li>
        <strong>Zirkulation:</strong> Ja
      </li>
    </ul>
  </div>

  <!-- Section G -->
  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-xl font-semibold border-b pb-2 mb-4">
      G. Angaben zu Fenster, Dachfenster und Türen
    </h2>
    <ul class="space-y-2">
      <li>
        <strong>Einfachglas:</strong> Nein
      </li>
      <li>
        <strong>Doppelverglasung:</strong> Ja
      </li>
      <li>
        <strong>Dreifachverglasung:</strong> Nein
      </li>
      <li>
        <strong>Isolierverglasung:</strong> Ja
      </li>
      <li>
        <strong>Alle Fenster dicht:</strong> Ja
      </li>
      <li>
        <strong>Fenster teilweise undicht:</strong> Nein
      </li>
      <li>
        <strong>Rollladenkästen gedämmt, luftdicht:</strong> Ja
      </li>
      <li>
        <strong>Alle Türen dicht:</strong> Ja
      </li>
      <li>
        <strong>Türen teilweise undicht:</strong> Nein
      </li>
    </ul>
  </div>

  <!-- Section H -->
  <div class="bg-white shadow rounded-lg p-6 mb-6">
    <h2 class="text-xl font-semibold border-b pb-2 mb-4">
      H. Angaben zur Wärmedämmung
    </h2>
    <ul class="space-y-2">
      <li>
        <strong>Außenwand gedämmt:</strong> Ja
      </li>
      <li>
        <strong>Kelleraußenwand gedämmt:</strong> Ja
      </li>
      <li>
        <strong>Kellerdecke gedämmt:</strong> Nein
      </li>
      <li>
        <strong>Dachgeschoss gedämmt:</strong> Ja
      </li>
      <li>
        <strong>Oberste Geschossdecke gedämmt:</strong> Ja
      </li>
      <li>
        <strong>Oberste Geschossdecke min. 12cm gedämmt:</strong>
        Ja
      </li>
    </ul>
  </div>