IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Merge branch 'main' into UMBE

Browse Source
This commit is contained in:
UMBENOMENA
2024-12-19 17:12:50 +01:00
committed by GitHub
parent 4e2a8cfaa5 1308122f81
commit 363da3eaa6
6 changed files with 379 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Ausweis/BilderZusatzsysteme.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import HelpLabel from "#labels/HelpLabel.svelte";
import Inputlabel from "#labels/InputLabel.svelte";
import HelpLabel from "#labels/HelpLabel.svelte";
import Inputlabel from "#labels/InputLabel.svelte";
import HeizungImage from "./HeizungImage.svelte";
import AusweisPreviewContainer from "./AusweisPreviewContainer.svelte";
@@ -47,6 +47,7 @@ xl:grid-cols-2 xl:gap-x-8 xl:gap-y-8
<SanierungsOption label="Heizungsrohre gedämmt" name="heizungsrohre_gedaemmt" help="helptGemeint sind die sichtbaren Rohre des Verteilsystems Heizung. Gedämmte Rohre sind an den <strong>dunklen Ummantelungen</strong> (Manschetten) zu erkennen.ext" value="HRGD" bind:checked={gebaeude_aufnahme_allgemein.heizungsrohre_gedaemmt}></SanierungsOption>
<SanierungsOption label="Zirkulation" name="zirkulation" help="Kreislauf von Heizungs- oder Warmwasser <strong>innerhalb eines Leitungssystems</strong>, um eine gleichmäßige Wärmeverteilung sicherzustellen." value="ZK" bind:checked={gebaeude_aufnahme_allgemein.zirkulation}></SanierungsOption>
<SanierungsOption label="Raumtemperaturregler" name="raum_temperatur_regler" help="Direkte Umwandlung von Sonnenlicht in <strong>elektrische Energie</strong> mittels Solarzellen, die den photoelektrischen Effekt nutzen." value="RTR" bind:checked={gebaeude_aufnahme_allgemein.raum_temperatur_regler}></SanierungsOption>
</div>
<HeizungImage bind:images bind:ausweis bind:gebaeude />

117
src/components/design/content/ProduktVergleichGewerbe.svelte
View File

