Merge branch 'main' into UMBE

src/components/design/header/Header.astro

@@ -1,92 +1,119 @@
----
+<script>
-import Login from "#sidebarCards/card-login.svelte";
+	import { PRICES } from "#lib/constants";
+</script>
 
----
+<div class="mt-12 m-auto w-[90%] relative">
 
-<header>
+<div id="saeulen">
 
-<div class="max-w-[1920px] w-full grid relative bg-white
+    <div class="saeule">
+        <div class="blue-top">
+            <img class="" src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" alt="Wohnhaus Verbrauchsausweis"/>
+            <div class="name">Verbrauchsausweis<br>Wohngebäude</div> 
+        </div>   
 
-sm:grid-cols-[minmax(320px,auto)] sm:pl-6 sm:pr-3 sm:py-2
+        <div class="white box">
-md:grid-cols-[minmax(320px,auto)] md:pl-6 md:pr-3 md:py-2
+            <div class="variante">einfach</div>
+            <div class="services"><div>Einfache Berechnung anhand von 3 Jahresverbräuchen der Heizung. Das Enddatum darf nicht älter als&nbsp;18&nbsp;Monate&nbsp;sein.</div><div class="check">✔</div></div>
+			<div class="services"><div>Zulässig bei Vermietung oder Verkauf Ihres&nbsp;Immobilienobjektes.</div><div class="check">✔</div></div>
+			<div class="services"><div>Unzulässig bei unsanierten Gebäuden vor 1978 gebaut mit weniger&nbsp;als&nbsp;5&nbsp;Wohnungen.</div><div class="check-no">✘</div></div>
+			<div class="services"><div>Für bauliche und energetische Maßnahmen ungeeignet. Starke Abweichungen durch&nbsp;individuelles&nbsp;Heizverhalten.</div><div class="check-no">✘</div></div>
+			<div class="services"><div>Wird nicht immer bei den Banken für die Kreditunterlagen&nbsp;akzeptiert.</div><div class="check-no">✘</div></div>
+        </div>
 
-lg:grid-cols-[1fr_minmax(450px,450px)] lg:gap-3 lg:px-5 lg:py-4
+        <div class="orange">
-xl:grid-cols-[1fr_minmax(450px,450px)] xl:gap-4 xl:px-5 xl:py-4
+            <div class="price">
-2xl:grid-cols-[1fr_minmax(450px,450px)] 2xl:gap-5 2xl:px-5 2xl:py-4">
+                ab <b> {PRICES.VerbrauchsausweisWohnen[0]} </b>€ inkl. 19% MwSt.
+            </div>
 
+        </div>
 
+        <div class="blue-bottom">
+            <div class="cta">jetzt online erstellen</div> 
+        </div>
 
-<!---
+        <div class="blue-bottom">
-		lg:bg-[url('/images/header/header-bg.jpg')] lg:bg-cover
+            <div class="cta">zur Produktübersicht</div> 
-		
+        </div>
-		<h2 class="text-secondary font-normal absolute
+    </div>
-					top-1 right-2 text-[1.1rem]
-					xs:top-[1.5rem] xs:right-6 xs:text-[1.55rem]
-					
-					md:top-[1.25rem] md:right-4 md:text-[1.1rem]
-					xl:top-[1.5rem] xl:right-9 xl:text-[1.4rem]">
-					Energieausweis online erstellen
-		</h2>
-				
-		<h2	class="text-primary font-normal absolute 
-					top-[1.6rem] right-2 text-[0.85rem]
-					xs:top-[3.3rem] xs:right-6 xs:text-[1.2rem]
-					
-					md:top-[2.5rem] md:right-4 md:text-[0.9rem]
-					xl:top-[3.15rem] xl:right-9 xl:text-[1.1rem]">
-					Energieausweise nach aktuellem GEG
-		</h2> -->
-		
 
+    <div class="saeule">
+        <div class="blue-top">
+            <img class="" src="/images/right-sidebar/UMBE_gewerbegebaeude-weiss.svg" alt="Wohnhaus Bedarfsausweis"/>
+            <div class="name">Verbrauchsausweis<br>Gewerbe</div> 
+        </div>   
 
