diff --git a/src/components/design/content/ProduktUebersichtBedarfsausweisGewerbe.svelte b/src/components/design/content/ProduktUebersichtBedarfsausweisGewerbe.svelte
new file mode 100644
index 00000000..99a133df
--- /dev/null
+++ b/src/components/design/content/ProduktUebersichtBedarfsausweisGewerbe.svelte
@@ -0,0 +1,87 @@
+<script>
+    import { PRICES } from "#lib/constants";
+    export let bullets;
+    export let title;
+    
+    bullets = [
+        ["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
+        ["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
+        ["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
+        ["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
+        ["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
+        ["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
+        ["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
+        ["persönlicher&nbsp;Support",false, true, true],
+        ["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
+    ]
+    
+    
+    </script>
+    
+    <h1>Produktübersicht: <span class="text-secondary">Bedarfssausweis Gewerbegebäude</span></h1>
+    <h3>Bedarfssausweis Leistungen und Preise in der Übersicht:</h3>
+    
+    <hr>
+    <br>
+    
+    <div id="ProduktUebersichtBedarfssausweisGewerbe">
+    
+    <div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
+        
+    <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]"> 
+        <div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>      
+    </div>
+    
+    {#each bullets as [bullet,online,premium,offline]}
+    <div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
+        <div class="justify-self-start pl-2">{@html bullet}</div>
+        <div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
+        <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
+        <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
+    </div>
+    {/each}
+    
+    <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]"> 
+        <div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
+        <div class="price"><b>{PRICES.BedarfsausweisGewerbe[0]}&nbsp;€</b></div>
+        <div class="price"><b>{PRICES.BedarfsausweisGewerbe[1]}&nbsp;€</b></div>
+        <div class="price"><b>{PRICES.BedarfsausweisGewerbe[2]}&nbsp;€</b></div>      
+    </div>
+    
+    <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center"> 
+        <div class="justify-self-start pl-2"></div>
+        <button class="bestellbutton" type="button">jetzt<br>anfragen</button>
+        <button class="bestellbutton" type="button">jetzt<br>anfragen</button>
+        <button class="bestellbutton" type="button">jetzt<br>anfragen</button> 
+    </div>
+    
+    </div>
+    
+    
+    
+    </div>
+    
+    <style lang="postcss">
+    
+    .bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
+        hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
+    
+    
+    
+    
+    .zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
+    .bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
+    .bullet:nth-child(even){@apply bg-blue-100/40}
+    .bullet:nth-child(2){@apply !border-t-[6px]}
+    .bullet:nth-child(10){@apply !border-b-[6px]}
+    
+    .check {
+            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
+        }
+        .check-no {
+            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
+        }
+    
+    .price{@apply text-[1.15rem] sm:text-[1.5rem]}
+    
+    </style>
\ No newline at end of file
diff --git a/src/components/design/content/ProduktUebersichtBedarfsausweisWohnen.svelte b/src/components/design/content/ProduktUebersichtBedarfsausweisWohnen.svelte
new file mode 100644
index 00000000..2208843e
--- /dev/null
+++ b/src/components/design/content/ProduktUebersichtBedarfsausweisWohnen.svelte
@@ -0,0 +1,87 @@
+<script>
+    import { PRICES } from "#lib/constants";
+    export let bullets;
+    export let title;
+    
+    bullets = [
+        ["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
+        ["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
+        ["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
+        ["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
+        ["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
+        ["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
+        ["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
+        ["persönlicher&nbsp;Support",false, true, true],
+        ["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
+    ]
+    
+    
+    </script>
+    
+    <h1>Produktübersicht: <span class="text-secondary">Bedarfssausweis Wohngebäude</span></h1>
+    <h3>Bedarfssausweis Leistungen und Preise in der Übersicht:</h3>
+    
+    <hr>
+    <br>
+    
+    <div id="ProduktUebersichtBedarfssausweisWohnen">
+    
+    <div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
+        
+    <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]"> 
+        <div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>      
+    </div>
+    
+    {#each bullets as [bullet,online,premium,offline]}
+    <div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
+        <div class="justify-self-start pl-2">{@html bullet}</div>
+        <div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
+        <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
+        <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
+    </div>
+    {/each}
+    
+    <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]"> 
+        <div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
+        <div class="price"><b>{PRICES.BedarfsausweisWohnen[0]}&nbsp;€</b></div>
+        <div class="price"><b>{PRICES.BedarfsausweisWohnen[1]}&nbsp;€</b></div>
+        <div class="price"><b>{PRICES.BedarfsausweisWohnen[2]}&nbsp;€</b></div>      
+    </div>
+    
+    <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center"> 
+        <div class="justify-self-start pl-2"></div>
+        <button class="bestellbutton" type="button">sofort<br>bestellen</button>
+        <button class="bestellbutton" type="button">sofort<br>bestellen</button>
+        <button class="bestellbutton" type="button">sofort<br>bestellen</button> 
+    </div>
+    
+    </div>
+    
+    
+    
+    </div>
+    
+    <style lang="postcss">
+    
+    .bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
+        hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
+    
+    
+    
+    
+    .zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
+    .bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
+    .bullet:nth-child(even){@apply bg-blue-100/40}
+    .bullet:nth-child(2){@apply !border-t-[6px]}
+    .bullet:nth-child(10){@apply !border-b-[6px]}
+    
+    .check {
+            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
+        }
+        .check-no {
+            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
+        }
+    
+    .price{@apply text-[1.15rem] sm:text-[1.5rem]}
+    
+    </style>
\ No newline at end of file
diff --git a/src/components/design/content/ProduktUebersichtVerbrauchsausweisGewerbe.svelte b/src/components/design/content/ProduktUebersichtVerbrauchsausweisGewerbe.svelte
new file mode 100644
index 00000000..be124698
--- /dev/null
+++ b/src/components/design/content/ProduktUebersichtVerbrauchsausweisGewerbe.svelte
@@ -0,0 +1,87 @@
+<script>
+    import { PRICES } from "#lib/constants";
+    export let bullets;
+    export let title;
+    
+    bullets = [
+        ["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
+        ["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
+        ["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
+        ["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
+        ["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
+        ["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
+        ["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
+        ["persönlicher&nbsp;Support",false, true, true],
+        ["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
+    ]
+    
+    
+    </script>
+    
+    <h1>Produktübersicht: <span class="text-secondary">Verbrauchsausweis Gewerbegebäude</span></h1>
+    <h3>Verbrauchsausweis Leistungen und Preise in der Übersicht:</h3>
+    
+    <hr>
+    <br>
+    
+    <div id="ProduktUebersichtVerbrauchsausweisGewerbe">
+    
+    <div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
+        
+    <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]"> 
+        <div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>      
+    </div>
+    
+    {#each bullets as [bullet,online,premium,offline]}
+    <div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
+        <div class="justify-self-start pl-2">{@html bullet}</div>
+        <div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
+        <div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
+        <div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
+    </div>
+    {/each}
+    
+    <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]"> 
+        <div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
+        <div class="price"><b>{PRICES.VerbrauchsausweisGewerbe[0]}&nbsp;€</b></div>
+        <div class="price"><b>{PRICES.VerbrauchsausweisGewerbe[1]}&nbsp;€</b></div>
+        <div class="price"><b>{PRICES.VerbrauchsausweisGewerbe[2]}&nbsp;€</b></div>      
+    </div>
+    
+    <div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center"> 
+        <div class="justify-self-start pl-2"></div>
+        <button class="bestellbutton" type="button">sofort<br>bestellen</button>
+        <button class="bestellbutton" type="button">sofort<br>bestellen</button>
+        <button class="bestellbutton" type="button">sofort<br>bestellen</button> 
+    </div>
+    
+    </div>
+    
+    
+    
+    </div>
+    
+    <style lang="postcss">
+    
+    .bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
+        hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
+    
+    
+    
+    
+    .zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
+    .bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
+    .bullet:nth-child(even){@apply bg-blue-100/40}
+    .bullet:nth-child(2){@apply !border-t-[6px]}
+    .bullet:nth-child(10){@apply !border-b-[6px]}
+    
+    .check {
+            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
+        }
+        .check-no {
+            @apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
+        }
+    
+    .price{@apply text-[1.15rem] sm:text-[1.5rem]}
+    
+    </style>
\ No newline at end of file
diff --git a/src/components/design/content/ProduktUebersichtVerbrauchsausweisWohnen.svelte b/src/components/design/content/ProduktUebersichtVerbrauchsausweisWohnen.svelte
index 3c7da2f7..fd6a8a96 100644
--- a/src/components/design/content/ProduktUebersichtVerbrauchsausweisWohnen.svelte
+++ b/src/components/design/content/ProduktUebersichtVerbrauchsausweisWohnen.svelte
@@ -4,15 +4,15 @@ export let bullets;
 export let title;
 
 bullets = [
-    ["Prüfung durch Dipl. Ing.<br>Registrierung beim DiBt<br>rechtssicher nach GEG",true, true, true],
-    ["Originalausweis als PDF per E-Mail<br>Originalausweis per Post (zubuchbar)",true, true, true],
-    ["Bearbeitung innerhalb 24 Stunden<br>Selbsteingabe",true, true, false],
-    ["Same day service (zubuchbar)",true, true, false],
+    ["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
+    ["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
+    ["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
+    ["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
     ["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
-    ["automatische Vorprüfung<br>Live Vorschau direkt bei Eingabe<br>Live Vorschauausweis vorab<br>Vorschauausweis per E-Mail<br>dynamische Eingabehilfe",true, true, false],
-    ["Prüfanmerkungen per E-Mail",true, true, false],
-    ["persönlicher Support",false, true, true],
-    ["telefonische Beratung<br>persönlicher Energieberater",false, false, true],
+    ["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
+    ["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
+    ["persönlicher&nbsp;Support",false, true, true],
+    ["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
 ]
 
 
@@ -24,11 +24,11 @@ bullets = [
 <hr>
 <br>
 
-<div class="max-w-[320px]" id="ProduktUebersichtVerbrauchsausweisWohnen">
+<div id="ProduktUebersichtVerbrauchsausweisWohnen">
 
-<div class="w-[80%] sm:mx-auto grid grid-cols-[1fr_min-content_min-content_min-content]">
+<div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
     
-<div class="grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center text-[1.25rem]"> 
+<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]"> 
     <div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>      
 </div>
 
@@ -41,14 +41,14 @@ bullets = [
 </div>
 {/each}
 
-<div class="grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center text-[1.25rem]"> 
-    <div class="justify-self-start pl-2">Preis inkl. MwSt.</div>
-    <div><b>{PRICES.VerbrauchsausweisWohnen[0].toFixed(2)}&nbsp;€</b></div>
-    <div><b>{PRICES.VerbrauchsausweisWohnen[1].toFixed(2)}&nbsp;€</b></div>
-    <div><b>{PRICES.VerbrauchsausweisWohnen[2].toFixed(2)}&nbsp;€</b></div>      
+<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]"> 
+    <div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
+    <div class="price"><b>{PRICES.VerbrauchsausweisWohnen[0]}&nbsp;€</b></div>
+    <div class="price"><b>{PRICES.VerbrauchsausweisWohnen[1]}&nbsp;€</b></div>
+    <div class="price"><b>{PRICES.VerbrauchsausweisWohnen[2]}&nbsp;€</b></div>      
 </div>
 
-<div class="grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center text-[1rem]"> 
+<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center"> 
     <div class="justify-self-start pl-2"></div>
     <button class="bestellbutton" type="button">sofort<br>bestellen</button>
     <button class="bestellbutton" type="button">sofort<br>bestellen</button>
@@ -63,22 +63,25 @@ bullets = [
 
 <style lang="postcss">
 
-.bestellbutton{@apply px-4 mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
+.bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
     hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
 
 
 
 
-.bullet{@apply text-[0.75rem] sm:text-[1rem]}
+.zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
+.bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
 .bullet:nth-child(even){@apply bg-blue-100/40}
 .bullet:nth-child(2){@apply !border-t-[6px]}
 .bullet:nth-child(10){@apply !border-b-[6px]}
 
 .check {
-		@apply text-[1.5rem] font-bold text-green-700;
+		@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
 	}
 	.check-no {
-		@apply text-[1.5rem] font-bold text-red-700;
+		@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
 	}
 
+.price{@apply text-[1.15rem] sm:text-[1.5rem]}
+
 </style>
\ No newline at end of file
diff --git a/src/components/widgets/WelcherAusweisWidget_1.svelte b/src/components/widgets/WelcherAusweisWidget_1.svelte
index c8e21f98..dfe6edf1 100644
--- a/src/components/widgets/WelcherAusweisWidget_1.svelte
+++ b/src/components/widgets/WelcherAusweisWidget_1.svelte
@@ -173,6 +173,7 @@ $: {
 					src="/images/right-sidebar/wohngebaeude.svg"
 					alt="Wohnhaus Verbrauchsausweis"
 					variant="einfach"
+					empfehlung="nein"
 					services={[
 						["3&nbsp;Jahresverbräuche der Heizung benötigt.", true],
 						["Zulässig bei Vermietung oder Verkauf.", true],
@@ -182,7 +183,6 @@ $: {
 					]}
 					href_buy="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/"
 					href_overview="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/produkt-uebersicht/"
-					empfehlung="nein"
 				></WidgetCardTemplate>
 				</div>
 			{/if}
@@ -206,7 +206,8 @@ $: {
 						["Kann als Grundlage für den ISFP dienen.", true],
 						["Objektivere Berechnungsmethode nach DIN 18599.", true],
 					]}
-					href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/"
+					href_buy="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/"
+					href_overview="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/produkt-uebersicht/"
 				></WidgetCardTemplate>
 				</div>
 			{/if}
@@ -222,6 +223,7 @@ $: {
 					src="/images/right-sidebar/gewerbegebaeude.svg"
 					alt="Gewerbe Verbrauchsausweis"
 					variant="einfach"
+					empfehlung="nein"					
 					services={[
 						
 						["3&nbsp;Jahresverbräuche von Heizung Gebäudestrom nötig.", true],
@@ -230,8 +232,8 @@ $: {
 						["Wird nicht immer bei den Banken akzeptiert.", false],
                         ["xxx", false],
 					]}
-					href="/energieausweis-erstellen/verbrauchsausweis-gewerbe/" 
-					empfehlung="nein"
+					href_buy="/energieausweis-erstellen/verbrauchsausweis-gewerbe/"
+					href_overview="/energieausweis-erstellen/verbrauchsausweis-gewerbe/produkt-uebersicht/"
 				></WidgetCardTemplate>
 				
 				</div>
@@ -257,7 +259,8 @@ $: {
 						["Objektiveres, besser vergleichbares Ergebnis.", true],
                         ["xxx", false],
 					]}
-					href="/energieausweis-erstellen/bedarfsausweis-gewerbe/"
+					href_buy="/energieausweis-erstellen/bedarfsausweis-gewerbe/"
+					href_overview="/energieausweis-erstellen/bedarfsausweis-gewerbe/produkt-uebersicht/"
 				></WidgetCardTemplate>
 				</div>
 			{/if}
@@ -273,6 +276,7 @@ $: {
 				src="/images/right-sidebar/gewerbegebaeude.svg"
 				alt="Gewerbe Bedarfsausweis"
 				variant="Bauvorlage"
+				empfehlung="nein"
 				services={[
 					
 					["xxx", true],
@@ -282,7 +286,7 @@ $: {
 					["xxx", false],
 				]}
 				href="/energieausweis-erstellen/bedarfsausweis-gewerbe/" 
-				empfehlung="nein"
+
 			></WidgetCardTemplate>
 			
 			</div>
@@ -299,6 +303,7 @@ $: {
 				src="/images/right-sidebar/gewerbegebaeude.svg"
 				alt="Gewerbe Bedarfsausweis"
 				variant="Bauvorlage"
+				empfehlung="nein"
 				services={[
 					
 					["xxx", true],
@@ -308,7 +313,6 @@ $: {
 					["xxx", false],
 				]}
 				href="/energieausweis-erstellen/bedarfsausweis-gewerbe/" 
-				empfehlung="nein"
 			></WidgetCardTemplate>
 			
 			</div>
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index a1dfbefb..3d9f2daa 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -28,7 +28,7 @@ export const PRICES: Record<Enums.Ausweisart, [number, number, number]> = {
 	BedarfsausweisWohnen: [135, 145, 290],
 	VerbrauchsausweisWohnen: [65, 75, 180],
 	VerbrauchsausweisGewerbe: [95, 115, 360],
-	BedarfsausweisGewerbe: [500, 0, 0],
+	BedarfsausweisGewerbe: [400, 600, 900],
 };
 
 export const SERVICES: Record<
diff --git a/src/pages/energieausweis-erstellen/bedarfsausweis-gewerbe/produkt-uebersicht.astro b/src/pages/energieausweis-erstellen/bedarfsausweis-gewerbe/produkt-uebersicht.astro
new file mode 100644
index 00000000..1628673d
--- /dev/null
+++ b/src/pages/energieausweis-erstellen/bedarfsausweis-gewerbe/produkt-uebersicht.astro
@@ -0,0 +1,13 @@
+---
+import Layout from "#layouts/Layout.astro";
+import ProduktUebersichtBedarfsausweisGewerbe from "#components/design/content/ProduktUebersichtBedarfsausweisGewerbe.svelte";
+---
+
+<Layout title="Bedarfsausweis Produktübersicht">
+
+<ProduktUebersichtBedarfsausweisGewerbe>
+
+</ProduktUebersichtBedarfsausweisGewerbe>
+
+
+</Layout>
\ No newline at end of file
diff --git a/src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/produkt-uebersicht.astro b/src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/produkt-uebersicht.astro
new file mode 100644
index 00000000..c4c4ab70
--- /dev/null
+++ b/src/pages/energieausweis-erstellen/bedarfsausweis-wohngebaeude/produkt-uebersicht.astro
@@ -0,0 +1,13 @@
+---
+import Layout from "#layouts/Layout.astro";
+import ProduktUebersichtBedarfsausweisWohnen from "#components/design/content/ProduktUebersichtBedarfsausweisWohnen.svelte";
+---
+
+<Layout title="Bedarfsausweis Produktübersicht">
+
+<ProduktUebersichtBedarfsausweisWohnen>
+
+</ProduktUebersichtBedarfsausweisWohnen>
+
+
+</Layout>
\ No newline at end of file
diff --git a/src/pages/energieausweis-erstellen/verbrauchsausweis-gewerbe/produkt-uebersicht.astro b/src/pages/energieausweis-erstellen/verbrauchsausweis-gewerbe/produkt-uebersicht.astro
new file mode 100644
index 00000000..8502bef8
--- /dev/null
+++ b/src/pages/energieausweis-erstellen/verbrauchsausweis-gewerbe/produkt-uebersicht.astro
@@ -0,0 +1,13 @@
+---
+import Layout from "#layouts/Layout.astro";
+import ProduktUebersichtVerbrauchsausweisGewerbe from "#components/design/content/ProduktUebersichtVerbrauchsausweisGewerbe.svelte";
+---
+
+<Layout title="Verbrauchsausweis Produktübersicht">
+
+<ProduktUebersichtVerbrauchsausweisGewerbe>
+
+</ProduktUebersichtVerbrauchsausweisGewerbe>
+
+
+</Layout>
\ No newline at end of file
diff --git a/src/pages/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/produkt-uebersicht.astro b/src/pages/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/produkt-uebersicht.astro
index 39ea1d14..a2fe581c 100644
--- a/src/pages/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/produkt-uebersicht.astro
+++ b/src/pages/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/produkt-uebersicht.astro
@@ -10,5 +10,4 @@ import ProduktUebersichtVerbrauchsausweisWohnen from "#components/design/content
 </ProduktUebersichtVerbrauchsausweisWohnen>
 
 
-
 </Layout>
\ No newline at end of file
diff --git a/src/style/global.css b/src/style/global.css
index d5750d4b..08282d38 100644
--- a/src/style/global.css
+++ b/src/style/global.css
@@ -75,16 +75,16 @@ article {
 
 	hr {@apply mb-4 mt-4 border-primary;}
 
-	h1 {@apply text-4xl font-normal mb-2;}
-	h2{@apply text-2xl font-normal mb-2;}
-	h3 {@apply text-xl font-normal ml-1;}
+	h1 {@apply pl-2 sm:pl-0 text-4xl font-normal mb-2;}
+	h2{@apply pl-2 sm:pl-0 text-2xl font-normal mb-2;}
+	h3 {@apply pl-2 sm:pl-0 text-xl font-normal ml-1;}
 	
 	a {@apply text-blue-700 font-medium inline;}
 
 	p {@apply text-lg font-normal pl-2 pr-2 mb-4;}
 	li {@apply text-lg font-normal }
 	ul {@apply list-disc list-inside mb-4}
-	span {@apply text-secondary font-bold;}
+	/*span {@apply text-secondary font-bold;}*/
 	
 }