Merge pull request #316 from IBCornelsen/UMBE

produkte und widget
This commit is contained in:
UMBENOMENA
2025-02-08 20:35:02 +01:00
committed by GitHub
11 changed files with 340 additions and 34 deletions

View File

@@ -0,0 +1,87 @@
<script>
import { PRICES } from "#lib/constants";
export let bullets;
export let title;
bullets = [
["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
["persönlicher&nbsp;Support",false, true, true],
["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
]
</script>
<h1>Produktübersicht: <span class="text-secondary">Bedarfssausweis Gewerbegebäude</span></h1>
<h3>Bedarfssausweis Leistungen und Preise in der Übersicht:</h3>
<hr>
<br>
<div id="ProduktUebersichtBedarfssausweisGewerbe">
<div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]">
<div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>
</div>
{#each bullets as [bullet,online,premium,offline]}
<div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
<div class="justify-self-start pl-2">{@html bullet}</div>
<div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
<div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
<div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
</div>
{/each}
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]">
<div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
<div class="price"><b>{PRICES.BedarfsausweisGewerbe[0]}&nbsp;</b></div>
<div class="price"><b>{PRICES.BedarfsausweisGewerbe[1]}&nbsp;</b></div>
<div class="price"><b>{PRICES.BedarfsausweisGewerbe[2]}&nbsp;</b></div>
</div>
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center">
<div class="justify-self-start pl-2"></div>
<button class="bestellbutton" type="button">jetzt<br>anfragen</button>
<button class="bestellbutton" type="button">jetzt<br>anfragen</button>
<button class="bestellbutton" type="button">jetzt<br>anfragen</button>
</div>
</div>
</div>
<style lang="postcss">
.bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
.zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
.bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
.bullet:nth-child(even){@apply bg-blue-100/40}
.bullet:nth-child(2){@apply !border-t-[6px]}
.bullet:nth-child(10){@apply !border-b-[6px]}
.check {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
}
.check-no {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
}
.price{@apply text-[1.15rem] sm:text-[1.5rem]}
</style>

View File

@@ -0,0 +1,87 @@
<script>
import { PRICES } from "#lib/constants";
export let bullets;
export let title;
bullets = [
["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
["persönlicher&nbsp;Support",false, true, true],
["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
]
</script>
<h1>Produktübersicht: <span class="text-secondary">Bedarfssausweis Wohngebäude</span></h1>
<h3>Bedarfssausweis Leistungen und Preise in der Übersicht:</h3>
<hr>
<br>
<div id="ProduktUebersichtBedarfssausweisWohnen">
<div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]">
<div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>
</div>
{#each bullets as [bullet,online,premium,offline]}
<div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
<div class="justify-self-start pl-2">{@html bullet}</div>
<div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
<div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
<div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
</div>
{/each}
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]">
<div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
<div class="price"><b>{PRICES.BedarfsausweisWohnen[0]}&nbsp;</b></div>
<div class="price"><b>{PRICES.BedarfsausweisWohnen[1]}&nbsp;</b></div>
<div class="price"><b>{PRICES.BedarfsausweisWohnen[2]}&nbsp;</b></div>
</div>
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center">
<div class="justify-self-start pl-2"></div>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
</div>
</div>
</div>
<style lang="postcss">
.bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
.zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
.bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
.bullet:nth-child(even){@apply bg-blue-100/40}
.bullet:nth-child(2){@apply !border-t-[6px]}
.bullet:nth-child(10){@apply !border-b-[6px]}
.check {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
}
.check-no {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
}
.price{@apply text-[1.15rem] sm:text-[1.5rem]}
</style>

View File

@@ -0,0 +1,87 @@
<script>
import { PRICES } from "#lib/constants";
export let bullets;
export let title;
bullets = [
["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
["persönlicher&nbsp;Support",false, true, true],
["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
]
</script>
<h1>Produktübersicht: <span class="text-secondary">Verbrauchsausweis Gewerbegebäude</span></h1>
<h3>Verbrauchsausweis Leistungen und Preise in der Übersicht:</h3>
<hr>
<br>
<div id="ProduktUebersichtVerbrauchsausweisGewerbe">
<div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]">
<div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>
</div>
{#each bullets as [bullet,online,premium,offline]}
<div class="bullet grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center">
<div class="justify-self-start pl-2">{@html bullet}</div>
<div class:check={online} class:check-no={!online}>{online ? "✔" : "✘"}</div>
<div class:check={premium} class:check-no={!premium}>{premium ? "✔" : "✘"}</div>
<div class:check={offline} class:check-no={!offline}>{offline ? "✔" : "✘"}</div>
</div>
{/each}
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]">
<div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
<div class="price"><b>{PRICES.VerbrauchsausweisGewerbe[0]}&nbsp;</b></div>
<div class="price"><b>{PRICES.VerbrauchsausweisGewerbe[1]}&nbsp;</b></div>
<div class="price"><b>{PRICES.VerbrauchsausweisGewerbe[2]}&nbsp;</b></div>
</div>
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center">
<div class="justify-self-start pl-2"></div>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
</div>
</div>
</div>
<style lang="postcss">
.bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
.zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
.bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
.bullet:nth-child(even){@apply bg-blue-100/40}
.bullet:nth-child(2){@apply !border-t-[6px]}
.bullet:nth-child(10){@apply !border-b-[6px]}
.check {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
}
.check-no {
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
}
.price{@apply text-[1.15rem] sm:text-[1.5rem]}
</style>

View File

@@ -4,15 +4,15 @@ export let bullets;
export let title;
bullets = [
["Prüfung durch Dipl. Ing.<br>Registrierung beim DiBt<br>rechtssicher nach GEG",true, true, true],
["Originalausweis als PDF per E-Mail<br>Originalausweis per Post (zubuchbar)",true, true, true],
["Bearbeitung innerhalb 24 Stunden<br>Selbsteingabe",true, true, false],
["Same day service (zubuchbar)",true, true, false],
["Prüfung durch Dipl.&nbsp;Ing.<br>Registrierung beim DiBt<br>rechtssicher nach&nbsp;GEG",true, true, true],
["Originalausweis als&nbsp;PDF per&nbsp;<span class='text-nowrap'>E-Mail</span><br>Originalausweis per&nbsp;Post (zubuchbar)",true, true, true],
["Bearbeitung innerhalb 24&nbsp;Stunden<br>Selbsteingabe",true, true, false],
["Same&nbsp;day&nbsp;service (zubuchbar)",true, true, false],
["Fotoupload<br>Dokumentenupload<br>(Verbrauchsabrechnungen)",true, true, true],
["automatische Vorprüfung<br>Live Vorschau direkt bei Eingabe<br>Live Vorschauausweis vorab<br>Vorschauausweis per E-Mail<br>dynamische Eingabehilfe",true, true, false],
["Prüfanmerkungen per E-Mail",true, true, false],
["persönlicher Support",false, true, true],
["telefonische Beratung<br>persönlicher Energieberater",false, false, true],
["automatische Vorprüfung<br>Live&nbsp;Vorschau direkt bei&nbsp;Eingabe<br>Live&nbsp;Vorschauausweis vorab<br>Vorschauausweis per&nbsp;E-Mail<br>dynamische&nbsp;Eingabehilfe",true, true, false],
["Prüfanmerkungen per&nbsp;<span class='text-nowrap'>E-Mail</span>",true, true, false],
["persönlicher&nbsp;Support",false, true, true],
["telefonische&nbsp;Beratung<br>persönlicher&nbsp;Energieberater",false, false, true],
]
@@ -24,11 +24,11 @@ bullets = [
<hr>
<br>
<div class="max-w-[320px]" id="ProduktUebersichtVerbrauchsausweisWohnen">
<div id="ProduktUebersichtVerbrauchsausweisWohnen">
<div class="w-[80%] sm:mx-auto grid grid-cols-[1fr_min-content_min-content_min-content]">
<div class="w-full sm:w-[80%] sm:mx-auto grid grid-cols-[1fr_max-content_max-content_max-content] sm:grid-cols-[1fr_min-content_min-content_min-content]">
<div class="grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center text-[1.25rem]">
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[1px] justify-items-center items-center sm:text-[1.25rem]">
<div class="justify-self-start pl-2"><b>Leistung</b></div><div><b>online</b></div><div><b>premium</b></div><div><b>offline</b></div>
</div>
@@ -41,14 +41,14 @@ bullets = [
</div>
{/each}
<div class="grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center text-[1.25rem]">
<div class="justify-self-start pl-2">Preis inkl. MwSt.</div>
<div><b>{PRICES.VerbrauchsausweisWohnen[0].toFixed(2)}&nbsp;</b></div>
<div><b>{PRICES.VerbrauchsausweisWohnen[1].toFixed(2)}&nbsp;</b></div>
<div><b>{PRICES.VerbrauchsausweisWohnen[2].toFixed(2)}&nbsp;</b></div>
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center sm:text-[1.25rem]">
<div class="price justify-self-start pl-2">Preis inkl. MwSt.</div>
<div class="price"><b>{PRICES.VerbrauchsausweisWohnen[0]}&nbsp;</b></div>
<div class="price"><b>{PRICES.VerbrauchsausweisWohnen[1]}&nbsp;</b></div>
<div class="price"><b>{PRICES.VerbrauchsausweisWohnen[2]}&nbsp;</b></div>
</div>
<div class="grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center text-[1rem]">
<div class="zeile grid grid-cols-subgrid col-span-4 py-4 border-b-[0px] justify-items-center items-center">
<div class="justify-self-start pl-2"></div>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
<button class="bestellbutton" type="button">sofort<br>bestellen</button>
@@ -63,22 +63,25 @@ bullets = [
<style lang="postcss">
.bestellbutton{@apply px-4 mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
.bestellbutton{@apply px-[2px] sm:px-4 mx-[2px] sm:mx-2 py-2 bg-secondary ring-2 ring-secondary/25 rounded-none xs:rounded-md text-white text-nowrap font-bold
hover:bg-gradient-to-br from-secondary to-secondary-grad hover:shadow-lg transition-all hover:no-underline hover:ring-2 hover:ring-primary;}
.bullet{@apply text-[0.75rem] sm:text-[1rem]}
.zeile{@apply text-[0.6rem] sm:text-[1rem] md:text-[1.5rem]}
.bullet{@apply text-[0.75rem] sm:text-[1rem] md:text-[1.25rem]}
.bullet:nth-child(even){@apply bg-blue-100/40}
.bullet:nth-child(2){@apply !border-t-[6px]}
.bullet:nth-child(10){@apply !border-b-[6px]}
.check {
@apply text-[1.5rem] font-bold text-green-700;
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-green-700;
}
.check-no {
@apply text-[1.5rem] font-bold text-red-700;
@apply text-[1.25rem] sm:text-[1.5rem] font-bold text-red-700;
}
.price{@apply text-[1.15rem] sm:text-[1.5rem]}
</style>

View File

@@ -173,6 +173,7 @@ $: {
src="/images/right-sidebar/wohngebaeude.svg"
alt="Wohnhaus Verbrauchsausweis"
variant="einfach"
empfehlung="nein"
services={[
["3&nbsp;Jahresverbräuche der Heizung benötigt.", true],
["Zulässig bei Vermietung oder Verkauf.", true],
@@ -182,7 +183,6 @@ $: {
]}
href_buy="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/"
href_overview="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/produkt-uebersicht/"
empfehlung="nein"
></WidgetCardTemplate>
</div>
{/if}
@@ -206,7 +206,8 @@ $: {
["Kann als Grundlage für den ISFP dienen.", true],
["Objektivere Berechnungsmethode nach DIN 18599.", true],
]}
href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/"
href_buy="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/"
href_overview="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/produkt-uebersicht/"
></WidgetCardTemplate>
</div>
{/if}
@@ -222,6 +223,7 @@ $: {
src="/images/right-sidebar/gewerbegebaeude.svg"
alt="Gewerbe Verbrauchsausweis"
variant="einfach"
empfehlung="nein"
services={[
["3&nbsp;Jahresverbräuche von Heizung Gebäudestrom nötig.", true],
@@ -230,8 +232,8 @@ $: {
["Wird nicht immer bei den Banken akzeptiert.", false],
["xxx", false],
]}
href="/energieausweis-erstellen/verbrauchsausweis-gewerbe/"
empfehlung="nein"
href_buy="/energieausweis-erstellen/verbrauchsausweis-gewerbe/"
href_overview="/energieausweis-erstellen/verbrauchsausweis-gewerbe/produkt-uebersicht/"
></WidgetCardTemplate>
</div>
@@ -257,7 +259,8 @@ $: {
["Objektiveres, besser vergleichbares Ergebnis.", true],
["xxx", false],
]}
href="/energieausweis-erstellen/bedarfsausweis-gewerbe/"
href_buy="/energieausweis-erstellen/bedarfsausweis-gewerbe/"
href_overview="/energieausweis-erstellen/bedarfsausweis-gewerbe/produkt-uebersicht/"
></WidgetCardTemplate>
</div>
{/if}
@@ -273,6 +276,7 @@ $: {
src="/images/right-sidebar/gewerbegebaeude.svg"
alt="Gewerbe Bedarfsausweis"
variant="Bauvorlage"
empfehlung="nein"
services={[
["xxx", true],
@@ -282,7 +286,7 @@ $: {
["xxx", false],
]}
href="/energieausweis-erstellen/bedarfsausweis-gewerbe/"
empfehlung="nein"
></WidgetCardTemplate>
</div>
@@ -299,6 +303,7 @@ $: {
src="/images/right-sidebar/gewerbegebaeude.svg"
alt="Gewerbe Bedarfsausweis"
variant="Bauvorlage"
empfehlung="nein"
services={[
["xxx", true],
@@ -308,7 +313,6 @@ $: {
["xxx", false],
]}
href="/energieausweis-erstellen/bedarfsausweis-gewerbe/"
empfehlung="nein"
></WidgetCardTemplate>
</div>

View File

@@ -28,7 +28,7 @@ export const PRICES: Record<Enums.Ausweisart, [number, number, number]> = {
BedarfsausweisWohnen: [135, 145, 290],
VerbrauchsausweisWohnen: [65, 75, 180],
VerbrauchsausweisGewerbe: [95, 115, 360],
BedarfsausweisGewerbe: [500, 0, 0],
BedarfsausweisGewerbe: [400, 600, 900],
};
export const SERVICES: Record<

View File

@@ -0,0 +1,13 @@
---
import Layout from "#layouts/Layout.astro";
import ProduktUebersichtBedarfsausweisGewerbe from "#components/design/content/ProduktUebersichtBedarfsausweisGewerbe.svelte";
---
<Layout title="Bedarfsausweis Produktübersicht">
<ProduktUebersichtBedarfsausweisGewerbe>
</ProduktUebersichtBedarfsausweisGewerbe>
</Layout>

View File

@@ -0,0 +1,13 @@
---
import Layout from "#layouts/Layout.astro";
import ProduktUebersichtBedarfsausweisWohnen from "#components/design/content/ProduktUebersichtBedarfsausweisWohnen.svelte";
---
<Layout title="Bedarfsausweis Produktübersicht">
<ProduktUebersichtBedarfsausweisWohnen>
</ProduktUebersichtBedarfsausweisWohnen>
</Layout>

View File

@@ -0,0 +1,13 @@
---
import Layout from "#layouts/Layout.astro";
import ProduktUebersichtVerbrauchsausweisGewerbe from "#components/design/content/ProduktUebersichtVerbrauchsausweisGewerbe.svelte";
---
<Layout title="Verbrauchsausweis Produktübersicht">
<ProduktUebersichtVerbrauchsausweisGewerbe>
</ProduktUebersichtVerbrauchsausweisGewerbe>
</Layout>

View File

@@ -10,5 +10,4 @@ import ProduktUebersichtVerbrauchsausweisWohnen from "#components/design/content
</ProduktUebersichtVerbrauchsausweisWohnen>
</Layout>

View File

@@ -75,16 +75,16 @@ article {
hr {@apply mb-4 mt-4 border-primary;}
h1 {@apply text-4xl font-normal mb-2;}
h2{@apply text-2xl font-normal mb-2;}
h3 {@apply text-xl font-normal ml-1;}
h1 {@apply pl-2 sm:pl-0 text-4xl font-normal mb-2;}
h2{@apply pl-2 sm:pl-0 text-2xl font-normal mb-2;}
h3 {@apply pl-2 sm:pl-0 text-xl font-normal ml-1;}
a {@apply text-blue-700 font-medium inline;}
p {@apply text-lg font-normal pl-2 pr-2 mb-4;}
li {@apply text-lg font-normal }
ul {@apply list-disc list-inside mb-4}
span {@apply text-secondary font-bold;}
/*span {@apply text-secondary font-bold;}*/
}