+        <div class="white box">
+            <div class="variante">fundiert</div>
+            <div class="services"><div>Berechnung mit Erfassung der Gebäudegeometrie, U-Werte der Außenbauteile sowie dem Wirkungsgrad&nbsp;der&nbsp;Heizung.</div><div class="check">✔</div></div>
+			<div class="services"><div>Zulässig bei Vermietung, Verkauf, Modernisierung&nbsp;und&nbsp;Neubau.</div><div class="check">✔</div></div>
+			<div class="services"><div>Zulässig für alle Gebäude, insbesondere alte und&nbsp;unsanierte&nbsp;Objekte.</div><div class="check">✔</div></div>
+			<div class="services"><div>Kann als Grundlage für Sanierungsvarianten sowie weitere Maßnahmen (z.B. iSFP) herangezogen&nbsp;werden.</div><div class="check">✔</div></div>
+			<div class="services"><div>Objektive  Berechnung die für die Kreditunterlagen besser&nbsp;geeignet&nbsp;ist.</div><div class="check">✔</div></div>
+        </div>
 
+        <div class="orange">
+            <div class="price">
+                ab <b>{PRICES.BedarfsausweisWohnen[0]} </b>€ inkl. 19% MwSt.
+            </div>
 
-<div class="w-full justify-self-center lg:w-fit lg:self-stretch lg:justify-self-start grid grid-cols-[auto_auto] gap-6 pt-[0px]">
+        </div>
 
-	<div class="self-start justify-self-start">
+        <div class="blue-bottom">
+            <div class="cta">jetzt online erstellen</div> 
+        </div>
 
-		<a href="/index_1">
+        <div class="blue-bottom">
-			<img class="w-full max-w-[75px]" 
+            <div class="cta">zur Produktübersicht</div> 
-			src="/images/header/logo-IBC-big.svg" alt="IBCornelsen-Logo"/>
+        </div>
-		</a>
-	</div>
 
-	<div class="self-stretch justify-self-start">
+    </div>
-	<div class="text-secondary
-	lg:[font-size:_clamp(15px,3vw,26px)]
-	lg:leading-[2rem]
-	xl:[font-size:_clamp(15px,3vw,36px)] 
-	xl:leading-[4.5rem] pt-[0px]">
-	Energieausweis online erstellen</div>
-	<div class="text-primary 
-	lg:[font-size:_clamp(15px,3vw,20px)] 
-	lg:leading-[2rem]
-	xl:[font-size:_clamp(15px,3vw,24px)] 
-	xl:leading-[0.5rem] pl-[1px]">
-	Energieausweise nach aktuellem GEG</div>
-	</div>
 
 
 </div>
 
-<div class="w-[450px] self-stretch box ring-2 ring-gray-500/50 px-6 py-2">
-		<Login client:load />
-		</div>
-
-
 </div>
 
-	<div class="col-start-1 col-span-3">
+<style lang="scss">
-		<div class="px-2 flex flex-row w-full justify-end items-center bg-primary
+
-					lg:h-[12px] xl:h-[12px]"></div>
+
-		<div class="px-2 flex flex-row w-full justify-end items-center bg-secondary
+
-					lg:h-[0px] xl:h-[0px]"></div>			
+#saeulen{@apply 
-	</div>
+    grid grid-cols-[1fr] gap-y-3 gap-x-6
+    lg:grid-cols-2
+    xl:grid-cols-2;
+
+
+.saeule{@apply grid grid-rows-subgrid row-span-10;
+img{@apply justify-self-center mb-1 w-[50%] }
+
+
+.blue-top{@apply bg-secondary text-white text-center font-bold rounded-md mb-1 p-4 shadow-saeule ring-secondary ring-1}
+.name{@apply w-full}
+.name{font-size: clamp(15px, 3vh, 18px)}
+
+.white{@apply text-center text-black p-4 grid grid-rows-subgrid row-span-6 shadow-saeule}
+
+.variante{@apply w-fit text-black justify-self-end mr-4}
+.variante{font-size: clamp(15px, 4vh, 24px)}
+
+.services{@apply text-base py-4 grid grid-cols-[1fr_minmax(10px,50px)]}
+.services:not(:last-child){@apply border-b-[1px] border-gray-200}
+.check{@apply self-center font-bold text-green-700}
+.check-no{@apply self-center font-bold text-red-700}
+
+
+
+.orange{@apply bg-primary text-white text-center rounded-md p-4 relative shadow-saeule ring-primary ring-1}
+.price{font-size: clamp(15px, 3vh, 28px)}
+.blue-bottom, .check, .check-no{font-size: clamp(15px, 3vh, 24px)}
+
+
+
+.blue-bottom{@apply bg-secondary text-white text-center font-bold rounded-md p-4 shadow-saeule ring-secondary ring-1}
+}
+
+}
 
