src/components/Widget2.svelte

@@ -1,7 +1,7 @@
 
 <script lang="ts">
 
-import VApromo from "#sidebarCards/card-VA-promo.svelte";
+import VApromo from "card-VA-promo.svelte";
 import VAGpromo from "#sidebarCards/card-VA-G-promo.svelte";
 import BApromo from "#sidebarCards/card-BA-promo.svelte";
 import BAGpromo from "#sidebarCards/card-BA-G-promo.svelte";

src/components/design/content/card-VA-widget.svelte

@@ -0,0 +1,25 @@
+<script>
+	import { PRICES } from "#lib/constants";
+</script>
+	
+<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-[500px] 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>
+	<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
+			" >jetzt online erstellen</a>
+	</div>
+</div>
+
+
+<style lang="scss">
+
+
+</style>