diff --git a/src/components/Ausweis/Ausweisart_V01.svelte b/src/components/Ausweis/Ausweisart_V01.svelte
deleted file mode 100644
index 018a24c5..00000000
--- a/src/components/Ausweis/Ausweisart_V01.svelte
+++ /dev/null
@@ -1,184 +0,0 @@
-<script lang="ts">
-	import HelpLabel from "#components/HelpLabel.svelte";
-	import Label from "#components/Label.svelte";
-	import { auditHeizungGebaeudeBaujahr } from "../Verbrauchsausweis/audits/HeizungGebaeudeBaujahr";
-	import { addNotification, deleteNotification } from "@ibcornelsen/ui";
-	import TagInput from "../TagInput.svelte";
-	import type {
-		BedarfsausweisWohnen,
-		VerbrauchsausweisGewerbe,
-	} from "@ibcornelsen/database/client";
-	import { Enums } from "@ibcornelsen/database/client"
-	import { GebaeudeAufnahmeClient, GebaeudeClient, VerbrauchsausweisWohnenClient } from "./types";
-
-	export let gebaeude: GebaeudeClient;
-	export let ausweis: VerbrauchsausweisWohnenClient | VerbrauchsausweisGewerbe | BedarfsausweisWohnen;
-	export let gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient;
-
-</script>
-
-<div class="w-full grid 
-grid-cols-bereich-A gap-x-4
-xl:grid-cols-bereich-A-xl xl:gap-x-6
-2xl:grid-cols-bereich-A-2xl 2xl:gap-x-6
-">
-
-<!-- Anlass für Energieausweis -->
-<div class="">		
-	<Label>* Anlass für den Energieausweis</Label>
-			<div class="grid  gap-x-6 mb-8
-			grid-cols-[minmax(min-content,_130px)]
-			xs:grid-cols-[minmax(min-content,_130px)_minmax(min-content,_130px)]
-			sm:grid-cols-[minmax(min-content,_130px)_minmax(min-content,_130px)_minmax(min-content,_130px)]
-			xl:grid-cols-[1fr_1fr] xl:gap-x-6 xl:mb-0 
-			2xl:grid-cols-[1fr_1fr_1fr]
-			">
-
-			{#each Object.entries(Enums.Ausstellgrund) as [name, ausstellgrund]}
-					<label class="radio-inline">
-						<input
-							name="ausstellgrund"
-							type="radio"
-							value={ausstellgrund}
-							bind:group={ausweis.ausstellgrund}
-						/>{name}</label
-					>
-				{/each}
-			</div>
-</div>
-
-<div class="grid grid-cols-1 gap-x-4
-md:grid-cols-2 md:gap-x-6
-2xl:grid-cols-4 2xl:gap-x-6
-">
-
-<!-- Baujahr Heizung -->
-<div class="">
-				<HelpLabel title="* Baujahr Heizung">
-					Bitte geben Sie hier das Baujahr der Heizungsanlage ein. Sollten
-					unterschiedliche Baujahre vorliegen, dann geben Sie einen
-					Zeitbereich ein <br />z.B. 1994-2001.
-				</HelpLabel>
-				<div>
-					<TagInput
-						name="baujahr_heizung"
-						type="number"
-						onlyUnique={true}
-						minChars={4}
-						onFocusIn={() => {
-							addNotification({
-								message: "Info",
-								subtext:
-									"Wussten sie, dass sie mehrere Jahre angeben können in denen z.B. Renovierungen an ihrer Heizung durchgeführt wurden. Drücken sie dafür einfach <kbd>Enter</kbd> oder <kbd>Space</kbd> nach jedem Jahr.",
-								dismissable: true,
-								uid: "HEIZUNG_BAUJAHR",
-								timeout: 0,
-								type: "info",
-							});
-						}}
-						onFocusOut={() => {
-							deleteNotification("HEIZUNG_BAUJAHR");
-						}}
-						className={auditHeizungGebaeudeBaujahr(gebaeude_aufnahme_allgemein)
-							? "linked"
-							: ""}
-						bind:tags={gebaeude_aufnahme_allgemein.baujahr_heizung}
-					/>
-				</div>
-</div>
-
-<!-- Baujahr -->
-<div class="">
-	<HelpLabel title="* Baujahr Gebäude">
-		Bitte geben Sie hier das Baujahr des Gebäudes ein. Sollte eine eine
-		grundlegende Sanierung von Dach, Fenster und Heizung stattgefunden
-		haben, dann berücksichtigen Sie das in dem Sie bei Sanierungsstatus
-		-saniert- angeben.
-	</HelpLabel>
-	<div>
-		<TagInput
-			name="baujahr_gebaeude"
-			type="number"
-			onlyUnique={true}
-			minChars={4}
-			onFocusIn={() => {
-				addNotification({
-					message: "Info",
-					subtext:
-						"Wussten sie, dass sie mehrere Jahre angeben können in denen z.B. Renovierungen an ihrem Gebäude durchgeführt wurden. Drücken sie dafür einfach <kbd>Enter</kbd> oder <kbd>Space</kbd> nach jedem Jahr.",
-					dismissable: true,
-					uid: "GEBAEUDE_BAUJAHR",
-					timeout: 0,
-					type: "info",
-				});
-			}}
-			onFocusOut={() => {
-				deleteNotification("GEBAEUDE_BAUJAHR");
-			}}
-			className={auditHeizungGebaeudeBaujahr(gebaeude_aufnahme_allgemein)
-				? "linked"
-				: ""}
-			bind:tags={gebaeude_aufnahme_allgemein.baujahr_gebaeude}
-		/>
-	</div>
-</div>
-
-<!-- Anzahl der Wohnungen -->
-<div class="">
-	<HelpLabel title="* Anzahl Wohnungen">
-		Bitte geben Sie hier die Anzahl der Wohnungen ein, die sich im
-		Gebäude befinden.
-	</HelpLabel>
-	<div>
-		<input
-			name="einheiten"
-			type="number"
-			required
-			autocomplete="off"
-			data-msg="Pflichtfeld"
-			bind:value={gebaeude_aufnahme_allgemein.einheiten}
-			maxlength="3"
-		/>
-	</div>
-</div>
-
-<!-- Sanierungsstatus -->
-<div class="">
-	<HelpLabel title="* Sanierungsstatus">
-		Bitte geben Sie an ob das Gebäude energetisch saniert oder unsaniert
-		ist. Wenn das Dach mindestens 12 cm gedämmt und Heizung sowie
-		Fenster nicht älter als 30 Jahre sind, können Sie saniert auswählen.
-	</HelpLabel>
-	<div>
-		<select
-			name="saniert"
-			class=""
-			required
-			bind:value={gebaeude_aufnahme_allgemein.saniert}
-		>
-			<option disabled selected value={false}>Bitte auswählen</option>
-			<option value={true}>saniert</option>
-			<option value={false}>unsaniert</option>
-		</select>
-	</div>
-</div>
-
-
-</div>
-</div>
-
-
-
-
-
-
-<style lang="postcss">
-
-input[type="radio"] {
-		@apply w-5 h-5  accent-secondary
-	}
-
-	.radio-inline {
-		@apply flex items-center;
-	}
-</style>
diff --git a/src/components/Ausweis/BilderZusatzsysteme.svelte b/src/components/Ausweis/BilderZusatzsysteme.svelte
index 70e7b337..3ffc2ca1 100644
--- a/src/components/Ausweis/BilderZusatzsysteme.svelte
+++ b/src/components/Ausweis/BilderZusatzsysteme.svelte
@@ -52,9 +52,7 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
 <HeizungImage bind:images bind:ausweis bind:gebaeude />
 
 <style lang="postcss">
-label{@apply cursor-pointer}
-.check-input{@apply grid grid-cols-[max-content_max-content] gap-2 items-center}
-	
+
 </style>
 
 <!--
diff --git a/src/components/Ausweis/DaemmungImage.svelte b/src/components/Ausweis/DaemmungImage.svelte
index 47b5a996..d331ec65 100644
--- a/src/components/Ausweis/DaemmungImage.svelte
+++ b/src/components/Ausweis/DaemmungImage.svelte
@@ -8,9 +8,10 @@
 	export let gebaeude: GebaeudeClient;
 </script>
 
-<div class="grid grid-cols-2 gap-4">
-	<div class="rounded-lg border-4 p-4 bg-white">
-		<input type="file" class="image_upload" name="daemmung[]" multiple />
+<div class="grid grid-cols-2 gap-x-6 mt-6">
+	
+	<div class="box card mb-0">
+
 
 		<p class="font-bold mb-2">
 			<span class="text-red-500">WICHTIG:</span>
@@ -52,7 +53,7 @@
 		</p>
 	</div>
 
-	<div class="rounded-lg border-4 p-4 bg-white">
+	<div class="box card mb-0">
 		<p>
 			Diese Bilder erscheinen <span class="text-red-500">nicht</span> auf Ihrem
 			Energieausweis!<br />
diff --git a/src/components/Ausweis/FensterImage.svelte b/src/components/Ausweis/FensterImage.svelte
index b20396b7..a1fe6f9a 100644
--- a/src/components/Ausweis/FensterImage.svelte
+++ b/src/components/Ausweis/FensterImage.svelte
@@ -8,9 +8,9 @@
 	export let gebaeude: GebaeudeClient;
 </script>
 
-<div class="grid grid-cols-2 gap-4">
-	<div class="rounded-lg border-4 p-4 bg-white">
-		<input type="file" class="image_upload" name="fenster[]" multiple />
+<div class="grid grid-cols-2 gap-x-6 mt-6">
+	
+	<div class="box card mb-0">
 
 		<p class="font-bold mb-2">
 			<span class="text-red-500">WICHTIG:</span>
@@ -49,7 +49,7 @@
 		</p>
 	</div>
 
-	<div class="rounded-lg border-4 p-4 bg-white">
+	<div class="box card mb-0">
 		<p>
 			Diese Bilder erscheinen <span class="text-red-500">nicht</span> auf Ihrem
 			Energieausweis!<br />
diff --git a/src/components/Ausweis/HeizungImage.svelte b/src/components/Ausweis/HeizungImage.svelte
index 325158f6..8f164c22 100644
--- a/src/components/Ausweis/HeizungImage.svelte
+++ b/src/components/Ausweis/HeizungImage.svelte
@@ -9,7 +9,8 @@
 </script>
 
 <div class="grid grid-cols-2 gap-x-6 mt-6">
-	<div class="box card">
+	
+	<div class="box card mb-0">
 
 
 		<p class="font-bold mb-2">
@@ -44,7 +45,7 @@
 		</p>
 	</div>
 
-	<div class="box card">
+	<div class="box card mb-0">
 		<p>
 			Diese Bilder erscheinen <span class="text-red-500">nicht</span> auf
 			Ihrem Energieausweis!<br />
diff --git a/src/components/Ausweis/SanierungsOption.svelte b/src/components/Ausweis/SanierungsOption.svelte
index a140218a..bec5ef91 100644
--- a/src/components/Ausweis/SanierungsOption.svelte
+++ b/src/components/Ausweis/SanierungsOption.svelte
@@ -6,14 +6,22 @@
 	export let label: string;
 	export let help: string;
 	export let value: string;
+
+function clickCheckbox(e){
+e.target.firstChild.click();
+};
+
+
 </script>
 
 <div
 	class="input-standard"
 >
 	<div
-		class="grid grid-cols-[40px_1fr] items-center justify-items-start h-[38px] ring-1 ring-black/15 bg-white active:bg-green-100"
+		class="grid grid-cols-[40px_1fr] items-center justify-items-start h-[38px] ring-1 ring-black/15 bg-white active:bg-green-100 cursor-pointer"
+		on:click={() => clickCheckbox(event)} on:keydown={() => clickCheckbox(event)}
 	>
+
 		<input
 			id={name}
 			type="checkbox"
@@ -22,7 +30,8 @@
 			bind:checked={checked}
 			value={value}
 		/>
-		<label class="w-full" for={name}>{label}</label>
+
+		<label class="w-full cursor-pointer" for={name}>{label}</label>
 	</div>
 
 	<div class="help-label">
diff --git a/src/components/Ausweis/SanierungszustandFensterTueren.svelte b/src/components/Ausweis/SanierungszustandFensterTueren.svelte
new file mode 100644
index 00000000..b38a58e6
--- /dev/null
+++ b/src/components/Ausweis/SanierungszustandFensterTueren.svelte
@@ -0,0 +1,168 @@
+<script lang="ts">
+    import HelpLabel from "#labels/HelpLabel.svelte";
+    import Inputlabel from "#labels/InputLabel.svelte";
+    
+        import HeizungImage from "./HeizungImage.svelte";
+        import AusweisPreviewContainer from "./AusweisPreviewContainer.svelte";
+        import DaemmungImage from "./DaemmungImage.svelte";
+        import FensterImage from "./FensterImage.svelte";
+    
+        //import Label from "../Label.svelte";
+    
+        import {
+        GebaeudeAufnahmeClient,
+            GebaeudeClient,
+            UploadedGebaeudeBild,
+            VerbrauchsausweisWohnenClient,
+        } from "./types.js";
+        import { boolean } from "astro:schema";
+            import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte"
+    
+        export let gebaeude: GebaeudeClient;
+        export let gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient;
+        export let ausweis: VerbrauchsausweisWohnenClient
+        export let images: UploadedGebaeudeBild[];
+    
+    </script>
+    
+    <div id="sanierungszustand" class="bereich-box grid 
+    grid-cols-1 gap-x-4 gap-y-2
+    
+    sm:grid-cols-2 sm:gap-x-6 sm:gap-y-8
+    md:grid-cols-2 md:gap-x-6 md:gap-y-8
+    
+    xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
+    2xl:grid-cols-3 2xl:gap-x-8 2xl:gap-y-2
+    ">
+    
+    <SanierungsOption label="Einfachglas" name="einfach_verglasung" help="" value="EG" bind:checked={gebaeude_aufnahme_allgemein.einfach_verglasung}></SanierungsOption>
+    <SanierungsOption label="Doppelverglasung" name="doppel_verglasung" help="" value="DF" bind:checked={gebaeude_aufnahme_allgemein.doppel_verglasung}></SanierungsOption>
+    <SanierungsOption label="Dreifachverglasung" name="dreifach_verglasung" help="" value="PHF" bind:checked={gebaeude_aufnahme_allgemein.dreifach_verglasung}></SanierungsOption>
+    <SanierungsOption label="Isolierverglasung" name="isolier_verglasung" help="" value="IVG" bind:checked={gebaeude_aufnahme_allgemein.isolier_verglasung}></SanierungsOption>
+    <SanierungsOption label="Alle Fenster dicht" name="fenster_dicht" help="" value="FD" bind:checked={gebaeude_aufnahme_allgemein.fenster_dicht}></SanierungsOption>
+    <SanierungsOption label="Fenster teilweise undicht" name="fenster_teilweise_undicht" help="" value="FTUD" bind:checked={gebaeude_aufnahme_allgemein.fenster_teilweise_undicht}></SanierungsOption>
+    <SanierungsOption label="Rollladenkästen gedämmt, luftdicht" name="rolllaeden_kaesten_gedaemmt" help="" value="TUD" bind:checked={gebaeude_aufnahme_allgemein.rolllaeden_kaesten_gedaemmt}></SanierungsOption>
+    <SanierungsOption label="Alle Türen dicht" name="tueren_dicht" help="" value="TD" bind:checked={gebaeude_aufnahme_allgemein.tueren_dicht}></SanierungsOption>
+    <SanierungsOption label="Türen teilweise undicht" name="tueren_undicht" help="" value="TUD" bind:checked={gebaeude_aufnahme_allgemein.tueren_undicht}></SanierungsOption>
+    
+    </div>
+    
+    <FensterImage bind:images bind:ausweis bind:gebaeude />
+    
+    <style lang="postcss">
+    
+    </style>
+    
+<!--
+            Wir benötigen diese Angaben um den allgemeinen Modernisierungsstand
+            einschätzen zu können. Bitte setzen Sie den Haken wenn zutreffend.
+        </HelpLabel>
+        <hr />
+
+        </div>
+    </div>
+    
+    <hr />
+    
+    <FensterImage bind:images bind:ausweis bind:gebaeude />
+    
+    <hr />
+    
+    <div class="GRB3">
+        <div class="form-group col-md-12">
+            <HelpLabel title="Wärmedämmung (bitte zutreffendes ankreuzen) *">
+                Wir benötigen diese Angaben um den allgemeinen Modernisierungsstand
+                einschätzen zu können. Bitte setzen Sie den Haken wenn zutreffend.
+                Das seit Mai 2021 gültige GEG erfordert eine genauere Prüfung anhand
+                von Fotos. Bitte laden Sie ein oder mehrere Fotos der Außenwand und
+                des Dachbereiches hoch.
+            </HelpLabel>
+            <hr />
+        </div>
+    
+        <div class="grid grid-cols-4">
+            <div class="form-group col-md-3 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="aussenwand_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.aussenwand_gedaemmt}
+                        value="AWD"
+                    />Außenwand gedämmt</label
+                >
+            </div>
+            <div class="form-group col-md-3 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="keller_wand_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.keller_wand_gedaemmt}
+                        value="KWD"
+                    />Kelleraußenwand gedämmt</label
+                >
+            </div>
+            <div class="form-group col-md-3 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="keller_decke_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.keller_decke_gedaemmt}
+                        value="KDD"
+                    />Kellerdecke gedämmt</label
+                >
+            </div>
+            <div class="form-group col-md-3 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="dachgeschoss_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.dachgeschoss_gedaemmt}
+                        value="DGD"
+                    />Dachgeschoss gedämmt</label
+                >
+            </div>
+            <div class="form-group col-md-3 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="oberste_geschossdecke_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.oberste_geschossdecke_gedaemmt}
+                        value="OGDDW"
+                    />Oberste Geschossdecke gedämmt</label
+                >
+            </div>
+            <div class="form-group col-md-6 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="oberste_geschossdecke_min_12cm_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.oberste_geschossdecke_min_12cm_gedaemmt}
+                        value="OGDD"
+                    />Oberste Geschossdecke min. 12cm gedämmt</label
+                >
+            </div>
+        </div>
+    </div>
+    
+    <hr />
+    
+    <DaemmungImage bind:images bind:ausweis bind:gebaeude />
+    
+    <hr />
+    
+    <Label
+        >H - Hier können Sie ein Gebäudebild hochladen und sich Ihren Energieausweis
+        als PDF anschauen</Label
+    >
+    
+    <AusweisPreviewContainer bind:images bind:ausweis bind:gebaeude />
+    
+    -->
+    
+    
\ No newline at end of file
diff --git a/src/components/Ausweis/SanierungszustandHeizungsanlage.svelte b/src/components/Ausweis/SanierungszustandHeizungsanlage.svelte
new file mode 100644
index 00000000..5139ae76
--- /dev/null
+++ b/src/components/Ausweis/SanierungszustandHeizungsanlage.svelte
@@ -0,0 +1,157 @@
+<script lang="ts">
+    import HelpLabel from "#labels/HelpLabel.svelte";
+    import Inputlabel from "#labels/InputLabel.svelte";
+    
+        import HeizungImage from "./HeizungImage.svelte";
+        import AusweisPreviewContainer from "./AusweisPreviewContainer.svelte";
+        import DaemmungImage from "./DaemmungImage.svelte";
+        import FensterImage from "./FensterImage.svelte";
+    
+        //import Label from "../Label.svelte";
+    
+        import {
+        GebaeudeAufnahmeClient,
+            GebaeudeClient,
+            UploadedGebaeudeBild,
+            VerbrauchsausweisWohnenClient,
+        } from "./types.js";
+        import { boolean } from "astro:schema";
+            import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte"
+    
+        export let gebaeude: GebaeudeClient;
+        export let gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient;
+        export let ausweis: VerbrauchsausweisWohnenClient
+        export let images: UploadedGebaeudeBild[];
+    
+    </script>
+    
+    <div id="sanierungszustand" class="bereich-box grid 
+    grid-cols-1 gap-x-4 gap-y-2
+    
+    sm:grid-cols-2 sm:gap-x-6 sm:gap-y-8
+    md:grid-cols-2 md:gap-x-6 md:gap-y-8
+    
+    xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
+    2xl:grid-cols-3 2xl:gap-x-8 2xl:gap-y-2
+    ">
+    
+    <SanierungsOption label="Zentral/Etage" name="zentralheizung" help="Bitte anklicken wenn die Heizwärme <strong>zentral erzeugt</strong> und von dort in die Räume verteilt wird. Gasthermen und Etagenheizungen in der Wohnung gehören auch dazu." value="ZH" bind:checked={gebaeude_aufnahme_allgemein.zentralheizung}></SanierungsOption>
+    <SanierungsOption label="Einzelofen" name="einzelofen" help="Bei <strong>dezentraler Erzeugung</strong> in den Räumen wie z.B. Nachtspeicher, Kami- oder Kachelofen. Dezentrale Klimageräte zur Wärmeerzeugung gehören auch dazu." value="EO" bind:checked={gebaeude_aufnahme_allgemein.einzelofen}></SanierungsOption>
+    <SanierungsOption label="Durchlauferhitzer (elektrisch)" name="durchlauf_erhitzer" help="Wenn <strong>dezentrale</strong> elektrische <strong>Warmwassererzeugung</strong> vorhanden ist" value="DH" bind:checked={gebaeude_aufnahme_allgemein.durchlauf_erhitzer}></SanierungsOption>
+    <SanierungsOption label="Standardkessel" name="standard_kessel" help="Gemeint sind Konstanttemperaturkessel und ältere Gebläse- oder Feststoffkessel" value="SK" bind:checked={gebaeude_aufnahme_allgemein.standard_kessel}></SanierungsOption>
+    <SanierungsOption label="Solarsystem für Warmwasser" name="solarsystem_warmwasser" help="Solarpanele auf dem Dach zur <strong>alternativen Warmwassererzeugung</strong> aus Sonnenenergie. Nicht zu verwechseln mit Photovoltaik." value="SSWW" bind:checked={gebaeude_aufnahme_allgemein.solarsystem_warmwasser}></SanierungsOption>
+    <SanierungsOption label="Wärmepumpe" name="waermepumpe" help="Elektrisch betriebener Wärmerzeuger der thermische Energie aus natürlichen Wärmequellen wie der <strong>Umgebungsluft, dem Erdreich oder Grundwasser</strong> nutzbar macht." value="WP" bind:checked={gebaeude_aufnahme_allgemein.waermepumpe}></SanierungsOption>
+    <SanierungsOption label="Niedertemperaturkessel" name="niedertemperatur_kessel" help="Heizkessel der mit <strong>niedrigen Vorlauftemperaturen</strong> (35-75 °C) arbeitet. Im Vergleich zum Brennwertkessel ist er weniger effizient, wird aber noch in älteren Heizsystemen eingesetzt." value="NK" bind:checked={gebaeude_aufnahme_allgemein.niedertemperatur_kessel}></SanierungsOption>
+    <SanierungsOption label="Brennwertkessel" name="brennwert_kessel" help="Hat einen besonders <strong>hohen Wirkungsgrad</strong> weil er die im Abgas enthaltene Kondensationswärme zurückgewinnt. Auch zu erkennen am doppelwandigem Abgasrohr welches sich nicht erhitzt." value="BWK" bind:checked={gebaeude_aufnahme_allgemein.brennwert_kessel}></SanierungsOption>
+    <SanierungsOption label="Warmwasserrohre gedämmt" name="warmwasser_rohre_gedaemmt" help="Gemeint sind die sichtbaren Rohre des Verteilsystems Warmwasser. Gedämmte Rohre sind an den <strong>dunklen Ummantelungen</strong> (Manschetten) zu erkennen." value="BWK" bind:checked={gebaeude_aufnahme_allgemein.warmwasser_rohre_gedaemmt}></SanierungsOption>
+    <SanierungsOption label="Heizungsrohre gedämmt" name="heizungsrohre_gedaemmt" help="Gemeint sind die sichtbaren Rohre des Verteilsystems Heizung. Gedämmte Rohre sind an den <strong>dunklen Ummantelungen</strong> (Manschetten) zu erkennen.ext" value="HRGD" bind:checked={gebaeude_aufnahme_allgemein.heizungsrohre_gedaemmt}></SanierungsOption>
+    <SanierungsOption label="Zirkulation" name="zirkulation" help="Kreislauf von Heizungs- oder Warmwasser <strong>innerhalb eines Leitungssystems</strong>, um eine gleichmäßige Wärmeverteilung sicherzustellen." value="ZK" bind:checked={gebaeude_aufnahme_allgemein.zirkulation}></SanierungsOption>
+    <SanierungsOption label="Photovoltaik auf dem Dach" name="photovoltaik" help="Direkte Umwandlung von Sonnenlicht in <strong>elektrische Energie</strong> mittels Solarzellen, die den photoelektrischen Effekt nutzen." value="PV" bind:checked={gebaeude_aufnahme_allgemein.photovotaik}></SanierungsOption>
+    </div>
+    
+    <HeizungImage bind:images bind:ausweis bind:gebaeude />
+    
+    <style lang="postcss">
+    
+    </style>
+    
+    <!--
+    
+    <div class="GRB3">
+        <div class="form-group col-md-12">
+            <HelpLabel title="Wärmedämmung (bitte zutreffendes ankreuzen) *">
+                Wir benötigen diese Angaben um den allgemeinen Modernisierungsstand
+                einschätzen zu können. Bitte setzen Sie den Haken wenn zutreffend.
+                Das seit Mai 2021 gültige GEG erfordert eine genauere Prüfung anhand
+                von Fotos. Bitte laden Sie ein oder mehrere Fotos der Außenwand und
+                des Dachbereiches hoch.
+            </HelpLabel>
+            <hr />
+        </div>
+    
+        <div class="grid grid-cols-4">
+            <div class="form-group col-md-3 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="aussenwand_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.aussenwand_gedaemmt}
+                        value="AWD"
+                    />Außenwand gedämmt</label
+                >
+            </div>
+            <div class="form-group col-md-3 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="keller_wand_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.keller_wand_gedaemmt}
+                        value="KWD"
+                    />Kelleraußenwand gedämmt</label
+                >
+            </div>
+            <div class="form-group col-md-3 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="keller_decke_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.keller_decke_gedaemmt}
+                        value="KDD"
+                    />Kellerdecke gedämmt</label
+                >
+            </div>
+            <div class="form-group col-md-3 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="dachgeschoss_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.dachgeschoss_gedaemmt}
+                        value="DGD"
+                    />Dachgeschoss gedämmt</label
+                >
+            </div>
+            <div class="form-group col-md-3 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="oberste_geschossdecke_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.oberste_geschossdecke_gedaemmt}
+                        value="OGDDW"
+                    />Oberste Geschossdecke gedämmt</label
+                >
+            </div>
+            <div class="form-group col-md-6 mw1">
+                <label class="checkbox-inline"
+                    ><input
+                        type="checkbox"
+                        class="checkbox"
+                        name="oberste_geschossdecke_min_12cm_gedaemmt"
+                        bind:checked={gebaeude_aufnahme_allgemein.oberste_geschossdecke_min_12cm_gedaemmt}
+                        value="OGDD"
+                    />Oberste Geschossdecke min. 12cm gedämmt</label
+                >
+            </div>
+        </div>
+    </div>
+    
+    <hr />
+    
+    <DaemmungImage bind:images bind:ausweis bind:gebaeude />
+    
+    <hr />
+    
+    <Label
+        >H - Hier können Sie ein Gebäudebild hochladen und sich Ihren Energieausweis
+        als PDF anschauen</Label
+    >
+    
+    <AusweisPreviewContainer bind:images bind:ausweis bind:gebaeude />
+    
+    -->
+    
+    
\ No newline at end of file
diff --git a/src/components/Ausweis/SanierungszustandWaermedammung.svelte b/src/components/Ausweis/SanierungszustandWaermedammung.svelte
new file mode 100644
index 00000000..7983c385
--- /dev/null
+++ b/src/components/Ausweis/SanierungszustandWaermedammung.svelte
@@ -0,0 +1,77 @@
+<script lang="ts">
+    import HelpLabel from "#labels/HelpLabel.svelte";
+    import Inputlabel from "#labels/InputLabel.svelte";
+    
+        import HeizungImage from "./HeizungImage.svelte";
+        import AusweisPreviewContainer from "./AusweisPreviewContainer.svelte";
+        import DaemmungImage from "./DaemmungImage.svelte";
+        import FensterImage from "./FensterImage.svelte";
+    
+        //import Label from "../Label.svelte";
+    
+        import {
+        GebaeudeAufnahmeClient,
+            GebaeudeClient,
+            UploadedGebaeudeBild,
+            VerbrauchsausweisWohnenClient,
+        } from "./types.js";
+        import { boolean } from "astro:schema";
+            import SanierungsOption from "#components/Ausweis/SanierungsOption.svelte"
+    
+        export let gebaeude: GebaeudeClient;
+        export let gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient;
+        export let ausweis: VerbrauchsausweisWohnenClient
+        export let images: UploadedGebaeudeBild[];
+    
+    </script>
+    
+    <div id="sanierungszustand" class="bereich-box grid 
+    grid-cols-1 gap-x-4 gap-y-2
+    
+    sm:grid-cols-2 sm:gap-x-6 sm:gap-y-8
+    md:grid-cols-2 md:gap-x-6 md:gap-y-8
+    
+    xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
+    2xl:grid-cols-3 2xl:gap-x-8 2xl:gap-y-2
+    ">
+    
+    <SanierungsOption label="Außenwand gedämmt" name="aussenwand_gedaemmt" help="" value="AWD" bind:checked={gebaeude_aufnahme_allgemein.aussenwand_gedaemmt}></SanierungsOption>
+    <SanierungsOption label="Kelleraußenwand gedämmt" name="keller_wand_gedaemmt" help="" value="KWD" bind:checked={gebaeude_aufnahme_allgemein.keller_wand_gedaemmt}></SanierungsOption>
+    <SanierungsOption label="Kellerdecke gedämmt" name="keller_decke_gedaemmt" help="" value="KDD" bind:checked={gebaeude_aufnahme_allgemein.keller_decke_gedaemmt}></SanierungsOption>
+    <SanierungsOption label="Dachgeschoss gedämmt" name="dachgeschoss_gedaemmt" help="" value="DGD" bind:checked={gebaeude_aufnahme_allgemein.dachgeschoss_gedaemmt}></SanierungsOption>
+    <SanierungsOption label="Oberste Geschossdecke gedämmt" name="oberste_geschossdecke_gedaemmt" help="" value="DGD" bind:checked={gebaeude_aufnahme_allgemein.oberste_geschossdecke_gedaemmt}></SanierungsOption>
+    <SanierungsOption label="Oberste Geschossdecke min. 12cm gedämmt" name="oberste_geschossdecke_min_12cm_gedaemmt" help="" value="DGD" bind:checked={gebaeude_aufnahme_allgemein.oberste_geschossdecke_min_12cm_gedaemmt}></SanierungsOption>
+   
+    </div>
+
+    <DaemmungImage bind:images bind:ausweis bind:gebaeude />
+
+    <style lang="postcss">
+    </style>  
+<!--
+    <div class="GRB3">
+        <div class="form-group col-md-12">
+            <HelpLabel title="Wärmedämmung (bitte zutreffendes ankreuzen) *">
+                Wir benötigen diese Angaben um den allgemeinen Modernisierungsstand
+                einschätzen zu können. Bitte setzen Sie den Haken wenn zutreffend.
+                Das seit Mai 2021 gültige GEG erfordert eine genauere Prüfung anhand
+                von Fotos. Bitte laden Sie ein oder mehrere Fotos der Außenwand und
+                des Dachbereiches hoch.
+            </HelpLabel>
+            <hr />
+        </div>
+
+
+    
+    <hr />
+    
+    <Label
+        >H - Hier können Sie ein Gebäudebild hochladen und sich Ihren Energieausweis
+        als PDF anschauen</Label
+    >
+    
+    <AusweisPreviewContainer bind:images bind:ausweis bind:gebaeude />
+    
+    -->
+    
+    
\ No newline at end of file
diff --git a/src/components/labels/BereichLabel.svelte b/src/components/labels/BereichLabel.svelte
index 9c14a423..9658a2c9 100644
--- a/src/components/labels/BereichLabel.svelte
+++ b/src/components/labels/BereichLabel.svelte
@@ -16,7 +16,7 @@ if(z=='-'){
 
 }else{
 	//y.classList.add('hidden');
-	y.style.maxHeight = '500px';
+	y.style.maxHeight = '900px';
 	y.style.overflow = 'visible';
 	event.target.innerHTML = "-";
 }