-</header>
 
-<style>
-	.header-button {
-		@apply px-4 py-2 text-primary-content font-medium text-lg tracking-normal hover:bg-secondary h-full;
-	}
 </style>

src/components/design/sidebars/cards/card-BA-G-promo.svelte

@@ -10,16 +10,13 @@ class="	box card hidden bg-white px-6 py-4 mb-5
 
 <h2>Bedarfssausweis Gewerbe</h2>
 <hr class="mb-4">
-<img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
+<img class="w-[70%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Bedarfsausweis"/>
-
+<p class="promo tracking-tighter text-[2rem] text-gray-700 pl-6">ab<span class="promo pl-[0.2rem]">{PRICES.BedarfsausweisGewerbe[0]}</span>€</p>
 <a href="./energieausweis-erstellen/bedarfsausweis-gewerbe/" id="link-BA-promo" 
         class="	w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
                 hover:bg-primary
         " >jetzt Bedarfssausweis erstellen</a>
 </div>
-
-<p class="promo tracking-tighter absolute top-[9.7rem] left-[2.5rem] text-[2rem] text-gray-700">ab<span class="promo pl-[0.2rem]">300</span>€</p>
-
 </div>
 
 

src/components/design/sidebars/cards/card-BA-promo.svelte

@@ -3,23 +3,19 @@
 </script>
 	
 <div id ="card-BA-promo" 
-class="	box card hidden bg-white px-6 py-4 mb-5
+class="	box card bg-white px-6 py-4 mb-5">
-        lg:block">
 
 <div class="grid">
 
 <h2>Bedarfssausweis Wohngebäude</h2>
 <hr class="mb-4">
-<img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
+<img class="w-[70%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
-
+<p class="promo tracking-tighter text-[2rem] text-gray-700 pl-6">ab<span class="promo pl-[0.2rem]">{PRICES.BedarfsausweisWohnen[0]}</span>€</p>
 <a href="./energieausweis-erstellen/bedarfsausweis-wohngebaeude/" id="link-BA-promo" 
         class="	w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
                 hover:bg-primary
         " >jetzt Bedarfssausweis erstellen</a>
 </div>
-
-<p class="promo tracking-tighter absolute top-[9.7rem] left-[2.5rem] text-[2rem] text-gray-700">ab<span class="promo pl-[0.2rem]">{PRICES.BedarfsausweisWohnen[0]}</span>€</p>
-
 </div>
 
 

src/components/design/sidebars/cards/card-VA-G-promo.svelte

@@ -3,23 +3,19 @@
 </script>
 	
 <div id ="card-VA-G-promo" 
-	class="	box card hidden bg-white px-6 py-4 mb-5
+	class="	box card bg-white px-6 py-4 mb-5">
-			lg:block">
 
 	<div class="grid">
 
 	<h2>Verbrauchsausweis Gewerbe</h2>
 	<hr class="mb-4">
-	<img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Verbrauchsausweis"/>
+	<img class="w-[70%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Verbrauchsausweis"/>
-
+	<p class="promo tracking-tighter text-[2rem] text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisGewerbe[0]}</span>€</p>
 	<a href="./energieausweis-erstellen/verbrauchsausweis-gewerbe/" id="link-VA-promo" 
 			class="	w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
 					hover:bg-primary
 			" >jetzt Verbrauchsausweis erstellen</a>
 	</div>
-
-	<p class="promo tracking-tighter absolute top-[9.7rem] left-[2.5rem] text-[2rem] text-gray-700">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisGewerbe[0]}</span>€</p>
-
 </div>
 
 

src/components/design/sidebars/cards/card-VA-promo.svelte

@@ -3,23 +3,19 @@
 </script>
 	
 <div id ="card-VA-promo" 
