From 2c6dc7a045f14f8b12884fd8f37ef5983cd40697 Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Fri, 20 Dec 2024 02:14:40 +0100
Subject: [PATCH 1/8] Tooltips gefixt, Bestellprozess und Merkblatt erstellt

---
 .../Ausweis/BilderZusatzsysteme.svelte        |  22 +-
 .../sidebars/cards/cardNavigation.svelte      |   6 +-
 .../bestellprozess-energieausweis/index.astro | 125 +++++---
 .../index.astro                               | 276 ++++++++++++++++++
 4 files changed, 379 insertions(+), 50 deletions(-)
 create mode 100644 src/pages/bestellprozess-energieausweis/merkblatt-verbrauchsausweis-wohnen/index.astro

diff --git a/src/components/Ausweis/BilderZusatzsysteme.svelte b/src/components/Ausweis/BilderZusatzsysteme.svelte
index 3ffc2ca1..a46d2252 100644
--- a/src/components/Ausweis/BilderZusatzsysteme.svelte
+++ b/src/components/Ausweis/BilderZusatzsysteme.svelte
@@ -35,18 +35,18 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
 2xl:grid-cols-3 2xl:gap-x-8 2xl:gap-y-2
 ">
 
-<SanierungsOption label="Zentral/Etage" name="zentralheizung" help="Bitte anklicken wenn die Heizwärme <strong>zentral erzeugt</strong> und von dort in die Räume verteilt wird. Gasthermen und Etagenheizungen in der Wohnung gehören auch dazu." value="ZH" bind:checked={gebaeude_aufnahme_allgemein.zentralheizung}></SanierungsOption>
-<SanierungsOption label="Einzelofen" name="einzelofen" help="Bei <strong>dezentraler Erzeugung</strong> in den Räumen wie z.B. Nachtspeicher, Kami- oder Kachelofen. Dezentrale Klimageräte zur Wärmeerzeugung gehören auch dazu." value="EO" bind:checked={gebaeude_aufnahme_allgemein.einzelofen}></SanierungsOption>
-<SanierungsOption label="Durchlauferhitzer (elektrisch)" name="durchlauf_erhitzer" help="Wenn <strong>dezentrale</strong> elektrische <strong>Warmwassererzeugung</strong> vorhanden ist" value="DH" bind:checked={gebaeude_aufnahme_allgemein.durchlauf_erhitzer}></SanierungsOption>
+<SanierungsOption label="Zentral/Etage" name="zentralheizung" help="Bitte anklicken wenn die Heizwärme <b>zentral erzeugt</b> und von dort in die Räume verteilt wird. Gasthermen und Etagenheizungen in der Wohnung gehören auch dazu." value="ZH" bind:checked={gebaeude_aufnahme_allgemein.zentralheizung}></SanierungsOption>
+<SanierungsOption label="Einzelofen" name="einzelofen" help="Bei <b>dezentraler Erzeugung</b> in den Räumen wie z.B. Nachtspeicher, Kami- oder Kachelofen. Dezentrale Klimageräte zur Wärmeerzeugung gehören auch dazu." value="EO" bind:checked={gebaeude_aufnahme_allgemein.einzelofen}></SanierungsOption>
+<SanierungsOption label="Durchlauferhitzer (elektrisch)" name="durchlauf_erhitzer" help="Wenn <b>dezentrale</b> elektrische <b>Warmwassererzeugung</b> vorhanden ist" value="DH" bind:checked={gebaeude_aufnahme_allgemein.durchlauf_erhitzer}></SanierungsOption>
 <SanierungsOption label="Standardkessel" name="standard_kessel" help="Gemeint sind Konstanttemperaturkessel und ältere Gebläse- oder Feststoffkessel" value="SK" bind:checked={gebaeude_aufnahme_allgemein.standard_kessel}></SanierungsOption>
-<SanierungsOption label="Solarsystem für Warmwasser" name="solarsystem_warmwasser" help="Solarpanele auf dem Dach zur <strong>alternativen Warmwassererzeugung</strong> aus Sonnenenergie. Nicht zu verwechseln mit Photovoltaik." value="SSWW" bind:checked={gebaeude_aufnahme_allgemein.solarsystem_warmwasser}></SanierungsOption>
-<SanierungsOption label="Wärmepumpe" name="waermepumpe" help="Elektrisch betriebener Wärmerzeuger der thermische Energie aus natürlichen Wärmequellen wie der <strong>Umgebungsluft, dem Erdreich oder Grundwasser</strong> nutzbar macht." value="WP" bind:checked={gebaeude_aufnahme_allgemein.waermepumpe}></SanierungsOption>
-<SanierungsOption label="Niedertemperaturkessel" name="niedertemperatur_kessel" help="Heizkessel der mit <strong>niedrigen Vorlauftemperaturen</strong> (35-75 °C) arbeitet. Im Vergleich zum Brennwertkessel ist er weniger effizient, wird aber noch in älteren Heizsystemen eingesetzt." value="NK" bind:checked={gebaeude_aufnahme_allgemein.niedertemperatur_kessel}></SanierungsOption>
-<SanierungsOption label="Brennwertkessel" name="brennwert_kessel" help="Hat einen besonders <strong>hohen Wirkungsgrad</strong> weil er die im Abgas enthaltene Kondensationswärme zurückgewinnt. Auch zu erkennen am doppelwandigem Abgasrohr welches sich nicht erhitzt." value="BWK" bind:checked={gebaeude_aufnahme_allgemein.brennwert_kessel}></SanierungsOption>
-<SanierungsOption label="Warmwasserrohre gedämmt" name="warmwasser_rohre_gedaemmt" help="Gemeint sind die sichtbaren Rohre des Verteilsystems Warmwasser. Gedämmte Rohre sind an den <strong>dunklen Ummantelungen</strong> (Manschetten) zu erkennen." value="BWK" bind:checked={gebaeude_aufnahme_allgemein.warmwasser_rohre_gedaemmt}></SanierungsOption>
-<SanierungsOption label="Heizungsrohre gedämmt" name="heizungsrohre_gedaemmt" help="Gemeint sind die sichtbaren Rohre des Verteilsystems Heizung. Gedämmte Rohre sind an den <strong>dunklen Ummantelungen</strong> (Manschetten) zu erkennen.ext" value="HRGD" bind:checked={gebaeude_aufnahme_allgemein.heizungsrohre_gedaemmt}></SanierungsOption>
-<SanierungsOption label="Zirkulation" name="zirkulation" help="Kreislauf von Heizungs- oder Warmwasser <strong>innerhalb eines Leitungssystems</strong>, um eine gleichmäßige Wärmeverteilung sicherzustellen." value="ZK" bind:checked={gebaeude_aufnahme_allgemein.zirkulation}></SanierungsOption>
-<SanierungsOption label="Photovoltaik auf dem Dach" name="photovoltaik" help="Direkte Umwandlung von Sonnenlicht in <strong>elektrische Energie</strong> mittels Solarzellen, die den photoelektrischen Effekt nutzen." value="PV" bind:checked={gebaeude_aufnahme_allgemein.photovotaik}></SanierungsOption>
+<SanierungsOption label="Solarsystem für Warmwasser" name="solarsystem_warmwasser" help="Solarpanele auf dem Dach zur <b>alternativen Warmwassererzeugung</b> aus Sonnenenergie. Nicht zu verwechseln mit Photovoltaik." value="SSWW" bind:checked={gebaeude_aufnahme_allgemein.solarsystem_warmwasser}></SanierungsOption>
+<SanierungsOption label="Wärmepumpe" name="waermepumpe" help="Elektrisch betriebener Wärmerzeuger der thermische Energie aus natürlichen Wärmequellen wie der <b>Umgebungsluft, dem Erdreich oder Grundwasser</b> nutzbar macht." value="WP" bind:checked={gebaeude_aufnahme_allgemein.waermepumpe}></SanierungsOption>
+<SanierungsOption label="Niedertemperaturkessel" name="niedertemperatur_kessel" help="Heizkessel der mit <b>niedrigen Vorlauftemperaturen</b> (35-75 °C) arbeitet. Im Vergleich zum Brennwertkessel ist er weniger effizient, wird aber noch in älteren Heizsystemen eingesetzt." value="NK" bind:checked={gebaeude_aufnahme_allgemein.niedertemperatur_kessel}></SanierungsOption>
+<SanierungsOption label="Brennwertkessel" name="brennwert_kessel" help="Hat einen besonders <b>hohen Wirkungsgrad</b> weil er die im Abgas enthaltene Kondensationswärme zurückgewinnt. Auch zu erkennen am doppelwandigem Abgasrohr welches sich nicht erhitzt." value="BWK" bind:checked={gebaeude_aufnahme_allgemein.brennwert_kessel}></SanierungsOption>
+<SanierungsOption label="Warmwasserrohre gedämmt" name="warmwasser_rohre_gedaemmt" help="Gemeint sind die sichtbaren Rohre des Verteilsystems Warmwasser. Gedämmte Rohre sind an den <b>dunklen Ummantelungen</b> (Manschetten) zu erkennen." value="BWK" bind:checked={gebaeude_aufnahme_allgemein.warmwasser_rohre_gedaemmt}></SanierungsOption>
+<SanierungsOption label="Heizungsrohre gedämmt" name="heizungsrohre_gedaemmt" help="Gemeint sind die sichtbaren Rohre des Verteilsystems Heizung. Gedämmte Rohre sind an den <b>dunklen Ummantelungen</b> (Manschetten) zu erkennen.ext" value="HRGD" bind:checked={gebaeude_aufnahme_allgemein.heizungsrohre_gedaemmt}></SanierungsOption>
+<SanierungsOption label="Zirkulation" name="zirkulation" help="Kreislauf von Heizungs- oder Warmwasser <b>innerhalb eines Leitungssystems</b>, um eine gleichmäßige Wärmeverteilung sicherzustellen." value="ZK" bind:checked={gebaeude_aufnahme_allgemein.zirkulation}></SanierungsOption>
+<SanierungsOption label="Photovoltaik auf dem Dach" name="photovoltaik" help="Direkte Umwandlung von Sonnenlicht in <b>elektrische Energie</b> mittels Solarzellen, die den photoelektrischen Effekt nutzen." value="PV" bind:checked={gebaeude_aufnahme_allgemein.photovotaik}></SanierungsOption>
 </div>
 
 <HeizungImage bind:images bind:ausweis bind:gebaeude />