diff --git a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
index 1128eb14..64e7f073 100644
--- a/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
+++ b/src/modules/VerbrauchsausweisWohnen/VerbrauchsausweisWohnenModule.svelte
@@ -11,12 +11,19 @@
 	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 moment from "moment";
+
 	import LueftungundLeerstand from "#components/Ausweis/LueftungundLeerstand.svelte";
+	import SanierungszustandHeizungsanlage from "#components/Ausweis/SanierungszustandHeizungsanlage.svelte";
+	import SanierungszustandFensterTueren from "#components/Ausweis/SanierungszustandFensterTueren.svelte";
+	import SanierungszustandWaermedammung from "#components/Ausweis/SanierungszustandWaermedammung.svelte";
 
 	//import ZipSearch from "#components/PlzSuche.svelte";
-	import moment from "moment";
-	import BilderZusatzsysteme from "#components/Ausweis/BilderZusatzsysteme.svelte";
+	
+
+	
 	import {
 		RawNotificationWrapper,
 		RawNotification,
@@ -191,6 +198,7 @@
 		</div>
 
 		<!-- A Prüfung der Ausweisart -->
+
 		<BereichLabel bereich="A">Prüfung der Ausweisart</BereichLabel>
 		<div class="collapseBereich">
 			<Ausweisart
@@ -247,16 +255,48 @@
 		<!-- F Angaben zum Sanierungszustand des Gebäudes -->
 
 		<BereichLabel bereich="F"
-			>Angaben zum Sanierungszustand des Gebäudes</BereichLabel
+			>Angaben zur Heizunganlage</BereichLabel
 		>
 		<div class="collapseBereich">
-			<BilderZusatzsysteme
+			<SanierungszustandHeizungsanlage
 				bind:images
 				bind:gebaeude
 				bind:gebaeude_aufnahme_allgemein
 				bind:ausweis
 			/>
 		</div>
+
+		<!-- G Angaben zur Fenster, Dachfenster und Türen -->
+
+		<BereichLabel bereich="G"
+		>Angaben zu Fenster, Dachfenster und Türen</BereichLabel
+		>
+		<div class="collapseBereich">
+			<SanierungszustandFensterTueren
+				bind:images
+				bind:gebaeude
+				bind:gebaeude_aufnahme_allgemein
+				bind:ausweis
+			/>
+		</div>
+
+		<!-- H Angaben zum Sanierungszustand des Gebäudes -->
+
+		<BereichLabel bereich="H"
+		>Angaben zur Wärmedämmung</BereichLabel
+		>
+		<div class="collapseBereich">
+			<SanierungszustandWaermedammung
+				bind:images
+				bind:gebaeude
+				bind:gebaeude_aufnahme_allgemein
+				bind:ausweis
+			/>
+		</div>
+
+
+
+
 	</div>
 </form>