diff --git a/src/components/Ausweis/ButtonZurueckSpeichernKaufabschluss.svelte b/src/components/Ausweis/ButtonZurueckSpeichernKaufabschluss.svelte
index 1c5890b2..96d2fe0b 100644
--- a/src/components/Ausweis/ButtonZurueckSpeichernKaufabschluss.svelte
+++ b/src/components/Ausweis/ButtonZurueckSpeichernKaufabschluss.svelte
@@ -21,7 +21,7 @@
 	
 	<button class="button">Speichern</button>
 
-	<button class="button"><a href="/kaufabschluss?uid=b27f02b4-e7a8-4c2e-bb19-1d0e39edf634" class="text-white">Zum Kaufabschluss</a></button
+	<button class="button">kostenpflichtig bestellen</button
 		>
 
 		
diff --git a/src/components/Ausweis/GebaeudeVolumen.svelte b/src/components/Ausweis/GebaeudeVolumen.svelte
new file mode 100644
index 00000000..5715cbcd
--- /dev/null
+++ b/src/components/Ausweis/GebaeudeVolumen.svelte
@@ -0,0 +1,320 @@
+<script lang="ts">
+    
+import HelpLabel from "#components/HelpLabel.svelte";
+import Label from "#components/Label.svelte";
+
+export let ausweis: BedarfsausweisWohnenClient;
+
+const arrayRange = (start: number, stop: number, step: number) =>
+		Array.from(
+			{ length: (stop - start) / step + 1 },
+			(value, index) => start + index * step
+		);
+
+</script>
+
+
+<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>
\ No newline at end of file
diff --git a/src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte b/src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte
index 69081082..59d6157c 100644
--- a/src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte
+++ b/src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte
@@ -1,12 +1,26 @@
 <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 ProgressBar from "#components/Ausweis/Progressbar.svelte";
+	//import Hilfe from "#components/Ausweis/Hilfe.svelte";
+	import { PRICES } from "#lib/constants";
+
+	import Bereich from "#components/labels/Bereich.svelte";
+
+	import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
+	import ButtonWeiterHilfe from "#components/Ausweis/ButtonWeiterHilfe.svelte";
 	import Ausweisart from "#components/Ausweis/Ausweisart.svelte";
 	import GebaeudeDaten from "#components/Ausweis/GebaeudeDaten.svelte";
+	import GebaeudeVolumen from "#components/Ausweis/GebaeudeVolumen.svelte";
+
+	import SanierungszustandHeizungsanlage from "#components/Ausweis/SanierungszustandHeizungsanlage.svelte";
+	import SanierungszustandFensterTueren from "#components/Ausweis/SanierungszustandFensterTueren.svelte";
+	import SanierungszustandWaermedammung from "#components/Ausweis/SanierungszustandWaermedammung.svelte";
+	import AusweisPreviewContainer from "#components/Ausweis/AusweisPreviewContainer.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";
@@ -17,12 +31,14 @@
 		BenutzerClient,
 		UploadedGebaeudeBild,
 	} from "#components/Ausweis/types.js";
-	import Bereich from "#components/labels/Bereich.svelte";
+
 	import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
 
 	export let ausweis: BedarfsausweisWohnenClient;
 	export let user: BenutzerClient = {} as BenutzerClient;
 
+	let Energieausweis = "Bedarfsausweis Wohngebäude";
+
 	let gebaeude_aufnahme_allgemein = ausweis.gebaeude_aufnahme_allgemein || {};
 	let gebaeude =
 		ausweis.gebaeude_aufnahme_allgemein?.gebaeude_stammdaten || {};
@@ -145,480 +161,67 @@
 	}
 </script>
 
-<div class="grid grid-cols-2 gap-x-8 px-4 items-center">
-	<div class="w-full rounded-lg border-gray/35 border-0 relative px-4">
-		<Progressbar progress={0} />
-	</div>
+<div id="skala" class="bg-white grid grid-cols-1 gap-x-8 gap-y-4 p-4
 
-	<div class="w-full rounded-lg border-gray/35 border-2 relative px-4">
-		<PerformanceScore
-			bind:ausweis
-			bind:gebaeude_aufnahme_allgemein
-			bind:gebaeude
-		/>
-	</div>
+2xl:grid-cols-2 2xl:gap-x-8
+">
+
+<div id="performance-box" class="w-full box relative px-4 order-2 2xl:order-1 self-stretch grid grid-cols-1">
+	<PerformanceScore
+		bind:ausweis
+		bind:gebaeude_aufnahme_allgemein
+		bind:gebaeude
+	/>
 </div>
 
-<ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen} />
+<div id="progress-box" class="w-full box relative px-4 py-3 text-center order-1 2xl:order-2 self-stretch">
+		
+	<h1 class="text-secondary text-3xl m-0">Energiesausweis erstellen</h1>
+	<h2 class="text-primary text-xl">{Energieausweis} {PRICES.BedarfsausweisWohnen[0]} €</h2>
+	<ProgressBar progress={0} />
+</div>
 
-<form action="FORM/transfer/VA_1to2" enctype="multipart/form-data">
+</div>
+
+<form id="formInput-1" on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
 	<div id="formular-box" class="formular-boxen ring-0">
+
+
+		<ButtonSpaeterHilfe {automatischAusfüllen} {spaeterWeitermachen} />
+
+		<!-- A Prüfung der Ausweisart -->
+
 		<Bereich bereich="A" title="Prüfung der Ausweisart">
 			<Ausweisart
 				bind:gebaeude
 				bind:gebaeude_aufnahme_allgemein
 				bind:ausweis
+				{Energieausweis}
 			/>
 		</Bereich>
 
+		<!-- B Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss -->
 
