56 lines
2.3 KiB
Svelte
56 lines
2.3 KiB
Svelte
<script>
|
|
import { PRICES } from "#lib/constants";
|
|
</script>
|
|
|
|
<div id ="card-BAG-promo" class="box card">
|
|
<div class="">
|
|
|
|
<h2>Bedarfsausweis Gewerbe</h2>
|
|
<hr class="mb-2">
|
|
|
|
<div class="flex flex-row mb-2 mt-2 w-full items-end">
|
|
<div>
|
|
<img class="w-[100%] !min-w-[100px]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Bedarfsausweis"/>
|
|
</div>
|
|
<div>
|
|
<p class="promo tracking-tighter text-2xl text-gray-700 pl-3">ab<span class="promo pl-2">{PRICES.BedarfsausweisGewerbe[0]}</span>€</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="white">
|
|
<div class="variante">fundiert (empfohlen)</div>
|
|
<div class="services"><div>Mehrzonenmodell nach DIN 18599.</div><div class="check">✔</div></div>
|
|
<div class="services"><div>Zulässig bei Vermietung oder Verkauf.</div><div class="check">✔</div></div>
|
|
<div class="services"><div>Grundlage für Sanierungsvarianten.</div><div class="check-no">✔</div></div>
|
|
<div class="services"><div>Objektiveres, besser vergleichbares Ergebnis.</div><div class="check-no">✔</div></div>
|
|
</div>
|
|
<a href="./energieausweis-erstellen/bedarfsausweis-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
|
|
" >jetzt online erstellen</a>
|
|
|
|
<a href="./energieausweis-erstellen/bedarfsausweis-gewerbe/" id="link-VA-promo"
|
|
class=" w-[90%] justify-self-center text-center text-white font-[700] bg-primary rounded-md px-3 py-1 mt-2 no-underline text-[1rem]
|
|
hover:bg-primary
|
|
" >zur Produktübersicht</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<style lang="scss">
|
|
#card-BAG-promo{
|
|
|
|
|
|
.white{@apply text-center text-black p-2 grid grid-rows-subgrid row-span-6}
|
|
|
|
.variante{@apply w-fit text-black justify-self-end mr-3}
|
|
.variante{@apply text-2xl}
|
|
|
|
.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 justify-self-end font-bold text-green-700}
|
|
.check-no{@apply justify-self-end font-bold text-red-700}
|
|
|
|
}
|
|
</style> |