@@ -0,0 +1,117 @@
<script>
import { PRICES } from "#lib/constants";
</script>
<div class="mt-6 mb-6 m-auto w-[99%] relative">
<div id="produktvergleich">
<div class="saeule">
<div class="blue-top flex flex-row ">
<div><img class="" src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" alt="Wohnhaus Verbrauchsausweis"/></div>
<div class="name">Verbrauchsausweis<br>Gewerbe</div>
</div>
<div class="white box">
<div class="variante">einfach</div>
<div class="services"><div>Einfache Berechnungsmethode anhand von 3 Jahresverbräuchen der Heizung und des Gebäudestroms.</div><div class="check">✔</div></div>
<div class="services"><div>Zulässig bei Vermietung und Verkauf.</div><div class="check">✔</div></div>
<div class="services"><div>Für bauliche und energetische Maßnahmen ungeeignet.</div><div class="check-no">✘</div></div>
<div class="services"><div>Wird nicht immer bei den Banken für die Finanzierungsunterlagen akzeptiert.</div><div class="check-no">✘</div></div>
</div>
<div class="orange">
<div class="price">
ab <b> {PRICES.VerbrauchsausweisGewerbe[0]} </b>€ inkl. 19% MwSt.
</div>
</div>
<div class="blue-bottom">
<div class="cta">jetzt online erstellen</div>
</div>
<div class="blue-bottom">
<div class="cta">zur Produktübersicht</div>
</div>
</div>
<div class="saeule">
<div class="blue-top flex flex-row ">
<div><img class="" src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" alt="Wohnhaus Bedarfsausweis"/></div>
<div class="name">Bedarfsausweis<br>Gewerbe</div>
</div>
<div class="white box">
<div class="variante">fundiert</div>
<div class="services"><div>Mehrzonenmodell nach DIN 18599 mit Erfassung der Gebäudegeometrie, UWerte der Außenbauteile sowie dem
Wirkungsgrad der eingebauten Anlagentechnik.</div><div class="check">✔</div></div>
<div class="services"><div>Zulässig bei Vermietung, Verkauf, Modernisierung und Neubau.</div><div class="check">✔</div></div>
<div class="services"><div>Kann als Grundlage für Sanierungsvarianten sowie weitere Maßnahmen (z.B. iSFP) herangezogen werden.</div><div class="check">✔</div></div>
<div class="services"><div>Fundierte vergleichbare Berechnung die bei den Banken für die Finanzierungsunterlagen immer akzeptiert wird.</div><div class="check">✔</div></div>
</div>
<div class="orange">
<div class="price">
<b>ab {PRICES.BedarfsausweisGewerbe[0]} €</b> inkl. 19% MwSt.
</div>
</div>
<div class="blue-bottom">
<div class="cta">jetzt online anfragen</div>
</div>
<div class="blue-bottom">
<div class="cta">zur Produktübersicht</div>
</div>
</div>
</div>
</div>
<style lang="scss">
#produktvergleich{@apply
grid grid-cols-[1fr] gap-y-1 gap-x-3
lg:grid-cols-2
xl:grid-cols-2;
.saeule{@apply grid grid-rows-subgrid row-span-10 mb-8;
img{@apply justify-self-center mb-1 w-[75%] }
.blue-top{@apply bg-secondary text-white text-center font-bold rounded-md mb-1 p-4 shadow-saeule ring-secondary ring-1}
.name{@apply w-full}
.name{font-size: clamp(15px, 3vh, 18px)}
.white{@apply text-center text-black p-4 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)}
.services{@apply text-base py-2 grid grid-cols-[1fr_minmax(10px,50px)]}
.services:not(:last-child){@apply border-b-[1px] border-gray-400}
.check{@apply self-center font-bold text-green-700}
.check-no{@apply self-center font-bold text-red-700}
.orange{@apply bg-primary text-white text-center rounded-md p-1 relative shadow-saeule ring-primary ring-1}
.price{font-size: clamp(15px, 3vh, 28px)}
.blue-bottom, .check, .check-no{font-size: clamp(15px, 3vh, 24px)}
.blue-bottom{@apply bg-secondary text-white text-center font-bold rounded-md p-1 shadow-saeule ring-secondary ring-1}
}
}
</style>

67
src/components/design/sidebars/cards/cardNavigation.svelte
View File