-	class="	box card hidden bg-white px-6 py-4 mb-5
+	class="	box card bg-white px-6 py-4 mb-5">
-			lg:block">
 
 	<div class="grid">
 
 	<h2>Verbrauchsausweis Wohngebäude</h2>
 	<hr class="mb-4">
-	<img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
+	<img class="w-[70%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
-
+	<p class="promo tracking-tighter text-[2rem] text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisWohnen[0]}</span>€</p>
 	<a href="./energieausweis-erstellen/verbrauchsausweis-wohngebaeude/" id="link-VA-promo" 
 			class="	w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
 					hover:bg-primary
 			" >jetzt Verbrauchsausweis erstellen</a>
 	</div>
-
-	<p class="promo tracking-tighter absolute top-[9.7rem] left-[2.5rem] text-[2rem] text-gray-700">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisWohnen[0]}</span>€</p>
-
 </div>
 
 

src/components/design/sidebars/right/SidebarRight.astro

@@ -1,5 +1,5 @@
 ---
-
+import Login from "#sidebarCards/card-login_1.svelte";
 import Contact from "#sidebarCards/card-contact.svelte";
 import Review from "#sidebarCards/card-review.svelte";
 import VApromo from "#sidebarCards/card-VA-promo.svelte";
@@ -11,13 +11,13 @@ import BAGpromo from "#sidebarCards/card-BA-G-promo.svelte";
 <div class="hidden
             xl:flex xl:flex-col xl:grow
             ">
-
+    <Login client:load />
     <Contact client:load />
     <Review client:load />
-    <VApromo client:load />
     <VAGpromo client:load />
-    <BApromo client:load />
     <BAGpromo client:load />
+    <VApromo client:load />
+    <BApromo client:load />  
 </div>
 
 

src/layouts/Layout_1.astro

@@ -31,7 +31,7 @@ const { title } = Astro.props;
 	</head>
 
 	<body>
-		<container class="w-full max-w-[1920px]">
+	<container class="w-full max-w-[1920px]">
 		
 		<Header />
 

src/lib/Berechnungen/BedarfsausweisWohnen/BedarfsausweisWohnen_18599.ts