-<!-- B Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss -->
-
-<Bereich
-bereich="B"
-title="Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss"
-><GebaeudeDaten bind:gebaeude_aufnahme_allgemein /></Bereich
->
-
-		<hr />
 		<Bereich
 			bereich="B"
-			title="Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Gebäudetyp und Gebäudeteil"
+			title="Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgeschoss"
+			><GebaeudeDaten bind:gebaeude_aufnahme_allgemein /></Bereich
 		>
-			<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>
+		
+		<!-- C - Berechnungshilfe und Tabelle der Hüllflächen, U-Werte und Gebäudevolumen -->
 
-				<ZipSearch
-					bind:zip={ausweis.objekt_plz}
-					bind:city={ausweis.objekt_ort}
-					name="zip"
+		<Bereich
+			bind:ausweis
+			bereich="C"
+			title="Berechnungshilfe und Tabelle der Hüllflächen, U-Werte und Gebäudevolumen"
+			>
+				<GebaeudeVolumen
+				bind:ausweis
 				/>
-
-				<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>
 		</Bereich>
 
 		<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
@@ -1352,20 +955,62 @@ title="Eingabe der Gebäudeadresse - Angaben zu Wohnfläche, Keller und Dachgesc
 				/>
 			</div>
 		</div>
-		<hr />
-		<Label
-			>G - Bitte prüfen Sie hier die Angaben zum Sanierungszustand des
-			Gebäudes</Label
+	
+
+				<!-- F Angaben zur Heizungsanlage -->
+
+				<Bereich bereich="F" title="Angaben zur Heizunganlage"
+				><SanierungszustandHeizungsanlage
+					bind:images
+					bind:gebaeude
+					bind:gebaeude_aufnahme_allgemein
+					bind:ausweis
+				/></Bereich
+			>
+	
+			<!-- G Angaben zur Fenster, Dachfenster und Türen -->
+	
+			<Bereich bereich="G" title="Angaben zu Fenster, Dachfenster und Türen"
+				><SanierungszustandFensterTueren
+					bind:images
+					bind:gebaeude
+					bind:gebaeude_aufnahme_allgemein
+					bind:ausweis
+				/></Bereich
+			>
+			<!-- H Angaben zur Wärmedammung -->
+	
+			<Bereich bereich="H" title="Angaben zur Wärmedämmung"
+				><SanierungszustandWaermedammung
+					bind:images
+					bind:gebaeude
+					bind:gebaeude_aufnahme_allgemein
+					bind:ausweis
+				/></Bereich
+			>
+	
+			<!-- I Gebäudebild und Energieausweis PDF Vorschau  -->
+	
+			<Bereich bereich="I" title="Gebäudebild und Energieausweis PDF Vorschau"
+				><AusweisPreviewContainer
+					bind:images
+					bind:ausweis
+					bind:gebaeude
+				/></Bereich
+			>
+
+	
+		<ButtonWeiterHilfe {spaeterWeitermachen}
+		bind:ausweis
+		bind:images
+		bind:user
+		bind:gebaeude
+		bind:gebaeude_aufnahme_allgemein
 		>
-		<BilderZusatzsysteme
-			{ausweis}
-			{gebaeude}
-			{gebaeude_aufnahme_allgemein}
-			{images}
-		/>
-		<hr />
-		<div class="flex flex-row justify-between">
-			<button class="button">Weiter</button>
-		</div>
+		</ButtonWeiterHilfe>
+		
+
+
+
 	</div>
 </form>
diff --git a/src/modules/KundendatenModule.svelte b/src/modules/KundendatenModule.svelte
index 07571785..c7e3d008 100644
--- a/src/modules/KundendatenModule.svelte
+++ b/src/modules/KundendatenModule.svelte
@@ -41,7 +41,7 @@
 			selected: false,
 		},
 		{
-			name: "Same Day Service <br>Bestellung Werktags vor 12:00 Uhr - Ausstellung bis 18:00 Uhr am gleichen Tag",
+			name: "Same Day Service - Bestellung Werktags vor <b>12:00 Uhr</b><br>Ausstellung bis <b>18:00 Uhr</b> am gleichen Tag",
 			id: Enums.Service.SameDay,
 			price: 29,
 			selected: false,
diff --git a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
index 8e984636..2fe247f2 100644
--- a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
+++ b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
@@ -1,13 +1,9 @@
 <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 { PRICES } from "#lib/constants";
 
 	import Bereich from "#labels/Bereich.svelte";
-	//import HelpLabel from "#labels/HelpLabel.svelte";
-	//import Inputlabel from "#labels/InputLabel.svelte";
-	//import Label from "#components/Label.svelte";
 
 	import ButtonSpaeterHilfe from "#components/Ausweis/ButtonSpaeterHilfe.svelte";
 	import ButtonWeiterHilfe from "#components/Ausweis/ButtonWeiterHilfe.svelte";
@@ -24,8 +20,6 @@
 	import SanierungszustandWaermedammung from "#components/Ausweis/SanierungszustandWaermedammung.svelte";
 	import AusweisPreviewContainer from "#components/Ausweis/AusweisPreviewContainer.svelte";
 
-	//import ZipSearch from "#components/PlzSuche.svelte";
-
 	import {
 		RawNotificationWrapper,
 		RawNotification,
diff --git a/src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/index.astro b/src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/index.astro
index aad1a142..14795f3e 100644
--- a/src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/index.astro
+++ b/src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/index.astro
@@ -1,6 +1,6 @@
 ---
 
-import AusweisLayout from "#layouts/AusweisLayout.astro";
+import AusweisLayout from "#layouts/AusweisLayoutDaten.astro";
 import BedarfsausweisWohnenModule from "#modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte";
 import { BedarfsausweisWohnenClient } from "#components/Ausweis/types";
 import { createCaller } from "#lib/caller";