diff --git a/src/components/design/content/card-BA-widget.svelte b/src/components/design/content/card-BA-widget.svelte
index f8f427e6..fc896ae4 100644
--- a/src/components/design/content/card-BA-widget.svelte
+++ b/src/components/design/content/card-BA-widget.svelte
@@ -19,11 +19,11 @@
 
     <div class="white box">
         <div class="variante">fundiert</div>
-        <div class="services"><div>Berechnung mit Erfassung der Gebäudegeometrie.</div><div class="check">✔</div></div>
-        <div class="services"><div>Zulässig bei Vermietung, Verkauf und Finanzierung.</div><div class="check">✔</div></div>
+        <div class="services"><div>Erfassung der Gebäudegeometrie.</div><div class="check">✔</div></div>
+        <div class="services"><div>Für Vermietung, Verkauf und Finanzierung.</div><div class="check">✔</div></div>
         <div class="services"><div>Zulässig auch fürunsanierte Objekte.</div><div class="check">✔</div></div>
         <div class="services"><div>Kann als Grundlage für ISFP dienen.</div><div class="check">✔</div></div>
-        <div class="services"><div>Objektivere  Berechnung.</div><div class="check">✔</div></div>
+        <div class="services"><div>Objektivere Berechnungsmethode.</div><div class="check">✔</div></div>
     </div>
     
     <a href="./energieausweis-erstellen/bedarfsausweis-wohngebaeude/" id="link-BA-promo" 
@@ -39,12 +39,12 @@
 #card-BA-promo{
 
 
-.white{@apply text-center text-black p-4 grid grid-rows-subgrid row-span-6 shadow-saeule}
+.white{@apply text-center text-black p-2 grid grid-rows-subgrid row-span-6 shadow-saeule}
 
 .variante{@apply w-fit text-black justify-self-end mr-4}
-.variante{font-size: clamp(15px, 4vh, 24px)}
+.variante{@apply text-3xl}
 
-.services{@apply text-base py-4 grid grid-cols-[1fr_minmax(10px,50px)]}
+.services{@apply text-start py-2 grid grid-cols-[1fr_minmax(10px,50px)]}
 .services:not(:last-child){@apply border-b-[1px] border-gray-200}
 .check{@apply self-center font-bold text-green-700}