From 428c98818a4d84dd56d4ccf65d699b336750caa9 Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Wed, 1 Jan 2025 18:38:08 +0100
Subject: [PATCH] Seite Welcher Energieausweis? fertiggestellt

---
 .../sidebars/cards/cardNavigation.svelte      |  18 +-
 .../BerechnungMonatlicherBelastungsgradT9.ts  |  46 +++--
 ...eis.mdx => ORG_welcher-energieausweis.mdx} |   2 +
 src/pages/index.astro                         |   4 +-
 src/pages/welcher-energieausweis/index.astro  | 166 ++++++++++++++++++
 5 files changed, 214 insertions(+), 22 deletions(-)
 rename src/pages/{welcher-energieausweis.mdx => ORG_welcher-energieausweis.mdx} (99%)
 create mode 100644 src/pages/welcher-energieausweis/index.astro

diff --git a/src/components/design/sidebars/cards/cardNavigation.svelte b/src/components/design/sidebars/cards/cardNavigation.svelte
index 778bd295..3749153a 100644
--- a/src/components/design/sidebars/cards/cardNavigation.svelte
+++ b/src/components/design/sidebars/cards/cardNavigation.svelte
@@ -93,7 +93,11 @@ if(innerWidth>1024){
 
 <nav id="cardNavigation" class="cardNavigation box hidden relative ring-0 md:ring-2 ring-primary/50 rounded-tr-none lg:block mb-0 lg:mb-5"> 
 
-  <div class="nav-element bg-secondary/5 py-1 pl-2 text-xs font-bold">Eingabeformulare</div>
+  <div class="nav-element bg-secondary/5 py-1 pl-2 text-xs font-bold">Jetzt bestellen</div>
+
+  <div class="nav-element">
+    <a class="no-dropdown nav-element-child" href="/welcher-energieausweis/">Welcher Energieausweis?</a>
+  </div>
 
   <!-- svelte-ignore a11y-mouse-events-have-key-events -->
   <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
@@ -113,10 +117,6 @@ if(innerWidth>1024){
     </ul>
   </div>
 
-  <div class="nav-element">
-    <a class="no-dropdown nav-element-child" href="/sanierungsfahrplan-anfragen">Sanierungsfahrplan anfragen</a>
-    </div>
-
   <!-- svelte-ignore a11y-mouse-events-have-key-events -->
   <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
     {#if innerWidth > 1023}
@@ -136,10 +136,10 @@ if(innerWidth>1024){
   </div>
 
   <div class="nav-element">
-    <a class="no-dropdown nav-element-child" href="/welcher-energieausweis">Welcher Energieausweis?</a>
-  </div>
+    <a class="no-dropdown nav-element-child" href="/sanierungsfahrplan-anfragen">Sanierungsfahrplan (iSFP)</a>
+    </div>
 
-  <div class="nav-element bg-secondary/5 py-1 pl-2 text-xs font-bold">Produkte</div>
+  <div class="nav-element bg-secondary/5 py-1 pl-2 text-xs font-bold">Produkte & Preise</div>
 
 <!-- svelte-ignore a11y-mouse-events-have-key-events -->
 <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
@@ -193,8 +193,6 @@ if(innerWidth>1024){
   </ul>
 </div>
 
-<div class="nav-element bg-secondary/5 py-1 pl-2 text-xs font-bold">Service</div>
-
 <div class="nav-element">
   <a class="no-dropdown nav-element-child" href="/energieausweis-aussteller">Energieberater finden</a>
   </div>
diff --git a/src/lib/Berechnungen/BedarfsausweisWohnen/BerechnungMonatlicherBelastungsgradT9.ts b/src/lib/Berechnungen/BedarfsausweisWohnen/BerechnungMonatlicherBelastungsgradT9.ts
index ad48a9e4..7b7d51e9 100644
--- a/src/lib/Berechnungen/BedarfsausweisWohnen/BerechnungMonatlicherBelastungsgradT9.ts
+++ b/src/lib/Berechnungen/BedarfsausweisWohnen/BerechnungMonatlicherBelastungsgradT9.ts
@@ -20,6 +20,25 @@ type MonthData = {
   values: number[];
 };
 
+// Zeitkonstante bis 50
+
+const datasetZeitkonstante50: MonthData[] = [
+  { month: "Januar", values: [0.557, 0.554, 0.550, 0.543, 0.536, 0.533, 0.531, 0.530] },
+  { month: "Februar", values: [0.531, 0.527, 0.524, 0.517, 0.510, 0.507, 0.505, 0.504] },
+  { month: "März", values: [0.448, 0.445, 0.443, 0.437, 0.431, 0.427, 0.427, 0.426] },
+  { month: "April", values: [0.317, 0.314, 0.313, 0.308, 0.305, 0.303, 0.302, 0.301] },
+  { month: "Mai", values: [0.173, 0.172, 0.171, 0.169, 0.166, 0.165, 0.165, 0.164] },
+  { month: "Juni", values: [0.097, 0.096, 0.096, 0.094, 0.093, 0.092, 0.092, 0.092] },
+  { month: "Juli", values: [0.029, 0.029, 0.029, 0.029, 0.028, 0.028, 0.028, 0.028] },
+  { month: "August", values: [0.041, 0.041, 0.041, 0.040, 0.040, 0.040, 0.039, 0.039] },
+  { month: "September", values: [0.167, 0.166, 0.165, 0.164, 0.162, 0.161, 0.161, 0.161] },
+  { month: "Oktober", values: [0.308, 0.306, 0.304, 0.300, 0.296, 0.293, 0.293, 0.293] },
+  { month: "November", values: [0.466, 0.463, 0.460, 0.454, 0.448, 0.445, 0.444, 0.443] },
+  { month: "Dezember", values: [0.560, 0.557, 0.553, 0.546, 0.539, 0.536, 0.534, 0.533] }
+];
+
+// Zeitkonstante 90
+
 const datasetZeitkonstante90: MonthData[] = [
   { month: "Januar", values: [0.562, 0.559, 0.555, 0.548, 0.541, 0.538, 0.536, 0.535] },
   { month: "Februar", values: [0.536, 0.532, 0.529, 0.522, 0.515, 0.512, 0.510, 0.510] },
@@ -35,6 +54,8 @@ const datasetZeitkonstante90: MonthData[] = [
   { month: "Dezember", values: [0.565, 0.562, 0.558, 0.551, 0.544, 0.540, 0.539, 0.538] }
 ];
 
+// Zeitkonstante größer oder gleich 130
+
 const datasetZeitkonstante130: MonthData[] = [
   { month: "Januar", values: [0.567, 0.563, 0.560, 0.553, 0.545, 0.542, 0.540, 0.539, 0.539] },
   { month: "Februar", values: [0.540, 0.537, 0.533, 0.526, 0.520, 0.516, 0.515, 0.514, 0.513] },
@@ -77,25 +98,30 @@ function interpolate(heizlastGebaeude: number, values: number[], loads: number[]
   throw new Error("Interpolation error: Value is out of bounds.");
 }
 
-// Example: Interpolate for Zeitkonstante zwischen 90-130
+// Zeitkonstante bis 50
 
-const interpolatedValuesZeitkonstante90 = datasetZeitkonstante90.map(data => ({
+const interpolatedValuesZeitkonstante1 = datasetZeitkonstante50.map(data => ({
   month: data.month,
   interpolatedValue: interpolate(heizlastGebaeude, data.values, HeizLastTabelle)
 }));
 
-// Example: Interpolate for Zeitkonstante >= 130
+// Zeitkonstante 90
 
-// const interpolatedValuesZeitkonstante130 = datasetZeitkonstante130.map(data => ({
-//  month: data.month,
-//  interpolatedValue: interpolate(heizlastGebaeude, data.values, HeizLast)
-// }));
+const interpolatedValuesZeitkonstante2 = datasetZeitkonstante90.map(data => ({
+  month: data.month,
+  interpolatedValue: interpolate(heizlastGebaeude, data.values, HeizLastTabelle)
+}));
+
+// Zeitkonstante größer oder gleich 130
+
+const interpolatedValuesZeitkonstante3 = datasetZeitkonstante130.map(data => ({
+  month: data.month,
+  interpolatedValue: interpolate(heizlastGebaeude, data.values, HeizLastTabelle)
+}));
 
-// console.log(interpolatedValuesZeitkonstante90);
-// console.log(interpolatedValuesZeitkonstante130);
 
 return {
-  interpolatedValuesZeitkonstante90
+  interpolatedValuesZeitkonstante1
 }
 
 }
\ No newline at end of file
diff --git a/src/pages/welcher-energieausweis.mdx b/src/pages/ORG_welcher-energieausweis.mdx
similarity index 99%
rename from src/pages/welcher-energieausweis.mdx
rename to src/pages/ORG_welcher-energieausweis.mdx
index a72979c1..a710bb34 100644
--- a/src/pages/welcher-energieausweis.mdx
+++ b/src/pages/ORG_welcher-energieausweis.mdx
@@ -124,3 +124,5 @@ Anforderungen für Nichtwohngebäude eingehalten werden müssen.
 Sollten Sie den Bedarfsausweis nur für Vermietung und Verkauf benötigen, dann
 können Sie den Ausweis bei uns auch online erstellen lassen. Die Eingabedaten
 werden dann nach einem vereinfachten Verfahren erhoben.
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ea65f850..3e6d12e9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -10,8 +10,8 @@ import TextboxCardTemplate from "#components/design/content/TextboxCardTemplate.
 <Layout title="Energieausweis online erstellen - Online Energieausweis">
 
 	<h1>Ihr Partner für Energieausweise und GEG Nachweise</h1>
-	<p>Ob für <span>Vermietung, Verkauf, Modernisierung, Neubau</span> oder zur <span>Vorlage bei Ihrer Bank</span> - 
-		wir erstellen den passenden <span>Energieausweis</span> oder <span>GEG-Nachweis</span> für Ihr Objekt.
+	<p>Ob für Vermietung, Verkauf, Modernisierung, Neubau oder zur Vorlage bei Ihrer Bank - 
+		wir erstellen den passenden Energieausweis oder GEG-Nachweis für Ihr Objekt.
 		 Mit <span>18 Jahren Erfahrung</span> sind wir der richtige Ansprechpartner
 		 für Hauseigentümer, Bauherren, Makler und Verwalter.</p>
 		 <br>
diff --git a/src/pages/welcher-energieausweis/index.astro b/src/pages/welcher-energieausweis/index.astro
new file mode 100644
index 00000000..5d370224
--- /dev/null
+++ b/src/pages/welcher-energieausweis/index.astro
@@ -0,0 +1,166 @@
+---
+import Layout from "#layouts/Layout.astro";
+import WelcherAusweisWidget from "#widgets/WelcherAusweisWidget.svelte";
+import TextboxCardTemplate from "#components/design/content/TextboxCardTemplate.svelte";
+
+---
+
+<Layout title="Energieausweis online erstellen - Welcher Energieausweis?">
+
+<h1>Welcher Energieausweis ist der richtige?</h1>
+<p>Falls Sie nicht wissen sollten welchen Energieausweis Sie benötigen, können Sie hier ganz einfach den Gebäudetyp 
+    und Anlass bzw. Grund angeben. Als Ergebnis bekommen Sie den für Sie passenden Energieausweis angezeigt.</p>
+<br>
+<h2>Machen Sie hier den Online Check, welcher Energieausweis der richtige ist:</h2>
+<WelcherAusweisWidget client:load/>
+<br>
+<h2>Verbrauchsausweis für Wohngebäude: Einfacher Energieausweis bei Vermietung und Verkauf</h2>
+<p>
+    In den meisten Fällen können Sie bei der Vermietung oder dem Verkauf Ihrer Immobilie den
+    <span>verbrauchsorientierten Energieausweis</span> erstellen lassen. Dieser Ausweis basiert auf dem tatsächlichen Energieverbrauch des Gebäudes und erfordert als Berechnungsgrundlage die Heizenergieabrechnungen der letzten drei zusammenhängenden Jahre.
+  </p>
+<div class="border-2 rounded-xl p-6"> 
+    <h3>Voraussetzungen für den Verbrauchsausweis</h3>
+    <ul class="list-disc list-inside mb-4">
+      <li>Es liegen die Heizenergieabrechnungen der letzten drei zusammenhängenden Jahre vor.</li>
+      <li>Es wurden in dieser Zeit keine grundlegenden Sanierungsmaßnahmen oder ein Heizungstausch durchgeführt.</li>
+    </ul>
+    <h3>Rechtliche Ausnahmen laut GEG</h3>
+    <p>
+      Das Gebäudeenergiegesetz (GEG, vormals EnEV) sieht jedoch eine wichtige Ausnahme vor:
+      <span>Ein Verbrauchsausweis ist nicht zulässig, wenn folgende Kriterien zutreffen:</span>
+    </p>
+    <ul class="list-disc list-inside mb-4">
+      <li>Das Gebäude wurde vor 1978 erbaut.</li>
+      <li>Es wurde seitdem nicht energetisch saniert.</li>
+      <li>Das Gebäude hat weniger als fünf Wohneinheiten.</li>
+    </ul>
+    <h3>Bedarfsausweis als Alternative</h3>
+    <p>
+      Falls Ihr Gebäude unter die oben genannten Ausnahmen fällt oder keine vollständigen Verbrauchsdaten vorliegen (z. B. bei Leerstand), ist ein
+      <span>Bedarfsausweis für Wohngebäude</span> erforderlich. Dieser Ausweis basiert auf einer detaillierten Berechnung des Energiebedarfs und berücksichtigt die energetischen Eigenschaften der Gebäudehülle sowie der Heizungsanlage.
+    </p>
+  </div>
+<br>
+  <h2>
+    Bedarfsausweis für Wohngebäude bei Neubau, Modernisierung oder Erweiterung
+  </h2>
+  <p>
+    Das Gebäudeenergiegesetz (<span>GEG</span>) regelt die Anforderungen an Änderungen im Baubestand. In den §§46-51 des GEG sind die 
+    Mindestanforderungen für <span>Änderungen, Erweiterungen und Ausbauten</span> festgelegt. Zusätzlich 
+    wird beschrieben, wann ein Bedarfsausweis erstellt werden muss.
+  </p>
+  <div class="border-2 rounded-xl p-6"> 
+    <h3>Wann ist kein Bedarfsausweis erforderlich?</h3>
+    <ul class="list-disc list-inside mb-4">
+      <li>Nur einzelne Bauteile wie Dach, Außenwand oder Fenster werden erneuert.</li>
+      <li>Die Erweiterung der Wohnfläche beträgt weniger als 50 m².</li>
+      <li>Es reicht ein <span>Bauteilnachweis</span>, sofern die EnEV-Anforderungen erfüllt werden.</li>
+    </ul>
+    <h3>Wann ist ein Bedarfsausweis erforderlich?</h3>
+    <ul class="list-disc list-inside mb-4">
+      <li>Bei einem <span>Heizungstausch</span> muss immer ein Bedarfsausweis erstellt werden.</li>
+      <li>Wenn der Bauteilnachweis die EnEV-Anforderungen nicht erfüllt, ist eine komplette Bedarfsberechnung erforderlich.</li>
+      <li>Bei <span>genehmigungspflichtigen Neubaumaßnahmen</span> ist ein GEG-Nachweis (früher Wärmeschutznachweis) vor Baubeginn erforderlich.</li>
+    </ul>
+    <h3>GEG-Anforderungen bei Neubau</h3>
+    <p>
+      In den §§15-19 des GEG sind die Anforderungen für Wohngebäude festgelegt. Der GEG-Nachweis dient als Grundlage, aus der später nach der Fertigstellung der <span class="font-semibold">Bedarfsausweis</span> erstellt werden kann.
+    </p>
+  </div>
+<br>
+<TextboxCardTemplate
+					TitelName="Folgende Dokumente und Informationen werden für den Bedarfsausweis benötigt:"
+					BulletPoints={[
+						
+						["Grundriss- und Ansichtspläne sowie Baubeschreibung.", true],
+						["Die wärmeübertragenden Umfassngsflächen wie Dach, Außenwand, Fenster,Kellerdecke bzw. Boden werden aus den Plänen ermittelt.", true],
+						["Auch das Gebäudevolumen zur Ermittlung der energetischen Gebäudenutzfläche und die verschiedenen Nutzungszonen werden aus den Plänen erhoben.", false],
+						["Die verwendete Heizungsanlage mit den Wärmeübergabekomponenten (Heizkörper, Fußbodenheizung, etc) sowie Energieträger und Kessel werden aus der Baubeschreibung oder aus den Angaben des Bauherren herangezogen.", false],
+					]}
+				>
+</TextboxCardTemplate>
+<br>
+<p>Sollten Sie den Bedarfsausweis nur für Vermietung und Verkauf benötigen, dann
+können Sie den Ausweis bei uns auch online erstellen lassen. Die Eingabedaten
+ werden dann nach einem vereinfachten Verfahren erhoben. </p>            
+<br>
+ <h2>Verbrauchsausweis für Gewerbegebäude bei Vermietung oder Verkauf</h2>
+<p>
+Bei Vermietung oder Verkauf Ihrer Gewerbeimmobilie können Sie den einfacheren
+<span>Energieausweis</span> erstellen lassen. 
+</p>
+
+<div class="border-2 rounded-xl p-6"> 
+    <h3>Der Verbrauchsausweis für Nichtwohngebäude benötigt als Grundlage:</h3>
+    <ul class="list-disc list-inside mb-4">
+      <li>Stromverbrauch und Heizenergieverbrauch des Gebäudes</li>
+      <li>3 zusammenhängende Jahre der Heizenergie- und Stromabrechnung</li>
+    </ul>
+    <p class=" mb-4">
+      Voraussetzung ist, dass die Verbräuche eindeutig zuordenbar sind und während
+      dieses Zeitraums keine grundlegenden Sanierungsmaßnahmen oder ein
+      <span>Heizungsaustausch</span> durchgeführt wurden.
+    </p>
+    <h3>
+      Wann ist ein Bedarfsausweis erforderlich?
+    </h3>
+    <p>
+      Wenn die oben genannten Voraussetzungen nicht erfüllt sind, zum Beispiel bei:
+    </p>
+    <ul class="list-disc list-inside mb-4">
+      <li>unvollständigen Verbrauchsabrechnungen (z. B. bei Leerstand)</li>
+      <li>nicht eindeutig zuordenbaren Verbräuchen</li>
+    </ul>
+    <p>
+      Dann kann alternativ ein <span>Bedarfsausweis für Nichtwohngebäude (Gewerbe)</span>
+      erstellt werden.
+    </p>
+</div>
+<br>
+<h2>Bedarfsausweis für Nichtwohngebäude bei Neubau, Modernisierung oder Erweiterung</h2>
+  <p>
+    In den §§46-51 des <span>GEG</span> sind die Mindestanforderungen für
+    <span>Änderungen, Erweiterungen und Ausbauten</span> festgelegt. Außerdem wird beschrieben, wann ein Bedarfsausweis erforderlich ist.
+  </p>
+<div class="border-2 rounded-xl p-6"> 
+    <h3>Wann ist kein Bedarfsausweis erforderlich?</h3>
+    <ul class="list-disc list-inside mb-4">
+      <li>Nur einzelne Bauteile wie Dach, Außenwand oder Fenster werden erneuert.</li>
+      <li>Die Erweiterung der Fläche beträgt weniger als 50 m².</li>
+      <li>Es reicht ein <span>Bauteilnachweis</span>, sofern die EnEV-Anforderungen erfüllt werden.</li>
+    </ul>
+    <h3>Wann ist ein Bedarfsausweis erforderlich?</h3>
+    <ul class="list-disc list-inside mb-4">
+      <li>Bei einem <span>Heizungstausch</span> ist immer ein Bedarfsausweis erforderlich.</li>
+      <li>Wenn der Bauteilnachweis die GEG-Anforderungen nicht erfüllt.</li>
+    </ul>
+    <h3>GEG-Nachweis bei Neubauten</h3>
+    <p>
+      Bei Neubauten ist ein <span>GEG-Nachweis</span> (früher Wärmeschutznachweis) vor Baubeginn vorgeschrieben. Aus der GEG-Berechnung wird nach Fertigstellung der
+      <span>Bedarfsausweis für Nichtwohngebäude (Gewerbe)</span> erstellt.
+    </p>
+    <p>
+      In den §§18-19 des GEG sind die spezifischen Anforderungen für Nichtwohngebäude geregelt, die eingehalten werden müssen.
+    </p>
+  </div>
+<br>
+<TextboxCardTemplate
+					TitelName="Folgende Dokumente und Informationen werden für den Bedarfsausweis Gewerbe benötigt:"
+					BulletPoints={[
+						
+						["Grundriss- und Ansichtspläne sowie Baubeschreibung.", true],
+						["Die wärmeübertragenden Umfassngsflächen wie Dach, Außenwand, Fenster,Kellerdecke bzw. Boden werden aus den Plänen ermittelt.", true],
+						["Auch das Gebäudevolumen zur Ermittlung der energetischen Gebäudenutzfläche und die verschiedenen Nutzungszonen werden aus den Plänen erhoben.", false],
+						["Die verwendete Heizungsanlage mit den Wärmeübergabekomponenten (Heizkörper,Fußbodenheizung, etc) sowie Energieträger und Kessel werden aus der Baubeschreibung oder aus den Angaben des Bauherren herangezogen.", false],
+						["Anlagentechnik zu Kühlung und Lüftung der entsprechenden Nutzungszonen müssen definiert sein.", true],
+						["Die verwendete Beleuchtung der verschiedenen Nutzungszonen wird ebenfalls herangezogen", true],
+					]}
+				>
+</TextboxCardTemplate>
+<br>
+<p>Sollten Sie den Bedarfsausweis nur für Vermietung und Verkauf benötigen, dann
+    können Sie den Ausweis bei uns auch online erstellen lassen. Die Eingabedaten
+    werden dann nach einem vereinfachten Verfahren erhoben.</p>
+
+</Layout>
\ No newline at end of file