diff --git a/src/components/design/sidebars/cards/cardNavigation.svelte b/src/components/design/sidebars/cards/cardNavigation.svelte
index 8e4a84ac..778bd295 100644
--- a/src/components/design/sidebars/cards/cardNavigation.svelte
+++ b/src/components/design/sidebars/cards/cardNavigation.svelte
@@ -125,7 +125,7 @@ if(innerWidth>1024){
     <a href={undefined} class="nav-element-child">Angebot anfragen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
     {/if}
     
-    <ul class="dropdown-content energieasusweis-erstellen">
+    <ul class="dropdown-content angebot-anfragen">
       {#if innerWidth < 1023}
       <li><a href="/energieausweis-erstellen">Angebot anfragen</a></li>
       {/if}
@@ -209,11 +209,11 @@ if(innerWidth>1024){
   <a href="/bestellprozess-energieausweis" class="nav-element-child">Bestellprozess Energieausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
   {/if}
 
-<ul class="dropdown-content energieasusweis-erstellen">
+<ul class="dropdown-content bestellprozess-energieausweis">
   {#if innerWidth < 1023}
   <li><a href="/bestellprozess-energieausweis">Bestellprozess Energieausweis</a></li>
   {/if}
-  <li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/">Merkblatt Verbrauchsausweis Wohnen</a></li>
+  <li><a href="/bestellprozess-energieausweis/merkblatt-verbrauchsausweis-wohnen/">Merkblatt Verbrauchsausweis Wohnen</a></li>
   <li><a href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/">Merkblatt Bedarfsausweis Wohnen</a></li>
   <li><a href="/energieausweis-erstellen/verbrauchsausweis-gewerbe/">Merkblatt Verbrauchsausweis Gewerbe</a></li>
 </ul>
diff --git a/src/pages/bestellprozess-energieausweis/index.astro b/src/pages/bestellprozess-energieausweis/index.astro
index 3574a5d6..8d2be4c6 100644
--- a/src/pages/bestellprozess-energieausweis/index.astro
+++ b/src/pages/bestellprozess-energieausweis/index.astro
@@ -8,72 +8,125 @@ import Layout from "#layouts/Layout.astro";
 
 <h1>Bestellprozess Energieausweis</h1>
 
-<div class="bestellprozess space-y-10 p-6 bg-gray-100 rounded-lg shadow-lg">
+<div class="bestellprozess space-y-5 p-8">
   
-    <div class="step border-b border-gray-300 pb-6">
-      <h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 1: Online-Check</h2>
-      <p class="text-gray-600">Beginnen Sie mit unserem <a href="welcher-energieausweis">Online-Check</a> um festzustellen, welcher Energieausweis für Ihr Gebäude geeignet ist.</p>
+    <div class="bestellprocess">
+      <h2>Schritt 1: Online-Check</h2>
+      <p>Beginnen Sie mit unserem <a href="welcher-energieausweis">Online-Check</a> um festzustellen, welcher Energieausweis für Ihr Gebäude geeignet ist.</p>
     </div>
+
+    <div class="flex items-center justify-center">
+        <span class="text-4xl">🠗</span>
+      </div>
   
-    <div class="step border-b border-gray-300 pb-6">
-      <h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 2: Auswahl des passenden Energieausweises</h2>
-      <p class="text-gray-600">Basierend auf den Ergebnissen wird Ihnen der passende Energieausweis angezeigt. Wenn sowohl Verbrauchsausweis als auch Bedarfsausweis möglich sind, empfehlen wir den Bedarfsausweis.</p>
+    <div class="bestellprocess">
+      <h2>Schritt 2: Auswahl des passenden Energieausweises</h2>
+      <p>Basierend auf den Ergebnissen wird Ihnen der passende Energieausweis angezeigt. Wenn sowohl Verbrauchsausweis als auch Bedarfsausweis möglich sind, empfehlen wir den Bedarfsausweis.</p>
     </div>
+
+    <div class="flex items-center justify-center">
+        <span class="text-4xl">🠗</span>
+      </div>
   
-    <div class="step border-b border-gray-300 pb-6">
-      <h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 3: Eingabeformular aufrufen</h2>
-      <p class="text-gray-600">
-        Klicken Sie auf "jetzt online erstellen", um zum Eingabeformular für den Energieausweis zu gelangen. Hier sehen Sie alle erforderlichen Informationen auf einen Blick. Eine Zusammenfassung der benötigten Daten und Merkblätter finden Sie hier: <a href="#" class="text-blue-500 underline">Merkblätter Energieausweis</a>.
+    <div class="bestellprocess">
+      <h2>Schritt 3: Eingabeformular aufrufen</h2>
+      <p>
+        Klicken Sie auf "jetzt online erstellen", um zum Eingabeformular für den Energieausweis zu gelangen. Hier sehen Sie alle erforderlichen Informationen auf einen Blick. 
+        Eine Zusammenfassung der benötigten Daten und Merkblätter finden Sie hier: <a href="bestellprozess-energieausweis/merkblatt-verbrauchsausweis-wohnen">Merkblatt Verbrauchsausweis Wohnen</a>.
       </p>
     </div>
+
+    <div class="flex items-center justify-center">
+        <span class="text-4xl">🠗</span>
+      </div>
   
-    <div class="step border-b border-gray-300 pb-6">
-      <h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 4: Dateneingabe und Fotos hochladen</h2>
-      <p class="text-gray-600">Geben Sie die nötigen Gebäudedaten ein und laden Sie Fotos hoch. Angaben zum Sanierungsstand sind wichtig, um passende Modernisierungsempfehlungen zu erhalten. Bei Problemen können Sie über den <span class="font-medium">"Hilfe"</span>-Button unseren Offline-Service anfordern.</p>
+    <div class="bestellprocess">
+      <h2>Schritt 4: Dateneingabe und Fotos hochladen</h2>
+      <p>Geben Sie die nötigen Gebäudedaten ein und laden Sie Fotos hoch. Angaben zum Sanierungsstand sind wichtig, um passende Modernisierungsempfehlungen zu erhalten. Bei Problemen können Sie über den <span class="font-medium">"Hilfe"</span>-Button unseren Offline-Service anfordern.</p>
     </div>
+
+    <div class="flex items-center justify-center">
+        <span class="text-4xl">🠗</span>
+      </div>
   
-    <div class="step border-b border-gray-300 pb-6">
-      <h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 5: Eingaben überprüfen</h2>
-      <p class="text-gray-600">Nutzen Sie die Vorschaufunktion für den Ansichtsausweis und das Datenblatt, die im Formular unten rechts aufrufbar sind. Der Anzeigebalken zu den Energiekennwerten wird während der Eingabe live aktualisiert.</p>
+    <div class="bestellprocess">
+      <h2>Schritt 5: Eingaben überprüfen</h2>
+      <p>Nutzen Sie die Vorschaufunktion für den Ansichtsausweis und das Datenblatt, die im Formular unten rechts aufrufbar sind. Der Anzeigebalken zu den Energiekennwerten wird während der Eingabe live aktualisiert.</p>
     </div>
+
+    <div class="flex items-center justify-center">
+        <span class="text-4xl">🠗</span>
+      </div>
   
-    <div class="step border-b border-gray-300 pb-6">
-      <h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 6: Kundendaten eingeben und Vorprüfung</h2>
-      <p class="text-gray-600">Klicken Sie auf <span class="font-medium">"Weiter"</span>, um Ihre Kundendaten einzugeben und eine automatische Vorprüfung durchzuführen. Falls Punkte unvollständig sind, können Sie über <span class="font-medium">"zurück"</span> Ihre Eingaben korrigieren.</p>
+    <div class="bestellprocess">
+      <h2>Schritt 6: Kundendaten eingeben und Vorprüfung</h2>
+      <p>Klicken Sie auf <span class="font-medium">"Weiter"</span>, um Ihre Kundendaten einzugeben und eine automatische Vorprüfung durchzuführen. Falls Punkte unvollständig sind, können Sie über <span class="font-medium">"zurück"</span> Ihre Eingaben korrigieren.</p>
     </div>
+
+    <div class="flex items-center justify-center">
+        <span class="text-4xl">🠗</span>
+      </div>
   
-    <div class="step border-b border-gray-300 pb-6">
-      <h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 7: Konto erstellen oder einloggen</h2>
-      <p class="text-gray-600">Sollten Sie noch kein Konto besitzen, wird automatisch ein Kundenkonto für Sie erstellt. Bestehende Kunden werden gebeten, sich einzuloggen, falls noch nicht geschehen.</p>
+    <div class="bestellprocess">
+      <h2>Schritt 7: Konto erstellen oder einloggen</h2>
+      <p>Sollten Sie noch kein Konto besitzen, wird automatisch ein Kundenkonto für Sie erstellt. Bestehende Kunden werden gebeten, sich einzuloggen, falls noch nicht geschehen.</p>
     </div>
+
+    <div class="flex items-center justify-center">
+        <span class="text-4xl">🠗</span>
+      </div>
   
-    <div class="step border-b border-gray-300 pb-6">
-      <h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 8: Kaufabschluss und Zusatzservices</h2>
-      <p class="text-gray-600">Nach einer kurzen Zusammenfassung können Sie den Kauf abschließen. Hier haben Sie auch die Möglichkeit, Zusatzservices wie Postversand, Same-Day-Service oder eine Energieeffizienzberatung zu buchen.</p>
+    <div class="bestellprocess">
+      <h2>Schritt 8: Kaufabschluss und Zusatzservices</h2>
+      <p>Nach einer kurzen Zusammenfassung können Sie den Kauf abschließen. Hier haben Sie auch die Möglichkeit, Zusatzservices wie Postversand, Same-Day-Service oder eine Energieeffizienzberatung zu buchen.</p>
     </div>
+
+    <div class="flex items-center justify-center">
+        <span class="text-4xl">🠗</span>
+      </div>
   
-    <div class="step border-b border-gray-300 pb-6">
-      <h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 9: Bezahlung</h2>
-      <p class="text-gray-600">Wählen Sie eine der angebotenen Bezahlmethoden, wie Rechnung, PayPal, Giropay, Sofortüberweisung oder Kreditkarte.</p>
+    <div class="bestellprocess">
+      <h2>Schritt 9: Bezahlung</h2>
+      <p>Wählen Sie eine der angebotenen Bezahlmethoden, wie Rechnung, PayPal, Giropay, Sofortüberweisung oder Kreditkarte.</p>
     </div>
+
+    <div class="flex items-center justify-center">
+        <span class="text-4xl">🠗</span>
+      </div>
   
-    <div class="step border-b border-gray-300 pb-6">
-      <h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 10: Bestellung abschließen</h2>
-      <p class="text-gray-600">
+    <div class="bestellprocess">
+      <h2>Schritt 10: Bestellung abschließen</h2>
+      <p>
         Bestätigen Sie die AGB und die Datenschutzerklärung, und klicken Sie auf <span class="font-medium">"kostenpflichtig bestellen"</span>, um den Bestellvorgang abzuschließen.
       </p>
     </div>
+
+    <div class="flex items-center justify-center">
+        <span class="text-4xl">🠗</span>
+      </div>
   
-    <div class="confirmation mt-8 bg-white p-6 rounded-lg shadow-md">
-      <h3 class="text-xl font-semibold text-gray-800 mb-4">Nach der Bestellung erhalten Sie:</h3>
-      <ul class="list-disc ml-6 text-gray-600 space-y-2">
+    <div class="bestellprocess">
+      <h2>Nach der Bestellung erhalten Sie:</h2>
+      <ul class="list-disc ml-6 space-y-2">
         <li>Eine Bestellbestätigung auf dem Bildschirm und per E-Mail.</li>
         <li>Den Ansichtsausweis per E-Mail.</li>
         <li>Das Datenblatt zur Prüfung in einer separaten E-Mail.</li>
       </ul>
-      <p class="text-gray-600 mt-4">Der Energieausweis wird frühestens 12 Stunden nach Bestellung (außer beim Same-Day-Service) von uns geprüft. Sie können vor der Ausstellung noch Korrekturen vornehmen, falls erforderlich.</p>
+      <p class="mt-4">Der Energieausweis wird frühestens 12 Stunden nach Bestellung (außer beim Same-Day-Service) von uns geprüft. Sie können vor der Ausstellung noch Korrekturen vornehmen, falls erforderlich.</p>
     </div>
   </div>
   
+  <style lang="scss">
+
+    .bestellprocess {
+        @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-[1.5px] border-secondary/35}
+	    hr		{@apply my-0}
+	    p		{@apply text-lg}
+	    a		{@apply text-lg}  
+    }
+
+</style>
 
 </Layout>
\ No newline at end of file
diff --git a/src/pages/bestellprozess-energieausweis/merkblatt-verbrauchsausweis-wohnen/index.astro b/src/pages/bestellprozess-energieausweis/merkblatt-verbrauchsausweis-wohnen/index.astro
new file mode 100644
index 00000000..a74cfbd9
--- /dev/null
+++ b/src/pages/bestellprozess-energieausweis/merkblatt-verbrauchsausweis-wohnen/index.astro
@@ -0,0 +1,276 @@
+---
+
+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>
+

From 0d05b582e842a63db125f776711e89c9f8fd9104 Mon Sep 17 00:00:00 2001
From: Robert Jagtiani <all@robert-jagtiani.de>
Date: Fri, 20 Dec 2024 03:37:00 +0100
Subject: [PATCH 2/8] upDate UMBE

---
 .../formular/verbrauchsausweis-skala.svg      | 31 +++++++++++++++++++
 .../Ausweis/ButtonSpaeterHilfe.svelte         |  4 +--
 .../Ausweis/PerformanceScore.svelte           |  6 ++--
 .../VerbrauchsausweisWohnenModule.svelte      |  9 +-----
 4 files changed, 37 insertions(+), 13 deletions(-)
 create mode 100644 public/images/formular/verbrauchsausweis-skala.svg

diff --git a/public/images/formular/verbrauchsausweis-skala.svg b/public/images/formular/verbrauchsausweis-skala.svg
new file mode 100644
index 00000000..47307ad2
--- /dev/null
+++ b/public/images/formular/verbrauchsausweis-skala.svg
@@ -0,0 +1,31 @@
+<svg id="Gruppe_1" data-name="Gruppe 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1405" height="67" viewBox="0 0 1405 67">
+  <defs>
+    <style>
+      .cls-1 {
+        font-size: 12.128px;
+        text-anchor: middle;
+        font-family: Arial;
+      }
+    </style>
+    <image id="image" width="3" height="22" xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAWCAYAAAAFMyaXAAABBElEQVQYlWJgYGB4xsDA8J+BgeENAAAA//9iAvHAgIGBAQAAAP//QnAYGBgAAAAA//9CcBgYGAAAAAD//0JwGBgYAAAAAP//QnAYGBgAAAAA//9CcBgYGAAAAAD//0JwGBgYAAAAAP//QnAYGBgAAAAA//9CcBgYGAAAAAD//0JwGBgYAAAAAP//QnAYGBgAAAAA//9CcBgYGAAAAAD//0JwGBgYAAAAAP//QnAYGBgAAAAA//9CcBgYGAAAAAD//0JwGBgYAAAAAP//QnAYGBgAAAAA//9CcBgYGAAAAAD//0JwGBgYAAAAAP//QnAYGBgAAAAA//9CcBgYGAAAAAD//wMAJ58C/DLMuFAAAAAASUVORK5CYII="/>
+  </defs>
+  <image id="oben_Kopie_3" data-name="oben Kopie 3" y="-1" width="1405" height="112" xlink:href="data:img/png;base64,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"/>
+  <text id="A_" data-name="A+" class="cls-1" transform="translate(101.842 17.498) scale(1.153 1.154)"><tspan x="0">A+</tspan></text>
+  <text id="A" class="cls-1" transform="translate(228.203 17.498) scale(1.153 1.154)"><tspan x="0">A</tspan></text>
+  <text id="B" class="cls-1" transform="translate(344.031 17.498) scale(1.153 1.154)"><tspan x="0">B</tspan></text>
+  <text id="C" class="cls-1" transform="translate(477.432 17.498) scale(1.153 1.154)"><tspan x="0">C</tspan></text>
+  <text id="D" class="cls-1" transform="translate(633.635 17.498) scale(1.153 1.154)"><tspan x="0">D</tspan></text>
+  <text id="E" class="cls-1" transform="translate(797.944 17.498) scale(1.153 1.154)"><tspan x="0">E</tspan></text>
+  <text id="F" class="cls-1" transform="translate(987.057 17.498) scale(1.153 1.154)"><tspan x="0">F</tspan></text>
+  <text id="G" class="cls-1" transform="translate(1197.91 17.498) scale(1.153 1.154)"><tspan x="0">G</tspan></text>
+  <text id="H" class="cls-1" transform="translate(1358.049 17.498) scale(1.153 1.154)"><tspan x="0">H</tspan></text>
+  <use id="Ebene_4_Kopie" data-name="Ebene 4 Kopie" x="175" xlink:href="#image"/>
+  <use id="Ebene_4_Kopie_2" data-name="Ebene 4 Kopie 2" x="275" xlink:href="#image"/>
+  <use id="Ebene_4_Kopie_3" data-name="Ebene 4 Kopie 3" x="410" xlink:href="#image"/>
+  <use id="Ebene_4_Kopie_4" data-name="Ebene 4 Kopie 4" x="545" xlink:href="#image"/>
+  <use id="Ebene_4_Kopie_5" data-name="Ebene 4 Kopie 5" x="717" xlink:href="#image"/>
+  <use id="Ebene_4_Kopie_6" data-name="Ebene 4 Kopie 6" x="878" xlink:href="#image"/>
+  <use id="Ebene_4_Kopie_8" data-name="Ebene 4 Kopie 8" x="1084" xlink:href="#image"/>
+  <use id="Ebene_4_Kopie_7" data-name="Ebene 4 Kopie 7" x="1307" xlink:href="#image"/>
+  <image id="Ebene_2_Kopie" data-name="Ebene 2 Kopie" x="1" y="23" width="1403" height="21" xlink:href="data:img/png;base64,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"/>
+</svg>
diff --git a/src/components/Ausweis/ButtonSpaeterHilfe.svelte b/src/components/Ausweis/ButtonSpaeterHilfe.svelte
index 4d4a5276..1f442803 100644
--- a/src/components/Ausweis/ButtonSpaeterHilfe.svelte
+++ b/src/components/Ausweis/ButtonSpaeterHilfe.svelte
@@ -9,7 +9,7 @@ export let automatischAusfüllen;
 
 
 <div
-class="w-full mt-5 grid gap-x-4 gap-y-2
+class="w-full mt-5 grid gap-x-4 gap-y-2 px-4
 grid-cols-1
 xs:grid-cols-2
 "
@@ -29,7 +29,7 @@ xs:grid-cols-2
     
 </div>
    
-<div class="mt-2">
+<div class="mt-2 px-4">
         <button
             class="button"
             on:click={automatischAusfüllen}
diff --git a/src/components/Ausweis/PerformanceScore.svelte b/src/components/Ausweis/PerformanceScore.svelte
index 96b5039d..28633b45 100644
--- a/src/components/Ausweis/PerformanceScore.svelte
+++ b/src/components/Ausweis/PerformanceScore.svelte
@@ -80,10 +80,10 @@
 </script>
 
 <div class="w-full rounded-lg border-border-gray/35 border-4 relative px-0 mt-4">
-	<img class="rounded-lg" src="/images/SKALA-910.png" alt="Energieeffizienz Skala" />
+	<img class="py-8 px-4" src="/images/formular/verbrauchsausweis-skala.svg" alt="Energieeffizienz Skala" />
 	<ThickArrowDown
 		size={28}
-		class="fill-base-content absolute top-1 transition-left duration-1000 ease-in-out"
+		class="fill-base-content absolute top-0 transition-left duration-1000 ease-in-out"
 		style="left: {translation_1}%; transform: translateX({centerValueBetweenBoundaries(
 			translation_1,
 			50,
@@ -94,7 +94,7 @@
 	/>
 	<ThickArrowUp
 		size={28}
-		class="fill-base-content absolute bottom-1 transition-left duration-1000 ease-in-out"
+		class="fill-base-content absolute bottom-0 transition-left duration-1000 ease-in-out"
 		style="left: {translation_2}%; transform: translateX({centerValueBetweenBoundaries(
 			translation_2,
 			50,
diff --git a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
index 57fed4b2..272b1aa1 100644
--- a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
+++ b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
@@ -198,18 +198,11 @@
 	/>
 </div>
 
-
-
-
 <ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen}/>
 
-
-
-<form data-test="ausweis">
+<form on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
 	<div id="formular-box" class="formular-boxen ring-0">
 
-
-
 		<!-- A Prüfung der Ausweisart -->
 
 		<BereichLabel bereich="A">Prüfung der Ausweisart</BereichLabel>

From 7f7f4b707f491e1d737aa299f00b3e1f2502a258 Mon Sep 17 00:00:00 2001
From: Robert Jagtiani <all@robert-jagtiani.de>
Date: Fri, 20 Dec 2024 04:06:05 +0100
Subject: [PATCH 3/8] .

---
 public/images/{ => formular}/SKALA-910.png          | Bin
 src/components/Ausweis/ButtonSpaeterHilfe.svelte    |   2 +-
 src/components/Ausweis/PerformanceScore.svelte      |   6 +++---
 .../VerbrauchsausweisWohnenModule.svelte            |   6 ++++--
 4 files changed, 8 insertions(+), 6 deletions(-)
 rename public/images/{ => formular}/SKALA-910.png (100%)

diff --git a/public/images/SKALA-910.png b/public/images/formular/SKALA-910.png
similarity index 100%
rename from public/images/SKALA-910.png
rename to public/images/formular/SKALA-910.png
diff --git a/src/components/Ausweis/ButtonSpaeterHilfe.svelte b/src/components/Ausweis/ButtonSpaeterHilfe.svelte
index 1f442803..42ea55cf 100644
--- a/src/components/Ausweis/ButtonSpaeterHilfe.svelte
+++ b/src/components/Ausweis/ButtonSpaeterHilfe.svelte
@@ -31,7 +31,7 @@ xs:grid-cols-2
    
 <div class="mt-2 px-4">
         <button
-            class="button"
+            class="button hidden"
             on:click={automatischAusfüllen}
             type="button">Automatisch Ausfüllen
             </button
diff --git a/src/components/Ausweis/PerformanceScore.svelte b/src/components/Ausweis/PerformanceScore.svelte
index 28633b45..fa61287b 100644
--- a/src/components/Ausweis/PerformanceScore.svelte
+++ b/src/components/Ausweis/PerformanceScore.svelte
@@ -79,8 +79,8 @@
 	}
 </script>
 
-<div class="w-full rounded-lg border-border-gray/35 border-4 relative px-0 mt-4">
-	<img class="py-8 px-4" src="/images/formular/verbrauchsausweis-skala.svg" alt="Energieeffizienz Skala" />
+
+	<img class="" src="/images/formular/SKALA-910.png" alt="Energieeffizienz Skala" />
 	<ThickArrowDown
 		size={28}
 		class="fill-base-content absolute top-0 transition-left duration-1000 ease-in-out"
@@ -103,4 +103,4 @@
 			100
 		)}%)"
 	/>