@@ -0,0 +1,145 @@
+import { BedarfsausweisWohnenClient } from "#components/Ausweis/types";
+import { Enums } from "@ibcornelsen/database/client";
+import moment from "moment";
+
+export function energetischeNutzflaecheBedarfsausweisWohnen_18599(
+	ausweis: BedarfsausweisWohnenClient
+): number {
+	if (!ausweis.gebaeude_aufnahme_allgemein.gebaeude_stammdaten) {
+		return 0
+	}
+
+
+}
+
+export async function endEnergieBedarfBedarfsausweis_18599(
+	ausweis: BedarfsausweisWohnenClient
+) {
+	if (!ausweis.gebaeude_aufnahme_allgemein || !ausweis.gebaeude_aufnahme_allgemein.gebaeude_stammdaten) {
+		return null;
+	}
+
+	
+
+	
+	let endEnergieBedarfGesamt;
+	let primaerEnergieBedarfGesamt;
+	let co2EmissionenGesamt;
+
+		// Energieeffizienzklasse
+		let energieEffizienzKlasse = "";
+		if (endEnergieVerbrauchGesamt < 30) {
+			energieEffizienzKlasse = 'A+';
+		}else if (endEnergieVerbrauchGesamt < 50) {
+			energieEffizienzKlasse = 'A';
+		}else if (endEnergieVerbrauchGesamt < 75) {
+			energieEffizienzKlasse = 'B';
+		}else if (endEnergieVerbrauchGesamt < 100) {
+			energieEffizienzKlasse = 'C';
+		}else if (endEnergieVerbrauchGesamt < 130) {
+			energieEffizienzKlasse = 'D';
+		}else if (endEnergieVerbrauchGesamt < 160) {
+			energieEffizienzKlasse = 'E';
+		}else if (endEnergieVerbrauchGesamt < 200) {
+			energieEffizienzKlasse = 'F';
+		}else if (endEnergieVerbrauchGesamt < 250) {
+			energieEffizienzKlasse = 'G';
+		}else if (endEnergieVerbrauchGesamt >= 250) {
+			energieEffizienzKlasse = 'H';
+		}
+
+
+	return {
+		brennstoff_1: brennstoff_1,
+		brennstoff_2: brennstoff_2,
+		klimafaktoren: klimafaktoren,
+		kuehlungsZuschlag: Math.round(kuehlungsZuschlag),
+		durchschnittsKlimafaktor: Math.round(durchschnittsKlimafaktor),
+		ausweis: ausweis,
+
+		anteil_heizung_1: 1 - (ausweis.anteil_warmwasser_1 || 0) / 100,
+		anteil_heizung_2: 1 - (ausweis.anteil_warmwasser_2 || 0) / 100,
+
+		verbrauch_1_kwh: Math.round(
+			(ausweis.verbrauch_1 || 0) * brennstoff_1.umrechnungsfaktor
+		),
+		verbrauch_2_kwh: Math.round(
+			(ausweis.verbrauch_2 || 0) * brennstoff_1.umrechnungsfaktor
+		),
+		verbrauch_3_kwh: Math.round(
+			(ausweis.verbrauch_3 || 0) * brennstoff_1.umrechnungsfaktor
+		),
+		verbrauch_4_kwh: Math.round(
+			(ausweis.verbrauch_4 || 0) * brennstoff_2.umrechnungsfaktor
+		),
+		verbrauch_5_kwh: Math.round(
+			(ausweis.verbrauch_5 || 0) * brennstoff_2.umrechnungsfaktor
+		),
+		verbrauch_6_kwh: Math.round(
+			(ausweis.verbrauch_6 || 0) * brennstoff_2.umrechnungsfaktor
+		),
+
+		energetischeNutzflaeche: energetischeNutzflaeche,
+		leerstand: leerstand,
+		leerstandsZuschlagHeizung: Math.round(leerstandsZuschlagHeizung),
+		leerstandsZuschlagWarmwasser: Math.round(leerstandsZuschlagWarmwasser),
+		endEnergieVerbrauchLeerstandsZuschlag: Math.round(
+			endEnergieVerbrauchLeerstandsZuschlag
+		),
+		endEnergieVerbrauchKuehlungsZuschlag: Math.round(
+			endEnergieVerbrauchKuehlungsZuschlag
+		),
+		coeeffkg: co2EmissionenGesamt,
+		energieVerbrauchGesamt_1: Math.round(energieVerbrauchGesamt_1),
+		energieVerbrauchGesamt_2: Math.round(energieVerbrauchGesamt_2),
+		energieVerbrauchWarmwasser_1: Math.round(energieVerbrauchWarmwasser_1),
+		energieVerbrauchWarmwasser_2: Math.round(energieVerbrauchWarmwasser_2),
+		energieVerbrauchHeizung_1: energieVerbrauchHeizung_1,
+		energieVerbrauchHeizung_2: energieVerbrauchHeizung_2,
+		anteil_warmwasser_1: (ausweis.anteil_warmwasser_1 || 0) / 100,
+		anteil_warmwasser_2: (ausweis.anteil_warmwasser_2 || 0) / 100,
+
+		energieVerbrauchHeizungBereinigt_1: Math.round(
+			energieVerbrauchHeizungBereinigt_1
+		),
+		energieVerbrauchHeizungBereinigt_2: Math.round(
+			energieVerbrauchHeizungBereinigt_2
+		),
+		durchschnittsEnergieVerbrauchHeizungBereingt: Math.round(
+			durchschnittsEnergieVerbrauchHeizungBereingt
+		),
+		faktorDurchschnittsEnergieVerbrauchHeizungBereinigt: Math.round(
+			faktorDurchschnittsEnergieVerbrauchHeizungBereinigt
+		),
+
+		endEnergieVerbrauch_1: Math.round(endEnergieVerbrauch_1),
+		endEnergieVerbrauch_2: Math.round(endEnergieVerbrauch_2),
+
+		primaerEnergieVerbrauch_1: Math.round(primaerEnergieVerbrauch_1),
+		primaerEnergieVerbrauch_2: Math.round(primaerEnergieVerbrauch_2),
+
+		primaerEnergieVerbrauchLeerstandsZuschlag: Math.round(
+			primaerEnergieVerbrauchLeerstandsZuschlag
+		),
+		primaerEnergieVerbrauchKuehlungsZuschlag: Math.round(
+			primaerEnergieVerbrauchKuehlungsZuschlag
+		),
+
+		primaerfaktorww,
+		primaerfaktorww_1,
+
+		co2Emissionen_1: co2Emissionen_1,
+		co2Emissionen_2: co2Emissionen_2,
+
+		co2EmissionenLeerstandsZuschlag: co2EmissionenLeerstandsZuschlag,
+		co2EmissionenKuehlungsZuschlag: co2EmissionenKuehlungsZuschlag,
+
+		co2EmissionenGesamt: Math.round(co2EmissionenGesamt),
+
+		endEnergieVerbrauchGesamt: Math.round(endEnergieVerbrauchGesamt),
+		primaerEnergieVerbrauchGesamt: Math.round(
+			primaerEnergieVerbrauchGesamt
+		),
+		energieEffizienzKlasse
+	};
+}

