diff --git a/src/astro-typesafe-api-caller.ts b/src/astro-typesafe-api-caller.ts
index cf94b56b..2409471b 100644
--- a/src/astro-typesafe-api-caller.ts
+++ b/src/astro-typesafe-api-caller.ts
@@ -13,12 +13,12 @@ export const createCaller = createCallerFactory({
     "admin/registriernummer": await import("../src/pages/api/admin/registriernummer.ts"),
     "admin/stornieren": await import("../src/pages/api/admin/stornieren.ts"),
     "aufnahme": await import("../src/pages/api/aufnahme/index.ts"),
+    "ausweise": await import("../src/pages/api/ausweise/index.ts"),
     "auth/access-token": await import("../src/pages/api/auth/access-token.ts"),
     "auth/passwort-vergessen": await import("../src/pages/api/auth/passwort-vergessen.ts"),
     "auth/refresh-token": await import("../src/pages/api/auth/refresh-token.ts"),
     "bedarfsausweis-wohnen/[uid]": await import("../src/pages/api/bedarfsausweis-wohnen/[uid].ts"),
     "bedarfsausweis-wohnen": await import("../src/pages/api/bedarfsausweis-wohnen/index.ts"),
-    "ausweise": await import("../src/pages/api/ausweise/index.ts"),
     "bilder/[uid]": await import("../src/pages/api/bilder/[uid].ts"),
     "geg-nachweis-gewerbe/[uid]": await import("../src/pages/api/geg-nachweis-gewerbe/[uid].ts"),
     "geg-nachweis-gewerbe": await import("../src/pages/api/geg-nachweis-gewerbe/index.ts"),
diff --git a/src/components/Ausweis/StromVerbrauch.svelte b/src/components/Ausweis/StromVerbrauch.svelte
index 6e449ad2..f71f8d86 100644
--- a/src/components/Ausweis/StromVerbrauch.svelte
+++ b/src/components/Ausweis/StromVerbrauch.svelte
@@ -97,49 +97,63 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 >
 	<!-- primäre Heizquellen -->
 
-	<div class="input-standard order-1 md:order-1 xl:order-1">
-		<Inputlabel title="Heizquellen"></Inputlabel>
+	<!-- primäre Heizquellen -->
+	<div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 order-1 md:order-1 xl:order-1">
+		<div class="input-standard">
+			<Inputlabel title="Heizquellen"></Inputlabel>
 
-		<div class="input-checkboxen">
-			<div
-				class="grid grid-cols-[40px_max-content] items-center justify-items-start"
-			>
-				<input
-					id="primaere_heizquelle"
-					type="checkbox"
-					class="checkbox"
-					name="primaere_heizquelle"
-					checked={true}
-				/>
-				<label for="primaere_heizquelle">primäre Heizquelle</label>
-			</div>
-
-			<div
-				class="grid grid-cols-[40px_max-content] items-center justify-items-start"
-			>
-				{#if !ausweis.zusaetzliche_heizquelle}
+			<div class="input-checkboxen">
+				<div
+					class="grid grid-cols-[25px_max-content] items-center justify-items-start"
+				>
 					<input
-						id="zusaetzliche_heizquelle"
+						id="primaere_heizquelle"
 						type="checkbox"
 						class="checkbox"
-						name="zusaetzliche_heizquelle"
-						data-cy="zusaetzliche_heizquelle"
-						bind:checked={ausweis.zusaetzliche_heizquelle}
+						name="primaere_heizquelle"
+						checked={true}
 					/>
-					<label
-						for="zusaetzliche_heizquelle"
-						class="cursor-pointer">zusätzliche Heizquelle</label
-					>
-				{/if}
+					<label for="primaere_heizquelle">Heizquelle</label>
+				</div>
+	
+			</div>
+	
+			<div class="help-label">
+				<HelpLabel>Sie haben die Möglichkeit neben der Hauptheizung die <b>Verbräuche weiterer Heizquellen</b> 
+					(z.B. Einzelöfen, Kamin, Nachtspeicher, Wärmepumpe, zweiter Heizkessel etc.) einzugeben. 
+					Dazu setzen Sie den Haken bei zusätzlicher Heizquelle. Eine weiterer Bereich zur Eingabe der 
+				Verbräuche öffnet sich dann.</HelpLabel>
 			</div>
 		</div>
-
-		<div class="help-label">
-			<HelpLabel>Sie haben die Möglichkeit neben der Hauptheizung die <b>Verbräuche weiterer Heizquellen</b> 
-				(z.B. Einzelöfen, Kamin, Nachtspeicher, Wärmepumpe, zweiter Heizkessel etc.) einzugeben. 
-				Dazu setzen Sie den Haken bei zusätzlicher Heizquelle. Eine weiterer Bereich zur Eingabe der 
-			Verbräuche öffnet sich dann.</HelpLabel>
+		{#if !ausweis.zusaetzliche_heizquelle}
+		<div class="input-standard">
+			
+			<div class="input-checkboxen">
+			<div
+				class="grid grid-cols-[25px_max-content] items-center justify-items-start"
+			>
+				
+					<input
+						id="zusaetzliche_heizquelle_1"
+						type="checkbox"
+						class="checkbox"
+						name="zusaetzliche_heizquelle_1"
+						bind:checked={ausweis.zusaetzliche_heizquelle}
+						data-cy="zusaetzliche_heizquelle"
+					/>
+					<label
+						for="zusaetzliche_heizquelle_1"
+						class="cursor-pointer">zusätzl. Heizquelle</label
+					>
+			</div>
+			</div>
+			<div class="help-label">
+				<HelpLabel>Bitte geben Sie das <b>Startjahr der ersten Verbrauchsperiode</b> ein. Weitere Zeitangaben müssen nichht
+					gemacht werden, da alle 3 Verbrauchsjahre zusammenhängend sein sollen.</HelpLabel>
+			</div>
 		</div>
+		{/if}
+
 	</div>
 
 	<!-- Zeitraum 1 -->
@@ -286,7 +300,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 		/>
 
 		<div class="VerbrauchsEinheit">
-			{#if ausweis.einheit_1}{ausweis.einheit_1}{/if}
+			{#if ausweis.einheit_1 === "Bitte auswählen"}
+			{:else if ausweis.einheit_1 != "Bitte auswählen"}
+			{ausweis.einheit_1}
+			{/if}
 		</div>
 
 		<div class="help-label">
@@ -314,7 +331,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			required
 		/>
 		<div class="VerbrauchsEinheit">
-			{#if ausweis.einheit_1}{ausweis.einheit_1}{/if}
+			{#if ausweis.einheit_1 === "Bitte auswählen"}
+			{:else if ausweis.einheit_1 != "Bitte auswählen"}
+			{ausweis.einheit_1}
+			{/if}
 		</div>
 
 		<div class="help-label">
@@ -342,7 +362,10 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			required
 		/>
 		<div class="VerbrauchsEinheit">
-			{#if ausweis.einheit_1}{ausweis.einheit_1}{/if}
+			{#if ausweis.einheit_1 === "Bitte auswählen"}
+			{:else if ausweis.einheit_1 != "Bitte auswählen"}
+			{ausweis.einheit_1}
+			{/if}
 		</div>
 
 		<div class="help-label">
@@ -359,7 +382,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 	{#if ausweis.zusaetzliche_heizquelle}
 		<div
-			class="col-span-3 order-7 md:order-7 xl:order-7 h-[4px] bg-white mt-[-10px]"
+			class="hidden sm:block col-span-3 order-7 md:order-7 xl:order-7 h-[4px] bg-white mt-[-10px]"
 		></div>
 
 		<!-- zusätzliche Heizquelle -->
@@ -396,7 +419,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 		<div class="grid grid-cols-2 gap-x-4 order-9 md:order-9 xl:order-9">
 			<div class="input-standard">
-				<Inputlabel title="zusätzlicher Brennstoff *"></Inputlabel>
+				<Inputlabel title="zusätzl. Brennstoff *"></Inputlabel>
 
 				<select
 					class="rounded-e-none"
@@ -543,7 +566,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 	
 	<div
-	class="col-span-3 order-[13] md:order-[13] xl:order-[13] h-[4px] bg-white mt-[-10px]"
+	class="hidden sm:block col-span-3 order-[13] md:order-[13] xl:order-[13] h-[4px] bg-white mt-[-10px]"
 ></div>
 
 <!-- StromVerbrauch 1 -->
diff --git a/src/components/Ausweis/Verbrauch.svelte b/src/components/Ausweis/Verbrauch.svelte
index b897d389..b4a29fd6 100644
--- a/src/components/Ausweis/Verbrauch.svelte
+++ b/src/components/Ausweis/Verbrauch.svelte
@@ -431,7 +431,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 		<div class="grid grid-cols-2 gap-x-4 order-12 md:order-12 xl:order-12">
 			<div class="input-standard">
-				<Inputlabel title="zusätzlicher Brennstoff *"></Inputlabel>
+				<Inputlabel title="zusätzl. Brennstoff *"></Inputlabel>
 
 				<select
 					class="rounded-e-none"
diff --git a/src/components/design/sidebars/cards/NavigationCard.svelte b/src/components/design/sidebars/cards/NavigationCard.svelte
index d7a8cffd..e6a8fd31 100644
--- a/src/components/design/sidebars/cards/NavigationCard.svelte
+++ b/src/components/design/sidebars/cards/NavigationCard.svelte
@@ -123,7 +123,7 @@ on:keydown={hamburger}>
 		on:mouseleave={hoverout}
 	>
 		{#if innerWidth > 1023}
-			<a href={undefined} class="nav-element-child"
+			<a href=/energieausweis-erstellen/ class="nav-element-child"
 				>Energieausweis erstellen<span class="dd-symbol-clone">❯</span
 				><span class="dd-symbol">❯</span></a
 			>
@@ -137,7 +137,7 @@ on:keydown={hamburger}>
 		<ul class="dropdown-content energieasusweis-erstellen">
 			{#if innerWidth < 1023}
 				<li>
-					<a href="/energieausweis-erstellen"
+					<a href="/energieausweis-erstellen/"
 						>Energieausweis erstellen</a
 					>
 				</li>
@@ -184,11 +184,11 @@ on:keydown={hamburger}>
 		{/if}
 
 		<ul class="dropdown-content angebot-anfragen">
-			{#if innerWidth < 1023}
+		<!--	{#if innerWidth < 1023}
 				<li>
 					<a href="/energieausweis-erstellen">Angebot anfragen</a>
 				</li>
-			{/if}
+			{/if}-->
 			<li>
 				<a
 					href="/angebot-anfragen/bedarfsausweis-gewerbe-anfragen"
@@ -220,14 +220,20 @@ on:keydown={hamburger}>
 		on:mouseover={hover}
 		on:mouseleave={hoverout}
 	>
+
+	{#if innerWidth > 1023}
 		<a href="/verbrauchsausweis/" class="nav-element-child"
-			>Verbrauchsausweis<span class="dd-symbol-clone">❯</span><span
-				class="dd-symbol">❯</span
-			></a
-		>
+			>Verbrauchsausweis<span class="dd-symbol-clone">❯</span>
+			<span class="dd-symbol">❯</span></a>
+	{:else}
+		<a href={undefined} class="nav-element-child"
+		>Verbrauchsausweis<span class="dd-symbol-clone">❯</span>
+		<span class="dd-symbol">❯</span></a>
+	{/if}
+
 		<ul class="dropdown-content verbrauchsausweis">
 			{#if innerWidth < 1023}
-				<li><a href="index">Verbrauchsausweis</a></li>
+				<li><a href="/verbrauchsausweis/">Verbrauchsausweis</a></li>
 			{/if}
 			<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/produkt-uebersicht">Produktübersicht Verbrauchsausweis Wohnen</a></li>
 			<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/">Verbrauchsausweis online erstellen</a></li>
@@ -244,11 +250,17 @@ on:keydown={hamburger}>
 		on:mouseover={hover}
 		on:mouseleave={hoverout}
 	>
+
+	{#if innerWidth > 1023}
 		<a href="/bedarfsausweis/" class="nav-element-child"
-			>Bedarfsausweis<span class="dd-symbol-clone">❯</span><span
-				class="dd-symbol">❯</span
-			></a
-		>
+			>Bedarfsausweis<span class="dd-symbol-clone">❯</span>
+			<span class="dd-symbol">❯</span></a>
+	{:else}
+			<a href={undefined} class="nav-element-child"
+			>Bedarfsausweis<span class="dd-symbol-clone">❯</span>
+			<span class="dd-symbol">❯</span></a>
+	{/if}
+
 		<ul class="dropdown-content bedarfsausweis">
 			{#if innerWidth < 1023}
 				<li><a href="/bedarfsausweis/">Bedarfsausweis</a></li>
@@ -285,15 +297,15 @@ on:keydown={hamburger}>
 		on:mouseover={hover}
 		on:mouseleave={hoverout}
 	>
-		<a href="/" class="nav-element-child"
+		<a href={undefined} class="nav-element-child"
 			>Energieausweis<span class="dd-symbol-clone">❯</span><span
 				class="dd-symbol">❯</span
 			></a
 		>
 		<ul class="dropdown-content energieausweis">
-			{#if innerWidth < 1023}
+			<!--{#if innerWidth < 1023}
 				<li><a href="/energieausweis/">Energieausweis</a></li>
-			{/if}
+			{/if}-->
 			<li><a href="/verbrauchsausweis/verbrauchsausweis-wohngebaeude/">Verbrauchsausweis Wohngebäude</a></li>
 			<li><a href="/verbrauchsausweis/statistiken-zum-verbrauchsausweis/">Statistiken zum Verbrauchsausweis Wohngebäude</a></li>
 			<li><a href="/verbrauchsausweis/verbrauchsausweis-gewerbe/">Verbrauchsausweis Gewerbe</a></li>
@@ -322,7 +334,7 @@ on:keydown={hamburger}>
 				><span class="dd-symbol">❯</span></a
 			>
 		{:else}
-			<a href="/bestellprozess-energieausweis" class="nav-element-child"
+			<a href={undefined} class="nav-element-child"
 				>Bestellprozess Energieausweis<span class="dd-symbol-clone"
 					>❯</span
 				><span class="dd-symbol">❯</span></a
@@ -364,11 +376,17 @@ on:keydown={hamburger}>
 		on:mouseover={hover}
 		on:mouseleave={hoverout}
 	>
-		<a href="/geg/" class="nav-element-child"
-			>Gebäudeenergiegesetz (GEG)<span class="dd-symbol-clone">❯</span><span
-				class="dd-symbol">❯</span
-			></a
-		>
+		
+	{#if innerWidth > 1023}
+			<a href="/geg/" class="nav-element-child"
+			>Gebäudeenergiegesetz (GEG)<span class="dd-symbol-clone">❯</span>
+			<span class="dd-symbol">❯</span></a>
+	{:else}
+	<a href={undefined} class="nav-element-child"
+	>Gebäudeenergiegesetz (GEG)<span class="dd-symbol-clone">❯</span>
+	<span class="dd-symbol">❯</span></a>
+	{/if}
+
 		<ul class="dropdown-content geg">
 			{#if innerWidth < 1023}
 				<li><a href="/geg/">Gebäudeenergiegesetz (GEG)</a></li>
@@ -386,17 +404,13 @@ on:keydown={hamburger}>
 	on:mouseleave={hoverout}
 	>
 	{#if innerWidth > 1023}
-		<a href="/faq/" class="nav-element-child"
-			>FAQ<span class="dd-symbol-clone"
-				>❯</span
-			><span class="dd-symbol">❯</span></a
-		>
+		<a href="/faq/" class="nav-element-child">FAQ
+			<span class="dd-symbol-clone">❯</span>
+			<span class="dd-symbol">❯</span></a>
 	{:else}
-		<a href="/faq/" class="nav-element-child"
-			>FAQ<span class="dd-symbol-clone"
-				>❯</span
-			><span class="dd-symbol">❯</span></a
-		>
+		<a href={undefined} class="nav-element-child">FAQ
+			<span class="dd-symbol-clone">❯</span>
+			<span class="dd-symbol">❯</span></a>
 	{/if}
 
 	<ul class="dropdown-content faq">