diff --git a/src/components/Ausweis/BilderZusatzsysteme.svelte b/src/components/Ausweis/BilderZusatzsysteme.svelte
index 7dd83cfb..a4bd0623 100644
--- a/src/components/Ausweis/BilderZusatzsysteme.svelte
+++ b/src/components/Ausweis/BilderZusatzsysteme.svelte
@@ -24,19 +24,19 @@
 
  var sanierungsoptionen =[
     
-    {"id":1,"name":"zentralheizung","value":"ZH","bindchecked":"gebaeude_aufnahme_allgemein.zentralheizung","label":"Zentral/Etage"},
-    {"id":2,"name":"einzelofen","value":"EO","bindchecked":"{gebaeude_aufnahme_allgemein.einzelofen}","label":"Einzelofen"},
-    {"id":3,"name":"durchlauf_erhitzer","value":"DH","bindchecked":"{gebaeude_aufnahme_allgemein.durchlauf_erhitzer}","label":"Durchlauferhitzer"},
-    {"id":4,"name":"standard_kessel","value":"SK","bindchecked":"{gebaeude_aufnahme_allgemein.standard_kessel}","label":"Standardkessel"},
-    {"id":5,"name":"solarsystem_warmwasser","value":"SSWW","bindchecked":"{gebaeude_aufnahme_allgemein.solarsystem_warmwasser}","label":"Solarsystem für Warmwasser"},
-    {"id":6,"name":"waermepumpe","value":"WP","bindchecked":"{gebaeude_aufnahme_allgemein.waermepumpe}","label":"Wärmepumpe"},
+    {"id":1,"name":"zentralheizung","value":"ZH","bindchecked":gebaeude_aufnahme_allgemein.zentralheizung,"label":"Zentral/Etage"},
+    {"id":2,"name":"einzelofen","value":"EO","bindchecked":gebaeude_aufnahme_allgemein.einzelofen,"label":"Einzelofen"},
+    {"id":3,"name":"durchlauf_erhitzer","value":"DH","bindchecked":gebaeude_aufnahme_allgemein.durchlauf_erhitzer,"label":"Durchlauferhitzer"},
+    {"id":4,"name":"standard_kessel","value":"SK","bindchecked":gebaeude_aufnahme_allgemein.standard_kessel,"label":"Standardkessel"},
+    {"id":5,"name":"solarsystem_warmwasser","value":"SSWW","bindchecked":gebaeude_aufnahme_allgemein.solarsystem_warmwasser,"label":"Solarsystem für Warmwasser"},
+    {"id":6,"name":"waermepumpe","value":"WP","bindchecked":gebaeude_aufnahme_allgemein.waermepumpe,"label":"Wärmepumpe"},
     
-    {"id":7,"name":"niedertemperatur_kessel","value":"NK","bindchecked":"{gebaeude_aufnahme_allgemein.niedertemperatur_kessel}","label":"Niedertemperaturkessel"},
-    {"id":8,"name":"brennwert_kessel","value":"BWK","bindchecked":"{gebaeude_aufnahme_allgemein.brennwert_kessel}","label":"Brennwertkessel"},
-    {"id":9,"name":"warmwasser_rohre_gedaemmt","value":"BWK","bindchecked":"{gebaeude_aufnahme_allgemein.warmwasser_rohre_gedaemmt}","label":"Warmwasserrohre gedämmt"},
-    {"id":10,"name":"heizungsrohre_gedaemmt","value":"HRGD","bindchecked":"{gebaeude_aufnahme_allgemein.heizungsrohre_gedaemmt}","label":"Heizungsrohre gedämmt"},
-    {"id":11,"name":"zirkulation","value":"ZK","bindchecked":"{gebaeude_aufnahme_allgemein.zirkulation}","label":"Zirkulation"},
-    {"id":12,"name":"raum_temperatur_regler","value":"RTR","bindchecked":"{gebaeude_aufnahme_allgemein.raum_temperatur_regler}","label":"Raumtemperaturregler"}
+    {"id":7,"name":"niedertemperatur_kessel","value":"NK","bindchecked":gebaeude_aufnahme_allgemein.niedertemperatur_kessel,"label":"Niedertemperaturkessel"},
+    {"id":8,"name":"brennwert_kessel","value":"BWK","bindchecked":gebaeude_aufnahme_allgemein.brennwert_kessel,"label":"Brennwertkessel"},
+    {"id":9,"name":"warmwasser_rohre_gedaemmt","value":"BWK","bindchecked":gebaeude_aufnahme_allgemein.warmwasser_rohre_gedaemmt,"label":"Warmwasserrohre gedämmt"},
+    {"id":10,"name":"heizungsrohre_gedaemmt","value":"HRGD","bindchecked":gebaeude_aufnahme_allgemein.heizungsrohre_gedaemmt,"label":"Heizungsrohre gedämmt"},
+    {"id":11,"name":"zirkulation","value":"ZK","bindchecked":gebaeude_aufnahme_allgemein.zirkulation,"label":"Zirkulation"},
+    {"id":12,"name":"raum_temperatur_regler","value":"RTR","bindchecked":gebaeude_aufnahme_allgemein.raum_temperatur_regler,"label":"Raumtemperaturregler"}
     ];
 
 
@@ -69,8 +69,6 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
 
 	</div>
 
-
-
 {/each}
 
 </div>
diff --git a/src/components/design/header/Header.astro b/src/components/design/header/Header.astro
index 55ce74fa..31b1adf1 100644
--- a/src/components/design/header/Header.astro
+++ b/src/components/design/header/Header.astro
@@ -2,17 +2,17 @@
 import HeaderLogin from "#header/headerLogin.svelte";
 ---
 
-<header>
+<header id="header">
 
-<div class="grid relative bg-white items-center gap-4 pt-4 px-0
+<div id="header-grid" class="grid relative bg-white items-center gap-x-4 pt-4 px-0
 
 grid-cols-1
 sm:grid-cols-1 
 md:grid-cols-1
 
-lg:grid-cols-[1fr_minmax(450px,450px)] lg:gap-3 lg:px-4 lg:py-4
-xl:grid-cols-[1fr_minmax(450px,450px)] xl:gap-4 xl:px-6 xl:py-4
-2xl:grid-cols-[1fr_minmax(450px,450px)] 2xl:gap-5 2xl:px-6 2xl:py-4">
+lg:grid-cols-[1fr_minmax(450px,450px)] lg:gap-x-3 lg:px-4 lg:py-4
+xl:grid-cols-[1fr_minmax(450px,450px)] xl:gap-x-4 xl:px-6 xl:py-4
+2xl:grid-cols-[1fr_minmax(450px,450px)] 2xl:gap-x-5 2xl:px-6 2xl:py-4">
 
 <div class="justify-self-center xs:justify-self-start">
 
@@ -23,7 +23,7 @@ lg:px-0 lg:gap-x-4">
 
 <div class="self-start justify-self-start">
 	<a href="/">
-		<img class="w-full 
+		<img id="header-logo" class="w-full 
 		xs:max-w-[64px] 
 		sm:max-w-[64px]
 		md:max-w-[64px] md:ml-6
@@ -35,7 +35,8 @@ lg:px-0 lg:gap-x-4">
 </div>
 
 <div class="self-center justify-self-center md:justify-self-start xs:mt-[20px] md:mt-[18px]">
-	<div class="text-secondary justify-self-center
+	
+	<div id="header-text-1"class="text-secondary justify-self-center
 	xs:[font-size:_clamp(15px,5vw,36px)] xs:justify-self-start xs:leading-[36px]
 
 	lg:[font-size:_clamp(15px,3vw,26px)]
@@ -43,7 +44,8 @@ lg:px-0 lg:gap-x-4">
 	xl:[font-size:_clamp(15px,3vw,36px)] 
 	xl:leading-[4.5rem] pt-[0px]">
 	Energieausweis online erstellen</div>
-	<div class="text-primary justify-self-center
+
+	<div id="header-text-2"class="text-primary justify-self-center
 	xs:[font-size:_clamp(15px,4vw,28px)] xs:justify-self-start xs:leading-[20px]
 
 	lg:[font-size:_clamp(15px,3vw,20px)] 
@@ -67,10 +69,8 @@ lg:px-0 lg:gap-x-4">
 </div>
 
 	<div class="col-start-1 col-span-3">
-		<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>			
+		<div id="header-line" class="px-2 flex flex-row w-full justify-end items-center bg-primary
+					lg:h-[12px] xl:h-[12px]"></div>			
 	</div>
 
 </header>
diff --git a/src/components/design/header/headerLogin.svelte b/src/components/design/header/headerLogin.svelte
index e32d1ccd..30ff21d3 100644
--- a/src/components/design/header/headerLogin.svelte
+++ b/src/components/design/header/headerLogin.svelte
@@ -61,7 +61,7 @@
 
 
 
-		<div class="grid grid-cols-1 lg:grid-cols-[3fr_2fr] gap-2">
+		<div id="passwort-vergessen" class="grid grid-cols-1 lg:grid-cols-[3fr_2fr] gap-2">
 		
 
 			<div class="w-full text-left self-center">
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 5fa0c3ad..c5b4545b 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -12,9 +12,67 @@ export interface Props {
 }
 
 const { title } = Astro.props;
-
 ---
 
+<script>
+window.addEventListener("scroll", (event) => {
+    let scroll = window.scrollY;
+
+	if(scroll>=144){
+		console.log(scroll);
+		document.getElementById('header').style.position = 'fixed';
+		document.getElementById('header').style.zIndex = '1000';
+		document.getElementById('header').style.width = '100%';
+		document.getElementById('header').style.top = '0';
+
+		document.getElementById('header-grid')?.classList.add('2xl:py-0');
+		document.getElementById('header-grid')?.classList.remove('2xl:py-4')
+		document.getElementById('header-grid')?.classList.remove('bg-white');
+
+		document.getElementById('header-grid')?.classList.add('bg-secondary');
+		document.getElementById('header-text-1')?.classList.add('text-white');
+		document.getElementById('header-text-1')?.classList.add('hidden');
+		document.getElementById('header-text-2')?.classList.add('hidden');
+		document.getElementById('header-line')?.classList.add('xl:h-[6px]');
+		document.getElementById('header-logo').style.height = '62px';
+		document.getElementById('header-logo')?.classList.add('xl:bg-white','xl:px-2');
+;
+		document.getElementById('card-login')?.classList.remove('lg:ring-2');
+		document.getElementById('passwort-vergessen')?.classList.add('hidden');
+
+		document.getElementById('main').style.marginTop = '211px';
+
+	}else{
+
+		document.getElementById('header').style.position = 'relative';
+		document.getElementById('header').style.zIndex = '0';
+		document.getElementById('header').style.top = '0';
+
+		document.getElementById('header-grid')?.classList.add('2xl:py-4');
+		document.getElementById('header-grid')?.classList.remove('2xl:py-0');
+
+		document.getElementById('header-grid')?.classList.add('bg-white');
+		document.getElementById('header-grid')?.classList.remove('bg-secondary');
+
+		document.getElementById('header-text-1')?.classList.remove('text-white');
+		document.getElementById('header-text-1')?.classList.remove('hidden');
+		document.getElementById('header-text-2')?.classList.remove('hidden');
+		document.getElementById('header-line')?.classList.remove('xl:h-[6px]');
+		document.getElementById('header-logo').style.height = '107.53px';
+		document.getElementById('header-logo')?.classList.remove('xl:bg-white','xl:px-2');
+
+		document.getElementById('card-login')?.classList.add('lg:ring-2');
+		document.getElementById('passwort-vergessen')?.classList.remove('hidden');
+
+		document.getElementById('main').style.marginTop = '0px';
+
+	}
+    
+
+});
+
+</script>
+
 <!DOCTYPE html>
 <html lang="de">
 	<head>
@@ -34,7 +92,7 @@ const { title } = Astro.props;
 			
 		<Header />
 	
-		<main
+		<main id="main"
 		class="w-full p-0 grid
 		xs:grid-cols-[minmax(1fr,1fr)] xs:gap-1 xs:p-0
 		sm:grid-cols-[minmax(1fr,1fr)] sm:gap-1 sm:p-0