-</div>
+
diff --git a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
index 272b1aa1..a6669be4 100644
--- a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
+++ b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
@@ -186,16 +186,18 @@
 
 
 
-<div class="grid grid-cols-1 gap-x-8 px-4">
-	<div class="w-full rounded-lg border-gray/35 border-0 relative px-40 pt-4 pb-3">
+<div class="grid grid-cols-2 gap-x-8 px-4 items-center">
+	<div class="w-full rounded-lg border-gray/35 border-0 relative px-4">
 		<Progressbar progress={0} />
 	</div>
 
+	<div class="w-full rounded-lg border-gray/35 border-2 relative px-4">
 	<PerformanceScore
 		bind:ausweis
 		bind:gebaeude_aufnahme_allgemein
 		bind:gebaeude
 	/>
+	</div>
 </div>
 
 <ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen}/>

From 7e693617d54effa56d7cee61aa083fd073ef71b3 Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Sat, 21 Dec 2024 21:23:54 +0100
Subject: [PATCH 4/8] Tooltips Verbrauchsausweis, Formularfelder getauscht, 
 Funktion Belastungsgrad

---
 src/components/Ausweis/Ausweisart.svelte      |  23 +-
 src/components/Ausweis/GebaeudeDaten.svelte   |  65 ++--
 src/components/symboleEinheiten.svelte        |  16 +
 .../funktionMonatlicherBelastungsgrad.ts      |  34 ++
 src/pages/geg-2024/index.astro                |  65 ++++
 .../symbole-und-einheiten/index.astro         | 303 ++++++++++++++++++
 6 files changed, 463 insertions(+), 43 deletions(-)
 create mode 100644 src/components/symboleEinheiten.svelte
 create mode 100644 src/lib/Berechnungen/BedarfsausweisWohnen/funktionMonatlicherBelastungsgrad.ts
 create mode 100644 src/pages/geg-2024/symbole-und-einheiten/index.astro

diff --git a/src/components/Ausweis/Ausweisart.svelte b/src/components/Ausweis/Ausweisart.svelte
index 6a4b6f00..35424eb9 100644
--- a/src/components/Ausweis/Ausweisart.svelte
+++ b/src/components/Ausweis/Ausweisart.svelte
@@ -54,7 +54,9 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 		</select>
 
 		<div class="help-label">
-			<HelpLabel>Bitte wählen Sie den Anlass.</HelpLabel>
+			<HelpLabel>Bitte wählen Sie aus wofür Sie den Energieausweis benötigen. 
+				 <strong>Vermietung, Verkauf oder sonstiges (z.B. zur Vorlage bei der Bank) ist als Anlass für den Verbrauchsausweis zulässig.</strong> 
+				 Neubau oder Modernisierung ist Sie hier nicht zulässig.</HelpLabel>
 		</div>
 	</div>
 
@@ -89,7 +91,8 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 		</select>
 
 		<div class="help-label">
-			<HelpLabel>Bitte wählen Sie hier den Gebäudetyp aus.</HelpLabel>
+			<HelpLabel><strong>Der Energieausweis bezieht sich immer auf das gesamte Gebäude</strong> oder den gesamten Wohnteil eines Mischgebäudes. 
+				Für einzelne Wohnungen kann kein Energieausweis ausgestellt werden.</HelpLabel>
 		</div>
 	</div>
 
@@ -136,10 +139,8 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 		<div class="help-label">
 			<HelpLabel>
-				Bitte geben Sie an ob das Gebäude energetisch saniert oder
-				unsaniert ist. Wenn das Dach mindestens 12 cm gedämmt und
-				Heizung sowie Fenster nicht älter als 30 Jahre sind, können Sie
-				saniert auswählen.
+				Es geht um den <b>Mindeststandard der Wärmeschutzverordnung von Nov 1977.</b> Wenn das Dach mindestens 12 cm gedämmt und
+				Heizung sowie Fenster nicht älter als 30 Jahre sind, können Sie saniert auswählen.
 			</HelpLabel>
 		</div>
 	</div>
@@ -177,10 +178,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 		<div class="help-label">
 			<HelpLabel>
-				Bitte geben Sie hier das Baujahr des Gebäudes ein. Sollte eine
-				eine grundlegende Sanierung von Dach, Fenster und Heizung
-				stattgefunden haben, dann berücksichtigen Sie das in dem Sie bei
-				Sanierungsstatus -saniert- angeben.
+				Bitte geben Sie hier das Baujahr des Gebäudes ein. Sollte eine grundlegende Sanierung stattgefunden haben, dann geben Sie das Sanierungsjahr ebenfalls an.
 			</HelpLabel>
 		</div>
 	</div>
