Merge pull request #258 from IBCornelsen/main

getMain
2024-12-25 17:04:01 +01:00
parent 57535ee5ec d9717c3f5a
commit 6b6f9462e5
7 changed files with 2660 additions and 43 deletions
--- 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>
--- 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>
--- a/src/components/symboleEinheiten.svelte
+++ 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>
--- a/src/lib/Berechnungen/BedarfsausweisWohnen/funktionMonatlicherBelastungsgrad.ts
+++ b/src/lib/Berechnungen/BedarfsausweisWohnen/funktionMonatlicherBelastungsgrad.ts
@@ -0,0 +1,34 @@
+
+// Funktion zur Berechnung des monatlichen Belastungsgrades aus Tabelle 17,8, (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);
--- a/src/pages/geg-2024/berechnungstabellen/index.astro
+++ b/src/pages/geg-2024/berechnungstabellen/index.astro
--- 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>
--- a/src/pages/geg-2024/symbole-und-einheiten/index.astro
+++ 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>