From 7cf55353ae1a1fd054c4266eb32381b1d890428e Mon Sep 17 00:00:00 2001
From: Jens Cornelsen <79703163+IB-Cornelsen@users.noreply.github.com>
Date: Sun, 8 Dec 2024 16:14:32 +0100
Subject: [PATCH] Widget

---
 .../design/content/card-BA-widget.svelte      | 17 +++++++++----
 .../design/content/card-BAG-widget.svelte     | 25 ++++++++-----------
 .../design/content/card-VA-widget.svelte      |  6 ++---
 .../design/content/card-VAG-widget.svelte     |  6 ++---
 4 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/src/components/design/content/card-BA-widget.svelte b/src/components/design/content/card-BA-widget.svelte
index de71586a..59ae774d 100644
--- a/src/components/design/content/card-BA-widget.svelte
+++ b/src/components/design/content/card-BA-widget.svelte
@@ -2,19 +2,26 @@
 	import { PRICES } from "#lib/constants";
 </script>
 	
-<div id ="card-BA-promo" 
-    class="	box card bg-white px-6 py-4 mb-5">
-
+<div id ="card-BA-promo" class="box card bg-white px-6 py-4 mb-5">
     <div class="grid">
 
     <h2>Bedarfssausweis Wohngebäude</h2>
     <hr class="mb-4">
-    <img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
-    <p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.BedarfsausweisWohnen[0]}</span>€</p>
+    
+    <div class="flex flex-row">
+        <div>
+            <img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
+        </div>
+        <div>
+        <p class="promo tracking-tighter text-2xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.BedarfsausweisWohnen[0]}</span>€</p>
+        </div>
+    </div>
+    
     <a href="./energieausweis-erstellen/bedarfsausweis-wohngebaeude/" id="link-BA-promo" 
             class="	w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
                     hover:bg-primary
             " >jetzt online erstellen</a>
+
     </div>
 </div>
 
diff --git a/src/components/design/content/card-BAG-widget.svelte b/src/components/design/content/card-BAG-widget.svelte
index 5d5cd42d..1be073d1 100644
--- a/src/components/design/content/card-BAG-widget.svelte
+++ b/src/components/design/content/card-BAG-widget.svelte
@@ -2,21 +2,18 @@
 	import { PRICES } from "#lib/constants";
 </script>
 	
-<div id ="card-BA-G-promo" 
-class="	box card hidden bg-white px-6 py-4 mb-5
-        lg:block">
+<div id ="card-BA-G-promo" class="box card bg-white px-6 py-4 mb-5">
+    <div class="grid">
 
-<div class="grid">
-
-<h2>Bedarfssausweis Gewerbe</h2>
-<hr class="mb-4">
-<img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Bedarfsausweis"/>
-<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.BedarfsausweisGewerbe[0]}</span>€</p>
-<a href="./energieausweis-erstellen/bedarfsausweis-gewerbe/" id="link-BA-promo" 
-        class="	w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
-                hover:bg-primary
-        " >jetzt online erstellen</a>
-</div>
+    <h2>Bedarfssausweis Gewerbe</h2>
+    <hr class="mb-4">
+    <img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Bedarfsausweis"/>
+    <p class="promo tracking-tighter text-2xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.BedarfsausweisGewerbe[0]}</span>€</p>
+    <a href="./energieausweis-erstellen/bedarfsausweis-gewerbe/" id="link-BA-promo" 
+            class="	w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
+                    hover:bg-primary
+            " >jetzt online erstellen</a>
+    </div>
 </div>
 
 
diff --git a/src/components/design/content/card-VA-widget.svelte b/src/components/design/content/card-VA-widget.svelte
index 77d2b2fc..34c3c6d8 100644
--- a/src/components/design/content/card-VA-widget.svelte
+++ b/src/components/design/content/card-VA-widget.svelte
@@ -2,15 +2,13 @@
 	import { PRICES } from "#lib/constants";
 </script>
 	
-<div id ="card-VA-promo" 
-	class="	box card bg-white px-6 py-4 mb-5">
-
+<div id ="card-VA-promo" class="box card bg-white px-6 py-4 mb-5">
 	<div class="grid">
 
 	<h2>Verbrauchsausweis Wohngebäude</h2>
 	<hr class="mb-4">
 	<img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
-	<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisWohnen[0]}</span>€</p>
+	<p class="promo tracking-tighter text-2xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisWohnen[0]}</span>€</p>
 	<a href="./energieausweis-erstellen/verbrauchsausweis-wohngebaeude/" id="link-VA-promo" 
 			class="	w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
 					hover:bg-primary
diff --git a/src/components/design/content/card-VAG-widget.svelte b/src/components/design/content/card-VAG-widget.svelte
index d07f792a..5b1c3d7f 100644
--- a/src/components/design/content/card-VAG-widget.svelte
+++ b/src/components/design/content/card-VAG-widget.svelte
@@ -2,15 +2,13 @@
 	import { PRICES } from "#lib/constants";
 </script>
 	
-<div id ="card-VA-G-promo" 
-	class="	box card bg-white px-6 py-4 mb-5">
-
+<div id ="card-VA-G-promo" class="box card bg-white px-6 py-4 mb-5">
 	<div class="grid">
 
 	<h2>Verbrauchsausweis Gewerbe</h2>
 	<hr class="mb-4">
 	<img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Verbrauchsausweis"/>
-	<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisGewerbe[0]}</span>€</p>
+	<p class="promo tracking-tighter text-2xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisGewerbe[0]}</span>€</p>
 	<a href="./energieausweis-erstellen/verbrauchsausweis-gewerbe/" id="link-VA-promo" 
 			class="	w-[90%] justify-self-center text-center text-white font-[700] bg-secondary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
 					hover:bg-primary