src/lib/XML/getEmpfehlungen.ts

@@ -32,7 +32,9 @@ export function getEmpfehlungen(ausweis: VerbrauchsausweisWohnenClient): {
 		empfehlungen.push({
 			"title"       : "Erneuerung der Fenster",
 			"description" : "Alte und undichte Fenster mit Wärmeschutzfenstern auswechseln.",
-			"anlagenteil" : "Fenster"
+			"anlagenteil" : "Fenster",
+			"amortisationszeit" : "15 Jahre",
+			"kosten" : "3 €"
 		});
 	}
 
@@ -40,13 +42,17 @@ export function getEmpfehlungen(ausweis: VerbrauchsausweisWohnenClient): {
 		empfehlungen.push({
 			"title"       : "Zusätzliche Dämmung des Fußbodens des kalten Dachraumes",
 			"description" : "Beim Einbringen sollten mindestens 16cm Dämmstoff verarbeitet werden. Das Einsparpotenzial ist für jeden zusätzlichen cm Dämmung sehr hoch.",
-			"anlagenteil" : "Dach"
+			"anlagenteil" : "Dach",
+			"amortisationszeit" : "5 Jahre",
+			"kosten" : "1 €"
 		});
 	} else if (Dachgeschoss == Enums.Heizungsstatus.BEHEIZT && !Dachgeschoss_gedaemmt) {
 		empfehlungen.push({
 			"title"       : "Zusätzliche Dämmung des Daches bzw. Dachraumes",
 			"description" : "Beim Einbringen sollten mindestens 16cm Dämmstoff, wenn möglich, verarbeitet werden. Das Einsparpotenzial ist für jeden zusätzlichen cm Dämmung sehr hoch.",
-			"anlagenteil" : "Dach"
+			"anlagenteil" : "Dach",
+			"amortisationszeit" : "10 Jahre",
+			"kosten" : "2 €"
 		});
 	}
 
@@ -54,7 +60,9 @@ export function getEmpfehlungen(ausweis: VerbrauchsausweisWohnenClient): {
 		empfehlungen.push({
 			"title"       : "Außenwand zusätzl. dämmen (z.B. Wärmedämmverbundsystem, Einblasdämmung, Dämmputz)",
 			"description" : "Beim WDVS sollte man mit Dämmstärken ab 12cm planen. Bei zweischaligem Mauerwerk Luftschicht mit Einblasdämmung füllen. Bei historischen Fassaden kommt u.U. eine Innendämmung in Betracht",
-			"anlagenteil" : "Außenwand gg. Außenluft"
+			"anlagenteil" : "Außenwand gg. Außenluft",
+			"amortisationszeit" : "30 Jahre",
+			"kosten" : "6 €"
 		});
 	}
 
@@ -64,7 +72,9 @@ export function getEmpfehlungen(ausweis: VerbrauchsausweisWohnenClient): {
 		empfehlungen.push({
 			"title"       : "Anlagentechnik",
 			"description" : "Prüfen Sie, ob Sie bei einer Umrüstung auf einen regenerativen Anteil von 65% kommen. Bei energetisch sanierten Gebäuden z.B. Wärmepumpe. Bei unsanieten Gebäuden Fernwärmeanschluss.",
-			"anlagenteil" : "Wärmeerzeuger"
+			"anlagenteil" : "Wärmeerzeuger",
+			"amortisationszeit" : "10 Jahre",
+			"kosten" : "2 €"
 		});
 	}
 