diff --git a/src/components/Bedarfsausweis/BedarfsausweisContent.svelte b/src/modules/BedarfsausweisWohnen/BedarfsausweisContent.svelte
similarity index 96%
rename from src/components/Bedarfsausweis/BedarfsausweisContent.svelte
rename to src/modules/BedarfsausweisWohnen/BedarfsausweisContent.svelte
index ea4af1d6..53a4ba73 100644
--- a/src/components/Bedarfsausweis/BedarfsausweisContent.svelte
+++ b/src/modules/BedarfsausweisWohnen/BedarfsausweisContent.svelte
@@ -1,1313 +1,1313 @@
-<script lang="ts">
-	import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
-	import Progressbar from "#components/Ausweis/Progressbar.svelte";
-	import Hilfe from "#components/Ausweis/Hilfe.svelte";
-	import Ausweisart from "#components/Ausweis/Ausweisart.svelte";
-	import Label from "#components/Label.svelte";
-	import HelpLabel from "#components/HelpLabel.svelte";
-	import ZipSearch from "#components/PlzSuche.svelte";
-	import { hotWaterProductionTypes } from "./HotWaterProductionTypes.js";
-	import BilderZusatzsysteme from "../Ausweis/BilderZusatzsysteme.svelte";
-	import moment from "moment";
-	import { BitChecker } from "src/lib/BitChecker.js";
-	import { Enums } from "@ibcornelsen/database/client";
-	import { BedarfsausweisWohnenClient, BenutzerClient, UploadedGebaeudeBild } from "#components/Ausweis/types.js";
-
-	export let ausweis: BedarfsausweisWohnenClient;
-	export let user: BenutzerClient = {} as BenutzerClient;
-
-	let gebaeude_aufnahme_allgemein = ausweis.gebaeude_aufnahme_allgemein || {};
-	let gebaeude = ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten || {};
-	let images: (UploadedGebaeudeBild & { base64?: string })[] = ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten?.gebaeude_bilder || [];
-
-	let daemmungsBreiten = [0, 0.02, 0.05, 0.08, 0.12, 0.16, 0.2, 0.3, 0.4];
-
-	let fensterArten = {
-		Einfachverglasung: 5,
-		"Holzfenster Doppelverglasung": 2.7,
-		"Kunststofffenster Doppelverglasung": 3,
-		"Alu- oder Stahlfenster Doppelverglasung": 4.3,
-		"Fenster Doppelverglasung (ab 1995)": 1.8,
-		"Fenster Doppelverglasung (U-Wert 1,1)": 1.1,
-		"Dreifach-Wärmeschutzverglasung(U-Wert 0,9)": 0.9,
-		"Dreifach-Wärmeschutzverglasung(U-Wert 0,85)": 0.85,
-		"Passivhausfenster(U-Wert 0,7)": 0.7,
-		"Passivhausfenster(U-Wert 0,6)": 0.6,
-		"Fenster mit U-Wert 2,3": 2.3,
-		"Fenster mit U-Wert 1,6": 1.6,
-		"Fenster mit U-Wert 1,7": 1.7,
-		"Fenster mit U-Wert 1,3": 1.3,
-		"Fenster mit U-Wert 1": 1,
-	};
-
-	const arrayRange = (start: number, stop: number, step: number) =>
-		Array.from(
-			{ length: (stop - start) / step + 1 },
-			(value, index) => start + index * step
-		);
-
-	function automatischAusfüllen() {
-		ausweis.baujahr_anlage = 1974;
-		ausweis.baujahr_gebaeude = 1962;
-		ausweis.anzahl_einheiten = 1;
-		ausweis.objekt_saniert = true;
-		ausweis.objekt_strasse = "Mönckebergstraße";
-		ausweis.objekt_plz = "22049";
-		ausweis.objekt_ort = "Hamburg";
-		ausweis.wohnflaeche = 152;
-		ausweis.keller_beheizt = true;
-		ausweis.dachgeschoss = Enums.Heizungsstatus.UNBEHEIZT;
-		ausweis.energieverbrauch_zeitraum = moment("04.01.2018");
-		ausweis.energietraeger_1 = "Erdgas";
-		ausweis.energietraeger_einheit_heizquelle_1 = "kWh";
-		ausweis.versorgungssysteme = BitChecker(1);
-		ausweis.fenster_dach = BitChecker(1);
-		ausweis.daemmung = BitChecker(1);
-		ausweis.objekt_typ = "Einfamilienhaus";
-		ausweis.objekt_gebaeudeteil = "Gesamtgebäude";
-		ausweis.lueftungskonzept = "Fensterlüftung";
-		ausweis.wird_gekuehlt = false;
-		ausweis.energieverbrauch_1_heizquelle_1 = 40120;
-		ausweis.energieverbrauch_2_heizquelle_1 = 42120;
-		ausweis.energieverbrauch_3_heizquelle_1 = 41120;
-		ausweis.anzahl_vollgeschosse = 2;
-		ausweis.geschosshoehe = 2.25;
-		ausweis.anzahl_gauben = 1;
-		ausweis.breite_gauben = 0.7;
-		ausweis.masse_a = 4;
-		ausweis.masse_b = 12;
-		ausweis.masse_c = 3;
-		ausweis.masse_d = 6;
-		ausweis.masse_e = 4;
-		ausweis.masse_f = 9;
-		ausweis.fensterflaeche_so_sw = 8;
-		ausweis.fensterflaeche_nw_no = 8;
-		ausweis.aussenwandflaeche_unbeheizt = 15;
-		ausweis.fenster_flaeche_1 = 16;
-		ausweis.fenster_art_1 = 5;
-		ausweis.fenster_flaeche_2 = 0;
-		ausweis.fenster_art_2 = 5;
-		ausweis.dachfenster_flaeche = 12;
-		ausweis.dachfenster_art = 5;
-		ausweis.haustuer_flaeche = 2;
-		ausweis.haustuer_art = 5;
-		ausweis.dach_bauart = "Massive Konstruktion";
-		ausweis.dach_daemmung = 0;
-		ausweis.decke_bauart = "Massive Konstruktion";
-		ausweis.decke_daemmung = 0.02;
-		ausweis.aussenwand_bauart = "Massive Konstruktion";
-		ausweis.aussenwand_daemmung = 0.05;
-		ausweis.boden_bauart = "Massive Konstruktion";
-		ausweis.boden_daemmung = 0.08;
-		ausweis.warmwasser_verteilung = "zvmzbis1978";
-		ausweis.warmwasser_speicherung = "zwwsath";
-		ausweis.warmwasser_erzeugung = "ktkesselbis1986";
-		ausweis.heizung_zentral = false;
-		ausweis.heizung_verteilung = "zv7055bis1978";
-		ausweis.waerme_erzeugung_heizung = "ktkesselbis1986h";
-		ausweis.heizung_speicherung = "elzs7055bis1994";
-		ausweis.energietraeger_2 = "Braunkohle";
-		ausweis.anteil_zusatzheizung = 0.7;
-		ausweis = ausweis;
-	}
-</script>
-
-<div class="flex flex-row gap-8 items-center mb-8">
-	<div class="flex flex-col w-full">
-		<h1>Bedarfsausweis erstellen - 75€</h1>
-		<Progressbar progress={0} />
-	</div>
-
-	<PerformanceScore {ausweis} {gebaeude} {gebaeude_aufnahme_allgemein} />
-</div>
-
-<form action="FORM/transfer/VA_1to2" enctype="multipart/form-data">
-	<fieldset
-		class="bg-[rgba(252,234,187,0.2)] border-2 p-4 rounded-lg border-[#ffcc03]"
-	>
-		<div class="flex flex-row justify-between">
-			<a class="button" href="/speichern">Später Weitermachen</a>
-			<div class="flex gap-4">
-				<Hilfe />
-				<button
-					on:click={automatischAusfüllen}
-					type="button"
-					class="button">Automatisch Ausfüllen</button
-				>
-			</div>
-		</div>
-
-		<hr />
-		<Label>A - Prüfung der Ausweisart</Label>
-		<Ausweisart bind:gebaeude
-		bind:gebaeude_aufnahme_allgemein
-		bind:ausweis />
-		<hr />
-		<Label
-			>B - Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Gebäudetyp
-			und Gebäudeteil</Label
-		>
-		<div class="GRB">
-			<div>
-				<HelpLabel title="Straße, Hausnummer *"
-					>Bitte geben Sie hier die Straße und Hausnummer des Gebäudes
-					ein.</HelpLabel
-				>
-				<div>
-					<input
-						name="objekt_strasse"
-						class=" strasse"
-						type="text"
-						bind:value={ausweis.objekt_strasse}
-						required
-					/>
-				</div>
-			</div>
-
-			<ZipSearch
-				bind:zip={ausweis.objekt_plz}
-				bind:city={ausweis.objekt_ort}
-				name="zip"
-			/>
-
-			<div>
-				<HelpLabel title="Ort *"
-					>Ort des Gebäudes wird automatisch ermittelt.</HelpLabel
-				>
-				<div>
-					<input
-						name="objekt_ort"
-						type="text"
-						bind:value={ausweis.objekt_ort}
-					/>
-				</div>
-			</div>
-
-			<div>
-				<HelpLabel title="Wohnfläche m² *"
-					>Bitte geben Sie hier die beheizte Wohnfläche in m² ein.
-					Dabei handelt es sich um die Wohnfläche abzüglich
-					vorhandener Flächen die sich außerhalb des Gebäudes
-					befinden. (Balkone, Terassen,etc.).</HelpLabel
-				>
-				<div>
-					<input
-						name="wohnflaeche"
-						type="number"
-						required
-						bind:value={ausweis.wohnflaeche}
-					/>
-				</div>
-			</div>
-
-			<div>
-				<HelpLabel title="Gebäudetyp *"
-					>Bitte wählen Sie hier den Gebäudetyp aus.
-				</HelpLabel>
-				<div>
-					<select
-						name="objekt_typ"
-						bind:value={ausweis.objekt_typ}
-						required
-					>
-						<option>Bitte auswählen</option>
-						<option value="Einfamilienhaus">
-							Einfamilienhaus</option
-						>
-						<option value="Freistehendes Einfamilienhaus">
-							Freistehendes Einfamilienhaus</option
-						>
-						<option value="Freistehendes Zweifamilienhaus">
-							Freistehendes Zweifamilienhaus</option
-						>
-						<option value="Doppelhaushälfte">
-							Doppelhaushälfte</option
-						>
-						<option value="Reihenendhaus"> Reihenendhaus</option>
-						<option value="Reihenmittelhaus">
-							Reihenmittelhaus</option
-						>
-						<option value="Mehrfamilienhaus">
-							Mehrfamilienhaus</option
-						>
-						<option value="Wohn- und Geschäftshaus">
-							Wohn- und Geschäftshaus</option
-						>
-						<option value="Atrium-Bungalow">
-							Atrium-Bungalow</option
-						>
-						<option value="Winkelbungalow"> Winkelbungalow</option>
-					</select>
-				</div>
-			</div>
-
-			<div>
-				<HelpLabel title="Gebäudeteil *"
-					>Bitte geben Sie hier den Gebäudeteil ein. In den meisten
-					Fällen handelt es sich um das Gesamtgebäude. Sollte es sich
-					allerdings um ein Gebäude mit mehr als 10% Gewerbeanteil
-					handeln, so sollten 2 Ausweise erstellt werden. In diesem
-					Fall wählen Sie Gebäudeteil 'Wohnen' bzw. Gebäudeteil
-					'Gewerbe'.</HelpLabel
-				>
-				<div>
-					<select
-						name="objekt_gebaeudeteil"
-						bind:value={ausweis.objekt_gebaeudeteil}
-						required
-					>
-						<option>Bitte auswählen</option>
-						<option value="Gesamtgebäude"> Gesamtgebäude</option>
-						<option value="Wohnen"> Wohnen</option>
-					</select>
-				</div>
-			</div>
-		</div>
-
-		<hr />
-		<Label
-			>C - Berechnungshilfe und Tabelle der Hüllflächen, U-Werte und
-			Gebäudevolumen</Label
-		>
-		<div class="grid grid-cols-[3fr_2fr] gap-4">
-			<div class="GRB3 gap-4">
-				<HelpLabel
-					title="Berechnungshilfe - Eingabe der Grundfläche, Gechossanzahl und -höhe"
-					>Hier wählen Sie Ihren passenden Grundriss aus, und tragen
-					die entsprechenden Maße unten ein. Bitte berücksichtigen Sie
-					nur den Grundriss der zum beheizten Gebäude gehört. Garagen
-					oder Schuppen die an das Haus herangebaut sind aber keine
-					Verbindung zum Wohnhaus haben bitte weglassen.</HelpLabel
-				>
-
-				<div class="grid grid-cols-4 gap-4">
-					<div>
-						<HelpLabel title="Anzahl Vollgeschosse *"
-							>Bitte geben Sie hier die Anzahl der Vollgeschosse
-							an. Keller und Dachgeschoss mit Schrägen zählen
-							nicht dazu.</HelpLabel
-						>
-						<input
-							name="anzahl_vollgeschosse"
-							bind:value={ausweis.anzahl_vollgeschosse}
-							type="number"
-							required
-						/>
-					</div>
-
-					<div>
-						<HelpLabel title="Geschosshöhe *"
-							>Bitte geben Sie hier die Geschosshöhe (lichte
-							Raumhöhe + Deckenstärke) des Gebäudes ein. Bei
-							unterschiedlichen Geschosshöhen bilden Sie einen
-							Mittelwert.</HelpLabel
-						>
-						<select
-							name="geschosshoehe"
-							bind:value={ausweis.geschosshoehe}
-							required
-						>
-							<option>Bitte auswählen</option>
-							{#each arrayRange(2.1, 4.5, 0.1) as step}
-								<option value={step}>{step.toFixed(2)} m</option
-								>
-							{/each}
-						</select>
-					</div>
-
-					<div>
-						<HelpLabel title="Gaubenanzahl"
-							>Wenn Ihr Gebäude Dachgauben besitzt geben Sie hier
-							die Anzahl ein.</HelpLabel
-						>
-						<input
-							name="anzahl_gauben"
-							bind:value={ausweis.anzahl_gauben}
-							type="number"
-						/>
-					</div>
-
-					<div>
-						<HelpLabel title="Breite aller Gauben in m"
-							>Bitte geben Sie hier die Gesamtbreite aller Gauben
-							in m ein.</HelpLabel
-						>
-						<select
-							name="breite_gauben"
-							bind:value={ausweis.breite_gauben}
-						>
-							<option>Bitte auswählen</option>
-							{#each arrayRange(0.5, 10, 0.1) as step}
-								<option value={step}>{step.toFixed(2)} m</option
-								>
-							{/each}
-						</select>
-					</div>
-				</div>
-
-				<div class="grid grid-cols-4 gap-4">
-					<img src="/images/r.png" alt="rechteck" />
-					<img src="/images/l.png" alt="l-form" />
-					<img src="/images/t.png" alt="t-form" />
-					<img src="/images/u.png" alt="u-form" />
-				</div>
-
-				<div class="grid grid-cols-6 gap-4">
-					<div>
-						<HelpLabel title="A"
-							>Bitte Eingabe in m. Punkt statt Komma verwenden
-							z.B.: 10.40 (Eingabebeispiel)</HelpLabel
-						>
-						<input
-							name="masse_a"
-							type="number"
-							bind:value={ausweis.masse_a}
-						/>
-					</div>
-					<div>
-						<Label>B</Label>
-						<input
-							name="masse_b"
-							type="number"
-							bind:value={ausweis.masse_b}
-						/>
-					</div>
-					<div>
-						<Label>C</Label>
-						<input
-							name="masse_c"
-							type="number"
-							bind:value={ausweis.masse_c}
-						/>
-					</div>
-					<div>
-						<Label>D</Label>
-						<input
-							name="masse_d"
-							type="number"
-							bind:value={ausweis.masse_d}
-						/>
-					</div>
-					<div>
-						<Label>E</Label>
-						<input
-							name="masse_e"
-							type="number"
-							bind:value={ausweis.masse_e}
-						/>
-					</div>
-					<div>
-						<Label>F</Label>
-						<input
-							name="masse_f"
-							type="number"
-							bind:value={ausweis.masse_f}
-						/>
-					</div>
-				</div>
-
-				<div class="grid grid-cols-3 gap-4">
-					<div>
-						<Label>Fensterfläche Südost bis Südwest in m²</Label>
-						<input
-							name="fensterflaeche_so_sw"
-							bind:value={ausweis.fensterflaeche_so_sw}
-							type="number"
-						/>
-					</div>
-					<div>
-						<Label>Fensterfläche Nordwest bis Nordost in m²</Label>
-						<input
-							name="fensterflaeche_nw_no"
-							bind:value={ausweis.fensterflaeche_nw_no}
-							type="number"
-						/>
-					</div>
-					<div>
-						<Label>Außenwandfläche an unbeheizten Vorbau</Label>
-						<input
-							name="aussenwandflaeche_unbeheizt"
-							bind:value={ausweis.aussenwandflaeche_unbeheizt}
-							type="number"
-						/>
-					</div>
-				</div>
-			</div>
-			<div class="GRB3">
-				<HelpLabel title="Außenflächen, U-Werte und Volumen"
-					>Die wärmeübertragende Umfassungsflächen sind die
-					Hüllflächen des beheizten Gebäudes die an die Außenluft bzw.
-					an unbeheizte Vorbauten grenzen. Wenn Ihnen die
-					Außenwand-,Dach-,Decken- und Bodenflächen vorliegen können
-					Sie die Eingabe direkt vornehmen. Hier können Sie auch das
-					von den Umfassungsflächen eingeschlossene Volumen des
-					Gebäudes eingeben. Die ermittelten Werte der
-					Berechnungshilfe können hier präzisiert werden.</HelpLabel
-				>
-				<div class="flex flex-row items-center gap-4">
-					<Label>Tabellenwerte manuell ändern</Label>
-					<input
-						type="checkbox"
-						bind:checked={ausweis.tabellenwerte_aendern}
-						name="tabellenwerte_aendern"
-					/>
-				</div>
-
-				<div class="grid grid-cols-2 gap-4">
-					<div>
-						<Label>Dachfläche in m²</Label>
-						<input
-							name="dachflaeche"
-							bind:value={ausweis.dachflaeche}
-							readonly={!ausweis.tabellenwerte_aendern}
-							type="number"
-						/>
-					</div>
-					<div>
-						<Label>U-Wert in W/m²K</Label>
-						<input
-							name="dach_u_wert"
-							bind:value={ausweis.dach_u_wert}
-							readonly={!ausweis.tabellenwerte_aendern}
-							type="number"
-						/>
-					</div>
-				</div>
-
-				<div class="grid grid-cols-2 gap-4">
-					<div>
-						<Label>Geschoßdecke in m²</Label>
-						<input
-							name="deckenflaeche"
-							bind:value={ausweis.deckenflaeche}
-							readonly={!ausweis.tabellenwerte_aendern}
-							type="number"
-						/>
-					</div>
-					<div>
-						<Label>U-Wert in W/m²K</Label>
-						<input
-							name="decke_u_wert"
-							bind:value={ausweis.decke_u_wert}
-							readonly={!ausweis.tabellenwerte_aendern}
-							type="number"
-						/>
-					</div>
-				</div>
-
-				<div class="grid grid-cols-2 gap-4">
-					<div>
-						<Label>Außenwand in m²</Label>
-						<input
-							name="aussenwand_flaeche"
-							bind:value={ausweis.aussenwand_flaeche}
-							readonly={!ausweis.tabellenwerte_aendern}
-							type="number"
-						/>
-					</div>
-					<div>
-						<Label>U-Wert in W/m²K</Label>
-						<input
-							name="aussenwand_u_wert"
-							bind:value={ausweis.aussenwand_u_wert}
-							readonly={!ausweis.tabellenwerte_aendern}
-							type="number"
-						/>
-					</div>
-				</div>
-
-				<div class="grid grid-cols-2 gap-4">
-					<div>
-						<Label>Fußboden in m²</Label>
-						<input
-							name="fussboden_flaeche"
-							bind:value={ausweis.fussboden_flaeche}
-							readonly={!ausweis.tabellenwerte_aendern}
-							type="number"
-						/>
-					</div>
-					<div>
-						<Label>U-Wert in W/m²K</Label>
-						<input
-							name="fussboden_u_wert"
-							bind:value={ausweis.fussboden_u_wert}
-							readonly={!ausweis.tabellenwerte_aendern}
-							type="number"
-						/>
-					</div>
-				</div>
-
-				<div>
-					<Label
-						>Das von den Flächen eingeschlossene Gebäudevolumen in
-						m³</Label
-					>
-					<input
-						name="volumen"
-						type="number"
-						bind:value={ausweis.volumen}
-						readonly={!ausweis.tabellenwerte_aendern}
-					/>
-				</div>
-
-				<div>
-					<Label>Blower-Door-Test erfolgreich durchgeführt</Label>
-					<div class="flex flex-row gap-4">
-						<label class="radio-inline"
-							><input
-								type="radio"
-								value={true}
-								bind:group={ausweis.dicht}
-								name="dichtheit"
-							/>Ja</label
-						>
-						<label class="radio-inline"
-							><input
-								type="radio"
-								value={false}
-								bind:group={ausweis.dicht}
-								name="dichtheit"
-							/>Nein</label
-						>
-					</div>
-				</div>
-			</div>
-		</div>
-		<hr />
-		<Label
-			>D - Eingabe der Fensterflächen und Konstruktion von Dach, Wänden
-			und Boden</Label
-		>
-		<div class="box grid grid-cols-4 gap-4">
-			<div>
-				<HelpLabel title="Fensterfläche 1 in m² *"
-					>Bitte geben Sie hier die Fläche der Fenster ein.</HelpLabel
-				>
-				<input
-					name="fenster_flaeche_1"
-					bind:value={ausweis.fenster_flaeche_1}
-					type="number"
-					required
-					placeholder="0"
-				/>
-			</div>
-
-			<div>
-				<HelpLabel title="Art der Fenster *"
-					>Bitte geben Sie hier die Art der Fenster ein.</HelpLabel
-				>
-				<select name="fenster_art_1" bind:value={ausweis.fenster_art_1}>
-					<option>bitte auswählen</option>
-					{#each Object.entries(fensterArten) as [name, value]}
-						<option {value}>{name}</option>
-					{/each}
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Fensterfläche 2 in m² *"
-					>Wenn vorhanden geben Sie hier die Fläche der Fenster ein
-					die älter sind oder einen anderen U-Wert besitzen.</HelpLabel
-				>
-				<input
-					name="fenster_flaeche_2"
-					type="number"
-					bind:value={ausweis.fenster_flaeche_2}
-				/>
-			</div>
-
-			<div>
-				<HelpLabel title="Art der Fenster *"
-					>Bitte geben Sie hier die Art der Fenster ein.</HelpLabel
-				>
-				<select
-					name="fenster_art_2"
-					bind:value={ausweis.fenster_art_2}
-					required
-				>
-					<option>bitte auswählen</option>
-					{#each Object.entries(fensterArten) as [name, value]}
-						<option {value}>{name}</option>
-					{/each}
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Dachfenster in m² *"
-					>Bitte geben Sie hier die Fläche der Dachfenster ein.</HelpLabel
-				>
-				<input
-					name="dachfenster_flaeche"
-					type="number"
-					bind:value={ausweis.dachfenster_flaeche}
-				/>
-			</div>
-
-			<div>
-				<HelpLabel title="Art der Dachfenster *"
-					>Bitte geben Sie hier die Art der Fenster ein.</HelpLabel
-				>
-				<select
-					name="dachfenster_art"
-					bind:value={ausweis.dachfenster_art}
-				>
-					<option>bitte auswählen</option>
-					{#each Object.entries(fensterArten) as [name, value]}
-						<option {value}>{name}</option>
-					{/each}
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Haustür in m² *"
-					>Bitte geben Sie hier die Fläche der Haustür ein.</HelpLabel
-				>
-				<input
-					name="haustuer_flaeche"
-					type="number"
-					bind:value={ausweis.haustuer_flaeche}
-				/>
-			</div>
-
-			<div>
-				<HelpLabel title="Art der Tür *"
-					>Bitte geben Sie hier die Art der Haustür ein.</HelpLabel
-				>
-				<select
-					name="haustuer_art"
-					bind:value={ausweis.haustuer_art}
-					required
-				>
-					<option>bitte auswählen</option>
-					<option value="1.8">Standard (U-Wert 1,8)</option>
-					<option value="5">Ganz alte Tür (U-Wert 5,0)</option>
-					<option value="2.7">U-Wert 2,7</option>
-					<option value="3">U-Wert 3,0</option>
-					<option value="4.3">U-Wert 4,3</option>
-					<option value="1.1">U-Wert 1,1</option>
-					<option value="0.9">U-Wert 0,9</option>
-					<option value="0.85">U-Wert 0,85</option>
-					<option value="0.7">Passivhaustür (U-Wert 0,7)</option>
-					<option value="0.6">Passivhaustür (U-Wert 0,6)</option>
-					<option value="2.3">U-Wert 2,3</option>
-					<option value="1.6">U-Wert 1,6</option>
-					<option value="1.7">U-Wert 1,7</option>
-					<option value="1.3">U-Wert 1,3</option>
-					<option value="1">U-Wert 1,0</option>
-				</select>
-			</div>
-		</div>
-
-		<hr />
-		<div class="box grid grid-cols-4 gap-4">
-			<div>
-				<HelpLabel title="Bauart Dachfläche *"
-					>Bitte geben Sie hier die Bauart der Dachfläche ein.</HelpLabel
-				>
-				<select
-					name="dach_bauart"
-					bind:value={ausweis.dach_bauart}
-					required
-				>
-					<option>bitte auswählen</option>
-					<option value="Massive Konstruktion"
-						>Massive Konstruktion (insbesondere Flachdächer)</option
-					>
-					<option value="Holzkonstruktion"
-						>Holzkonstruktion (insbesondere Steildächer)</option
-					>
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="nachträgliche Dämmung"
-					>Bitte geben Sie hier die nachträgliche Dämmung ein.</HelpLabel
-				>
-				<select
-					name="dach_daemmung"
-					bind:value={ausweis.dach_daemmung}
-					required
-				>
-					<option>bitte auswählen</option>
-					{#each daemmungsBreiten as breite}
-						<option value={breite}>{breite * 100} cm</option>
-					{/each}
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Bauart Geschossdecke *"
-					>Bitte geben Sie hier die Bauart der Geschossdecke ein.</HelpLabel
-				>
-				<select
-					name="decke_bauart"
-					bind:value={ausweis.decke_bauart}
-					required
-				>
-					<option>bitte auswählen</option>
-					<option value="Massive Konstruktion"
-						>Massive Konstruktion (insbesondere Flachdächer)</option
-					>
-					<option value="Holzkonstruktion"
-						>Holzkonstruktion (insbesondere Steildächer)</option
-					>
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="nachträgliche Dämmung"
-					>Bitte geben Sie hier die nachträgliche Dämmung ein.</HelpLabel
-				>
-				<select
-					name="decke_daemmung"
-					bind:value={ausweis.decke_daemmung}
-					required
-				>
-					<option>bitte auswählen</option>
-					{#each daemmungsBreiten as breite}
-						<option value={breite}>{breite * 100} cm</option>
-					{/each}
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Bauart Außenwand *"
-					>Bitte geben Sie hier die Bauart der Außenwand ein.</HelpLabel
-				>
-				<select
-					name="aussenwand_bauart"
-					bind:value={ausweis.aussenwand_bauart}
-					required
-				>
-					<option>bitte auswählen</option>
-					<option value="Massive Konstruktion"
-						>Massive Konstruktion (insbesondere Flachdächer)</option
-					>
-					<option value="Holzkonstruktion"
-						>Holzkonstruktion (insbesondere Steildächer)</option
-					>
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="nachträgliche Dämmung"
-					>Bitte geben Sie hier die nachträgliche Dämmung ein.</HelpLabel
-				>
-				<select
-					name="aussenwand_daemmung"
-					bind:value={ausweis.aussenwand_daemmung}
-					required
-				>
-					<option>bitte auswählen</option>
-					{#each daemmungsBreiten as breite}
-						<option value={breite}>{breite * 100} cm</option>
-					{/each}
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Bauart Fußboden *"
-					>Bitte geben Sie hier die Bauart des Fußbodens ein.</HelpLabel
-				>
-				<select
-					name="boden_bauart"
-					bind:value={ausweis.boden_bauart}
-					required
-				>
-					<option>bitte auswählen</option>
-					<option value="Massive Konstruktion"
-						>Massive Konstruktion (insbesondere Flachdächer)</option
-					>
-					<option value="Holzkonstruktion"
-						>Holzkonstruktion (insbesondere Steildächer)</option
-					>
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="nachträgliche Dämmung"
-					>Bitte geben Sie hier die nachträgliche Dämmung ein.</HelpLabel
-				>
-				<select
-					name="boden_daemmung"
-					bind:value={ausweis.boden_daemmung}
-					required
-				>
-					<option>bitte auswählen</option>
-					{#each daemmungsBreiten as breite}
-						<option value={breite}>{breite * 100} cm</option>
-					{/each}
-				</select>
-			</div>
-		</div>
-
-		<hr />
-		<Label>E - Angabe zu Keller, Dachgeschoss, Lüftung und Kühlung</Label>
-		<div class="box">
-			<div class="grid grid-cols-4 gap-4 w-full">
-				<div>
-					<label class="control-label" for="keller_beheizt"
-						>Keller *
-					</label>
-					<div>
-						<select
-							name="keller_beheizt"
-							bind:value={ausweis.keller_beheizt}
-							required
-						>
-							<option> Bitte auswählen</option>
-							<option value={false}> nicht vorhanden</option>
-							<option value={false}> unbeheizt</option>
-							<option value={true}> beheizt</option>
-						</select>
-					</div>
-				</div>
-
-				<div>
-					<label class="control-label" for="dachgeschoss"
-						>Dachgeschoss *
-					</label>
-					<div>
-						<select
-							name="dachgeschoss"
-							bind:value={ausweis.dachgeschoss}
-							required
-						>
-							<option> 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>
-				</div>
-
-				<div>
-					<HelpLabel title="Lüftung erfolgt durch:"
-						>Bitte geben Sie hier ein ob über die Fenster natürlich
-						belüftet wird oder über eine Lüftungsanlage.</HelpLabel
-					>
-					<div>
-						<select
-							name="lueftungskonzept"
-							bind:value={ausweis.lueftungskonzept}
-							required
-						>
-							<option> Bitte auswählen</option>
-							<option value="Fensterlüftung">
-								Fensterlüftung</option
-							>
-							<option value="Schachtlüftung">
-								Schachtlüftung</option
-							>
-							<option
-								value="Lüftungsanlage ohne Wärmerückgewinnung"
-							>
-								Lüftungsanlage ohne Wärmerückgewinnung</option
-							>
-							<option
-								value="Lüftungsanlage mit Wärmerückgewinnung"
-							>
-								Lüftungsanlage mit Wärmerückgewinnung</option
-							>
-						</select>
-					</div>
-				</div>
-
-				<div>
-					<HelpLabel title="Anlage zur Kühlung"
-						>Bitte geben Sie an ob das Gebäude im Sommer zusätzlich
-						gekühlt wird.</HelpLabel
-					>
-					<div>
-						<select
-							name="wird_gekuehlt"
-							bind:value={ausweis.wird_gekuehlt}
-							required
-						>
-							<option> Bitte auswählen</option>
-							<option value={true}> vorhanden</option>
-							<option value={false}> nicht vorhanden</option>
-						</select>
-					</div>
-				</div>
-			</div>
-
-			<div>
-				<HelpLabel
-					title="Alternative Energieversorgungssyteme werden genutzt für"
-					>Bitte setzen Sie den Haken falls nachhaltige CO2-Effiziente
-					Heizungssysteme vorhanden sind. Das wäre beispielsweise bei
-					Pelletofen, Wärmepumpe, BHKW, Solarsystem, etc. der Fall.</HelpLabel
-				>
-				<div class="grid grid-cols-4 gap-4 w-full">
-					<label class="checkbox-inline"
-						><input
-							type="checkbox"
-							name="energiequelle_2_nutzung_1"
-							bind:checked={ausweis.energiequelle_2_nutzung[0]}
-							value="Heizung"
-						/>Heizung</label
-					>
-					<label class="checkbox-inline"
-						><input
-							type="checkbox"
-							name="energiequelle_2_nutzung_2"
-							bind:checked={ausweis.energiequelle_2_nutzung[1]}
-							value="Warmwasser"
-						/>Warmwasser</label
-					>
-					<label class="checkbox-inline"
-						><input
-							type="checkbox"
-							name="energiequelle_2_nutzung_3"
-							bind:checked={ausweis.energiequelle_2_nutzung[2]}
-							value="Lüftung"
-						/>Lüftung</label
-					>
-					<label class="checkbox-inline"
-						><input
-							type="checkbox"
-							name="energiequelle_2_nutzung_4"
-							bind:checked={ausweis.energiequelle_2_nutzung[3]}
-							value="Kühlung"
-						/>Kühlung</label
-					>
-				</div>
-			</div>
-		</div>
-
-		<hr />
-		<Label>F - Eingabe der Heizungsanlage</Label>
-		<div class="box grid grid-cols-4 gap-4">
-			<div>
-				<HelpLabel title="Energieträger *"
-					>Bitte geben Sie hier den Energieträger der Heizung ein.</HelpLabel
-				>
-				<select
-					name="energietraeger_1"
-					bind:value={ausweis.energietraeger_1}
-					required
-				>
-					<option>Bitte auswählen</option>
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Verteilung Warmwasser *"
-					>Bitte geben Sie hier die Warmwasserverteilung ein.</HelpLabel
-				>
-				<select
-					name="warmwasser_verteilung"
-					bind:value={ausweis.warmwasser_verteilung}
-				>
-					<option>Bitte auswählen</option>
-					<option value="zvmzbis1978"
-						>zentrale Verteilung mit Zirkulation (bis 1978)</option
-					>
-					<option value="zvmzngbis1978"
-						>zentrale Verteilung mit Zirkulation nachträglich
-						gedämmt (bis 1978)</option
-					>
-					<option value="zvmzvon1979bis1994"
-						>zentrale Verteilung mit Zirkulation (von 1979 - 1994)</option
-					>
-					<option value="zvmzab1995"
-						>zentrale Verteilung mit Zirkulation (ab 1994)</option
-					>
-					<option value="zvozbis1978"
-						>zentrale Verteilung ohne Zirkulation (bis 1978)</option
-					>
-					<option value="zvozngbis1978"
-						>zentrale Verteilung ohne Zirkulation nachträglich
-						gedämmt (bis 1978)</option
-					>
-					<option value="zvozvon1979bis1994"
-						>zentrale Verteilung ohne Zirkulation (von 1979 - 1994)</option
-					>
-					<option value="zvozab1995"
-						>zentrale Verteilung ohne Zirkulation (ab 1994)</option
-					>
-					<option value="dzsbis1994"
-						>dezentrales System (bis 1994)</option
-					>
-					<option value="dzsab1995"
-						>dezentrales System (ab 1995)</option
-					>
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Speicherung Warmwasser"
-					>Bitte geben Sie hier wenn vorhanden die Art des
-					Warmwasserspeichers ein.</HelpLabel
-				>
-				<select
-					name="warmwasser_speicherung"
-					bind:value={ausweis.warmwasser_speicherung}
-				>
-					<option>Bitte auswählen</option>
-					<option value="zwwsath"
-						>zentrale Warmwasserspeicher außerhalb thermischer Hülle</option
-					>
-					<option value="zwwsith"
-						>zentrale Warmwasserspeicher innerhalb thermischer Hülle</option
-					>
-					<option value="gasbs">gasbefeuerter Speicher</option>
-					<option value="elks">Elektro-Kleinspeicher</option>
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Erzeugung Warmwasser *"
-					>Bitte geben Sie hier die Wärmeerzeugung für Warmwasser ein.</HelpLabel
-				>
-				<select
-					name="warmwasser_erzeugung"
-					bind:value={ausweis.warmwasser_erzeugung}
-					required
-				>
-					<option>Bitte auswählen</option>
-					{#each hotWaterProductionTypes as type, i}
-						<option value={i}>{type}</option>
-					{/each}
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Übergabe Heizung *"
-					>Bitte geben Sie hier ein ob es sich um Zentralheizung
-					handelt oder über Beheizung durch dezentrale Einzelöfen.</HelpLabel
-				>
-				<select
-					name="heizung_zentral"
-					bind:value={ausweis.heizung_zentral}
-				>
-					<option>Bitte auswählen</option>
-					<option value={true}>Zentralheizung</option>
-					<option value={false}>Einzelfeuerstätte</option>
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Verteilung Heizung *"
-					>Bitte geben Sie hier die Verteilung der Heizung ein.</HelpLabel
-				>
-				<select
-					name="heizung_verteilung"
-					bind:value={ausweis.heizung_verteilung}
-				>
-					<option>Bitte auswählen</option>
-					<option value="zv7055bis1978"
-						>zentrale Verteilung 70/55°C bis 1978</option
-					>
-					<option value="zv7055ngbis1978"
-						>zentrale Verteilung 70/55°C, nachträglich gedämmt bis
-						1978</option
-					>
-					<option value="zv7055von1979bis1994"
-						>zentrale Verteilung 70/55°C von 1979 bis 1994</option
-					>
-					<option value="zv7055ab1995"
-						>zentrale Verteilung 70/55°C ab 1995</option
-					>
-					<option value="zv5545bis1978"
-						>zentrale Verteilung 55/45°C bis 1978</option
-					>
-					<option value="zv5545ngbis1978"
-						>zentrale Verteilung 55/45°C, nachträglich gedämmt bis
-						1978</option
-					>
-					<option value="zv5545von1979bis1994"
-						>zentrale Verteilung 55/45°C von 1979 bis 1994</option
-					>
-					<option value="zv5545ab1995"
-						>zentrale Verteilung 55/45°C ab 1995</option
-					>
-					<option value="wwvertbis1978"
-						>Wohnungsweise Verteilung bis 1978</option
-					>
-					<option value="wwvertvon1979bis1994"
-						>Wohnungsweise Verteilung von 1979 bis 1994</option
-					>
-					<option value="wwvertab1995"
-						>Wohnungsweise Verteilung ab 1995</option
-					>
-					<option value="dezensys">dezentrales System</option>
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Speicherung Heizung"
-					>Bitte geben Sie hier - wenn vorhanden - den Speicher der
-					Heizung ein.</HelpLabel
-				>
-				<select
-					name="heizung_speicherung"
-					bind:value={ausweis.heizung_speicherung}
-				>
-					<option>Bitte auswählen</option>
-					<option value="elzs7055bis1994"
-						>El.-Zentralspeicher 70/55°C bis 1994</option
-					>
-					<option value="elzs7055ab1995"
-						>El.-Zentralspeicher 70/55°C ab 1995</option
-					>
-					<option value="puffs5545bis1994"
-						>Pufferspeicher El.-Wärmepumpe 55/45°C bis 1994</option
-					>
-					<option value="puffs5545ab1995"
-						>Pufferspeicher El.-Wärmepumpe 55/45°C ab 1995</option
-					>
-					<option value="puffshk7055bis1994"
-						>Pufferspeicher für Holzkessel 70/55°C bis 1994</option
-					>
-					<option value="puffshk7055ab1995"
-						>Pufferspeicher für Holzkessel 70/55°C ab 1995</option
-					>
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Wärmeerzeugung Heizung *"
-					>Bitte geben Sie hier den Wärmerzeuger der Heizung ein.</HelpLabel
-				>
-				<select
-					name="waerme_erzeugung_heizung"
-					bind:value={ausweis.waerme_erzeugung_heizung}
-					required
-				>
-					<option>Bitte auswählen</option>
-					<option value="ktkesselbis1986h"
-						>Konstanttemperatur-Kessel bis 1986</option
-					>
-					<option value="ktkesselvon1987bis1994h"
-						>Konstanttemperatur-Kessel von 1987 bis 1994</option
-					>
-					<option value="ktkesselab1995h"
-						>Konstanttemperatur-Kessel ab 1995</option
-					>
-					<option value="ntkesselbis1986h"
-						>Niedertemperatur-Kessel bis 1986</option
-					>
-					<option value="ntkesselvon1987bis1994h"
-						>Niedertemperatur-Kessel von 1987 bis 1994</option
-					>
-					<option value="ntkesselab1995h"
-						>Niedertemperatur-Kessel ab 1995</option
-					>
-					<option value="bwkesselbis1986h"
-						>Brennwert-Kessel bis 1986</option
-					>
-					<option value="bwkesselvon1987bis1994h"
-						>Brennwert-Kessel von 1987 bis 1994</option
-					>
-					<option value="bwkesselab1995h"
-						>Brennwert-Kessel ab 1995</option
-					>
-					<option value="bwkesselab1999h"
-						>Brennwertkessel verbessert ab 1999</option
-					>
-					<option value="ewplhvon1979bis1994h"
-						>Elektro-Wärmepumpe (Außenluft) von 1979 bis 1994</option
-					>
-					<option value="ewplhab1995h"
-						>Elektro-Wärmepumpe (Außenluft) ab 1995</option
-					>
-					<option value="ewpemvon1979bis1994h"
-						>Elektro-Wärmepumpe (Erdreich) von 1979 bis 1994</option
-					>
-					<option value="ewpemab1995h"
-						>Elektro-Wärmepumpe (Erdreich) ab 1995</option
-					>
-					<option value="ewpgmvon1979bis1994h"
-						>Elektro-Wärmepumpe (Grundwasser) von 1979 bis 1994</option
-					>
-					<option value="ewpgmab1995h"
-						>Elektro-Wärmepumpe (Grundwasser) ab 1995</option
-					>
-					<option value="fwugsh">Fernwärme-Übergabestation</option>
-					<option value="zesh">zentraler elektrischer Speicher</option
-					>
-					<option value="thermebis1994h"
-						>Therme (Umlaufwasserheizer) bis 1994</option
-					>
-					<option value="thermeab1995h"
-						>Therme (Umlaufwasserheizer) ab 1995</option
-					>
-					<option value="bthermeab1995h"
-						>Brennwert-Therme ab 1995</option
-					>
-					<option value="oeleinzel"
-						>ölbefeuerte Einzelöfen mit Verdampfungsbrenner</option
-					>
-					<option value="kheinzel">Kohle- oder Holzofen</option>
-					<option value="greinzel">Gasraumheizer</option>
-					<option value="elnseinzelbis1994"
-						>Elektro-Nachtspeicherheizung bis 1994</option
-					>
-					<option value="elnseinzelab1995"
-						>Elektro-Nachtspeicherheizung ab 1995</option
-					>
-					<option value="eldirekt">Elektro-Direktheizgerät</option>
-				</select>
-			</div>
-		</div>
-
-		<hr />
-		<div class="box grid grid-cols-4 gap-4">
-			<div>
-				<HelpLabel title="Energieträger Zusatzheizung"
-					>Bitte geben Sie hier - wenn vorhanden - die Zusatzheizung
-					ein (z.B. Kamin, Pelletheizung).</HelpLabel
-				>
-				<select
-					name="energietraeger_2"
-					bind:value={ausweis.energietraeger_2}
-					required
-				>
-					<option>Bitte auswählen</option>
-				</select>
-			</div>
-
-			<div>
-				<HelpLabel title="Anteil am Gesamtheizbedarf des Hauses"
-					>Bitte geben Sie hier den prozentualen Anteil der
-					Zusatzheizung ein.</HelpLabel
-				>
-				<select
-					name="anteil_zusatzheizung"
-					bind:value={ausweis.anteil_zusatzheizung}
-				>
-					<option value="0" selected
-						>Anteil am Gesamtheizbedarf des Hauses</option
-					>
-					{#each arrayRange(0.01, 0.7, 0.01) as step}
-						<option value={step}>{step * 100}%</option>
-					{/each}
-				</select>
-			</div>
-			<div>
-				Wenn Sie ein Solarsystem für Warmwasser einsetzen geben Sie
-				bitte die Kollektorfläche an:
-			</div>
-			<div class="form-group col-md-1">
-				<Label>Eingabe in m²</Label>
-				<input
-					name="kollektor_flaeche"
-					bind:value={ausweis.kollektor_flaeche}
-					type="number"
-				/>
-			</div>
-		</div>
-		<hr />
-		<Label
-			>G - Bitte prüfen Sie hier die Angaben zum Sanierungszustand des
-			Gebäudes</Label
-		>
-		<BilderZusatzsysteme {ausweis} {gebaeude} {gebaeude_aufnahme_allgemein} {images} />
-		<hr />
-		<div class="flex flex-row justify-between">
-			<button class="button">Weiter</button>
-		</div>
-	</fieldset>
-</form>
+<script lang="ts">
+	import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
+	import Progressbar from "#components/Ausweis/Progressbar.svelte";
+	import Hilfe from "#components/Ausweis/Hilfe.svelte";
+	import Ausweisart from "#components/Ausweis/Ausweisart.svelte";
+	import Label from "#components/Label.svelte";
+	import HelpLabel from "#components/HelpLabel.svelte";
+	import ZipSearch from "#components/PlzSuche.svelte";
+	import { hotWaterProductionTypes } from "./HotWaterProductionTypes.js";
+	import BilderZusatzsysteme from "../../components/Ausweis/BilderZusatzsysteme.svelte";
+	import moment from "moment";
+	import { BitChecker } from "src/lib/BitChecker.js";
+	import { Enums } from "@ibcornelsen/database/client";
+	import { BedarfsausweisWohnenClient, BenutzerClient, UploadedGebaeudeBild } from "#components/Ausweis/types.js";
+
+	export let ausweis: BedarfsausweisWohnenClient;
+	export let user: BenutzerClient = {} as BenutzerClient;
+
+	let gebaeude_aufnahme_allgemein = ausweis.gebaeude_aufnahme_allgemein || {};
+	let gebaeude = ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten || {};
+	let images: (UploadedGebaeudeBild & { base64?: string })[] = ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten?.gebaeude_bilder || [];
+
+	let daemmungsBreiten = [0, 0.02, 0.05, 0.08, 0.12, 0.16, 0.2, 0.3, 0.4];
+
+	let fensterArten = {
+		Einfachverglasung: 5,
+		"Holzfenster Doppelverglasung": 2.7,
+		"Kunststofffenster Doppelverglasung": 3,
+		"Alu- oder Stahlfenster Doppelverglasung": 4.3,
+		"Fenster Doppelverglasung (ab 1995)": 1.8,
+		"Fenster Doppelverglasung (U-Wert 1,1)": 1.1,
+		"Dreifach-Wärmeschutzverglasung(U-Wert 0,9)": 0.9,
+		"Dreifach-Wärmeschutzverglasung(U-Wert 0,85)": 0.85,
+		"Passivhausfenster(U-Wert 0,7)": 0.7,
+		"Passivhausfenster(U-Wert 0,6)": 0.6,
+		"Fenster mit U-Wert 2,3": 2.3,
+		"Fenster mit U-Wert 1,6": 1.6,
+		"Fenster mit U-Wert 1,7": 1.7,
+		"Fenster mit U-Wert 1,3": 1.3,
+		"Fenster mit U-Wert 1": 1,
+	};
+
+	const arrayRange = (start: number, stop: number, step: number) =>
+		Array.from(
+			{ length: (stop - start) / step + 1 },
+			(value, index) => start + index * step
+		);
+
+	function automatischAusfüllen() {
+		ausweis.baujahr_anlage = 1974;
+		ausweis.baujahr_gebaeude = 1962;
+		ausweis.anzahl_einheiten = 1;
+		ausweis.objekt_saniert = true;
+		ausweis.objekt_strasse = "Mönckebergstraße";
+		ausweis.objekt_plz = "22049";
+		ausweis.objekt_ort = "Hamburg";
+		ausweis.wohnflaeche = 152;
+		ausweis.keller_beheizt = true;
+		ausweis.dachgeschoss = Enums.Heizungsstatus.UNBEHEIZT;
+		ausweis.energieverbrauch_zeitraum = moment("04.01.2018");
+		ausweis.energietraeger_1 = "Erdgas";
+		ausweis.energietraeger_einheit_heizquelle_1 = "kWh";
+		ausweis.versorgungssysteme = BitChecker(1);
+		ausweis.fenster_dach = BitChecker(1);
+		ausweis.daemmung = BitChecker(1);
+		ausweis.objekt_typ = "Einfamilienhaus";
+		ausweis.objekt_gebaeudeteil = "Gesamtgebäude";
+		ausweis.lueftungskonzept = "Fensterlüftung";
+		ausweis.wird_gekuehlt = false;
+		ausweis.energieverbrauch_1_heizquelle_1 = 40120;
+		ausweis.energieverbrauch_2_heizquelle_1 = 42120;
+		ausweis.energieverbrauch_3_heizquelle_1 = 41120;
+		ausweis.anzahl_vollgeschosse = 2;
+		ausweis.geschosshoehe = 2.25;
+		ausweis.anzahl_gauben = 1;
+		ausweis.breite_gauben = 0.7;
+		ausweis.masse_a = 4;
+		ausweis.masse_b = 12;
+		ausweis.masse_c = 3;
+		ausweis.masse_d = 6;
+		ausweis.masse_e = 4;
+		ausweis.masse_f = 9;
+		ausweis.fensterflaeche_so_sw = 8;
+		ausweis.fensterflaeche_nw_no = 8;
+		ausweis.aussenwandflaeche_unbeheizt = 15;
+		ausweis.fenster_flaeche_1 = 16;
+		ausweis.fenster_art_1 = 5;
+		ausweis.fenster_flaeche_2 = 0;
+		ausweis.fenster_art_2 = 5;
+		ausweis.dachfenster_flaeche = 12;
+		ausweis.dachfenster_art = 5;
+		ausweis.haustuer_flaeche = 2;
+		ausweis.haustuer_art = 5;
+		ausweis.dach_bauart = "Massive Konstruktion";
+		ausweis.dach_daemmung = 0;
+		ausweis.decke_bauart = "Massive Konstruktion";
+		ausweis.decke_daemmung = 0.02;
+		ausweis.aussenwand_bauart = "Massive Konstruktion";
+		ausweis.aussenwand_daemmung = 0.05;
+		ausweis.boden_bauart = "Massive Konstruktion";
+		ausweis.boden_daemmung = 0.08;
+		ausweis.warmwasser_verteilung = "zvmzbis1978";
+		ausweis.warmwasser_speicherung = "zwwsath";
+		ausweis.warmwasser_erzeugung = "ktkesselbis1986";
+		ausweis.heizung_zentral = false;
+		ausweis.heizung_verteilung = "zv7055bis1978";
+		ausweis.waerme_erzeugung_heizung = "ktkesselbis1986h";
+		ausweis.heizung_speicherung = "elzs7055bis1994";
+		ausweis.energietraeger_2 = "Braunkohle";
+		ausweis.anteil_zusatzheizung = 0.7;
+		ausweis = ausweis;
+	}
+</script>
+
+<div class="flex flex-row gap-8 items-center mb-8">
+	<div class="flex flex-col w-full">
+		<h1>Bedarfsausweis erstellen - 75€</h1>
+		<Progressbar progress={0} />
+	</div>
+
+	<PerformanceScore {ausweis} {gebaeude} {gebaeude_aufnahme_allgemein} />
+</div>
+
+<form action="FORM/transfer/VA_1to2" enctype="multipart/form-data">
+	<fieldset
+		class="bg-[rgba(252,234,187,0.2)] border-2 p-4 rounded-lg border-[#ffcc03]"
+	>
+		<div class="flex flex-row justify-between">
+			<a class="button" href="/speichern">Später Weitermachen</a>
+			<div class="flex gap-4">
+				<Hilfe />
+				<button
+					on:click={automatischAusfüllen}
+					type="button"
+					class="button">Automatisch Ausfüllen</button
+				>
+			</div>
+		</div>
+
+		<hr />
+		<Label>A - Prüfung der Ausweisart</Label>
+		<Ausweisart bind:gebaeude
+		bind:gebaeude_aufnahme_allgemein
+		bind:ausweis />
+		<hr />
+		<Label
+			>B - Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Gebäudetyp
+			und Gebäudeteil</Label
+		>
+		<div class="GRB">
+			<div>
+				<HelpLabel title="Straße, Hausnummer *"
+					>Bitte geben Sie hier die Straße und Hausnummer des Gebäudes
+					ein.</HelpLabel
+				>
+				<div>
+					<input
+						name="objekt_strasse"
+						class=" strasse"
+						type="text"
+						bind:value={ausweis.objekt_strasse}
+						required
+					/>
+				</div>
+			</div>
+
+			<ZipSearch
+				bind:zip={ausweis.objekt_plz}
+				bind:city={ausweis.objekt_ort}
+				name="zip"
+			/>
+
+			<div>
+				<HelpLabel title="Ort *"
+					>Ort des Gebäudes wird automatisch ermittelt.</HelpLabel
+				>
+				<div>
+					<input
+						name="objekt_ort"
+						type="text"
+						bind:value={ausweis.objekt_ort}
+					/>
+				</div>
+			</div>
+
+			<div>
+				<HelpLabel title="Wohnfläche m² *"
+					>Bitte geben Sie hier die beheizte Wohnfläche in m² ein.
+					Dabei handelt es sich um die Wohnfläche abzüglich
+					vorhandener Flächen die sich außerhalb des Gebäudes
+					befinden. (Balkone, Terassen,etc.).</HelpLabel
+				>
+				<div>
+					<input
+						name="wohnflaeche"
+						type="number"
+						required
+						bind:value={ausweis.wohnflaeche}
+					/>
+				</div>
+			</div>
+
+			<div>
+				<HelpLabel title="Gebäudetyp *"
+					>Bitte wählen Sie hier den Gebäudetyp aus.
+				</HelpLabel>
+				<div>
+					<select
+						name="objekt_typ"
+						bind:value={ausweis.objekt_typ}
+						required
+					>
+						<option>Bitte auswählen</option>
+						<option value="Einfamilienhaus">
+							Einfamilienhaus</option
+						>
+						<option value="Freistehendes Einfamilienhaus">
+							Freistehendes Einfamilienhaus</option
+						>
+						<option value="Freistehendes Zweifamilienhaus">
+							Freistehendes Zweifamilienhaus</option
+						>
+						<option value="Doppelhaushälfte">
+							Doppelhaushälfte</option
+						>
+						<option value="Reihenendhaus"> Reihenendhaus</option>
+						<option value="Reihenmittelhaus">
+							Reihenmittelhaus</option
+						>
+						<option value="Mehrfamilienhaus">
+							Mehrfamilienhaus</option
+						>
+						<option value="Wohn- und Geschäftshaus">
+							Wohn- und Geschäftshaus</option
+						>
+						<option value="Atrium-Bungalow">
+							Atrium-Bungalow</option
+						>
+						<option value="Winkelbungalow"> Winkelbungalow</option>
+					</select>
+				</div>
+			</div>
+
+			<div>
+				<HelpLabel title="Gebäudeteil *"
+					>Bitte geben Sie hier den Gebäudeteil ein. In den meisten
+					Fällen handelt es sich um das Gesamtgebäude. Sollte es sich
+					allerdings um ein Gebäude mit mehr als 10% Gewerbeanteil
+					handeln, so sollten 2 Ausweise erstellt werden. In diesem
+					Fall wählen Sie Gebäudeteil 'Wohnen' bzw. Gebäudeteil
+					'Gewerbe'.</HelpLabel
+				>
+				<div>
+					<select
+						name="objekt_gebaeudeteil"
+						bind:value={ausweis.objekt_gebaeudeteil}
+						required
+					>
+						<option>Bitte auswählen</option>
+						<option value="Gesamtgebäude"> Gesamtgebäude</option>
+						<option value="Wohnen"> Wohnen</option>
+					</select>
+				</div>
+			</div>
+		</div>
+
+		<hr />
+		<Label
+			>C - Berechnungshilfe und Tabelle der Hüllflächen, U-Werte und
+			Gebäudevolumen</Label
+		>
+		<div class="grid grid-cols-[3fr_2fr] gap-4">
+			<div class="GRB3 gap-4">
+				<HelpLabel
+					title="Berechnungshilfe - Eingabe der Grundfläche, Gechossanzahl und -höhe"
+					>Hier wählen Sie Ihren passenden Grundriss aus, und tragen
+					die entsprechenden Maße unten ein. Bitte berücksichtigen Sie
+					nur den Grundriss der zum beheizten Gebäude gehört. Garagen
+					oder Schuppen die an das Haus herangebaut sind aber keine
+					Verbindung zum Wohnhaus haben bitte weglassen.</HelpLabel
+				>
+
+				<div class="grid grid-cols-4 gap-4">
+					<div>
+						<HelpLabel title="Anzahl Vollgeschosse *"
+							>Bitte geben Sie hier die Anzahl der Vollgeschosse
+							an. Keller und Dachgeschoss mit Schrägen zählen
+							nicht dazu.</HelpLabel
+						>
+						<input
+							name="anzahl_vollgeschosse"
+							bind:value={ausweis.anzahl_vollgeschosse}
+							type="number"
+							required
+						/>
+					</div>
+
+					<div>
+						<HelpLabel title="Geschosshöhe *"
+							>Bitte geben Sie hier die Geschosshöhe (lichte
+							Raumhöhe + Deckenstärke) des Gebäudes ein. Bei
+							unterschiedlichen Geschosshöhen bilden Sie einen
+							Mittelwert.</HelpLabel
+						>
+						<select
+							name="geschosshoehe"
+							bind:value={ausweis.geschosshoehe}
+							required
+						>
+							<option>Bitte auswählen</option>
+							{#each arrayRange(2.1, 4.5, 0.1) as step}
+								<option value={step}>{step.toFixed(2)} m</option
+								>
+							{/each}
+						</select>
+					</div>
+
+					<div>
+						<HelpLabel title="Gaubenanzahl"
+							>Wenn Ihr Gebäude Dachgauben besitzt geben Sie hier
+							die Anzahl ein.</HelpLabel
+						>
+						<input
+							name="anzahl_gauben"
+							bind:value={ausweis.anzahl_gauben}
+							type="number"
+						/>
+					</div>
+
+					<div>
+						<HelpLabel title="Breite aller Gauben in m"
+							>Bitte geben Sie hier die Gesamtbreite aller Gauben
+							in m ein.</HelpLabel
+						>
+						<select
+							name="breite_gauben"
+							bind:value={ausweis.breite_gauben}
+						>
+							<option>Bitte auswählen</option>
+							{#each arrayRange(0.5, 10, 0.1) as step}
+								<option value={step}>{step.toFixed(2)} m</option
+								>
+							{/each}
+						</select>
+					</div>
+				</div>
+
+				<div class="grid grid-cols-4 gap-4">
+					<img src="/images/r.png" alt="rechteck" />
+					<img src="/images/l.png" alt="l-form" />
+					<img src="/images/t.png" alt="t-form" />
+					<img src="/images/u.png" alt="u-form" />
+				</div>
+
+				<div class="grid grid-cols-6 gap-4">
+					<div>
+						<HelpLabel title="A"
+							>Bitte Eingabe in m. Punkt statt Komma verwenden
+							z.B.: 10.40 (Eingabebeispiel)</HelpLabel
+						>
+						<input
+							name="masse_a"
+							type="number"
+							bind:value={ausweis.masse_a}
+						/>
+					</div>
+					<div>
+						<Label>B</Label>
+						<input
+							name="masse_b"
+							type="number"
+							bind:value={ausweis.masse_b}
+						/>
+					</div>
+					<div>
+						<Label>C</Label>
+						<input
+							name="masse_c"
+							type="number"
+							bind:value={ausweis.masse_c}
+						/>
+					</div>
+					<div>
+						<Label>D</Label>
+						<input
+							name="masse_d"
+							type="number"
+							bind:value={ausweis.masse_d}
+						/>
+					</div>
+					<div>
+						<Label>E</Label>
+						<input
+							name="masse_e"
+							type="number"
+							bind:value={ausweis.masse_e}
+						/>
+					</div>
+					<div>
+						<Label>F</Label>
+						<input
+							name="masse_f"
+							type="number"
+							bind:value={ausweis.masse_f}
+						/>
+					</div>
+				</div>
+
+				<div class="grid grid-cols-3 gap-4">
+					<div>
+						<Label>Fensterfläche Südost bis Südwest in m²</Label>
+						<input
+							name="fensterflaeche_so_sw"
+							bind:value={ausweis.fensterflaeche_so_sw}
+							type="number"
+						/>
+					</div>
+					<div>
+						<Label>Fensterfläche Nordwest bis Nordost in m²</Label>
+						<input
+							name="fensterflaeche_nw_no"
+							bind:value={ausweis.fensterflaeche_nw_no}
+							type="number"
+						/>
+					</div>
+					<div>
+						<Label>Außenwandfläche an unbeheizten Vorbau</Label>
+						<input
+							name="aussenwandflaeche_unbeheizt"
+							bind:value={ausweis.aussenwandflaeche_unbeheizt}
+							type="number"
+						/>
+					</div>
+				</div>
+			</div>
+			<div class="GRB3">
+				<HelpLabel title="Außenflächen, U-Werte und Volumen"
+					>Die wärmeübertragende Umfassungsflächen sind die
+					Hüllflächen des beheizten Gebäudes die an die Außenluft bzw.
+					an unbeheizte Vorbauten grenzen. Wenn Ihnen die
+					Außenwand-,Dach-,Decken- und Bodenflächen vorliegen können
+					Sie die Eingabe direkt vornehmen. Hier können Sie auch das
+					von den Umfassungsflächen eingeschlossene Volumen des
+					Gebäudes eingeben. Die ermittelten Werte der
+					Berechnungshilfe können hier präzisiert werden.</HelpLabel
+				>
+				<div class="flex flex-row items-center gap-4">
+					<Label>Tabellenwerte manuell ändern</Label>
+					<input
+						type="checkbox"
+						bind:checked={ausweis.tabellenwerte_aendern}
+						name="tabellenwerte_aendern"
+					/>
+				</div>
+
+				<div class="grid grid-cols-2 gap-4">
+					<div>
+						<Label>Dachfläche in m²</Label>
+						<input
+							name="dachflaeche"
+							bind:value={ausweis.dachflaeche}
+							readonly={!ausweis.tabellenwerte_aendern}
+							type="number"
+						/>
+					</div>
+					<div>
+						<Label>U-Wert in W/m²K</Label>
+						<input
+							name="dach_u_wert"
+							bind:value={ausweis.dach_u_wert}
+							readonly={!ausweis.tabellenwerte_aendern}
+							type="number"
+						/>
+					</div>
+				</div>
+
+				<div class="grid grid-cols-2 gap-4">
+					<div>
+						<Label>Geschoßdecke in m²</Label>
+						<input
+							name="deckenflaeche"
+							bind:value={ausweis.deckenflaeche}
+							readonly={!ausweis.tabellenwerte_aendern}
+							type="number"
+						/>
+					</div>
+					<div>
+						<Label>U-Wert in W/m²K</Label>
+						<input
+							name="decke_u_wert"
+							bind:value={ausweis.decke_u_wert}
+							readonly={!ausweis.tabellenwerte_aendern}
+							type="number"
+						/>
+					</div>
+				</div>
+
+				<div class="grid grid-cols-2 gap-4">
+					<div>
+						<Label>Außenwand in m²</Label>
+						<input
+							name="aussenwand_flaeche"
+							bind:value={ausweis.aussenwand_flaeche}
+							readonly={!ausweis.tabellenwerte_aendern}
+							type="number"
+						/>
+					</div>
+					<div>
+						<Label>U-Wert in W/m²K</Label>
+						<input
+							name="aussenwand_u_wert"
+							bind:value={ausweis.aussenwand_u_wert}
+							readonly={!ausweis.tabellenwerte_aendern}
+							type="number"
+						/>
+					</div>
+				</div>
+
+				<div class="grid grid-cols-2 gap-4">
+					<div>
+						<Label>Fußboden in m²</Label>
+						<input
+							name="fussboden_flaeche"
+							bind:value={ausweis.fussboden_flaeche}
+							readonly={!ausweis.tabellenwerte_aendern}
+							type="number"
+						/>
+					</div>
+					<div>
+						<Label>U-Wert in W/m²K</Label>
+						<input
+							name="fussboden_u_wert"
+							bind:value={ausweis.fussboden_u_wert}
+							readonly={!ausweis.tabellenwerte_aendern}
+							type="number"
+						/>
+					</div>
+				</div>
+
+				<div>
+					<Label
+						>Das von den Flächen eingeschlossene Gebäudevolumen in
+						m³</Label
+					>
+					<input
+						name="volumen"
+						type="number"
+						bind:value={ausweis.volumen}
+						readonly={!ausweis.tabellenwerte_aendern}
+					/>
+				</div>
+
+				<div>
+					<Label>Blower-Door-Test erfolgreich durchgeführt</Label>
+					<div class="flex flex-row gap-4">
+						<label class="radio-inline"
+							><input
+								type="radio"
+								value={true}
+								bind:group={ausweis.dicht}
+								name="dichtheit"
+							/>Ja</label
+						>
+						<label class="radio-inline"
+							><input
+								type="radio"
+								value={false}
+								bind:group={ausweis.dicht}
+								name="dichtheit"
+							/>Nein</label
+						>
+					</div>
+				</div>
+			</div>
+		</div>
+		<hr />
+		<Label
+			>D - Eingabe der Fensterflächen und Konstruktion von Dach, Wänden
+			und Boden</Label
+		>
+		<div class="box grid grid-cols-4 gap-4">
+			<div>
+				<HelpLabel title="Fensterfläche 1 in m² *"
+					>Bitte geben Sie hier die Fläche der Fenster ein.</HelpLabel
+				>
+				<input
+					name="fenster_flaeche_1"
+					bind:value={ausweis.fenster_flaeche_1}
+					type="number"
+					required
+					placeholder="0"
+				/>
+			</div>
+
+			<div>
+				<HelpLabel title="Art der Fenster *"
+					>Bitte geben Sie hier die Art der Fenster ein.</HelpLabel
+				>
+				<select name="fenster_art_1" bind:value={ausweis.fenster_art_1}>
+					<option>bitte auswählen</option>
+					{#each Object.entries(fensterArten) as [name, value]}
+						<option {value}>{name}</option>
+					{/each}
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Fensterfläche 2 in m² *"
+					>Wenn vorhanden geben Sie hier die Fläche der Fenster ein
+					die älter sind oder einen anderen U-Wert besitzen.</HelpLabel
+				>
+				<input
+					name="fenster_flaeche_2"
+					type="number"
+					bind:value={ausweis.fenster_flaeche_2}
+				/>
+			</div>
+
+			<div>
+				<HelpLabel title="Art der Fenster *"
+					>Bitte geben Sie hier die Art der Fenster ein.</HelpLabel
+				>
+				<select
+					name="fenster_art_2"
+					bind:value={ausweis.fenster_art_2}
+					required
+				>
+					<option>bitte auswählen</option>
+					{#each Object.entries(fensterArten) as [name, value]}
+						<option {value}>{name}</option>
+					{/each}
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Dachfenster in m² *"
+					>Bitte geben Sie hier die Fläche der Dachfenster ein.</HelpLabel
+				>
+				<input
+					name="dachfenster_flaeche"
+					type="number"
+					bind:value={ausweis.dachfenster_flaeche}
+				/>
+			</div>
+
+			<div>
+				<HelpLabel title="Art der Dachfenster *"
+					>Bitte geben Sie hier die Art der Fenster ein.</HelpLabel
+				>
+				<select
+					name="dachfenster_art"
+					bind:value={ausweis.dachfenster_art}
+				>
+					<option>bitte auswählen</option>
+					{#each Object.entries(fensterArten) as [name, value]}
+						<option {value}>{name}</option>
+					{/each}
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Haustür in m² *"
+					>Bitte geben Sie hier die Fläche der Haustür ein.</HelpLabel
+				>
+				<input
+					name="haustuer_flaeche"
+					type="number"
+					bind:value={ausweis.haustuer_flaeche}
+				/>
+			</div>
+
+			<div>
+				<HelpLabel title="Art der Tür *"
+					>Bitte geben Sie hier die Art der Haustür ein.</HelpLabel
+				>
+				<select
+					name="haustuer_art"
+					bind:value={ausweis.haustuer_art}
+					required
+				>
+					<option>bitte auswählen</option>
+					<option value="1.8">Standard (U-Wert 1,8)</option>
+					<option value="5">Ganz alte Tür (U-Wert 5,0)</option>
+					<option value="2.7">U-Wert 2,7</option>
+					<option value="3">U-Wert 3,0</option>
+					<option value="4.3">U-Wert 4,3</option>
+					<option value="1.1">U-Wert 1,1</option>
+					<option value="0.9">U-Wert 0,9</option>
+					<option value="0.85">U-Wert 0,85</option>
+					<option value="0.7">Passivhaustür (U-Wert 0,7)</option>
+					<option value="0.6">Passivhaustür (U-Wert 0,6)</option>
+					<option value="2.3">U-Wert 2,3</option>
+					<option value="1.6">U-Wert 1,6</option>
+					<option value="1.7">U-Wert 1,7</option>
+					<option value="1.3">U-Wert 1,3</option>
+					<option value="1">U-Wert 1,0</option>
+				</select>
+			</div>
+		</div>
+
+		<hr />
+		<div class="box grid grid-cols-4 gap-4">
+			<div>
+				<HelpLabel title="Bauart Dachfläche *"
+					>Bitte geben Sie hier die Bauart der Dachfläche ein.</HelpLabel
+				>
+				<select
+					name="dach_bauart"
+					bind:value={ausweis.dach_bauart}
+					required
+				>
+					<option>bitte auswählen</option>
+					<option value="Massive Konstruktion"
+						>Massive Konstruktion (insbesondere Flachdächer)</option
+					>
+					<option value="Holzkonstruktion"
+						>Holzkonstruktion (insbesondere Steildächer)</option
+					>
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="nachträgliche Dämmung"
+					>Bitte geben Sie hier die nachträgliche Dämmung ein.</HelpLabel
+				>
+				<select
+					name="dach_daemmung"
+					bind:value={ausweis.dach_daemmung}
+					required
+				>
+					<option>bitte auswählen</option>
+					{#each daemmungsBreiten as breite}
+						<option value={breite}>{breite * 100} cm</option>
+					{/each}
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Bauart Geschossdecke *"
+					>Bitte geben Sie hier die Bauart der Geschossdecke ein.</HelpLabel
+				>
+				<select
+					name="decke_bauart"
+					bind:value={ausweis.decke_bauart}
+					required
+				>
+					<option>bitte auswählen</option>
+					<option value="Massive Konstruktion"
+						>Massive Konstruktion (insbesondere Flachdächer)</option
+					>
+					<option value="Holzkonstruktion"
+						>Holzkonstruktion (insbesondere Steildächer)</option
+					>
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="nachträgliche Dämmung"
+					>Bitte geben Sie hier die nachträgliche Dämmung ein.</HelpLabel
+				>
+				<select
+					name="decke_daemmung"
+					bind:value={ausweis.decke_daemmung}
+					required
+				>
+					<option>bitte auswählen</option>
+					{#each daemmungsBreiten as breite}
+						<option value={breite}>{breite * 100} cm</option>
+					{/each}
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Bauart Außenwand *"
+					>Bitte geben Sie hier die Bauart der Außenwand ein.</HelpLabel
+				>
+				<select
+					name="aussenwand_bauart"
+					bind:value={ausweis.aussenwand_bauart}
+					required
+				>
+					<option>bitte auswählen</option>
+					<option value="Massive Konstruktion"
+						>Massive Konstruktion (insbesondere Flachdächer)</option
+					>
+					<option value="Holzkonstruktion"
+						>Holzkonstruktion (insbesondere Steildächer)</option
+					>
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="nachträgliche Dämmung"
+					>Bitte geben Sie hier die nachträgliche Dämmung ein.</HelpLabel
+				>
+				<select
+					name="aussenwand_daemmung"
+					bind:value={ausweis.aussenwand_daemmung}
+					required
+				>
+					<option>bitte auswählen</option>
+					{#each daemmungsBreiten as breite}
+						<option value={breite}>{breite * 100} cm</option>
+					{/each}
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Bauart Fußboden *"
+					>Bitte geben Sie hier die Bauart des Fußbodens ein.</HelpLabel
+				>
+				<select
+					name="boden_bauart"
+					bind:value={ausweis.boden_bauart}
+					required
+				>
+					<option>bitte auswählen</option>
+					<option value="Massive Konstruktion"
+						>Massive Konstruktion (insbesondere Flachdächer)</option
+					>
+					<option value="Holzkonstruktion"
+						>Holzkonstruktion (insbesondere Steildächer)</option
+					>
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="nachträgliche Dämmung"
+					>Bitte geben Sie hier die nachträgliche Dämmung ein.</HelpLabel
+				>
+				<select
+					name="boden_daemmung"
+					bind:value={ausweis.boden_daemmung}
+					required
+				>
+					<option>bitte auswählen</option>
+					{#each daemmungsBreiten as breite}
+						<option value={breite}>{breite * 100} cm</option>
+					{/each}
+				</select>
+			</div>
+		</div>
+
+		<hr />
+		<Label>E - Angabe zu Keller, Dachgeschoss, Lüftung und Kühlung</Label>
+		<div class="box">
+			<div class="grid grid-cols-4 gap-4 w-full">
+				<div>
+					<label class="control-label" for="keller_beheizt"
+						>Keller *
+					</label>
+					<div>
+						<select
+							name="keller_beheizt"
+							bind:value={ausweis.keller_beheizt}
+							required
+						>
+							<option> Bitte auswählen</option>
+							<option value={false}> nicht vorhanden</option>
+							<option value={false}> unbeheizt</option>
+							<option value={true}> beheizt</option>
+						</select>
+					</div>
+				</div>
+
+				<div>
+					<label class="control-label" for="dachgeschoss"
+						>Dachgeschoss *
+					</label>
+					<div>
+						<select
+							name="dachgeschoss"
+							bind:value={ausweis.dachgeschoss}
+							required
+						>
+							<option> 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>
+				</div>
+
+				<div>
+					<HelpLabel title="Lüftung erfolgt durch:"
+						>Bitte geben Sie hier ein ob über die Fenster natürlich
+						belüftet wird oder über eine Lüftungsanlage.</HelpLabel
+					>
+					<div>
+						<select
+							name="lueftungskonzept"
+							bind:value={ausweis.lueftungskonzept}
+							required
+						>
+							<option> Bitte auswählen</option>
+							<option value="Fensterlüftung">
+								Fensterlüftung</option
+							>
+							<option value="Schachtlüftung">
+								Schachtlüftung</option
+							>
+							<option
+								value="Lüftungsanlage ohne Wärmerückgewinnung"
+							>
+								Lüftungsanlage ohne Wärmerückgewinnung</option
+							>
+							<option
+								value="Lüftungsanlage mit Wärmerückgewinnung"
+							>
+								Lüftungsanlage mit Wärmerückgewinnung</option
+							>
+						</select>
+					</div>
+				</div>
+
+				<div>
+					<HelpLabel title="Anlage zur Kühlung"
+						>Bitte geben Sie an ob das Gebäude im Sommer zusätzlich
+						gekühlt wird.</HelpLabel
+					>
+					<div>
+						<select
+							name="wird_gekuehlt"
+							bind:value={ausweis.wird_gekuehlt}
+							required
+						>
+							<option> Bitte auswählen</option>
+							<option value={true}> vorhanden</option>
+							<option value={false}> nicht vorhanden</option>
+						</select>
+					</div>
+				</div>
+			</div>
+
+			<div>
+				<HelpLabel
+					title="Alternative Energieversorgungssyteme werden genutzt für"
+					>Bitte setzen Sie den Haken falls nachhaltige CO2-Effiziente
+					Heizungssysteme vorhanden sind. Das wäre beispielsweise bei
+					Pelletofen, Wärmepumpe, BHKW, Solarsystem, etc. der Fall.</HelpLabel
+				>
+				<div class="grid grid-cols-4 gap-4 w-full">
+					<label class="checkbox-inline"
+						><input
+							type="checkbox"
+							name="energiequelle_2_nutzung_1"
+							bind:checked={ausweis.energiequelle_2_nutzung[0]}
+							value="Heizung"
+						/>Heizung</label
+					>
+					<label class="checkbox-inline"
+						><input
+							type="checkbox"
+							name="energiequelle_2_nutzung_2"
+							bind:checked={ausweis.energiequelle_2_nutzung[1]}
+							value="Warmwasser"
+						/>Warmwasser</label
+					>
+					<label class="checkbox-inline"
+						><input
+							type="checkbox"
+							name="energiequelle_2_nutzung_3"
+							bind:checked={ausweis.energiequelle_2_nutzung[2]}
+							value="Lüftung"
+						/>Lüftung</label
+					>
+					<label class="checkbox-inline"
+						><input
+							type="checkbox"
+							name="energiequelle_2_nutzung_4"
+							bind:checked={ausweis.energiequelle_2_nutzung[3]}
+							value="Kühlung"
+						/>Kühlung</label
+					>
+				</div>
+			</div>
+		</div>
+
+		<hr />
+		<Label>F - Eingabe der Heizungsanlage</Label>
+		<div class="box grid grid-cols-4 gap-4">
+			<div>
+				<HelpLabel title="Energieträger *"
+					>Bitte geben Sie hier den Energieträger der Heizung ein.</HelpLabel
+				>
+				<select
+					name="energietraeger_1"
+					bind:value={ausweis.energietraeger_1}
+					required
+				>
+					<option>Bitte auswählen</option>
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Verteilung Warmwasser *"
+					>Bitte geben Sie hier die Warmwasserverteilung ein.</HelpLabel
+				>
+				<select
+					name="warmwasser_verteilung"
+					bind:value={ausweis.warmwasser_verteilung}
+				>
+					<option>Bitte auswählen</option>
+					<option value="zvmzbis1978"
+						>zentrale Verteilung mit Zirkulation (bis 1978)</option
+					>
+					<option value="zvmzngbis1978"
+						>zentrale Verteilung mit Zirkulation nachträglich
+						gedämmt (bis 1978)</option
+					>
+					<option value="zvmzvon1979bis1994"
+						>zentrale Verteilung mit Zirkulation (von 1979 - 1994)</option
+					>
+					<option value="zvmzab1995"
+						>zentrale Verteilung mit Zirkulation (ab 1994)</option
+					>
+					<option value="zvozbis1978"
+						>zentrale Verteilung ohne Zirkulation (bis 1978)</option
+					>
+					<option value="zvozngbis1978"
+						>zentrale Verteilung ohne Zirkulation nachträglich
+						gedämmt (bis 1978)</option
+					>
+					<option value="zvozvon1979bis1994"
+						>zentrale Verteilung ohne Zirkulation (von 1979 - 1994)</option
+					>
+					<option value="zvozab1995"
+						>zentrale Verteilung ohne Zirkulation (ab 1994)</option
+					>
+					<option value="dzsbis1994"
+						>dezentrales System (bis 1994)</option
+					>
+					<option value="dzsab1995"
+						>dezentrales System (ab 1995)</option
+					>
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Speicherung Warmwasser"
+					>Bitte geben Sie hier wenn vorhanden die Art des
+					Warmwasserspeichers ein.</HelpLabel
+				>
+				<select
+					name="warmwasser_speicherung"
+					bind:value={ausweis.warmwasser_speicherung}
+				>
+					<option>Bitte auswählen</option>
+					<option value="zwwsath"
+						>zentrale Warmwasserspeicher außerhalb thermischer Hülle</option
+					>
+					<option value="zwwsith"
+						>zentrale Warmwasserspeicher innerhalb thermischer Hülle</option
+					>
+					<option value="gasbs">gasbefeuerter Speicher</option>
+					<option value="elks">Elektro-Kleinspeicher</option>
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Erzeugung Warmwasser *"
+					>Bitte geben Sie hier die Wärmeerzeugung für Warmwasser ein.</HelpLabel
+				>
+				<select
+					name="warmwasser_erzeugung"
+					bind:value={ausweis.warmwasser_erzeugung}
+					required
+				>
+					<option>Bitte auswählen</option>
+					{#each hotWaterProductionTypes as type, i}
+						<option value={i}>{type}</option>
+					{/each}
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Übergabe Heizung *"
+					>Bitte geben Sie hier ein ob es sich um Zentralheizung
+					handelt oder über Beheizung durch dezentrale Einzelöfen.</HelpLabel
+				>
+				<select
+					name="heizung_zentral"
+					bind:value={ausweis.heizung_zentral}
+				>
+					<option>Bitte auswählen</option>
+					<option value={true}>Zentralheizung</option>
+					<option value={false}>Einzelfeuerstätte</option>
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Verteilung Heizung *"
+					>Bitte geben Sie hier die Verteilung der Heizung ein.</HelpLabel
+				>
+				<select
+					name="heizung_verteilung"
+					bind:value={ausweis.heizung_verteilung}
+				>
+					<option>Bitte auswählen</option>
+					<option value="zv7055bis1978"
+						>zentrale Verteilung 70/55°C bis 1978</option
+					>
+					<option value="zv7055ngbis1978"
+						>zentrale Verteilung 70/55°C, nachträglich gedämmt bis
+						1978</option
+					>
+					<option value="zv7055von1979bis1994"
+						>zentrale Verteilung 70/55°C von 1979 bis 1994</option
+					>
+					<option value="zv7055ab1995"
+						>zentrale Verteilung 70/55°C ab 1995</option
+					>
+					<option value="zv5545bis1978"
+						>zentrale Verteilung 55/45°C bis 1978</option
+					>
+					<option value="zv5545ngbis1978"
+						>zentrale Verteilung 55/45°C, nachträglich gedämmt bis
+						1978</option
+					>
+					<option value="zv5545von1979bis1994"
+						>zentrale Verteilung 55/45°C von 1979 bis 1994</option
+					>
+					<option value="zv5545ab1995"
+						>zentrale Verteilung 55/45°C ab 1995</option
+					>
+					<option value="wwvertbis1978"
+						>Wohnungsweise Verteilung bis 1978</option
+					>
+					<option value="wwvertvon1979bis1994"
+						>Wohnungsweise Verteilung von 1979 bis 1994</option
+					>
+					<option value="wwvertab1995"
+						>Wohnungsweise Verteilung ab 1995</option
+					>
+					<option value="dezensys">dezentrales System</option>
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Speicherung Heizung"
+					>Bitte geben Sie hier - wenn vorhanden - den Speicher der
+					Heizung ein.</HelpLabel
+				>
+				<select
+					name="heizung_speicherung"
+					bind:value={ausweis.heizung_speicherung}
+				>
+					<option>Bitte auswählen</option>
+					<option value="elzs7055bis1994"
+						>El.-Zentralspeicher 70/55°C bis 1994</option
+					>
+					<option value="elzs7055ab1995"
+						>El.-Zentralspeicher 70/55°C ab 1995</option
+					>
+					<option value="puffs5545bis1994"
+						>Pufferspeicher El.-Wärmepumpe 55/45°C bis 1994</option
+					>
+					<option value="puffs5545ab1995"
+						>Pufferspeicher El.-Wärmepumpe 55/45°C ab 1995</option
+					>
+					<option value="puffshk7055bis1994"
+						>Pufferspeicher für Holzkessel 70/55°C bis 1994</option
+					>
+					<option value="puffshk7055ab1995"
+						>Pufferspeicher für Holzkessel 70/55°C ab 1995</option
+					>
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Wärmeerzeugung Heizung *"
+					>Bitte geben Sie hier den Wärmerzeuger der Heizung ein.</HelpLabel
+				>
+				<select
+					name="waerme_erzeugung_heizung"
+					bind:value={ausweis.waerme_erzeugung_heizung}
+					required
+				>
+					<option>Bitte auswählen</option>
+					<option value="ktkesselbis1986h"
+						>Konstanttemperatur-Kessel bis 1986</option
+					>
+					<option value="ktkesselvon1987bis1994h"
+						>Konstanttemperatur-Kessel von 1987 bis 1994</option
+					>
+					<option value="ktkesselab1995h"
+						>Konstanttemperatur-Kessel ab 1995</option
+					>
+					<option value="ntkesselbis1986h"
+						>Niedertemperatur-Kessel bis 1986</option
+					>
+					<option value="ntkesselvon1987bis1994h"
+						>Niedertemperatur-Kessel von 1987 bis 1994</option
+					>
+					<option value="ntkesselab1995h"
+						>Niedertemperatur-Kessel ab 1995</option
+					>
+					<option value="bwkesselbis1986h"
+						>Brennwert-Kessel bis 1986</option
+					>
+					<option value="bwkesselvon1987bis1994h"
+						>Brennwert-Kessel von 1987 bis 1994</option
+					>
+					<option value="bwkesselab1995h"
+						>Brennwert-Kessel ab 1995</option
+					>
+					<option value="bwkesselab1999h"
+						>Brennwertkessel verbessert ab 1999</option
+					>
+					<option value="ewplhvon1979bis1994h"
+						>Elektro-Wärmepumpe (Außenluft) von 1979 bis 1994</option
+					>
+					<option value="ewplhab1995h"
+						>Elektro-Wärmepumpe (Außenluft) ab 1995</option
+					>
+					<option value="ewpemvon1979bis1994h"
+						>Elektro-Wärmepumpe (Erdreich) von 1979 bis 1994</option
+					>
+					<option value="ewpemab1995h"
+						>Elektro-Wärmepumpe (Erdreich) ab 1995</option
+					>
+					<option value="ewpgmvon1979bis1994h"
+						>Elektro-Wärmepumpe (Grundwasser) von 1979 bis 1994</option
+					>
+					<option value="ewpgmab1995h"
+						>Elektro-Wärmepumpe (Grundwasser) ab 1995</option
+					>
+					<option value="fwugsh">Fernwärme-Übergabestation</option>
+					<option value="zesh">zentraler elektrischer Speicher</option
+					>
+					<option value="thermebis1994h"
+						>Therme (Umlaufwasserheizer) bis 1994</option
+					>
+					<option value="thermeab1995h"
+						>Therme (Umlaufwasserheizer) ab 1995</option
+					>
+					<option value="bthermeab1995h"
+						>Brennwert-Therme ab 1995</option
+					>
+					<option value="oeleinzel"
+						>ölbefeuerte Einzelöfen mit Verdampfungsbrenner</option
+					>
+					<option value="kheinzel">Kohle- oder Holzofen</option>
+					<option value="greinzel">Gasraumheizer</option>
+					<option value="elnseinzelbis1994"
+						>Elektro-Nachtspeicherheizung bis 1994</option
+					>
+					<option value="elnseinzelab1995"
+						>Elektro-Nachtspeicherheizung ab 1995</option
+					>
+					<option value="eldirekt">Elektro-Direktheizgerät</option>
+				</select>
+			</div>
+		</div>
+
+		<hr />
+		<div class="box grid grid-cols-4 gap-4">
+			<div>
+				<HelpLabel title="Energieträger Zusatzheizung"
+					>Bitte geben Sie hier - wenn vorhanden - die Zusatzheizung
+					ein (z.B. Kamin, Pelletheizung).</HelpLabel
+				>
+				<select
+					name="energietraeger_2"
+					bind:value={ausweis.energietraeger_2}
+					required
+				>
+					<option>Bitte auswählen</option>
+				</select>
+			</div>
+
+			<div>
+				<HelpLabel title="Anteil am Gesamtheizbedarf des Hauses"
+					>Bitte geben Sie hier den prozentualen Anteil der
+					Zusatzheizung ein.</HelpLabel
+				>
+				<select
+					name="anteil_zusatzheizung"
+					bind:value={ausweis.anteil_zusatzheizung}
+				>
+					<option value="0" selected
+						>Anteil am Gesamtheizbedarf des Hauses</option
+					>
+					{#each arrayRange(0.01, 0.7, 0.01) as step}
+						<option value={step}>{step * 100}%</option>
+					{/each}
+				</select>
+			</div>
+			<div>
+				Wenn Sie ein Solarsystem für Warmwasser einsetzen geben Sie
+				bitte die Kollektorfläche an:
+			</div>
+			<div class="form-group col-md-1">
+				<Label>Eingabe in m²</Label>
+				<input
+					name="kollektor_flaeche"
+					bind:value={ausweis.kollektor_flaeche}
+					type="number"
+				/>
+			</div>
+		</div>
+		<hr />
+		<Label
+			>G - Bitte prüfen Sie hier die Angaben zum Sanierungszustand des
+			Gebäudes</Label
+		>
+		<BilderZusatzsysteme {ausweis} {gebaeude} {gebaeude_aufnahme_allgemein} {images} />
+		<hr />
+		<div class="flex flex-row justify-between">
+			<button class="button">Weiter</button>
+		</div>
+	</fieldset>
+</form>
diff --git a/src/components/Bedarfsausweis/HotWaterProductionTypes.ts b/src/modules/BedarfsausweisWohnen/HotWaterProductionTypes.ts
similarity index 100%
rename from src/components/Bedarfsausweis/HotWaterProductionTypes.ts
rename to src/modules/BedarfsausweisWohnen/HotWaterProductionTypes.ts
diff --git a/src/modules/Ausweise/AusweisGespeichertModule.svelte b/src/modules/VerbrauchsausweisWohnen/AusweisGespeichertModule.svelte
similarity index 100%
rename from src/modules/Ausweise/AusweisGespeichertModule.svelte
rename to src/modules/VerbrauchsausweisWohnen/AusweisGespeichertModule.svelte
diff --git a/src/modules/Ausweise/AusweisWeiter.svelte b/src/modules/VerbrauchsausweisWohnen/AusweisWeiter.svelte
similarity index 100%
rename from src/modules/Ausweise/AusweisWeiter.svelte
rename to src/modules/VerbrauchsausweisWohnen/AusweisWeiter.svelte
diff --git a/src/modules/Ausweise/ORG_VerbrauchsausweisWohnenModule.svelte b/src/modules/VerbrauchsausweisWohnen/ORG_VerbrauchsausweisWohnenModule.svelte
similarity index 100%
rename from src/modules/Ausweise/ORG_VerbrauchsausweisWohnenModule.svelte
rename to src/modules/VerbrauchsausweisWohnen/ORG_VerbrauchsausweisWohnenModule.svelte
diff --git a/src/modules/Ausweise/VerbrauchsausweisWohnenModule.svelte b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
similarity index 97%
rename from src/modules/Ausweise/VerbrauchsausweisWohnenModule.svelte
rename to src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
index 2c8e6b9a..63df72a0 100644
--- a/src/modules/Ausweise/VerbrauchsausweisWohnenModule.svelte
+++ b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
@@ -1,265 +1,265 @@
-<script lang="ts">
-	//import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
-	//import Progressbar from "#components/Ausweis/Progressbar.svelte";
-	import Hilfe from "#components/Ausweis/Hilfe.svelte";
-
-	import BereichLabel from "#labels/BereichLabel.svelte";
-	//import HelpLabel from "#labels/HelpLabel.svelte";
-	//import Inputlabel from "#labels/InputLabel.svelte";
-	//import Label from "#components/Label.svelte";
-
-	import Ausweisart from "#components/Ausweis/Ausweisart.svelte";
-	import GebaeudeDaten from "#components/Ausweis/GebaeudeDaten.svelte";
-	import Warmwasseranteil from "#components/Ausweis/Warmwasseranteil.svelte";
-	import Verbrauch from "#components/Ausweis/Verbrauch.svelte";
-	import LueftungundLeerstand from "#components/Ausweis/LueftungundLeerstand.svelte";
-	
-	//import ZipSearch from "#components/PlzSuche.svelte";
-	import moment from "moment";
-	import BilderZusatzsysteme from "#components/Ausweis/BilderZusatzsysteme.svelte";
-	import {
-		RawNotificationWrapper,
-		RawNotification,
-		notifications,
-	} from "#components/Notifications/index.js";
-	import { auditHeizungGebaeudeBaujahr } from "#components/Verbrauchsausweis/audits/HeizungGebaeudeBaujahr.js";
-	import { auditHeizungJuengerDreiJahre } from "#components/Verbrauchsausweis/audits/HeizungJuengerDreiJahre.js";
-	import { auditZeitraumAktuell } from "#components/Verbrauchsausweis/audits/ZeitraumAktuell.js";
-	import { auditKlimaFaktoren } from "#components/Verbrauchsausweis/audits/KlimaFaktoren.js";
-	import { auditWohnFlaeche } from "#components/Verbrauchsausweis/audits/WohnFlaeche.js";
-	import { auditWarmWasser } from "#components/Verbrauchsausweis/audits/WarmWasser.js";
-	import { auditLeerStand } from "#components/Verbrauchsausweis/audits/LeerStand.js";
-	import { auditPlzNichtErkannt } from "#components/Verbrauchsausweis/audits/PlzNichtErkannt.js";
-	import {
-		AuditType,
-		hidden,
-	} from "#components/Verbrauchsausweis/audits/hidden.js";
-	import { auditBedarfsausweisBenoetigt } from "#components/Verbrauchsausweis/audits/BedarfsausweisBenoetigt.js";
-	import { auditVerbrauchAbweichung } from "#components/Verbrauchsausweis/audits/VerbrauchAbweichung.js";
-	import { auditEndEnergie } from "#components/Verbrauchsausweis/audits/EndEnergie.js";
-	import { auditWohnflaecheGroesserGesamtflaeche } from "#components/Verbrauchsausweis/audits/WohnflaecheGroesserGesamtflaeche.js";
-	//import { Enums } from "@ibcornelsen/database/client"
-	import Overlay from "#components/Overlay.svelte";
-	import AusweisGespeichertModule from "#modules/Ausweise/AusweisGespeichertModule.svelte";
-	import {
-		VerbrauchsausweisWohnenClient,
-		BenutzerClient,
-		UploadedGebaeudeBild,
-	} from "#components/Ausweis/types.js";
-	import { verbrauchsausweisWohnenSpeichern } from "src/client/lib/verbrauchsausweisWohnenSpeichern.js";
-
-	// TODO: Vom Server sollte ein volles Objekt kommen, dass alle Subobjekte enthält, weil es sonst zu Problemen führen kann
-	// wenn gebaeude_aufnahme_allgemein oder gebaeude_stammdaten nicht existiert...
-	export let ausweis: VerbrauchsausweisWohnenClient;
-	export let user: BenutzerClient = {} as BenutzerClient;
-
-	let gebaeude_aufnahme_allgemein = ausweis.gebaeude_aufnahme_allgemein || {};
-	let gebaeude =
-		ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten || {};
-	let images: (UploadedGebaeudeBild & { base64?: string })[] =
-		ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten
-			?.gebaeude_bilder || [];
-
-	async function spaeterWeitermachen() {
-		const result = await verbrauchsausweisWohnenSpeichern(
-			ausweis,
-			gebaeude,
-			gebaeude_aufnahme_allgemein,
-			images,
-			user
-		);
-
-		if (result !== null) {
-			// Falls der Nutzer zurück navigiert, sollte er wieder auf seinen Vorgang kommen.
-			// Sonst müsste er alles neu eingeben...
-			ausweis.uid = result.uid;
-			gebaeude.uid = result.gebaeude_uid;
-			gebaeude_aufnahme_allgemein.uid = result.gebaeude_aufnahme_uid;
-			window.history.pushState(
-				{},
-				"",
-				`${location.pathname}?uid=${result.uid}`
-			);
-			speichernOverlayHidden = false;
-		}
-	}
-
-	function automatischAusfüllen() {
-		gebaeude_aufnahme_allgemein.baujahr_gebaeude = [1962];
-		gebaeude_aufnahme_allgemein.baujahr_heizung = [1952];
-		gebaeude_aufnahme_allgemein.saniert = true;
-		gebaeude_aufnahme_allgemein.einheiten = 1;
-		ausweis.ausstellgrund = "Vermietung";
-		ausweis.verbrauch_1 = 15000;
-		ausweis.verbrauch_2 = 14000;
-		ausweis.verbrauch_3 = 16000;
-		gebaeude_aufnahme_allgemein.flaeche = 152;
-		gebaeude_aufnahme_allgemein.nutzflaeche = 172;
-		ausweis.keller_beheizt = true;
-		gebaeude_aufnahme_allgemein.brennstoff_1 = "Erdgas H";
-		ausweis.einheit_1 = "kWh";
-		ausweis.anteil_warmwasser_1 = 18;
-		ausweis.startdatum = moment("01.01.2019").toDate();
-		gebaeude_aufnahme_allgemein.plz = "21039";
-		gebaeude_aufnahme_allgemein.ort = "Hamburg";
-		gebaeude_aufnahme_allgemein.adresse = "Curslacker Deich 170";
-		gebaeude_aufnahme_allgemein.gebaeudeteil = "Gesamtgebäude";
-
-		gebaeude = gebaeude;
-		ausweis = ausweis;
-	}
-
-	async function ausweisAbschicken(e: SubmitEvent) {
-		if (e && e.preventDefault) e.preventDefault();
-		const result = await verbrauchsausweisWohnenSpeichern(
-			ausweis,
-			gebaeude,
-			gebaeude_aufnahme_allgemein,
-			images,
-			user
-		);
-
-		if (result !== null) {
-			// Falls der Nutzer zurück navigiert, sollte er wieder auf seinen Vorgang kommen.
-			// Sonst müsste er alles neu eingeben...
-			ausweis.uid = result.uid;
-			gebaeude.uid = result.gebaeude_uid;
-			gebaeude_aufnahme_allgemein.uid = result.gebaeude_aufnahme_uid;
-			window.history.pushState(
-				{},
-				"",
-				`${location.pathname}?uid=${result.uid}`
-			);
-			window.location.href = `/kundendaten?uid=${result.uid}`;
-		}
-	}
-
-	let waitOverlayHidden = true;
-	let speichernOverlayHidden = true;
-
-	$: {
-		if (
-			gebaeude_aufnahme_allgemein.saniert &&
-			gebaeude_aufnahme_allgemein.oberste_geschossdecke_gedaemmt ===
-				undefined &&
-			gebaeude_aufnahme_allgemein.dachgeschoss_gedaemmt === undefined
-		) {
-			gebaeude_aufnahme_allgemein.oberste_geschossdecke_gedaemmt = true;
-			gebaeude_aufnahme_allgemein.dachgeschoss_gedaemmt = true;
-		}
-	}
-</script>
-
-<Overlay bind:hidden={speichernOverlayHidden}>
-	<div class="bg-white w-full max-w-screen-sm py-8 px-8">
-		<AusweisGespeichertModule uid={ausweis.uid}></AusweisGespeichertModule>
-	</div>
-</Overlay>
-
-<Overlay bind:hidden={waitOverlayHidden}>
-	<p class="text-white font-semibold text-4xl">
-		Bitte warten sie, ihr Ausweis wird nun erstellt.
-	</p>
-</Overlay>
-
-<form on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
-	<div id="formular-box" class="formular-boxen ring-0">
-		<!-- Später weitermachen / Hilfe anfordern -->
-
-		<div
-			class="w-full grid gap-x-4 gap-y-2
-	grid-cols-1
-	xs:grid-cols-2
-    "
-		>
-			<div class="md:justify-self-start">
-				<button
-					class="button"
-					type="button"
-					on:click={spaeterWeitermachen}>Später Weitermachen</button
-				>
-			</div>
-			<div class="md:justify-self-end"><Hilfe /></div>
-		</div>
-
-		<div class="mt-2">
-			<button
-				class="button hidden"
-				on:click={automatischAusfüllen}
-				type="button">Automatisch Ausfüllen</button
-			>
-		</div>
-
-<!-- A Prüfung der Ausweisart -->
-<BereichLabel bereich="A">Prüfung der Ausweisart</BereichLabel>
-<div class="collapseBereich">
-<Ausweisart
-	bind:gebaeude
-	bind:gebaeude_aufnahme_allgemein
-	bind:ausweis
-/>
-</div>
-
-<!-- B Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss -->
-
-<BereichLabel bereich="B">Eingabe&nbsp;der&nbsp;Gebäudeadresse - Angaben&nbsp;zu&nbsp;Wohnfläche, Keller&nbsp;und&nbsp;Dachgeschoss</BereichLabel>
-<div class="collapseBereich">
-<GebaeudeDaten 
-	bind:gebaeude_aufnahme_allgemein
-/>
-</div>
-
-<!-- C Eingabe von 3 zusammenhängenden Verbrauchsjahren -->
-
-<BereichLabel bereich="C">Eingabe von 3&nbsp;zusammenhängenden Verbrauchsjahren</BereichLabel>
-<div class="collapseBereich">
-	<Verbrauch 
-	bind:gebaeude
-	bind:gebaeude_aufnahme_allgemein
-	bind:ausweis
-/>
-</div>
-
-<!-- D Eingabe Warmwasseranteil und Verwendung von alternativen Energieversorgungssystemen -->
-
-<BereichLabel bereich="D">Eingabe&nbsp;Warmwasseranteil und&nbsp;Verwendung&nbsp;von&nbsp;alternativen Energieversorgungssystemen</BereichLabel>
-<div class="collapseBereich">
-	<Warmwasseranteil 
-	bind:ausweis
-/>
-</div>	
-
-<!-- E Eingabe von Gebäudeteil, Lüftung, Kühlung und Leerstand -->
-
-<BereichLabel bereich="E">Eingabe&nbsp;von&nbsp;Gebäudeteil, Lüftung,&nbsp;Kühlung&nbsp;und&nbsp;Leerstand</BereichLabel>
-<div class="collapseBereich">
-	<LueftungundLeerstand 
-	bind:gebaeude_aufnahme_allgemein
-/>
-</div>
-
-<!-- F Angaben zum Sanierungszustand des Gebäudes -->
-
-<BereichLabel bereich="F">Angaben zum Sanierungszustand des Gebäudes</BereichLabel>
-<div class="collapseBereich">
-	<BilderZusatzsysteme
-	bind:images 
-	bind:gebaeude 
-	bind:gebaeude_aufnahme_allgemein 
-	bind:ausweis 
-/>
-</div>	
-
-
-
-
-
-
-
-
-</div>
-
-</form>
-
-<style lang="scss">
-</style>
+<script lang="ts">
+	//import PerformanceScore from "#components/Ausweis/PerformanceScore.svelte";
+	//import Progressbar from "#components/Ausweis/Progressbar.svelte";
+	import Hilfe from "#components/Ausweis/Hilfe.svelte";
+
+	import BereichLabel from "#labels/BereichLabel.svelte";
+	//import HelpLabel from "#labels/HelpLabel.svelte";
+	//import Inputlabel from "#labels/InputLabel.svelte";
+	//import Label from "#components/Label.svelte";
+
+	import Ausweisart from "#components/Ausweis/Ausweisart.svelte";
+	import GebaeudeDaten from "#components/Ausweis/GebaeudeDaten.svelte";
+	import Warmwasseranteil from "#components/Ausweis/Warmwasseranteil.svelte";
+	import Verbrauch from "#components/Ausweis/Verbrauch.svelte";
+	import LueftungundLeerstand from "#components/Ausweis/LueftungundLeerstand.svelte";
+	
+	//import ZipSearch from "#components/PlzSuche.svelte";
+	import moment from "moment";
+	import BilderZusatzsysteme from "#components/Ausweis/BilderZusatzsysteme.svelte";
+	import {
+		RawNotificationWrapper,
+		RawNotification,
+		notifications,
+	} from "#components/Notifications/index.js";
+	import { auditHeizungGebaeudeBaujahr } from "#components/Verbrauchsausweis/audits/HeizungGebaeudeBaujahr.js";
+	import { auditHeizungJuengerDreiJahre } from "#components/Verbrauchsausweis/audits/HeizungJuengerDreiJahre.js";
+	import { auditZeitraumAktuell } from "#components/Verbrauchsausweis/audits/ZeitraumAktuell.js";
+	import { auditKlimaFaktoren } from "#components/Verbrauchsausweis/audits/KlimaFaktoren.js";
+	import { auditWohnFlaeche } from "#components/Verbrauchsausweis/audits/WohnFlaeche.js";
+	import { auditWarmWasser } from "#components/Verbrauchsausweis/audits/WarmWasser.js";
+	import { auditLeerStand } from "#components/Verbrauchsausweis/audits/LeerStand.js";
+	import { auditPlzNichtErkannt } from "#components/Verbrauchsausweis/audits/PlzNichtErkannt.js";
+	import {
+		AuditType,
+		hidden,
+	} from "#components/Verbrauchsausweis/audits/hidden.js";
+	import { auditBedarfsausweisBenoetigt } from "#components/Verbrauchsausweis/audits/BedarfsausweisBenoetigt.js";
+	import { auditVerbrauchAbweichung } from "#components/Verbrauchsausweis/audits/VerbrauchAbweichung.js";
+	import { auditEndEnergie } from "#components/Verbrauchsausweis/audits/EndEnergie.js";
+	import { auditWohnflaecheGroesserGesamtflaeche } from "#components/Verbrauchsausweis/audits/WohnflaecheGroesserGesamtflaeche.js";
+	//import { Enums } from "@ibcornelsen/database/client"
+	import Overlay from "#components/Overlay.svelte";
+	import AusweisGespeichertModule from "#modules/Ausweise/AusweisGespeichertModule.svelte";
+	import {
+		VerbrauchsausweisWohnenClient,
+		BenutzerClient,
+		UploadedGebaeudeBild,
+	} from "#components/Ausweis/types.js";
+	import { verbrauchsausweisWohnenSpeichern } from "src/client/lib/verbrauchsausweisWohnenSpeichern.js";
+
+	// TODO: Vom Server sollte ein volles Objekt kommen, dass alle Subobjekte enthält, weil es sonst zu Problemen führen kann
+	// wenn gebaeude_aufnahme_allgemein oder gebaeude_stammdaten nicht existiert...
+	export let ausweis: VerbrauchsausweisWohnenClient;
+	export let user: BenutzerClient = {} as BenutzerClient;
+
+	let gebaeude_aufnahme_allgemein = ausweis.gebaeude_aufnahme_allgemein || {};
+	let gebaeude =
+		ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten || {};
+	let images: (UploadedGebaeudeBild & { base64?: string })[] =
+		ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten
+			?.gebaeude_bilder || [];
+
+	async function spaeterWeitermachen() {
+		const result = await verbrauchsausweisWohnenSpeichern(
+			ausweis,
+			gebaeude,
+			gebaeude_aufnahme_allgemein,
+			images,
+			user
+		);
+
+		if (result !== null) {
+			// Falls der Nutzer zurück navigiert, sollte er wieder auf seinen Vorgang kommen.
+			// Sonst müsste er alles neu eingeben...
+			ausweis.uid = result.uid;
+			gebaeude.uid = result.gebaeude_uid;
+			gebaeude_aufnahme_allgemein.uid = result.gebaeude_aufnahme_uid;
+			window.history.pushState(
+				{},
+				"",
+				`${location.pathname}?uid=${result.uid}`
+			);
+			speichernOverlayHidden = false;
+		}
+	}
+
+	function automatischAusfüllen() {
+		gebaeude_aufnahme_allgemein.baujahr_gebaeude = [1962];
+		gebaeude_aufnahme_allgemein.baujahr_heizung = [1952];
+		gebaeude_aufnahme_allgemein.saniert = true;
+		gebaeude_aufnahme_allgemein.einheiten = 1;
+		ausweis.ausstellgrund = "Vermietung";
+		ausweis.verbrauch_1 = 15000;
+		ausweis.verbrauch_2 = 14000;
+		ausweis.verbrauch_3 = 16000;
+		gebaeude_aufnahme_allgemein.flaeche = 152;
+		gebaeude_aufnahme_allgemein.nutzflaeche = 172;
+		ausweis.keller_beheizt = true;
+		gebaeude_aufnahme_allgemein.brennstoff_1 = "Erdgas H";
+		ausweis.einheit_1 = "kWh";
+		ausweis.anteil_warmwasser_1 = 18;
+		ausweis.startdatum = moment("01.01.2019").toDate();
+		gebaeude_aufnahme_allgemein.plz = "21039";
+		gebaeude_aufnahme_allgemein.ort = "Hamburg";
+		gebaeude_aufnahme_allgemein.adresse = "Curslacker Deich 170";
+		gebaeude_aufnahme_allgemein.gebaeudeteil = "Gesamtgebäude";
+
+		gebaeude = gebaeude;
+		ausweis = ausweis;
+	}
+
+	async function ausweisAbschicken(e: SubmitEvent) {
+		if (e && e.preventDefault) e.preventDefault();
+		const result = await verbrauchsausweisWohnenSpeichern(
+			ausweis,
+			gebaeude,
+			gebaeude_aufnahme_allgemein,
+			images,
+			user
+		);
+
+		if (result !== null) {
+			// Falls der Nutzer zurück navigiert, sollte er wieder auf seinen Vorgang kommen.
+			// Sonst müsste er alles neu eingeben...
+			ausweis.uid = result.uid;
+			gebaeude.uid = result.gebaeude_uid;
+			gebaeude_aufnahme_allgemein.uid = result.gebaeude_aufnahme_uid;
+			window.history.pushState(
+				{},
+				"",
+				`${location.pathname}?uid=${result.uid}`
+			);
+			window.location.href = `/kundendaten?uid=${result.uid}`;
+		}
+	}
+
+	let waitOverlayHidden = true;
+	let speichernOverlayHidden = true;
+
+	$: {
+		if (
+			gebaeude_aufnahme_allgemein.saniert &&
+			gebaeude_aufnahme_allgemein.oberste_geschossdecke_gedaemmt ===
+				undefined &&
+			gebaeude_aufnahme_allgemein.dachgeschoss_gedaemmt === undefined
+		) {
+			gebaeude_aufnahme_allgemein.oberste_geschossdecke_gedaemmt = true;
+			gebaeude_aufnahme_allgemein.dachgeschoss_gedaemmt = true;
+		}
+	}
+</script>
+
+<Overlay bind:hidden={speichernOverlayHidden}>
+	<div class="bg-white w-full max-w-screen-sm py-8 px-8">
+		<AusweisGespeichertModule uid={ausweis.uid}></AusweisGespeichertModule>
+	</div>
+</Overlay>
+
+<Overlay bind:hidden={waitOverlayHidden}>
+	<p class="text-white font-semibold text-4xl">
+		Bitte warten sie, ihr Ausweis wird nun erstellt.
+	</p>
+</Overlay>
+
+<form on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
+	<div id="formular-box" class="formular-boxen ring-0">
+		<!-- Später weitermachen / Hilfe anfordern -->
+
+		<div
+			class="w-full grid gap-x-4 gap-y-2
+	grid-cols-1
+	xs:grid-cols-2
+    "
+		>
+			<div class="md:justify-self-start">
+				<button
+					class="button"
+					type="button"
+					on:click={spaeterWeitermachen}>Später Weitermachen</button
+				>
+			</div>
+			<div class="md:justify-self-end"><Hilfe /></div>
+		</div>
+
+		<div class="mt-2">
+			<button
+				class="button hidden"
+				on:click={automatischAusfüllen}
+				type="button">Automatisch Ausfüllen</button
+			>
+		</div>
+
+<!-- A Prüfung der Ausweisart -->
+<BereichLabel bereich="A">Prüfung der Ausweisart</BereichLabel>
+<div class="collapseBereich">
+<Ausweisart
+	bind:gebaeude
+	bind:gebaeude_aufnahme_allgemein
+	bind:ausweis
+/>
+</div>
+
+<!-- B Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss -->
+
+<BereichLabel bereich="B">Eingabe&nbsp;der&nbsp;Gebäudeadresse - Angaben&nbsp;zu&nbsp;Wohnfläche, Keller&nbsp;und&nbsp;Dachgeschoss</BereichLabel>
+<div class="collapseBereich">
+<GebaeudeDaten 
+	bind:gebaeude_aufnahme_allgemein
+/>
+</div>
+
+<!-- C Eingabe von 3 zusammenhängenden Verbrauchsjahren -->
+
+<BereichLabel bereich="C">Eingabe von 3&nbsp;zusammenhängenden Verbrauchsjahren</BereichLabel>
+<div class="collapseBereich">
+	<Verbrauch 
+	bind:gebaeude
+	bind:gebaeude_aufnahme_allgemein
+	bind:ausweis
+/>
+</div>
+
+<!-- D Eingabe Warmwasseranteil und Verwendung von alternativen Energieversorgungssystemen -->
+
+<BereichLabel bereich="D">Eingabe&nbsp;Warmwasseranteil und&nbsp;Verwendung&nbsp;von&nbsp;alternativen Energieversorgungssystemen</BereichLabel>
+<div class="collapseBereich">
+	<Warmwasseranteil 
+	bind:ausweis
+/>
+</div>	
+
+<!-- E Eingabe von Gebäudeteil, Lüftung, Kühlung und Leerstand -->
+
+<BereichLabel bereich="E">Eingabe&nbsp;von&nbsp;Gebäudeteil, Lüftung,&nbsp;Kühlung&nbsp;und&nbsp;Leerstand</BereichLabel>
+<div class="collapseBereich">
+	<LueftungundLeerstand 
+	bind:gebaeude_aufnahme_allgemein
+/>
+</div>
+
+<!-- F Angaben zum Sanierungszustand des Gebäudes -->
+
+<BereichLabel bereich="F">Angaben zum Sanierungszustand des Gebäudes</BereichLabel>
+<div class="collapseBereich">
+	<BilderZusatzsysteme
+	bind:images 
+	bind:gebaeude 
+	bind:gebaeude_aufnahme_allgemein 
+	bind:ausweis 
+/>
+</div>	
+
+
+
+
+
+
+
+
+</div>
+
+</form>
+
+<style lang="scss">
+</style>
diff --git a/src/modules/Ausweise/VerbrauchsausweisWohnenModule_V01.svelte b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule_V01.svelte
similarity index 100%
rename from src/modules/Ausweise/VerbrauchsausweisWohnenModule_V01.svelte
rename to src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule_V01.svelte
diff --git a/src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/index.astro b/src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/index.astro
index 2dd29aaa..d952dc80 100644
--- a/src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/index.astro
+++ b/src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/index.astro
@@ -1,7 +1,7 @@
 ---
 
 import AusweisLayout from "#layouts/AusweisLayout.astro";
-import BedarfsausweisContent from "#components/Bedarfsausweis/BedarfsausweisContent.svelte";
+import BedarfsausweisContent from "#modules/BedarfsausweisWohnen/BedarfsausweisContent.svelte";
 import { BedarfsausweisWohnenClient } from "#components/Ausweis/types";
 import { createCaller } from "#lib/caller";
 
diff --git a/src/pages/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/index.astro b/src/pages/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/index.astro
index fff18a32..d752c8b7 100644
--- a/src/pages/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/index.astro
+++ b/src/pages/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/index.astro
@@ -1,6 +1,6 @@
 ---
 import AusweisLayout from "#layouts/AusweisLayout.astro";
-import VerbrauchsausweisWohnenModule from "#modules/Ausweise/VerbrauchsausweisWohnenModule.svelte";
+import VerbrauchsausweisWohnenModule from "#modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte";
 import { VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
 import { createCaller } from "#lib/caller";