@@ -93,7 +93,7 @@ if(innerWidth>1024){
<nav id="cardNavigation" class="cardNavigation box hidden relative ring-0 md:ring-2 ring-primary/50 rounded-tr-none lg:block mb-0 lg:mb-5">
<div class="nav-element bg-secondary/5 py-1 pl-2 text-xs font-bold">Angebote</div>
<div class="nav-element bg-secondary/5 py-1 pl-2 text-xs font-bold">Eingabeformulare</div>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
@@ -110,7 +110,28 @@ if(innerWidth>1024){
<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/">Verbrauchsausweis erstellen</a></li>
<li><a href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/">Bedarfsausweis erstellen</a></li>
<li><a href="/energieausweis-erstellen/verbrauchsausweis-gewerbe/">Verbrauchsausweis Gewerbe erstellen</a></li>
<li><a href="/energieausweis-erstellen/bedarfsausweis-gewerbe/">Bedarfsausweis Gewerbe erstellen</a></li>
</ul>
</div>
<div class="nav-element">
<a class="no-dropdown nav-element-child" href="/sanierungsfahrplan-anfragen">Sanierungsfahrplan anfragen</a>
</div>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
{#if innerWidth > 1023}
<a href={undefined} class="nav-element-child" >Angebot anfragen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
{:else}
<a href={undefined} class="nav-element-child">Angebot anfragen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
{/if}
<ul class="dropdown-content energieasusweis-erstellen">
{#if innerWidth < 1023}
<li><a href="/energieausweis-erstellen">Angebot anfragen</a></li>
{/if}
<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/">Bedarfsausweis Gewerbe anfragen</a></li>
<li><a href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/">GEG Nachweis Wohnen anfragen</a></li>
<li><a href="/energieausweis-erstellen/verbrauchsausweis-gewerbe/">GEG Nachweis Gewerbe anfragen</a></li>
</ul>
</div>
@@ -155,6 +176,9 @@ if(innerWidth>1024){
</ul>
</div>
<div class="nav-element">
<a class="no-dropdown nav-element-child" href="/sanierungsfahrplan">Sanierungsfahrplan</a>
</div>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
@@ -169,21 +193,36 @@ if(innerWidth>1024){
</ul>
</div>
<div class="nav-element bg-secondary/5 py-1 pl-2 text-xs font-bold">Service</div>
<div class="nav-element">
<a class="no-dropdown nav-element-child" href="/energieausweis-aussteller">Energieberater finden</a>
</div>
<div class="nav-element bg-secondary/5 py-1 pl-2 text-xs font-bold">FAQ & Hilfe</div>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
<a href="{'/faq'}" class="nav-element-child">FAQ Energieausweise<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
<ul class="dropdown-content faq">
{#if innerWidth < 1023}
<li><a href="/faq">FAQ Energieausweise</a></li>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
<div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
{#if innerWidth > 1023}
<a href="/bestellprozess-energieausweis" class="nav-element-child" >Bestellprozess Energieausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
{:else}
<a href="/bestellprozess-energieausweis" class="nav-element-child">Bestellprozess Energieausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
{/if}
<li><a href="/faq/allgemeines-18599/">Allgemeines zur Berechnungsmethode und Norm DIN 18599</a></li>
<li><a href="/faq/erstellung-energieausweise/">Erstellung und Bearbeitung von Energieausweisen</a></li>
<li><a href="/faq/formulareingabe/">Eingabefehler und Korrekturen</a></li>
</ul>
<ul class="dropdown-content energieasusweis-erstellen">
{#if innerWidth < 1023}
<li><a href="/bestellprozess-energieausweis">Bestellprozess Energieausweis</a></li>
{/if}
<li><a href="/energieausweis-erstellen/verbrauchsausweis-wohngebaeude/">Merkblatt Verbrauchsausweis Wohnen</a></li>
<li><a href="/energieausweis-erstellen/bedarfsausweis-wohngebaeude/">Merkblatt Bedarfsausweis Wohnen</a></li>
<li><a href="/energieausweis-erstellen/verbrauchsausweis-gewerbe/">Merkblatt Verbrauchsausweis Gewerbe</a></li>
</ul>
</div>
<div class="nav-element">
<a class="no-dropdown nav-element-child" href="/faq">FAQ</a>
</div>
<div class="nav-element">
<a class="no-dropdown nav-element-child" href="/glossar">Glossar</a>
</div>
@@ -191,9 +230,7 @@ if(innerWidth>1024){
<div class="nav-element">
<a class="no-dropdown nav-element-child" href="/enev-zusammenfassung">EnEV Zusammenfassung - Archiv</a>
</div>
<div class="nav-element">
<a class="no-dropdown nav-element-child" href="/energieausweis-aussteller">Energieausweis Aussteller</a>
</div>
<div class="nav-element">
<a class="no-dropdown nav-element-child" href="/kundenbewertungen">Kundenbewertungen</a>
</div>

79
src/pages/bestellprozess-energieausweis/index.astro Normal file
View File

@@ -0,0 +1,79 @@
---
import Layout from "#layouts/Layout.astro";
---
<Layout title="Bestellprozess Energieausweis">
<h1>Bestellprozess Energieausweis</h1>
<div class="bestellprozess space-y-10 p-6 bg-gray-100 rounded-lg shadow-lg">
<div class="step border-b border-gray-300 pb-6">
<h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 1: Online-Check</h2>
<p class="text-gray-600">Beginnen Sie mit unserem <a href="welcher-energieausweis">Online-Check</a> um festzustellen, welcher Energieausweis für Ihr Gebäude geeignet ist.</p>
</div>
<div class="step border-b border-gray-300 pb-6">
<h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 2: Auswahl des passenden Energieausweises</h2>
<p class="text-gray-600">Basierend auf den Ergebnissen wird Ihnen der passende Energieausweis angezeigt. Wenn sowohl Verbrauchsausweis als auch Bedarfsausweis möglich sind, empfehlen wir den Bedarfsausweis.</p>
</div>
<div class="step border-b border-gray-300 pb-6">
<h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 3: Eingabeformular aufrufen</h2>
<p class="text-gray-600">
Klicken Sie auf "jetzt online erstellen", um zum Eingabeformular für den Energieausweis zu gelangen. Hier sehen Sie alle erforderlichen Informationen auf einen Blick. Eine Zusammenfassung der benötigten Daten und Merkblätter finden Sie hier: <a href="#" class="text-blue-500 underline">Merkblätter Energieausweis</a>.
</p>
</div>
<div class="step border-b border-gray-300 pb-6">
<h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 4: Dateneingabe und Fotos hochladen</h2>
<p class="text-gray-600">Geben Sie die nötigen Gebäudedaten ein und laden Sie Fotos hoch. Angaben zum Sanierungsstand sind wichtig, um passende Modernisierungsempfehlungen zu erhalten. Bei Problemen können Sie über den <span class="font-medium">"Hilfe"</span>-Button unseren Offline-Service anfordern.</p>
</div>
<div class="step border-b border-gray-300 pb-6">
<h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 5: Eingaben überprüfen</h2>
<p class="text-gray-600">Nutzen Sie die Vorschaufunktion für den Ansichtsausweis und das Datenblatt, die im Formular unten rechts aufrufbar sind. Der Anzeigebalken zu den Energiekennwerten wird während der Eingabe live aktualisiert.</p>
</div>
<div class="step border-b border-gray-300 pb-6">
<h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 6: Kundendaten eingeben und Vorprüfung</h2>
<p class="text-gray-600">Klicken Sie auf <span class="font-medium">"Weiter"</span>, um Ihre Kundendaten einzugeben und eine automatische Vorprüfung durchzuführen. Falls Punkte unvollständig sind, können Sie über <span class="font-medium">"zurück"</span> Ihre Eingaben korrigieren.</p>
</div>
<div class="step border-b border-gray-300 pb-6">
<h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 7: Konto erstellen oder einloggen</h2>
<p class="text-gray-600">Sollten Sie noch kein Konto besitzen, wird automatisch ein Kundenkonto für Sie erstellt. Bestehende Kunden werden gebeten, sich einzuloggen, falls noch nicht geschehen.</p>
</div>
<div class="step border-b border-gray-300 pb-6">
<h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 8: Kaufabschluss und Zusatzservices</h2>
<p class="text-gray-600">Nach einer kurzen Zusammenfassung können Sie den Kauf abschließen. Hier haben Sie auch die Möglichkeit, Zusatzservices wie Postversand, Same-Day-Service oder eine Energieeffizienzberatung zu buchen.</p>
</div>
<div class="step border-b border-gray-300 pb-6">
<h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 9: Bezahlung</h2>
<p class="text-gray-600">Wählen Sie eine der angebotenen Bezahlmethoden, wie Rechnung, PayPal, Giropay, Sofortüberweisung oder Kreditkarte.</p>
</div>
<div class="step border-b border-gray-300 pb-6">
<h2 class="text-2xl font-semibold text-gray-700 mb-2">Schritt 10: Bestellung abschließen</h2>
<p class="text-gray-600">
Bestätigen Sie die AGB und die Datenschutzerklärung, und klicken Sie auf <span class="font-medium">"kostenpflichtig bestellen"</span>, um den Bestellvorgang abzuschließen.
</p>
</div>
<div class="confirmation mt-8 bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-semibold text-gray-800 mb-4">Nach der Bestellung erhalten Sie:</h3>
<ul class="list-disc ml-6 text-gray-600 space-y-2">
<li>Eine Bestellbestätigung auf dem Bildschirm und per E-Mail.</li>
<li>Den Ansichtsausweis per E-Mail.</li>
<li>Das Datenblatt zur Prüfung in einer separaten E-Mail.</li>
</ul>
<p class="text-gray-600 mt-4">Der Energieausweis wird frühestens 12 Stunden nach Bestellung (außer beim Same-Day-Service) von uns geprüft. Sie können vor der Ausstellung noch Korrekturen vornehmen, falls erforderlich.</p>
</div>
</div>
</Layout>

118
src/pages/geg-2024/index.astro Normal file
View File

@@ -0,0 +1,118 @@
---
import Layout from "#layouts/Layout.astro";
---
<Layout title="GEG 2024">
<h1>GEG 2024 - Formelsammlung</h1>
<div class="container mx-auto max-w-screen-md py-8">
<!-- Header -->
<header class="text-center mb-6">
<h3 class="mb-2">Der Nutzwärmebedarf einer Gebäudezone bzw. eines Einfamilienhauses</h3>
</header>
<!-- Formel -->
<section class="mb-6">
<p class="text-center text-lg mb-4">
<span class="font-mono text-2xl">Q<sub>h,b</sub> = Q<sub>sink</sub> - η ⋅ Q<sub>source</sub></span>
</p>
</section>
<!-- Variablenerklärung -->
<section>
<h2 class="text-xl font-semibold mb-4">Dabei ist:</h2>
<ul class="list-disc list-inside text-gray-700">
<li class="mb-2">
<span class="font-mono">Q<sub>h,b</sub></span>: der <strong>Nutzwärmebedarf</strong> in der Gebäudezone;
</li>
<li class="mb-2">
<span class="font-mono">Q<sub>sink</sub></span>: die <strong>Summe aller Wärmesenken</strong> in der Gebäudezone;
</li>
<li class="mb-2">
<span class="font-mono">η</span>: der <strong>Ausnutzungsgrad</strong> der Wärmequellen;
</li>
<li class="mb-2">
<span class="font-mono">Q<sub>source</sub></span>: die <strong>Summe aller Wärmequellen</strong> in der Gebäudezone.
</li>
</ul>
</section>
</div>
<div class="container mx-auto max-w-screen-md py-8">
<!-- Header -->
<header class="text-center mb-6">
<h3 class="mb-2">Monatlicher Nutzwärmebedarf</h3>
<p class="text-gray-700 text-lg">Formel zur Berechnung des monatlichen Nutzwärmebedarfs einer Gebäudezone</p>
</header>
<!-- Formel -->
<section class="mb-6">
<p class="text-center text-lg mb-4">
<span class="font-mono text-2xl">Q<sub>h,b,m</sub> = (1 - &eta;<sub>m</sub> &middot; &gamma;<sub>m</sub>) &middot; &beta;<sub>h,m</sub> &middot; &dot;Q<sub>h,ges</sub> &middot; t<sub>h,m</sub></span>
</p>
</section>
<!-- Variablenerklärung -->
<section>
<h2 class="text-xl font-semibold mb-4">Dabei ist:</h2>
<ul class="list-disc list-inside text-gray-700">
<li class="mb-2">
<span class="font-mono">Q<sub>h,b,m</sub></span>: der <strong>monatliche Nutzwärmebedarf</strong> in der Gebäudezone;
</li>
<li class="mb-2">
<span class="font-mono">&eta;<sub>m</sub></span>: der <strong>monatliche Ausnutzungsgrad</strong> der Wärmequellen;
</li>
<li class="mb-2">
<span class="font-mono">&gamma;<sub>m</sub></span>: das <strong>monatliche Wärmequellen-/Wärmesenken-Verhältnis</strong>;
</li>
<li class="mb-2">
<span class="font-mono">&beta;<sub>h,m</sub></span>: der <strong>monatliche Belastungsgrad</strong>;
</li>
<li class="mb-2">
<span class="font-mono">&dot;Q<sub>h,ges</sub></span>: der <strong>maximale Wärmestrom</strong>;
</li>
<li class="mb-2">
<span class="font-mono">t<sub>h,m</sub></span>: die <strong>monatliche Heizzeit</strong>.
</li>
</ul>
</section>
</div>
<div class="container mx-auto max-w-screen-md py-8">
<!-- Header -->
<header class="text-center mb-6">
<h3 class="mb-2">Maximaler Wärmestrom</h3>
<p class="text-gray-700 text-lg">Berechnung des maximalen Wärmestroms mit Wärmetransferkoeffizienten</p>
</header>
<!-- Formel -->
<section class="mb-6">
<p class="text-center text-lg mb-4">
<span class="font-mono text-2xl">&dot;Q<sub>h,ges</sub> = (H<sub>T</sub> + H<sub>V</sub>) &middot; &Delta;&theta;<sub>max</sub></span>
</p>
</section>
<!-- Variablenerklärung -->
<section>
<h2 class="text-xl font-semibold mb-4">Dabei ist:</h2>
<ul class="list-disc list-inside text-gray-700">
<li class="mb-2">
<span class="font-mono">&dot;Q<sub>h,ges</sub></span>: der <strong>maximale Wärmestrom</strong>;
</li>
<li class="mb-2">
<span class="font-mono">H<sub>T</sub></span>: der <strong>Wärmetransferkoeffizient für Transmission</strong> für die gesamte Gebäudezone;
</li>
<li class="mb-2">
<span class="font-mono">H<sub>V</sub></span>: der <strong>Wärmetransferkoeffizient für Lüftung</strong>;
</li>
<li class="mb-2">
<span class="font-mono">&Delta;&theta;<sub>max</sub></span>: die <strong>maximale Temperaturdifferenz</strong> zwischen Soll-Innentemperatur und Auslegungsaußentemperatur.
</li>
</ul>
</section>
</div>
</Layout>

12
src/pages/index.astro
View File

@@ -1,13 +1,14 @@
---
import Layout from "#layouts/Layout.astro";
import ProduktVergleich from "#content/ProduktVergleich.svelte";
import ProduktVergleichGewerbe from "#content/ProduktVergleichGewerbe.svelte";
import WelcherAusweisWidget from "#widgets/WelcherAusweisWidget.svelte";
import TextboxCardTemplate from "#components/design/content/TextboxCardTemplate.svelte";
---
<Layout title="Energieausweis online erstellen - Online Energieausweis">
<article>
<h1>Ihr Partner für Energieausweise und GEG Nachweise</h1>
<p>Ob für <span>Vermietung, Verkauf, Modernisierung, Neubau</span> oder zur <span>Vorlage bei Ihrer Bank</span> -
wir erstellen den passenden <span>Energieausweis</span> oder <span>GEG-Nachweis</span> für Ihr Objekt.
@@ -15,11 +16,11 @@ import TextboxCardTemplate from "#components/design/content/TextboxCardTemplate.
für Hauseigentümer, Bauherren, Makler und Verwalter.</p>
<br>
<h2>Machen Sie hier den <span>online Check</span> welcher Energieausweis der Richtige für Sie ist:</h2>
<article>
<WelcherAusweisWidget client:load/>
<article>
<br>
<h2>Erfüllen Sie die gesetzlichen Vorgaben des <span>GEG 2024</span>. Mit uns profitieren Sie von:</h2>
<p>
@@ -27,7 +28,7 @@ import TextboxCardTemplate from "#components/design/content/TextboxCardTemplate.
Langjähriger Erfahrung <span class="text-green-700;">✔</span>&nbsp;&nbsp;&nbsp;
Schneller <span>online Erstellung </span><span class="text-green-700;">✔</span>
</p>
</article>
<br>
<h2>GEG gilt ab 1. Mai 2021 und löst die EnEV ab</h2>
<TextboxCardTemplate
@@ -47,6 +48,9 @@ import TextboxCardTemplate from "#components/design/content/TextboxCardTemplate.
<ProduktVergleich />
<h2>Übersicht <span class="font-bold">Verbrauchsausweis</span> und <span class="font-bold">Bedarfsausweis</span> für Gewerbegebäude:</h2>
<ProduktVergleichGewerbe />
<br>
<h2>Was ist ein Energieausweis?</h2>