@@ -200,7 +198,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 				addNotification({
 					message: "Info",
 					subtext:
-						"Wussten sie, dass sie mehrere Jahre angeben können in denen z.B. Renovierungen an ihrer Heizung durchgeführt wurden. Drücken sie dafür einfach <kbd>Enter</kbd> oder <kbd>Space</kbd> nach jedem Jahr.",
+						"Wussten sie, dass sie weitere Jahre angeben können? Z.B. das Baujahr der Erneuerung wesentlicher Komponenten ihrer Heizung. Drücken sie dafür einfach <kbd>Enter</kbd> oder <kbd>Space</kbd> nach jedem Jahr.",
 					dismissable: true,
 					uid: "HEIZUNG_BAUJAHR",
 					timeout: 0,
@@ -219,8 +217,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 		<div class="help-label">
 			<HelpLabel>
 				Bitte geben Sie hier das Baujahr der Heizungsanlage ein. Sollten
-				unterschiedliche Baujahre vorliegen, dann geben Sie einen
-				Zeitbereich ein <br />z.B. 1994-2001.
+				unterschiedliche Baujahre vorliegen, können Sie mehrere Jahre eingeben.
 			</HelpLabel>
 		</div>
 	</div>
diff --git a/src/components/Ausweis/GebaeudeDaten.svelte b/src/components/Ausweis/GebaeudeDaten.svelte
index bef394f1..d9fc80c5 100644
--- a/src/components/Ausweis/GebaeudeDaten.svelte
+++ b/src/components/Ausweis/GebaeudeDaten.svelte
@@ -34,7 +34,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 		<div class="help-label">
 				<HelpLabel>
-					Bitte geben Sie hier die Straße und Hausnummer des Gebäudes ein.
+					Straße und Hausnummer des betrachteten Gebäudes. Die Angaen werden auf dem Energieausweis vermerkt.
 				</HelpLabel>
 			</div>
 </div>
@@ -67,7 +67,8 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 		<div class="help-label">
 				<HelpLabel>
-					Geben Sie die PLZ ein, der Ort des Gebäudes wird automatisch eingetragen.
+					Bitte geben Sie die PLZ des betrachteten Gebäudes ein, der Ort wird dann angezeigt und kann ausgewählt werden. 
+					Die Angaen werden auf dem Energieausweis vermerkt.
 				</HelpLabel>
 		</div>
 </div>
@@ -101,30 +102,6 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			</div>
 </div>
 
-<!-- Keller * -->
-
-<div class="input-standard order-4 md:order-2 xl:order-4">
-    <Inputlabel title="Keller *"></Inputlabel>
-        
-    <select
-		name="keller"
-		data-test="keller"
-		required
-		bind:value={gebaeude_aufnahme_allgemein.keller}
-	>
-			<option disabled selected value={false}>Bitte auswählen</option>
-			<option value={Enums.Heizungsstatus.NICHT_VORHANDEN}>nicht vorhanden</option>
-			<option value={Enums.Heizungsstatus.UNBEHEIZT}>unbeheizt</option>
-			<option value={Enums.Heizungsstatus.BEHEIZT}>beheizt</option>
-	</select>
-
-            <div class="help-label">
-                <HelpLabel>
-					TEXT FEHLT
-				</HelpLabel>
-            </div>
-</div>
-
 <!-- Dachgeschoss *-->
 
 <div class="input-standard order-4 md:order-2 xl:order-4">
@@ -144,7 +121,35 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
             <div class="help-label">
                 <HelpLabel>
-					TEXT FEHLT
+					Bei Obergeschoss mit vorhandenen Dachschrägen oder ausgebautem Dachgeschoss beheizt auswählen. 
+					Bei Kaltdächern oder unausgebautem Dachgeschoss bitte unbeheizt auswählen. Bei Flachdächern wird nicht vorhanden ausgewählt.
+				</HelpLabel>
+            </div>
+</div>
+
+<!-- Keller * -->
+
+<div class="input-standard order-4 md:order-2 xl:order-4">
+    <Inputlabel title="Keller *"></Inputlabel>
+        
+    <select
+		name="keller"
+		data-test="keller"
+		required
+		bind:value={gebaeude_aufnahme_allgemein.keller}
+	>
+			<option disabled selected value={false}>Bitte auswählen</option>
+			<option value={Enums.Heizungsstatus.NICHT_VORHANDEN}>nicht vorhanden</option>
+			<option value={Enums.Heizungsstatus.UNBEHEIZT}>unbeheizt</option>
+			<option value={Enums.Heizungsstatus.BEHEIZT}>beheizt</option>
+	</select>
+
+            <div class="help-label">
+                <HelpLabel>
+					Diese Angabe hat folgenden Einfluss.<br> 
+					<b>Keller beheizt:<br>Nutzfläche = Wohnfläche x 1,35.</b> 
+					<b>Keller unbeheizt:<br>Nutzfläche = Wohnfläche x 1,2.</b> 
+					Dies ist nur zulässig wenn die Nutzfläche unbekannt ist. Geben Sie diese daher unbedingt im nächsten Feld ein wenn bekannt.
 				</HelpLabel>
             </div>
 </div>
@@ -152,7 +157,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 <!-- Gesamtfläche * -->
 
 <div class="input-standard order-6 md:order-6 xl:order-6">
-	<Inputlabel title="Gesamtfläche m² *"></Inputlabel>
+	<Inputlabel title="Nutzfläche m² *"></Inputlabel>
 
     <input
 		name="nutzflaeche"
@@ -171,8 +176,8 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 					Bitte geben Sie hier die beheizte Gesamtfläche in m² ein
 					(wenn bekannt). Dabei handelt es sich um die Wohnfläche +
 					weiterer Flächen innerhalb des Gebäudes (z.B. Fläche des
-					beheizten Kellers). Diese Fläche wird dann im Energieausweis
-					als energetische Nutzfläche (An) ausgewiesen.
+					beheizten Kellers). <b>Diese Fläche wird dann im Energieausweis
+						als energetische Nutzfläche (An) ausgewiesen.</b>
 				</HelpLabel>
 			</div>
 </div>
diff --git a/src/components/symboleEinheiten.svelte b/src/components/symboleEinheiten.svelte
new file mode 100644
index 00000000..0271b813
--- /dev/null
+++ b/src/components/symboleEinheiten.svelte
@@ -0,0 +1,16 @@
+<script lang="js">
+
+  import { onMount } from "svelte";
+  export let formula = '';
+
+// Aktualisiere MathJax nach der Komponente-Mount
+onMount(() => {
+  if (window.MathJax) {
+    MathJax.typesetPromise();
+  }
+});
+</script>
+
+<div>
+    {@html formula}
+</div>
\ No newline at end of file
diff --git a/src/lib/Berechnungen/BedarfsausweisWohnen/funktionMonatlicherBelastungsgrad.ts b/src/lib/Berechnungen/BedarfsausweisWohnen/funktionMonatlicherBelastungsgrad.ts
new file mode 100644
index 00000000..dca5bff3
--- /dev/null
+++ b/src/lib/Berechnungen/BedarfsausweisWohnen/funktionMonatlicherBelastungsgrad.ts
@@ -0,0 +1,34 @@
+
+// Funktion zur Berechnung des monatlichen Belastungsgrades aus Tabelle 17 (Januar, Zeitkonstante 90)
+
+function monatlicherBelastungsGradT90(
+  wertZwei: number,
+  wertEins: number,
+  maxHeizlast: number,
+  maxHeizlastEins: number,
+  maxHeizlastZwei: number
+): number {
+  return (
+    wertZwei -
+    ((wertZwei - wertEins) * (maxHeizlast - maxHeizlastEins)) /
+      (maxHeizlastZwei - maxHeizlastEins)
+  );
+}
+
+// Beispielwerte
+const wertZwei = 0.541;
+const wertEins = 0.548;
+const maxHeizlast = 37.86;
+const maxHeizlastEins = 25;
+const maxHeizlastZwei = 50;
+
+// Berechnung
+const monatlicherBelastungsgradT90 = monatlicherBelastungsGradT90(
+  wertZwei,
+  wertEins,
+  maxHeizlast,
+  maxHeizlastEins,
+  maxHeizlastZwei
+);
+
+console.log("Monatlicher Belastungsgrad T90:", monatlicherBelastungsgradT90);
\ No newline at end of file
diff --git a/src/pages/geg-2024/index.astro b/src/pages/geg-2024/index.astro
index 60522e18..370766ac 100644
--- a/src/pages/geg-2024/index.astro
+++ b/src/pages/geg-2024/index.astro
@@ -6,6 +6,7 @@ import Layout from "#layouts/Layout.astro";
 
 <Layout title="GEG 2024">
 
+
 <h1>GEG 2024 - Formelsammlung</h1>
 
 <div class="container mx-auto max-w-screen-md py-8">
@@ -115,4 +116,68 @@ import Layout from "#layouts/Layout.astro";
     </section>
   </div>
 
+  <div class="formula-container">
+    <h1>Monatlicher Belastungsgrad T90</h1>
+    <p>Die folgende Formel berechnet den monatlichen Belastungsgrad aus Tabelle 17 (Zeitkonstante 90):</p>
+    <div class="formula">
+      <div>
+        <span>monatlicherBelastungsgradT90</span> = <span>wertZwei</span> -
+      </div>
+      <div class="fraction">
+        <span class="numerator">
+          (<span>wertZwei</span> - <span>wertEins</span>) &times; (<span>maxHeizlast</span> - <span>maxHeizlastEins</span>)
+        </span>
+        <span class="denominator">
+          <span>maxHeizlastZwei</span> - <span>maxHeizlastEins</span>
+        </span>
+      </div>
+    </div>
+  </div>
+  
+  <style>
+    .formula-container {
+      background: #fff;
+      padding: 20px;
+      border: 1px solid #ddd;
+      border-radius: 8px;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+      max-width: 800px;
+      margin: 20px auto;
+      font-family: Arial, sans-serif;
+      line-height: 1.6;
+    }
+  
+    h1 {
+      text-align: center;
+      color: #333;
+    }
+  
+    .formula {
+      font-size: 1.2rem;
+      line-height: 2rem;
+      margin-top: 20px;
+    }
+  
+    .fraction {
+      display: inline-block;
+      text-align: center;
+      vertical-align: middle;
+    }
+  
+    .fraction .numerator {
+      border-bottom: 1px solid #000;
+      display: block;
+      padding-bottom: 5px;
+      margin-bottom: 5px;
+    }
+  
+    .fraction .denominator {
+      display: block;
+    }
+  
+    span {
+      font-family: "Courier New", Courier, monospace;
+    }
+  </style>
+
 </Layout>
\ No newline at end of file
diff --git a/src/pages/geg-2024/symbole-und-einheiten/index.astro b/src/pages/geg-2024/symbole-und-einheiten/index.astro
new file mode 100644
index 00000000..af8c23a8
--- /dev/null
+++ b/src/pages/geg-2024/symbole-und-einheiten/index.astro
@@ -0,0 +1,303 @@
+---
+
+import Layout from "#layouts/Layout.astro";
+import symboleEinheiten from "#components/symboleEinheiten.svelte";
+
+---
+
+<script type="text/javascript" id="MathJax-script" async
+  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
+
+</script>
+
+<Layout title="GEG 2024">
+
+
+<h1>DIN 18599 - Symbole und Einheiten</h1>
+
+  <div class="overflow-x-auto p-8">
+    <table class="min-w-full border-collapse border border-gray-300">
+      <thead class="bg-gray-100">
+        <tr>
+          <th class="border border-gray-300 px-4 py-2 text-left">Symbol</th>
+          <th class="border border-gray-300 px-4 py-2 text-left">Deutsch</th>
+          <th class="border border-gray-300 px-4 py-2 text-left">Englisch</th>
+          <th class="border border-gray-300 px-4 py-2 text-left">Einheit</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\eta\)</td>
+          <td class="border border-gray-300 px-4 py-2">Nutzungsgrad, Effizienz, Ausnutzung</td>
+          <td class="border border-gray-300 px-4 py-2">Performance ratio, efficiency, utilisation factor</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\beta\)</td>
+          <td class="border border-gray-300 px-4 py-2">Belastungsgrad</td>
+          <td class="border border-gray-300 px-4 py-2">Load level, load factor</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">Q˙</td>
+          <td class="border border-gray-300 px-4 py-2">Wärmeleistung</td>
+          <td class="border border-gray-300 px-4 py-2">Heating power</td>
+          <td class="border border-gray-300 px-4 py-2">W, kW</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">𝑉˙</td>
+          <td class="border border-gray-300 px-4 py-2">Volumenstrom</td>
+          <td class="border border-gray-300 px-4 py-2">flow rate</td>
+          <td class="border border-gray-300 px-4 py-2">m<sup>3</sup>/h</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">𝑞˙</td>
+          <td class="border border-gray-300 px-4 py-2">spezifische Wärmeleistung</td>
+          <td class="border border-gray-300 px-4 py-2">specific heating power</td>
+          <td class="border border-gray-300 px-4 py-2">W/m<sup>2</sup></td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\theta\)‾</td>
+          <td class="border border-gray-300 px-4 py-2">Mittlere Temperatur</td> 
+          <td class="border border-gray-300 px-4 py-2">mean temperature</td>
+          <td class="border border-gray-300 px-4 py-2">&deg;C</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">A</td>
+          <td class="border border-gray-300 px-4 py-2">Fläche</td>
+          <td class="border border-gray-300 px-4 py-2">area</td>
+          <td class="border border-gray-300 px-4 py-2">m<sup>2</sup></td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">a</td>
+          <td class="border border-gray-300 px-4 py-2">Anteil</td>
+          <td class="border border-gray-300 px-4 py-2">fraction</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">b</td>
+          <td class="border border-gray-300 px-4 py-2">Überdimensionierungsfaktor der Pumpe</td>
+          <td class="border border-gray-300 px-4 py-2">Pump overdimensioning factor</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">c</td>
+          <td class="border border-gray-300 px-4 py-2">Koeffizient</td>
+          <td class="border border-gray-300 px-4 py-2">coefficient</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">C</td>
+          <td class="border border-gray-300 px-4 py-2">Konstante</td>
+          <td class="border border-gray-300 px-4 py-2">constant</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">c</td>
+          <td class="border border-gray-300 px-4 py-2">spezifische Wärmekapazität</td>
+          <td class="border border-gray-300 px-4 py-2">specific heat capacity</td>
+          <td class="border border-gray-300 px-4 py-2">kJ/(kg·K)</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">COP</td>
+          <td class="border border-gray-300 px-4 py-2">Leistungskennzahl</td>
+          <td class="border border-gray-300 px-4 py-2">coefficient of performance</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">d</td>
+          <td class="border border-gray-300 px-4 py-2">Zeit, Zeitspanne, Tage</td>
+          <td class="border border-gray-300 px-4 py-2">Time, time period, days</td>
+          <td class="border border-gray-300 px-4 py-2">d, d/a, d/mth</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">e</td>
+          <td class="border border-gray-300 px-4 py-2">Aufwandszahl</td>
+          <td class="border border-gray-300 px-4 py-2">expenditure factor</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">E</td>
+          <td class="border border-gray-300 px-4 py-2">monatliche solare Bestrahlungsenergie</td>
+          <td class="border border-gray-300 px-4 py-2">Monthly solar radiation energy</td>
+          <td class="border border-gray-300 px-4 py-2">kWh/(m<sup>2</sup>·mth)</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">EEI</td>
+          <td class="border border-gray-300 px-4 py-2">Energieeffizienzindex</td>
+          <td class="border border-gray-300 px-4 py-2">Energy efficiency index</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">F</td>
+          <td class="border border-gray-300 px-4 py-2">Faktor</td>
+          <td class="border border-gray-300 px-4 py-2">factor</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">FBH</td>
+          <td class="border border-gray-300 px-4 py-2">Fußbodenheizung</td>
+          <td class="border border-gray-300 px-4 py-2">underfloor heating</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">g</td>
+          <td class="border border-gray-300 px-4 py-2">Gesamtenergiedurchlassgrad bei senkrechtem Strahlungseinfall</td>
+          <td class="border border-gray-300 px-4 py-2">total energy transmittance for perpendicular incidence of solar radiation</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">H</td>
+          <td class="border border-gray-300 px-4 py-2">Wärmetransferkoeffizient, allgemein</td>
+          <td class="border border-gray-300 px-4 py-2">heat transfer coefficient, general</td>
+          <td class="border border-gray-300 px-4 py-2">W/K</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">h</td>
+          <td class="border border-gray-300 px-4 py-2">Höhe</td>
+          <td class="border border-gray-300 px-4 py-2">height</td>
+          <td class="border border-gray-300 px-4 py-2">m</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">HK</td>
+          <td class="border border-gray-300 px-4 py-2">Heizkörper</td>
+          <td class="border border-gray-300 px-4 py-2">radiator</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">L</td>
+          <td class="border border-gray-300 px-4 py-2">Länge</td>
+          <td class="border border-gray-300 px-4 py-2">length</td>
+          <td class="border border-gray-300 px-4 py-2">m</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">n</td>
+          <td class="border border-gray-300 px-4 py-2">Luftwechselrate</td>
+          <td class="border border-gray-300 px-4 py-2">air change rate</td>
+          <td class="border border-gray-300 px-4 py-2">h<sup>-1</sup></td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">P</td>
+          <td class="border border-gray-300 px-4 py-2">Leistung</td>
+          <td class="border border-gray-300 px-4 py-2">Performance, power</td>
+          <td class="border border-gray-300 px-4 py-2">W, kW</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">p</td>
+          <td class="border border-gray-300 px-4 py-2">Druck</td>
+          <td class="border border-gray-300 px-4 py-2">pressure</td>
+          <td class="border border-gray-300 px-4 py-2">kPa</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">Q</td>
+          <td class="border border-gray-300 px-4 py-2">Energie</td>
+          <td class="border border-gray-300 px-4 py-2">energy</td>
+          <td class="border border-gray-300 px-4 py-2">kWh</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">q</td>
+          <td class="border border-gray-300 px-4 py-2">spezifische Energie</td>
+          <td class="border border-gray-300 px-4 py-2">specific energy</td>
+          <td class="border border-gray-300 px-4 py-2">Wh/(m<sup>2</sup>·d), kWh/(m<sup>2</sup>·a)</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">t</td>
+          <td class="border border-gray-300 px-4 py-2">Zeit, Zeitspanne</td>
+          <td class="border border-gray-300 px-4 py-2">Time, time period, hours</td>
+          <td class="border border-gray-300 px-4 py-2">h, h/d, h/mth, h/a</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">U</td>
+          <td class="border border-gray-300 px-4 py-2">Wärmedurchgangskoeffizient</td>
+          <td class="border border-gray-300 px-4 py-2">thermal transmittance</td>
+          <td class="border border-gray-300 px-4 py-2">W/(m<sup>2</sup>·K)</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">V</td>
+          <td class="border border-gray-300 px-4 py-2">Volumen</td>
+          <td class="border border-gray-300 px-4 py-2">volume</td>
+          <td class="border border-gray-300 px-4 py-2">m<sup>3</sup></td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">W</td>
+          <td class="border border-gray-300 px-4 py-2">Hilfsenergie</td>
+          <td class="border border-gray-300 px-4 py-2">auxiliary energy</td>
+          <td class="border border-gray-300 px-4 py-2">kWh</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(z\)</td>
+          <td class="border border-gray-300 px-4 py-2">Tägliche Laufzeit der Zirkulationspumpe</td>
+          <td class="border border-gray-300 px-4 py-2">Daily running time of the circulation pump</td>
+          <td class="border border-gray-300 px-4 py-2">h/d</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\alpha\)</td>
+          <td class="border border-gray-300 px-4 py-2">Anteil</td>
+          <td class="border border-gray-300 px-4 py-2">fraction</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\gamma\)</td>
+          <td class="border border-gray-300 px-4 py-2">Wärmequellen-/Wärmesenken-Verhältnis</td>
+          <td class="border border-gray-300 px-4 py-2">heat-balance ratio, ratio of heat sources to heat sinks</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\Delta\)</td>
+          <td class="border border-gray-300 px-4 py-2">Differenz</td>
+          <td class="border border-gray-300 px-4 py-2">difference</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\theta\)</td>
+          <td class="border border-gray-300 px-4 py-2">Temperatur</td>
+          <td class="border border-gray-300 px-4 py-2">temperature</td>
+          <td class="border border-gray-300 px-4 py-2">°C</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\kappa\)</td>
+          <td class="border border-gray-300 px-4 py-2">Deckungsanteil</td>
+          <td class="border border-gray-300 px-4 py-2">Cover ratio</td>
+          <td class="border border-gray-300 px-4 py-2">%</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\sigma\)</td>
+          <td class="border border-gray-300 px-4 py-2">Stromkennzahl</td>
+          <td class="border border-gray-300 px-4 py-2">CHP code</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\Phi\)</td>
+          <td class="border border-gray-300 px-4 py-2">Wärmestrom</td>
+          <td class="border border-gray-300 px-4 py-2">energy flow rate, power, heat flow</td>
+          <td class="border border-gray-300 px-4 py-2">W</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(w\)</td>
+          <td class="border border-gray-300 px-4 py-2">Wichtungsfaktor</td>
+          <td class="border border-gray-300 px-4 py-2">weighting factor</td>
+          <td class="border border-gray-300 px-4 py-2">—</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\rho\)</td>
+          <td class="border border-gray-300 px-4 py-2">Dichte</td>
+          <td class="border border-gray-300 px-4 py-2">density</td>
+          <td class="border border-gray-300 px-4 py-2">kg/m<sup>3</sup></td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\tau\)</td>
+          <td class="border border-gray-300 px-4 py-2">Zeitkonstante (einer Gebäudezone)</td>
+          <td class="border border-gray-300 px-4 py-2">(thermal) time constant (of a building zone)</td>
+          <td class="border border-gray-300 px-4 py-2">h</td>
+        </tr>
+        <tr>
+          <td class="text-3xl border border-gray-300 px-4 py-2">\(\vartheta\)</td>
+          <td class="border border-gray-300 px-4 py-2">Temperatur</td>
+          <td class="border border-gray-300 px-4 py-2">temperature</td>
+          <td class="border border-gray-300 px-4 py-2">°C</td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
+
+</Layout>
\ No newline at end of file