@@ -72,13 +82,17 @@ export function getEmpfehlungen(ausweis: VerbrauchsausweisWohnenClient): {
 		empfehlungen.push({
 			"title"       : "Nachträgliche Dämmung der Kellerdecke",
 			"description" : "Je nach Deckenhöhe, den vorhandenen Raum voll ausnutzen. Das Einsparpotenzial für jeden zusätzlichen cm Dämmung sehr hoch.",
-			"anlagenteil" : "Kellerdecke"
+			"anlagenteil" : "Kellerdecke",
+			"amortisationszeit" : "5 Jahre",
+			"kosten" : "1 €"
 		});
 	} else if (!Kellerwand_gedaemmt && Keller == Enums.Heizungsstatus.BEHEIZT) {
 		empfehlungen.push({
 			"title"       : "Nachträgliche Dämmung der Kellerwände",
 			"description" : "Man sollte mit Dämmstärken ab 12cm planen. Das Einsparpotenzial für jeden zusätzlichen cm Dämmung sehr hoch.",
-			"anlagenteil" : "Außenwand gg. Erdreich"
+			"anlagenteil" : "Außenwand gg. Erdreich",
+			"amortisationszeit" : "30 Jahre",
+			"kosten" : "6 €"
 		});
 	}
 
@@ -87,19 +101,25 @@ export function getEmpfehlungen(ausweis: VerbrauchsausweisWohnenClient): {
 			empfehlungen.push({
 				"title"       : "Anlagentechnik",
 				"description" : "Heizungsrohre und Warmwasserrohre dämmen",
-				"anlagenteil" : "Wärmeverteilung / -abgabe"
+				"anlagenteil" : "Wärmeverteilung / -abgabe",
+				"amortisationszeit" : "5 Jahre",
+				"kosten" : "1 €"
 			});
 		} else if (Warmwasserrohre_gedaemmt && !Heizungsrohre_gedaemmt) {
 			empfehlungen.push({
 				"title"       : "Anlagentechnik",
 				"description" : "Heizungsrohre dämmen",
-				"anlagenteil" : "Wärmeverteilung / -abgabe"
+				"anlagenteil" : "Wärmeverteilung / -abgabe",
+				"amortisationszeit" : "5 Jahre",
+				"kosten" : "1 €"
 			});
 		} else if (!Warmwasserrohre_gedaemmt && Heizungsrohre_gedaemmt) {
 			empfehlungen.push({
 				"title"       : "Anlagentechnik",
 				"description" : "Warmwasserrohre dämmen",
-				"anlagenteil" : "Wärmeverteilung / -abgabe"
+				"anlagenteil" : "Wärmeverteilung / -abgabe",
+				"amortisationszeit" : "5 Jahre",
+				"kosten" : "1 €"
 			});
 		}
 	}
@@ -109,7 +129,9 @@ export function getEmpfehlungen(ausweis: VerbrauchsausweisWohnenClient): {
 		empfehlungen.push({
 			"title"       : "Wärmeerzeuger",
 			"description" : "Prüfen Sie den zusätzlichen Einbau einer Luft-Wasser-Wärmepumpe. Mit einem Pufferspeicher und einer 75°C-Vorlauftemperatur-Wärmepumpe kann ein relevanter Anteil der Wärmeerzeugung abgedeckt werden.",
-			"anlagenteil" : "Wärmeerzeuger"
+			"anlagenteil" : "Wärmeerzeuger",
+			"amortisationszeit" : "10 Jahre",
+			"kosten" : "2 €"
 		});
 	}
 
@@ -118,7 +140,9 @@ export function getEmpfehlungen(ausweis: VerbrauchsausweisWohnenClient): {
 		empfehlungen.push({
 			"title"       : "Wärmeerzeuger",
 			"description" : "PV-Anlage auf das Dach (für Energieunterstützung)",
-			"anlagenteil" : "Wärmeerzeuger"
+			"anlagenteil" : "Wärmeerzeuger",
+			"amortisationszeit" : "10 Jahre",
+			"kosten" : "2 €"
 		});
 	}
 

src/pages/index.astro

@@ -5,7 +5,9 @@ import BannerPrice from "#content/banner-saeule.svelte";
 ---
 
 <Layout title="Energieausweis online erstellen - Online Energieausweis">
+
 	<h1>Unsere Ausweise im Detail:</h1>
+
 	<BannerPrice client:load />
 </Layout>