<script>
	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 class="grid">

<h2>Bedarfssausweis Gewerbe</h2>
<hr class="mb-4">
<img class="w-[70%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Bedarfsausweis"/>
<p class="promo tracking-tighter text-[2rem] text-gray-700 pl-6">ab<span class="promo pl-[0.2rem]">{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 Bedarfssausweis erstellen</a>
</div>
</div>


<style lang="scss">

</style>