From 87be5a501c8d10c64d0193c9bee1a78c2684c380 Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Sun, 22 Dec 2024 01:17:44 +0100
Subject: [PATCH 5/8] =?UTF-8?q?Tabellen=20(Formbl=C3=A4tter)=20A6=20-=20A8?=
 =?UTF-8?q?=20digitalisiert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../funktionMonatlicherBelastungsgrad.ts      |   2 +-
 src/pages/geg-2024/tabelle-a7/index.astro     | 591 ++++++++++++++++++
 2 files changed, 592 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/geg-2024/tabelle-a7/index.astro

diff --git a/src/lib/Berechnungen/BedarfsausweisWohnen/funktionMonatlicherBelastungsgrad.ts b/src/lib/Berechnungen/BedarfsausweisWohnen/funktionMonatlicherBelastungsgrad.ts
index dca5bff3..986647d8 100644
--- a/src/lib/Berechnungen/BedarfsausweisWohnen/funktionMonatlicherBelastungsgrad.ts
+++ b/src/lib/Berechnungen/BedarfsausweisWohnen/funktionMonatlicherBelastungsgrad.ts
@@ -1,5 +1,5 @@
 
-// Funktion zur Berechnung des monatlichen Belastungsgrades aus Tabelle 17 (Januar, Zeitkonstante 90)
+// Funktion zur Berechnung des monatlichen Belastungsgrades aus Tabelle 17,8, (Januar, Zeitkonstante 90)
 
 function monatlicherBelastungsGradT90(
   wertZwei: number,
diff --git a/src/pages/geg-2024/tabelle-a7/index.astro b/src/pages/geg-2024/tabelle-a7/index.astro
new file mode 100644
index 00000000..e8c6519c
--- /dev/null
+++ b/src/pages/geg-2024/tabelle-a7/index.astro
@@ -0,0 +1,591 @@
+---
+
+import Layout from "#layouts/Layout.astro";
+
+---
+
+<Layout title="Tabelle A7">
+
+    <h1>Tabellen A1 - A18</h1>
+
+    <div class="overflow-x-auto mt-8">
+        <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+          <!-- Tabellenkopf -->
+          <thead>
+            <tr class="bg-gray-200 text-left">
+              <th colspan="6" class="border border-gray-300 p-2 text-xl">
+                Tabelle A.6 – Gebäude – Berechnung Wärmetransferkoeffizienten und maximaler Wärmeströme
+              </th>
+            </tr>
+            <tr class="bg-gray-200 text-left">
+              <th colspan="6" class="border border-gray-300 p-2 text-xl">
+                Wärmesenken
+              </th>
+            </tr>
+            <tr class="text-center">
+              <th class="border border-gray-300 p-2">Bauteil</th>
+              <th class="border border-gray-300 p-2">
+                Luftwechsel <br> n <br> aus Gleichung (33) <br> 1/h
+              </th>
+              <th class="border border-gray-300 p-2">
+                Volumen <br> V <br> aus Tabelle A.5 <br> m³
+              </th>
+              <th class="border border-gray-300 p-2">
+                Wärmekapazität <br> c · ρ <br> Wh/(m³·K)
+              </th>
+              <th class="border border-gray-300 p-2">
+                H<sub>V,ges</sub> = n · c · ρ · V <br> W/K
+              </th>
+              <th class="border border-gray-300 p-2">
+                maximaler Wärmestrom <br> Q̇<sub>V</sub> = H<sub>V,ges</sub> · ΔΘ<sub>max</sub> <br> W
+              </th>
+            </tr>
+          </thead>
+      
+          <!-- Tabellenkörper -->
+          <tbody>
+            <!-- Zeile für Lüftung -->
+            <tr>
+              <td class="border border-gray-300 p-2 text-center">Lüftung</td>
+              <td class="border border-gray-300 p-2 bg-blue-100 text-center"></td>
+              <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
+              <td class="border border-gray-300 p-2 text-center bg-gray-200">0,34</td>
+              <td class="border border-gray-300 p-2 text-center"></td>
+              <td class="border border-gray-300 p-2 text-center"></td>
+            </tr>
+            <!-- Summenzeile -->
+            <tr class="">
+              <td class="border border-gray-300 p-2 font-bold text-center">Summen</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+          </tbody>
+        </table>
+<br>
+            <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+              <!-- Tabellenkopf -->
+              <thead>
+                <tr class="bg-gray-200 text-center">
+                  <th colspan="3" class="border border-gray-300 p-2">
+                    Gesamter Wärmetransferkoeffizient
+                  </th>
+                </tr>
+                <tr class="bg-gray-200 text-center">
+                  <th colspan="3" class="border border-gray-300 p-2">
+                    Wärmetransferkoeffizient H<sub>ges</sub> in W/K und maximaler Wärmestrom Q̇<sub>ges</sub> in W
+                  </th>
+                </tr>
+              </thead>
+          
+              <!-- Tabellenkörper -->
+              <tbody>
+                <tr>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center">H<sub>ges</sub> = H<sub>T,ges</sub> + H<sub>V,ges</sub></td>
+                  <td class="border border-gray-300 p-2 text-center">Q̇<sub>ges</sub> = H<sub>ges</sub> · ΔΘ<sub>max</sub></td>
+                </tr>
+                <tr>
+                  <td class="border border-gray-300 p-2 font-bold text-center">Gesamtsummen</td>
+                  <td class="border border-gray-300 p-2"></td>
+                  <td class="border border-gray-300 p-2"></td>
+                </tr>
+              </tbody>
+            </table>
+<br>
+                <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+                  <!-- Tabellenkopf -->
+                  <thead>
+                    <tr class="bg-gray-200 text-center">
+                      <th colspan="3" class="border border-gray-300 p-2">Maximale Heizlast</th>
+                    </tr>
+                    <tr class="bg-gray-200 text-center">
+                      <th class="border border-gray-300 p-2">Beschreibung</th>
+                      <th colspan="2" class="border border-gray-300 p-2">Werte</th>
+                    </tr>
+                  </thead>
+              
+                  <!-- Tabellenkörper -->
+                  <tbody>
+                    <tr>
+                      <td class="border border-gray-300 p-4">
+                        <strong>Ohne mechanische Lüftung:</strong><br>
+                        H<sup>*</sup><sub>ges</sub> = H<sub>T,ges</sub> + 0,5 · H<sub>V,ges</sub><br>
+                        Φ<sub>h,max</sub> = H<sup>*</sup><sub>ges</sub> · ΔΘ<sub>max</sub> <br>
+                        = (H<sub>T,ges</sub> + 0,5 · H<sub>V,ges</sub>) · ΔΘ<sub>max</sub>
+                      </td>
+                      <td colspan="2" class="border border-gray-300 p-4 text-center">Φ<sub>h,max</sub> (W)</td>
+                    </tr>
+                    <tr>
+                      <td class="border border-gray-300 p-4">
+                        <strong>Mit mechanischer Lüftung:</strong><br>
+                        H<sup>*</sup><sub>ges</sub> = H<sub>T,ges</sub> + H<sub>V,ges</sub> - 0,5 · V · c · ρ · (n<sub>WRG=0%</sub> - n<sub>Anl</sub>)<br>
+                        Φ<sub>h,max</sub> = H<sup>*</sup><sub>ges</sub> · ΔΘ<sub>max</sub><br>
+                        = (H<sub>T,ges</sub> + H<sub>V,ges</sub> - 0,5 · V · c · ρ · (n<sub>WRG=0%</sub> - n<sub>Anl</sub>)) · ΔΘ<sub>max</sub>
+                      </td>
+                      <td colspan="2" class="border border-gray-300 p-4 text-center">Φ<sub>h,max</sub> (W)</td>
+                    </tr>
+                    <tr>
+                      <td class="border border-gray-300 p-4 text-center font-bold w-1/3">Flächenbezogene Heizlast</td>
+                      <td class="border border-gray-300 p-4 text-center w-1/3"> φ<sub>h,max</sub> = Φ<sub>h,max</sub> / A<sub>NGF</sub> (W/m²)</td>
+                      <td class="border border-gray-300 p-4 text-center w-1/3"></td>
+                    </tr>
+                  </tbody>
+                </table>
+<br>
+                <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+                    <!-- Tabellenkopf -->
+                    <thead>
+                      <tr class="bg-gray-200 text-center">
+                        <th colspan="3" class="border border-gray-300 p-2">Zeitkonstante des Gebäudes</th>
+                      </tr>
+                      <tr class="text-center">
+                        <th class="border border-gray-300 p-2 bg-gray-200">Gebäudeschwere</th>
+                        <th class="border border-gray-300 p-2">C<sub>wirk</sub> <br> Wh/(m²·K)</th>
+                        <th class="border border-gray-300 p-2">τ <br> C<sub>wirk</sub> · A<sub>NGF</sub> / H<sub>ges</sub> <br> h</th>
+                      </tr>
+                    </thead>
+                
+                    <!-- Tabellenkörper -->
+                    <tbody>
+                      <tr>
+                        <td class="border border-gray-300 p-2 text-center">leicht</td>
+                        <td class="border border-gray-300 p-2 text-center">50</td>
+                        <td class="border border-gray-300 p-2 text-center"></td>
+                      </tr>
+                      <tr>
+                        <td class="border border-gray-300 p-2 text-center">mittelschwer</td>
+                        <td class="border border-gray-300 p-2 text-center">90</td>
+                        <td class="border border-gray-300 p-2 text-center"></td>
+                      </tr>
+                      <tr>
+                        <td class="border border-gray-300 p-2 text-center">schwer</td>
+                        <td class="border border-gray-300 p-2 text-center">130</td>
+                        <td class="border border-gray-300 p-2 text-center"></td>
+                      </tr>
+                    </tbody>
+                  </table>
+
+      </div>
+<br>
+      <div class="flex flex-row items-start p-4">
+
+        <div class="mr-8">
+          <p class="text-2xl font-semibold">
+           
+          </p>
+        </div>
+
+        <div>
+            <p class="text-lg font-semibold text-left">
+              
+            </p>
+          </div>
+
+        </div>
+
+    <div class="overflow-x-auto mt-8">
+        <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+          <!-- Tabelle Kopf -->
+          <thead>
+            <tr class="bg-gray-200 text-left">
+              <th colspan="13" class="border border-gray-300 p-2 text-xl">
+                Tabelle A.7 — Gebäude – Berechnung Wärmequellen durch solare Einstrahlung
+              </th>
+            </tr>
+            <tr class="bg-gray-200 text-left">
+              <th colspan="13" class="border border-gray-300 p-2 text-xl">
+                Solare Einstrahlung für transparente Flächen
+              </th>
+            </tr>
+            <tr class="text-center">
+              <th class="border border-gray-300 p-2">Monat</th>
+              <th class="border border-gray-300 p-2">E<sub>sol</sub> aus Tabelle 17 kWh/m² (7)</th>
+              <th class="border border-gray-300 p-2">Q<sub>str</sub> kWh (8)</th>
+              <th class="border border-gray-300 p-2">E<sub>sol</sub> aus Tabelle 17 kWh/m² (9)</th>
+              <th class="border border-gray-300 p-2">Q<sub>str</sub> kWh (10)</th>
+              <th class="border border-gray-300 p-2">E<sub>sol</sub> aus Tabelle 17 kWh/m² (11)</th>
+              <th class="border border-gray-300 p-2">Q<sub>str</sub> kWh (12)</th>
+              <th class="border border-gray-300 p-2">E<sub>sol</sub> aus Tabelle 17 kWh/m² (13)</th>
+              <th class="border border-gray-300 p-2">Q<sub>str</sub> kWh (14)</th>
+              <th class="border border-gray-300 p-2">E<sub>sol</sub> aus Tabelle 17 kWh/m² (15)</th>
+              <th class="border border-gray-300 p-2">Q<sub>str</sub> kWh (16)</th>
+              <th class="border border-gray-300 p-2">ΣQ<sub>str</sub> kWh (17)</th>
+            </tr>
+          </thead>
+      
+          <!-- Tabelle Körper -->
+          <tbody>
+            <!-- Monatsdaten -->
+            <tr class="bg-blue-100">
+              <td class="border border-gray-300 p-2 text-center">Januar</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr>
+              <td class="border border-gray-300 p-2 text-center">Februar</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr class="bg-blue-100">
+              <td class="border border-gray-300 p-2 text-center">März</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr>
+              <td class="border border-gray-300 p-2 text-center">April</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr class="bg-blue-100">
+              <td class="border border-gray-300 p-2 text-center">Mai</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr>
+              <td class="border border-gray-300 p-2 text-center">Juni</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr class="bg-blue-100">
+              <td class="border border-gray-300 p-2 text-center">Juli</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr>
+              <td class="border border-gray-300 p-2 text-center">August</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr class="bg-blue-100">
+              <td class="border border-gray-300 p-2 text-center">September</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr>
+              <td class="border border-gray-300 p-2 text-center">Oktober</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr class="bg-blue-100">
+              <td class="border border-gray-300 p-2 text-center">November</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr>
+              <td class="border border-gray-300 p-2 text-center">Dezember</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+            <tr class="bg-gray-200">
+              <td class="border border-gray-300 p-2 font-bold text-center">Jahressumme</td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2"></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+
+        <div class="flex flex-row items-start p-4 bg-gray-100">
+
+        <div class="mr-8">
+          <p class="text-2xl font-semibold">
+            <span>Q<sub>str</sub></span> = 
+            <span>A</span> &middot; 
+            <span>F<sub>F</sub></span> &middot; 
+            <span>g<sub>eff</sub></span> &middot; 
+            <span>E<sub>sol</sub></span>
+          </p>
+        </div>
+
+        <div>
+            <p class="text-lg font-semibold text-left">
+              <span>A: Fensterfläche</span><br>
+              <span>F<sub>F</sub>: Rahmenanteil (Standard 0,7)</span><br>
+              <span>g<sub>eff</sub>: Gesamtenergiedurchlassgrad g<sub>eff</sub>: g  &middot; Fw &middot; Fs</span><br>
+              <span>g: Energiedurchlassgrad (aus Planung Fenster, Standard 0,75)</span><br>
+              <span>F<sub>W</sub>: Strahlungseinfluss (Standard 0,9)</span><br>
+              <span>F<sub>S</sub>: Verschattung (Standard 0,9)</span>
+            </p>
+          </div>
+
+        </div>
+
+        <div class="overflow-x-auto mt-16">
+            <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+              <!-- Tabellenkopf -->
+              <thead>
+                <tr class="bg-gray-200 text-left">
+                  <th colspan="8" class="border border-gray-300 p-2 text-xl">
+                    Tabelle A.8 — Heizung – Berechnung der monatlichen Wärmequellen aus Anlagentechnik Heizung
+                  </th>
+                </tr>
+                <tr class="text-center">
+                  <th class="border border-gray-300 p-2">Monat</th>
+                  <th class="border border-gray-300 p-2">Tage im Monat <br> d<sub>mth</sub> (1)</th>
+                  <th class="border border-gray-300 p-2">P<sub>h,sink</sub> <br> aus Tabelle A.12 <br> W (2)</th>
+                  <th class="border border-gray-300 p-2">(Q<sub>l</sub> + 0,5 · Q<sub>str</sub>) · f<sub>um</sub> <br> Werte zur Berechnung aus Tabelle A.11 <br> W (3)</th>
+                  <th class="border border-gray-300 p-2">P<sup>*</sup><sub>h,sink</sub> <br> W (4)</th>
+                  <th class="border border-gray-300 p-2">Mittlere Belastung <br> β<sub>e,m</sub> / β<sub>e,max</sub> <br> aus Tabelle 9 / Tabelle 11 (5)</th>
+                  <th class="border border-gray-300 p-2">f<sub>a-h</sub> <br> aus Tabelle 141 (6)</th>
+                  <th class="border border-gray-300 p-2">Wärmequellen Anlagentechnik Q<sub>l,source,h</sub> <br> kWh (7)</th>
+                </tr>
+              </thead>
+          
+              <!-- Tabellenkörper -->
+              <tbody>
+                <!-- Monatszeilen -->
+                <tr class="bg-blue-100">
+                  <td class="border border-gray-300 p-2 text-center">Januar</td>
+                  <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="border border-gray-300 p-2 text-center">Februar</td>
+                  <td class="border border-gray-300 p-2 text-center">28</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr class="bg-blue-100">
+                  <td class="border border-gray-300 p-2 text-center">März</td>
+                  <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="border border-gray-300 p-2 text-center">April</td>
+                  <td class="border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr class="bg-blue-100">
+                  <td class="border border-gray-300 p-2 text-center">Mai</td>
+                  <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="border border-gray-300 p-2 text-center">Juni</td>
+                  <td class="border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr class="bg-blue-100">
+                  <td class="border border-gray-300 p-2 text-center">Juli</td>
+                  <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="border border-gray-300 p-2 text-center">August</td>
+                  <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr class="bg-blue-100">
+                  <td class="border border-gray-300 p-2 text-center">September</td>
+                  <td class="border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="border border-gray-300 p-2 text-center">Oktober</td>
+                  <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr class="bg-blue-100">
+                  <td class="border border-gray-300 p-2 text-center">November</td>
+                  <td class="border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="border border-gray-300 p-2 text-center">Dezember</td>
+                  <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <!-- Zusatzzeile -->
+                <tr class="bg-gray-200">
+                  <td colspan="6" class="border border-gray-300 p-2 text-left font-bold">
+                    f<sub>um</sub> = 1000 / (24 · d<sub>mth</sub>)
+                  </td>
+                  <td colspan="1" class="border border-gray-300 p-2 text-center font-bold">
+                    β<sub>e,max</sub> = max[(5)]
+                  </td>
+                  <td colspan="1" class="border border-gray-300 p-2 text-center font-bold"></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+
+</Layout>
\ No newline at end of file

From c73a304d7b3c9524f6f700301b991e6f1edbf980 Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Sun, 22 Dec 2024 03:34:36 +0100
Subject: [PATCH 6/8] =?UTF-8?q?A9=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../index.astro                               | 303 ++++++++++++------
 1 file changed, 205 insertions(+), 98 deletions(-)
 rename src/pages/geg-2024/{tabelle-a7 => berechnungstabellen}/index.astro (72%)

diff --git a/src/pages/geg-2024/tabelle-a7/index.astro b/src/pages/geg-2024/berechnungstabellen/index.astro
similarity index 72%
rename from src/pages/geg-2024/tabelle-a7/index.astro
rename to src/pages/geg-2024/berechnungstabellen/index.astro
index e8c6519c..e6280bda 100644
--- a/src/pages/geg-2024/tabelle-a7/index.astro
+++ b/src/pages/geg-2024/berechnungstabellen/index.astro
@@ -219,175 +219,175 @@ import Layout from "#layouts/Layout.astro";
           <!-- Tabelle Körper -->
           <tbody>
             <!-- Monatsdaten -->
-            <tr class="bg-blue-100">
+            <tr>
               <td class="border border-gray-300 p-2 text-center">Januar</td>
+              <td class="border border-gray-300 p-2b bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
             <tr>
               <td class="border border-gray-300 p-2 text-center">Februar</td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
-            <tr class="bg-blue-100">
+            <tr>
               <td class="border border-gray-300 p-2 text-center">März</td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
             <tr>
               <td class="border border-gray-300 p-2 text-center">April</td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
-            <tr class="bg-blue-100">
+            <tr>
               <td class="border border-gray-300 p-2 text-center">Mai</td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
             <tr>
               <td class="border border-gray-300 p-2 text-center">Juni</td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
-            <tr class="bg-blue-100">
+            <tr>
               <td class="border border-gray-300 p-2 text-center">Juli</td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
             <tr>
               <td class="border border-gray-300 p-2 text-center">August</td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
-            <tr class="bg-blue-100">
+            <tr>
               <td class="border border-gray-300 p-2 text-center">September</td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
             <tr>
               <td class="border border-gray-300 p-2 text-center">Oktober</td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
-            <tr class="bg-blue-100">
+            <tr>
               <td class="border border-gray-300 p-2 text-center">November</td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
             <tr>
               <td class="border border-gray-300 p-2 text-center">Dezember</td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
-              <td class="border border-gray-300 p-2"></td>
+              <td class="border border-gray-300 p-2 bg-blue-100"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
             </tr>
-            <tr class="bg-gray-200">
+            <tr>
               <td class="border border-gray-300 p-2 font-bold text-center">Jahressumme</td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
@@ -454,128 +454,128 @@ import Layout from "#layouts/Layout.astro";
               <!-- Tabellenkörper -->
               <tbody>
                 <!-- Monatszeilen -->
-                <tr class="bg-blue-100">
+                <tr>
                   <td class="border border-gray-300 p-2 text-center">Januar</td>
                   <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
                 <tr>
                   <td class="border border-gray-300 p-2 text-center">Februar</td>
                   <td class="border border-gray-300 p-2 text-center">28</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
-                <tr class="bg-blue-100">
+                <tr>
                   <td class="border border-gray-300 p-2 text-center">März</td>
                   <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
                 <tr>
                   <td class="border border-gray-300 p-2 text-center">April</td>
                   <td class="border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
-                <tr class="bg-blue-100">
+                <tr>
                   <td class="border border-gray-300 p-2 text-center">Mai</td>
                   <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
                 <tr>
                   <td class="border border-gray-300 p-2 text-center">Juni</td>
                   <td class="border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
-                <tr class="bg-blue-100">
+                <tr>
                   <td class="border border-gray-300 p-2 text-center">Juli</td>
                   <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
                 <tr>
                   <td class="border border-gray-300 p-2 text-center">August</td>
                   <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
-                <tr class="bg-blue-100">
+                <tr>
                   <td class="border border-gray-300 p-2 text-center">September</td>
                   <td class="border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
                 <tr>
                   <td class="border border-gray-300 p-2 text-center">Oktober</td>
                   <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
-                <tr class="bg-blue-100">
+                <tr>
                   <td class="border border-gray-300 p-2 text-center">November</td>
                   <td class="border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
                 <tr>
                   <td class="border border-gray-300 p-2 text-center">Dezember</td>
                   <td class="border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
-                  <td class="border border-gray-300 p-2 text-center"></td>
+                  <td class="border border-gray-300 p-2 text-center bg-blue-100"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                   <td class="border border-gray-300 p-2 text-center"></td>
                 </tr>
                 <!-- Zusatzzeile -->
-                <tr class="bg-gray-200">
+                <tr>
                   <td colspan="6" class="border border-gray-300 p-2 text-left font-bold">
                     f<sub>um</sub> = 1000 / (24 · d<sub>mth</sub>)
                   </td>
@@ -588,4 +588,111 @@ import Layout from "#layouts/Layout.astro";
             </table>
           </div>
 
+          <div class="overflow-x-auto mt-16">
+            <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+              <!-- Tabellenkopf -->
+              <thead>
+                <tr class="bg-gray-200 text-left text-xl">
+                  <th colspan="3" class="border border-gray-300 p-2">
+                    Tabelle A.9 – Trinkwassererwärmung – Berechnung des Wärmebedarfs zur Trinkwassererwärmung
+                  </th>
+                </tr>
+                <tr class="text-center">
+                    <th class="w-1/4 border border-gray-300 p-2">Bezugsfläche <br> A<sub>NGF</sub> <br> m² (1)</th>
+                    <th class="w-1/4 border border-gray-300 p-2">Flächenbezogener Wärmebedarf <br> q<sub>w,b</sub> <br> kWh/(m²·a) (2)</th>
+                    <th class="border border-gray-300 p-2">Trinkwasserwärmebedarf <br> Q<sub>w,b</sub> <br> kWh (4)</th>
+                  </tr>
+                <tr class="text-center h-10">
+                    <th class="w-1/4 border border-gray-300 p-2 bg-blue-100"></th>
+                    <th class="w-1/4 border border-gray-300 p-2 bg-yellow-100"></th>
+                  </tr>
+                <tr class="text-center">
+                  <th class="w-1/4 border border-gray-300 p-2">Monat</th>
+                  <th class="w-1/4 border border-gray-300 p-2">Tage im Monat (3)</th>
+                </tr>
+              </thead>
+          
+              <!-- Tabellenkörper -->
+              <tbody>
+                <!-- Monatszeilen -->
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">Januar</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">Februar</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">28</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">März</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">April</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">Mai</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">Juni</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">Juli</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">August</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">September</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">Oktober</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">November</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">30</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <tr>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">Dezember</td>
+                  <td class="w-1/4 border border-gray-300 p-2 text-center">31</td>
+                  <td class="border border-gray-300 p-2 text-center"></td>
+                </tr>
+                <!-- Summenzeile -->
+                <tr>
+                  <td colspan="1" class="border border-gray-300 p-2 text-center font-bold">
+                  </td>
+                  <td colspan="1" class="border border-gray-300 p-2 text-center font-bold">
+                    Jahressumme Q<sub>w,b</sub> kWh/a
+                  </td>
+                  <td colspan="1" class="border border-gray-300 p-2 text-center font-bold">
+                  </td>
+                </tr>
+                <!-- Fußzeile -->
+                <tr>
+                  <td colspan="3" class="border border-gray-300 p-2 text-left text-xs">
+                    (2) Mit dem tatsächlichen Nutzwärmebedarf Trinkwarmwasser q<sub>w,b</sub> nach Tabelle 19.
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+
 </Layout>
\ No newline at end of file

From 902fc62c18936e190012126928255931651bd7f0 Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Sun, 22 Dec 2024 03:43:58 +0100
Subject: [PATCH 7/8] .

---
 src/pages/geg-2024/berechnungstabellen/index.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/geg-2024/berechnungstabellen/index.astro b/src/pages/geg-2024/berechnungstabellen/index.astro
index e6280bda..52edd062 100644
--- a/src/pages/geg-2024/berechnungstabellen/index.astro
+++ b/src/pages/geg-2024/berechnungstabellen/index.astro
@@ -4,9 +4,9 @@ import Layout from "#layouts/Layout.astro";
 
 ---
 
-<Layout title="Tabelle A7">
+<Layout title="DIN 18599 Berechnungstabellen">
 
-    <h1>Tabellen A1 - A18</h1>
+    <h1>DIN 18599 Berechnungstabellen (A1 - A18)</h1>
 
     <div class="overflow-x-auto mt-8">
         <table class="table-auto border-collapse border border-gray-300 w-full text-sm">

From f75986c4ab624a714b7b3f018db23b3e26fa700b Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Sun, 22 Dec 2024 21:57:31 +0100
Subject: [PATCH 8/8] Legende und weitere Tabellen digitalisiert

---
 .../geg-2024/berechnungstabellen/index.astro  | 705 +++++++++++++++++-
 1 file changed, 687 insertions(+), 18 deletions(-)

diff --git a/src/pages/geg-2024/berechnungstabellen/index.astro b/src/pages/geg-2024/berechnungstabellen/index.astro
index 52edd062..d1a9cc4e 100644
--- a/src/pages/geg-2024/berechnungstabellen/index.astro
+++ b/src/pages/geg-2024/berechnungstabellen/index.astro
@@ -8,12 +8,676 @@ import Layout from "#layouts/Layout.astro";
 
     <h1>DIN 18599 Berechnungstabellen (A1 - A18)</h1>
 
+
     <div class="overflow-x-auto mt-8">
+      <table class="table-auto w-full text-sm">
+        <!-- Tabellenkopf -->
+        <thead>
+          <tr class="bg-gray-200 text-left border border-white">
+            <th colspan="4" class="p-2 text-xl font-bold">
+              Legende
+            </th>
+          </tr>
+          <tr class="h-4 border border-white">
+            <th colspan="4">
+            </th>
+          </tr>
+        </thead>
+        <!-- Tabellenkörper -->
+        <tbody>
+          <tr class="h-10">
+            <td class="p-1 text-xl w-2/4">Planung oder Überträge aus anderen Formblättern</td>
+            <td class="p-1"></td>
+            <td class="border border-gray-300 p-1 bg-yellow-100 w-1/4"></td>
+            <td class="p-1 w-1/4"></td>
+          </tr>
+          <tr class="h-2">
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr class="h-10">
+            <td class="p-1 text-xl">Aus Tabellen des Tabellenverfahrens</td>
+            <td class="p-1"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="p-1"></td>
+          </tr>
+          <tr class="h-2">
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr class="h-10">
+            <td class="p-1 text-xl">Berechnungsfelder</td>
+            <td class="p-1"></td>
+            <td class="border-2 border-gray-600 p-1"></td>
+            <td class="p-1"></td>
+          </tr>
+          <tr class="h-2">
+            <td></td>
+            <td></td>
+            <td></td>
+            <td></td>
+          </tr>
+          <tr class="h-10">
+            <td class="p-1 text-xl">Standardwerte oder Konsatnten</td>
+            <td class="p-1"></td>
+            <td class="border border-gray-300 p-1 bg-gray-100"></td>
+            <td class="p-1"></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <div class="overflow-x-auto mt-16">
+      <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+        <!-- Tabellenkopf -->
+        <thead>
+          <tr class="bg-gray-200 text-left">
+            <th colspan="6" class="border border-gray-300 p-2 text-xl font-bold">
+              Tabelle A.1 – Anlage allgemein – Anlagenbeschreibung
+            </th>
+          </tr>
+          <tr class="bg-yellow-100 text-left">
+            <th colspan="1" class="border border-gray-300 p-2 text-xl bg-white">Objekt:</th>
+            <th colspan="5" class="border border-gray-300 p-2"></th>
+          </tr>
+          <tr class="text-center">
+            <th class="border border-gray-300 p-2">Anlage</th>
+            <th class="border border-gray-300 p-2">Übergabe</th>
+            <th class="border border-gray-300 p-2">Verteilung</th>
+            <th class="border border-gray-300 p-2">Speicherung</th>
+            <th class="border border-gray-300 p-2">Erzeugung</th>
+          </tr>
+        </thead>
+    
+        <!-- Tabellenkörper -->
+        <tbody>
+          <tr class="bg-yellow-100 h-10">
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+          <tr class="bg-yellow-100 h-10">
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+          <tr class="bg-yellow-100 h-10">
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+          <tr class="bg-yellow-100 h-10">
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+          <tr class="bg-yellow-100 h-10">
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+          <tr class="bg-yellow-100 h-10">
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <div class="overflow-x-auto mt-16">
+      <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+        <!-- Tabellenkopf -->
+        <thead>
+          <tr class="bg-gray-200 text-left">
+            <th colspan="6" class="border border-gray-300 p-2 text-xl font-bold">
+              Tabelle A.2 – Gebäude – Wintergarten
+            </th>
+          </tr>
+          <tr class="bg-gray-200 text-left">
+            <th colspan="6" class="border border-gray-300 p-2 text-xl">
+              Solare Einstrahlung in den Wintergarten
+            </th>
+          </tr>
+        </thead>
+    
+        <!-- Tabellenkörper -->
+        <thead>
+          <tr class="bg-yellow-100 text-left">
+            <th class="border border-gray-300 p-2 w-4/12">Orientierung</th>
+            <th class="border border-gray-300 p-2 w-1/12"></th>
+            <th class="border border-gray-300 p-2 w-1/12"></th>
+            <th class="border border-gray-300 p-2 w-1/12"></th>
+            <th class="border border-gray-300 p-2 w-1/12"></th>
+            <th class="border border-gray-300 p-2 w-2/12 bg-white text-center">Gesamtfläche</th>
+          </tr>
+        </thead>
+    
+        <!-- Tabellenkörper -->
+        <tbody>
+          <tr class="bg-yellow-100">
+            <td class="border border-gray-300 p-2">Neigung</td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center bg-white">m²</td>
+          </tr>
+          <tr class="bg-yellow-100">
+            <td class="border border-gray-300 p-2">Bauteilfläche A<sub>ue</sub>, in m² (1)</td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border-2 border-gray-600 p-2 text-center bg-white"></td>
+          </tr>
+          <tr class="bg-yellow-100">
+            <td class="border border-gray-300 p-2">Gesamtenergiedurchlassgrad g<sub>ue</sub> (2)</td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center bg-white"></td>
+          </tr>
+          <tr class="bg-gray-100">
+            <td class="border border-gray-300 p-2">Abm. Rahmenanteil F<sub>F,ue</sub> (3)</td>
+            <td class="border border-gray-300 p-2 text-center">0,9</td>
+            <td class="border border-gray-300 p-2 text-center">0,9</td>
+            <td class="border border-gray-300 p-2 text-center">0,9</td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center bg-white"></td>
+          </tr>
+          <tr class="bg-gray-100">
+            <td class="border border-gray-300 p-2">Abm. Strahlungseinfluss F<sub>w,ue</sub> (4)</td>
+            <td class="border border-gray-300 p-2 text-center">0,9</td>
+            <td class="border border-gray-300 p-2 text-center">0,9</td>
+            <td class="border border-gray-300 p-2 text-center">0,9</td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center bg-white"></td>
+          </tr>
+          <tr class="bg-gray-100">
+            <td class="border border-gray-300 p-2">Abm. Verschattung F<sub>s,ue</sub> (5)</td>
+            <td class="border border-gray-300 p-2 text-center">0,9</td>
+            <td class="border border-gray-300 p-2 text-center">0,9</td>
+            <td class="border border-gray-300 p-2 text-center">0,9</td>
+            <td class="border border-gray-300 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center bg-white"></td>
+          </tr>
+          <tr>
+            <td class="border border-gray-300 p-2">wirks. Gesamtenergiedurchlassgrad g<sub>eff,ue</sub> (6)<br>
+              g<sub>eff,ue</sub> = g<sub>ue</sub> · F<sub>w,ue</sub> · F<sub>s,ue</sub><br>
+              (6) = (2) · (4) · (5)</td>
+            <td class="border-2 border-gray-600 p-2 text-center"></td>
+            <td class="border-2 border-gray-600 p-2 text-center"></td>
+            <td class="border-2 border-gray-600 p-2 text-center"></td>
+            <td class="border-2 border-gray-600 p-2 text-center"></td>
+            <td class="border border-gray-300 p-2 text-center bg-white"></td>
+          </tr>
+        </tbody>
+      </table>
+      <br>
+      <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+        <!-- Tabellenkopf -->
+        <thead>
+          <tr class="bg-gray-200 text-center">
+            <th class="border border-gray-300 p-2 w-1/12">Tage im Monat<br>(7)</th>
+            <th class="border border-gray-300 p-2 w-1/12">E<sub>sol</sub><br>aus Tabelle 17<br>kWh/m² (8)</th>
+            <th class="border border-gray-300 p-2 w-1/12">Q<sub>S,tr</sub><br>kWh<br>(9)</th>
+            <th class="border border-gray-300 p-2 w-1/12">E<sub>sol</sub><br>aus Tabelle 17<br>kWh/m² (10)</th>
+            <th class="border border-gray-300 p-2 w-1/12">Q<sub>S,tr</sub><br>kWh<br>(11)</th>
+            <th class="border border-gray-300 p-2 w-1/12">E<sub>sol</sub><br>aus Tabelle 17<br>kWh/m² (12)</th>
+            <th class="border border-gray-300 p-2 w-1/12">Q<sub>S,tr</sub><br>kWh<br>(13)</th>
+            <th class="border border-gray-300 p-2 w-1/12">E<sub>sol</sub><br>aus Tabelle 17<br>kWh/m² (14)</th>
+            <th class="border border-gray-300 p-2 w-1/12">Q<sub>S,tr</sub><br>kWh<br>(15)</th>
+            <th class="border border-gray-300 p-2 w-1/12">ΣQ<sub>S,tr</sub><br>kWh<br>(16)</th>
+            <th class="border border-gray-300 p-2 w-1/12">Φ<sub>S,u</sub><br>W<br>(17)</th>
+          </tr>
+        </thead>
+    
+        <!-- Tabellenkörper -->
+        <tbody>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">31</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">28</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">31</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">30</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">31</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">30</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">31</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">31</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">30</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">31</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">30</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2">31</td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="border border-gray-300 p-2">Jahressumme</td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="p-2"></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+
+    <div class="overflow-x-auto mt-16">
+
+      <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+        <!-- Tabellenüberschrift -->
+        <thead>
+          <tr class="bg-gray-200 text-left">
+            <th colspan="6" class="border border-gray-300 p-2 text-left text-xl font-bold">
+              Tabelle A.5 — Gebäude – Berechnung Wärmetransferkoeffizienten und maximaler Wärmeströme – Wärmesenken
+            </th>
+          </tr>
+          <tr class="bg-gray-200 text-left">
+            <th colspan="6" class="border border-gray-300 p-2 text-left text-xl">
+              Wärmesenken
+            </th>
+          </tr>
+        </thead>
+    
+        <!-- Objektdaten -->
+        <tbody>
+          <tr class="bg-yellow-100">
+            <td colspan="6" class="border border-gray-300 p-2 text-left">Objekt:</td>
+          </tr>
+          <tr>
+            <td class="border border-gray-300 p-2 w-2/6">Nettogrundfläche, in m²</td>
+            <td class="border border-gray-300 p-2 w-1/6">A<sub>NGF</sub></td>
+            <td class="border border-gray-300 p-2 w-1/6 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2">θ<sub>e,min</sub>, in °C</td>
+            <td class="border border-gray-300 p-2 bg-gray-100 text-center">−12</td>
+            <td class="border border-gray-300 p-2" rowspan="2"></td>
+          </tr>
+          <tr>
+            <td class="border border-gray-300 p-2">Lichte Raumhöhe, in m</td>
+            <td class="border border-gray-300 p-2">h<sub>G</sub></td>
+            <td class="border border-gray-300 p-2 w-1/6 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2">θ<sub>i,h,soll</sub>, in °C</td>
+            <td class="border border-gray-300 p-2 bg-gray-100 text-center">20</td>
+          </tr>
+          <tr>
+            <td class="border border-gray-300 p-2">Volumen (Innenmaß), in m³</td>
+            <td class="border border-gray-300 p-2">V = A<sub>NGF</sub> · h<sub>G</sub></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2">Δθ<sub>max</sub> = θ<sub>i,h,soll</sub> − θ<sub>e,min</sub></td>
+            <td class="border border-gray-300 p-2 bg-gray-100 text-center">32</td>
+          </tr>
+          <tr>
+            <td class="border border-gray-300 p-2">Volumen (Außenmaß), in m³</td>
+            <td class="border border-gray-300 p-2">V<sub>e</sub></td>
+            <td class="border border-gray-300 p-2 w-1/6 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+          <tr>
+            <td class="border border-gray-300 p-2">n* (kleine Gebäude: 0,76 / große Gebäude: 0,8)</td>
+            <td class="border border-gray-300 p-2">n*</td>
+            <td class="border border-gray-300 p-2 w-1/6 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+          <tr>
+            <td class="border border-gray-300 p-2">Volumen (Innenmaß), in m³</td>
+            <td class="border border-gray-300 p-2 italic">V = n* · V<sub>e</sub></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+        </tbody>
+      </table>
+      <br>
+      <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
+        <!-- Tabellenkopf -->
+        <thead>
+          <tr class="bg-gray-200 text-center">
+            <th class="border border-gray-300 p-2" colspan="2">Bauteil</th>
+            <th class="border border-gray-300 p-2">Fläche<br>A<sub>i</sub> (m²)</th>
+            <th class="border border-gray-300 p-2">Wärmedurchgangs-<br>koeffizient U<sub>i</sub><br>(W/m²·K)</th>
+            <th class="border border-gray-300 p-2">H<sub>T,i*</sub><br>= U<sub>i</sub> · A<sub>i</sub><br>(W/K)</th>
+            <th class="border border-gray-300 p-2">F<sub>xi</sub><br>aus Tabelle C.3/C.4</th>
+            <th class="border border-gray-300 p-2">H<sub>T,i</sub><br>= U<sub>i</sub> · A<sub>i</sub> · F<sub>xi</sub><br>(W/K)</th>
+            <th class="border border-gray-300 p-2">maximaler Wärmestrom<br>Q̇<sub>T,i</sub> = H<sub>T,i</sub> · ΔΘ<sub>max</sub><br>(W)</th>
+          </tr>
+        </thead>
+    
+        <!-- Tabellenkörper -->
+        <tbody>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2" colspan="2">Außenwand</td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2  bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2" colspan="2">Fenster</td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2  bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2" colspan="2">Fenstertür</td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2  bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2" colspan="2">Haustür</td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2  bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2" colspan="2">Dach</td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2  bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2" colspan="2">Oberste Geschossdecke</td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2  bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2" colspan="2">Wand gegen Abseitenraum</td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2  bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2" colspan="2">Kellerdecke / Fußboden zum Erdreich</td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2  bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2 font-bold" colspan="2">Summen</td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="p-2" colspan="2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="p-2" colspan="2"></td>
+            <td class="p-2">Gesamthüllfläche
+              A = ∑<sub>i</sub> A<sub>i</sub> [m²]</td>
+            <td class="p-2">Wärmebrückenzuschlag<br> ΔU<sub>WB</sub> [W/m²K]
+              aus C.5</td>
+            <td class="p-2">
+              H<sub>T,WB</sub> = ΔU<sub>WB</sub> · A [W/K]</td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="border border-gray-300 p-2" colspan="2">Berücksichtigung von Wärmebrücken</td>
+            <td class="border border-gray-300 p-2 bg-yellow-100"></td>
+            <td class="border border-gray-300 p-2 bg-blue-100"></td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+
+          <tr class="text-center">
+            <td class="p-2" colspan="2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+          </tr>
+          <tr class="text-center">
+            <td class="p-2" colspan="2"></td>
+            <td class="p-2">H<sub>T,ges</sub> = ∑ H<sub>Ti</sub> + H<sub>T,WB</sub> [W/K]</td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+          </tr>
+          <tr class="text-left">
+            <td class="border border-gray-300 font-bold p-2" colspan="2">Wärmetransferkoeffizient für Transmission</td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+
+          <tr class="text-center">
+            <td class="p-2" colspan="2"></td>
+            <td class="p-2">Q̇<sub>T</sub> = H<sub>T,ges</sub> · ΔΘ<sub>max</sub> [W]</td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+            <td class="p-2"></td>
+          </tr>
+          <tr class="text-left">
+            <td class="border border-gray-300 font-bold p-2" colspan="2">maximaler Wärmestrom</td>
+            <td class="border-2 border-gray-600 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+            <td class="border border-gray-300 p-2"></td>
+          </tr>
+
+        </tbody>
+      </table>
+    </div>
+
+    <div class="overflow-x-auto mt-16">
         <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
           <!-- Tabellenkopf -->
           <thead>
             <tr class="bg-gray-200 text-left">
-              <th colspan="6" class="border border-gray-300 p-2 text-xl">
+              <th colspan="6" class="border border-gray-300 p-2 text-xl font-bold">
                 Tabelle A.6 – Gebäude – Berechnung Wärmetransferkoeffizienten und maximaler Wärmeströme
               </th>
             </tr>
@@ -50,10 +714,10 @@ import Layout from "#layouts/Layout.astro";
               <td class="border border-gray-300 p-2 bg-blue-100 text-center"></td>
               <td class="border border-gray-300 p-2 text-center bg-yellow-100"></td>
               <td class="border border-gray-300 p-2 text-center bg-gray-200">0,34</td>
-              <td class="border border-gray-300 p-2 text-center"></td>
-              <td class="border border-gray-300 p-2 text-center"></td>
+              <td class="border-2 border-gray-600 p-2 text-center"></td>
+              <td class="border-2 border-gray-600 p-2 text-center"></td>
             </tr>
-            <!-- Summenzeile -->
+            <!-- Summenzeile
             <tr class="">
               <td class="border border-gray-300 p-2 font-bold text-center">Summen</td>
               <td class="border border-gray-300 p-2"></td>
@@ -61,7 +725,7 @@ import Layout from "#layouts/Layout.astro";
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
               <td class="border border-gray-300 p-2"></td>
-            </tr>
+            </tr>  -->
           </tbody>
         </table>
 <br>
@@ -89,8 +753,8 @@ import Layout from "#layouts/Layout.astro";
                 </tr>
                 <tr>
                   <td class="border border-gray-300 p-2 font-bold text-center">Gesamtsummen</td>
-                  <td class="border border-gray-300 p-2"></td>
-                  <td class="border border-gray-300 p-2"></td>
+                  <td class="border-2 border-gray-600 p-2"></td>
+                  <td class="border-2 border-gray-600 p-2"></td>
                 </tr>
               </tbody>
             </table>
@@ -128,9 +792,9 @@ import Layout from "#layouts/Layout.astro";
                       <td colspan="2" class="border border-gray-300 p-4 text-center">Φ<sub>h,max</sub> (W)</td>
                     </tr>
                     <tr>
-                      <td class="border border-gray-300 p-4 text-center font-bold w-1/3">Flächenbezogene Heizlast</td>
-                      <td class="border border-gray-300 p-4 text-center w-1/3"> φ<sub>h,max</sub> = Φ<sub>h,max</sub> / A<sub>NGF</sub> (W/m²)</td>
-                      <td class="border border-gray-300 p-4 text-center w-1/3"></td>
+                      <td class="border border-gray-300 p-2 text-center font-bold w-1/3">Flächenbezogene Heizlast</td>
+                      <td class="border border-gray-300 p-2 text-center w-1/3"> φ<sub>h,max</sub> = Φ<sub>h,max</sub> / A<sub>NGF</sub> (W/m²)</td>
+                      <td class="border-2 border-gray-600 p-2 text-center w-1/3"></td>
                     </tr>
                   </tbody>
                 </table>
@@ -142,7 +806,7 @@ import Layout from "#layouts/Layout.astro";
                         <th colspan="3" class="border border-gray-300 p-2">Zeitkonstante des Gebäudes</th>
                       </tr>
                       <tr class="text-center">
-                        <th class="border border-gray-300 p-2 bg-gray-200">Gebäudeschwere</th>
+                        <th class="border border-gray-300 p-2">Gebäudeschwere</th>
                         <th class="border border-gray-300 p-2">C<sub>wirk</sub> <br> Wh/(m²·K)</th>
                         <th class="border border-gray-300 p-2">τ <br> C<sub>wirk</sub> · A<sub>NGF</sub> / H<sub>ges</sub> <br> h</th>
                       </tr>
@@ -152,19 +816,24 @@ import Layout from "#layouts/Layout.astro";
                     <tbody>
                       <tr>
                         <td class="border border-gray-300 p-2 text-center">leicht</td>
-                        <td class="border border-gray-300 p-2 text-center">50</td>
+                        <td class="border border-gray-300 p-2 text-center bg-gray-100">50</td>
                         <td class="border border-gray-300 p-2 text-center"></td>
                       </tr>
                       <tr>
                         <td class="border border-gray-300 p-2 text-center">mittelschwer</td>
-                        <td class="border border-gray-300 p-2 text-center">90</td>
+                        <td class="border border-gray-300 p-2 text-center bg-gray-100 ">90</td>
                         <td class="border border-gray-300 p-2 text-center"></td>
                       </tr>
                       <tr>
                         <td class="border border-gray-300 p-2 text-center">schwer</td>
-                        <td class="border border-gray-300 p-2 text-center">130</td>
+                        <td class="border border-gray-300 p-2 text-center bg-gray-100">130</td>
                         <td class="border border-gray-300 p-2 text-center"></td>
                       </tr>
+                      <tr class="h-10">
+                        <td class="p-2"></td>
+                        <td class="p-2"></td>
+                        <td class="border-2 border-gray-600 p-2 text-center"></td>
+                      </tr>
                     </tbody>
                   </table>
 
@@ -186,12 +855,12 @@ import Layout from "#layouts/Layout.astro";
 
         </div>
 
-    <div class="overflow-x-auto mt-8">
+    <div class="overflow-x-auto mt-16">
         <table class="table-auto border-collapse border border-gray-300 w-full text-sm">
           <!-- Tabelle Kopf -->
           <thead>
             <tr class="bg-gray-200 text-left">
-              <th colspan="13" class="border border-gray-300 p-2 text-xl">
+              <th colspan="13" class="border border-gray-300 p-2 text-xl font-bold">
                 Tabelle A.7 — Gebäude – Berechnung Wärmequellen durch solare Einstrahlung
               </th>
             </tr>
@@ -435,7 +1104,7 @@ import Layout from "#layouts/Layout.astro";
               <!-- Tabellenkopf -->
               <thead>
                 <tr class="bg-gray-200 text-left">
-                  <th colspan="8" class="border border-gray-300 p-2 text-xl">
+                  <th colspan="8" class="border border-gray-300 p-2 text-xl font-bold">
                     Tabelle A.8 — Heizung – Berechnung der monatlichen Wärmequellen aus Anlagentechnik Heizung
                   </th>
                 </tr>
@@ -593,7 +1262,7 @@ import Layout from "#layouts/Layout.astro";
               <!-- Tabellenkopf -->
               <thead>
                 <tr class="bg-gray-200 text-left text-xl">
-                  <th colspan="3" class="border border-gray-300 p-2">
+                  <th colspan="3" class="border border-gray-300 p-2 font-bold">
                     Tabelle A.9 – Trinkwassererwärmung – Berechnung des Wärmebedarfs zur Trinkwassererwärmung
                   </th>
                 </tr>