Widget neu!!

This commit is contained in:
Jens Cornelsen
2024-12-08 16:00:03 +01:00
parent 25117c5270
commit d38853efab
7 changed files with 286 additions and 923 deletions

View File

@@ -1,710 +1,222 @@
<script lang="ts"> <script lang="ts">
let gebaeudetyp: string = "";
let anlass: string = "";
let result: string = "";
let hasAushangpflicht: boolean = true;
$: result = gebaeudetyp + " " + anlass; import VApromo from "#content/card-VA-widget.svelte";
import VAGpromo from "#content/card-VAG-widget.svelte";
import BApromo from "#content/card-BA-widget.svelte";
import BAGpromo from "#content/card-BAG-widget.svelte";
import { fade } from 'svelte/transition';
$: if ( let selectedType: string = "";
gebaeudetyp == "Einfamilienhaus" || let selectedReason: string = "";
gebaeudetyp == "Zweifamilienhaus" || let selectedUnits: string = "";
gebaeudetyp == "Mehrfamilienhaus" let selectedStatus: string = "";
) { let selectedYear: string = "";
hasAushangpflicht = false;
} else if ( let showBA: boolean = false;
gebaeudetyp == "Gewerbegebäude" || let showVAG: boolean = false;
gebaeudetyp == "Mischgebäude" let showBAG: boolean = false;
) { let showVA: boolean = false;
hasAushangpflicht = true;
} function handleTypeChange(event: Event) {
selectedType = (event.target as HTMLSelectElement).value;
updateResultVisibility();
}
function handleReasonChange(event: Event) {
selectedReason = (event.target as HTMLSelectElement).value;
updateResultVisibility();
}
function handleUnitsChange(event: Event) {
selectedUnits = (event.target as HTMLSelectElement).value;
updateResultVisibility();
}
function handleStatusChange(event: Event) {
selectedStatus = (event.target as HTMLSelectElement).value;
updateResultVisibility();
}
function handleYearChange(event: Event) {
selectedYear = (event.target as HTMLSelectElement).value;
updateResultVisibility();
}
const allowedTypes = ["Einfamilienhaus", "Zweifamilienhaus", "Mehrfamilienhaus", "Mischgebäude"];
const allowedTypesGewerbe = ["Gewerbegebäude", "Mischgebäude"];
const allowedReason = ["Vermietung/Verkauf", "sonstiges", "Aushangpflicht"];
// const allowedReasonBau = ["Modernisierung", "Neubau", "Erweiterung"];
function updateResultVisibility() {
// Die Bedingung, um das Ergebnis anzuzeigen
// Zusätzliche Bedingung: Wenn "vor 1978" ausgewählt wurde
if (selectedYear === "vor 1978") {
showVA = (allowedReason.includes(selectedReason) && allowedTypes.includes(selectedType)) && (selectedUnits === "mehr als 4 Wohneinheiten" || selectedStatus === "saniert");
}
else
{
showVA = allowedReason.includes(selectedReason) && allowedTypes.includes(selectedType);
}
showBA = allowedReason.includes(selectedReason) && allowedTypes.includes(selectedType);
showVAG = allowedReason.includes(selectedReason) && allowedTypesGewerbe.includes(selectedType);
showBAG = allowedReason.includes(selectedReason) && allowedTypesGewerbe.includes(selectedType);
}
var VA =
"https://online-energieausweis.org/energieausweis-erstellen/verbrauchsausweis-erstellen";
var VANW =
"https://online-energieausweis.org/energieausweis-erstellen/verbrauchsausweis-gewerbe-erstellen";
var BA =
"https://online-energieausweis.org/energieausweis-erstellen/bedarfsausweis-erstellen";
var BANW =
"https://online-energieausweis.org/energieausweis-erstellen/bedarfsausweis-gewerbe-anfragen";
</script> </script>
<div class="border p-4 rounded-lg bg-base-200 border-base-300 my-4"> <div id="OEA_widget">
<div class="w-full grid grid-cols-2 gap-4"> <input id="recode" type="hidden" value="widgetvorlage">
<div>
<div>Gebäudetyp</div>
<select
class="select select-bordered text-base-content text-lg px-4 py-2"
bind:value={gebaeudetyp}
>
<option value="" selected disabled>Bitte Auswählen</option>
<option value="Einfamilienhaus">Einfamilienhaus</option>
<option value="Zweifamilienhaus">Zweifamilienhaus</option>
<option value="Mehrfamilienhaus">Mehrfamilienhaus</option>
<option value="Gewerbegebäude">Gewerbegebäude</option>
<option value="Mischgebäude">Mischgebäude</option>
</select>
</div>
<div> <div id="OEA_input">
<div>Anlass</div>
<select
class="select select-bordered text-base-content text-lg px-4 py-2"
bind:value={anlass}
>
<option value="" selected disabled>Bitte Auswählen</option>
<option value="Vermietung/Verkauf">Vermietung/Verkauf</option>
<option value="Modernisierung">Modernisierung</option>
<option value="Neubau">Neubau</option>
<option value="Erweiterung">Erweiterung</option>
{#if hasAushangpflicht}
<option value="Aushangpflicht" id="aP"
>Aushangpflicht</option
>
{/if}
</select>
</div>
</div>
<br /> <div class="OEA_zeile1">
<div class="OEA_item1">
<div class="OEA_title1">Gebäudetyp</div>
<select class="OEA_auswahl1" id="OEA_changeTyp" on:change={handleTypeChange}>
<option value="" selected disabled>bitte auswählen</option>
<option value="Einfamilienhaus">Einfamilienhaus</option>
<option value="Zweifamilienhaus">Zweifamilienhaus</option>
<option value="Mehrfamilienhaus">Mehrfamilienhaus</option>
<option value="Gewerbegebäude">Gewerbegebäude</option>
<option value="Mischgebäude">Mischgebäude</option>
</select>
</div>
<div class="text-lg"> <div class="OEA_item2">
{#if gebaeudetyp == "Einfamilienhaus" && anlass == "Vermietung/Verkauf"} <div class="OEA_title1">Anlass</div>
<p> <select class="OEA_auswahl1" id="OEA_changeAnlass" on:change={handleReasonChange}>
Wenn Sie Ihr Einfamilienhaus vermieten oder verkaufen wollen, <option value="" selected disabled>bitte auswählen</option>
haben Sie die Wahl zwischen einem <span class="hilite" <option value="Vermietung/Verkauf">Vermietung/Verkauf</option>
>Verbrauchsausweis</span <option value="Modernisierung">Modernisierung</option>
> <option value="Neubau">Neubau</option>
für <option value="Erweiterung">Erweiterung</option>
<span class="hilite">Wohngebäude</span> und einem <option value="Aushangpflicht">Aushangpflicht</option>
<span class="hilite">Bedarfsausweis</span> <option value="sonstiges">sonstiges z.B. Bank</option>
für <span class="hilite">Wohngebäude</span>.<br /><br />In den </select>
meisten Fällen können Sie bei Vermietung oder Verkauf Ihrer </div>
Immobilie den einfacheren Energieausweis (Verbrauchsausweis) </div>
erstellen lassen. Dieser Ausweis ist verbrauchsorientiert und
benötigt als Berechnungsgrundlage 3 zusammenhängende Jahre der
Heizenergieabrechnugen des Gebäudes. Wenn Ihnen also diese 3
Abrechnugsjahre vorliegen, und es gab dazwischen keine
grundlegenden Sanierungsmaßnahmen bzw. Heizungsaustausch, dann
steht der Nutzung eines Verbrauchsausweises nichts im Weg.<br
/><br />Laut EnEV gibt es nur eine rechtliche Ausnahme, bei der
es nicht zulässig ist einen Verbrauchsausweis bei Vermietung
oder Verkauf zu verwenden. Dies ist dann der Fall, wenn Ihr
Gebäude gänzlich unsaniert ist, vor 1978 gebaut wurde und
weniger als 5 Wohneinheiten besitzt. In diesem Fall oder bei
unvollständigen Verbrauchsabrechnungen (z.B. bei Leerstand),
sollte ein Bedarfsausweis für Wohngebäude erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg my-2" href={VA} target="_blank"
>Jetzt Verbrauchsausweis Wohngebäude online erstellen</a
>
(Empfehlung)<br />
<a class="btn btn-primary text-lg" href={BA} target="_blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Einfamilienhaus" && anlass == "Modernisierung"}
<p>
Wenn Sie bei Ihrem Einfamilienhaus eine Modernisierung planen,
benötigen Sie einen <span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Wohngebäude</span>.<br /><br />In der
aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu
verfahren ist. In
<a
href="https://online-energieausweis.org/enev/"
title="§9 EnEV"
target="blank">§9 EnEV</a
> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen,
Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird
beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt
werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile
wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung
kleiner 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden.
Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung
durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen
nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall
ein Bedarfsausweis erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Einfamilienhaus" && anlass == "Neubau"}
<p>
Wenn Sie ein Einfamilienhaus bauen wollen, benötigen Sie einen <span
class="hilite">Bedarfsausweis</span
>
für <span class="hilite">Wohngebäude</span>.<br /><br />Bei
genehmigungspflichtigen Neubaumaßnahmen ist es vorgeschrieben
vor Baubeginn einen EnEV-Nachweis (früher Wärmeschutznachweis)
zu erstellen. Aus der EnEV-Berechnung kann später, nach
Fertigstellung, der Bedarfsausweis erstellt werden. In
<a
href="https://online-energieausweis.org/enev/"
title="§3 EnEV"
target="blank">§3 EnEV</a
>
ist geregelt welche Anforderungen für Wohngebäude eingehalten werden
müssen.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Einfamilienhaus" && anlass == "Erweiterung"}
<p>
Wenn Sie bei Ihrem Einfamilienhaus eine Erweiterung planen,
benötigen Sie einen
<span class="hilite">Bedarfsausweis</span> für
<span class="hilite">Wohngebäude</span>.<br /><br />In der
aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu
verfahren ist. In
<a
href="https://online-energieausweis.org/enev/"
title="§9 EnEV"
target="blank">§9 EnEV</a
> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen,
Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird
beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt
werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile
wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung
kleiner 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden.
Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung
durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen
nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall
ein Bedarfsausweis erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Zweifamilienhaus" && anlass == "Vermietung/Verkauf"}
<p>
Wenn Sie Ihr Zweifamilienhaus vermieten oder verkaufen wollen,
haben Sie die Wahl zwischen einem <span class="hilite"
>Verbrauchsausweis</span
>
für <span class="hilite">Wohngebäude</span> und einem
<span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Wohngebäude</span>.<br /><br />In den
meisten Fällen können Sie bei Vermietung oder Verkauf Ihrer
Immobilie den einfacheren Energieausweis (Verbrauchsausweis)
erstellen lassen. Dieser Ausweis ist verbrauchsorientiert und
benötigt als Berechnungsgrundlage 3 zusammenhängende Jahre der
Heizenergieabrechnugen des Gebäudes. Wenn Ihnen also diese 3
Abrechnugsjahre vorliegen, und es gab dazwischen keine
grundlegenden Sanierungsmaßnahmen bzw. Heizungsaustausch, dann
steht der Nutzung eines Verbrauchsausweises nichts im Weg.<br
/><br />Laut EnEV gibt es nur eine rechtliche Ausnahme, bei der
es nicht zulässig ist einen Verbrauchsausweis bei Vermietung
oder Verkauf zu verwenden. Dies ist dann der Fall, wenn Ihr
Gebäude gänzlich unsaniert ist, vor 1978 gebaut wurde und
weniger als 5 Wohneinheiten besitzt. In diesem Fall oder bei
unvollständigen Verbrauchsabrechnungen (z.B. bei Leerstand),
sollte ein Bedarfsausweis für Wohngebäude erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={VA} target="blank"
>Jetzt Verbrauchsausweis Wohngebäude online erstellen</a
>
(Empfehlung)<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Zweifamilienhaus" && anlass == "Modernisierung"}
<p>
Wenn Sie bei Ihrem Zweifamilienhaus eine Modernisierung planen,
benötigen Sie einen <span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Wohngebäude</span>.<br /><br />In der
aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu
verfahren ist. In
<a
href="https://online-energieausweis.org/enev/"
title="§9 EnEV"
target="blank">§9 EnEV</a
> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen,
Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird
beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt
werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile
wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung
kleiner 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden.
Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung
durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen
nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall
ein Bedarfsausweis erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Zweifamilienhaus" && anlass == "Neubau"}
<p>
Wenn Sie ein Zweifamilienhaus bauen wollen, benötigen Sie einen <span
class="hilite">Bedarfsausweis</span
>
für <span class="hilite">Wohngebäude</span>.<br /><br />Bei
genehmigungspflichtigen Neubaumaßnahmen ist es vorgeschrieben
vor Baubeginn einen EnEV-Nachweis (früher Wärmeschutznachweis)
zu erstellen. Aus der EnEV-Berechnung kann später, nach
Fertigstellung, der Bedarfsausweis erstellt werden. In
<a
href="https://online-energieausweis.org/enev/"
title="§3 EnEV"
target="blank">§3 EnEV</a
> ist geregelt welche Anforderungen für Wohngebäude eingehalten werden
müssen.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Zweifamilienhaus" && anlass == "Erweiterung"}
<p>
Wenn Sie bei Ihrem Zweifamilienhaus eine Erweiterung planen,
benötigen Sie einen <span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Wohngebäude</span>.<br /><br />In der
aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu
verfahren ist. In
<a
href="https://online-energieausweis.org/enev/"
title="§9 EnEV"
target="blank">§9 EnEV</a
> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen,
Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird
beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt
werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile
wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung
kleiner 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden.
Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung
durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen
nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall
ein Bedarfsausweis erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Mehrfamilienhaus" && anlass == "Vermietung/Verkauf"}
<p>
Wenn Sie Ihr Mehrfamilienhaus vermieten oder verkaufen wollen,
haben Sie die Wahl zwischen einem <span class="hilite"
>Verbrauchsausweis</span
>
für <span class="hilite">Wohngebäude</span> und einem
<span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Wohngebäude</span>.<br /><br />In den
meisten Fällen können Sie bei Vermietung oder Verkauf Ihrer
Immobilie den einfacheren Energieausweis (Verbrauchsausweis)
erstellen lassen. Dieser Ausweis ist verbrauchsorientiert und
benötigt als Berechnungsgrundlage 3 zusammenhängende Jahre der
Heizenergieabrechnugen des Gebäudes. Wenn Ihnen also diese 3
Abrechnugsjahre vorliegen, und es gab dazwischen keine
grundlegenden Sanierungsmaßnahmen bzw. Heizungsaustausch, dann
steht der Nutzung eines Verbrauchsausweises nichts im Weg.<br
/><br />Laut EnEV gibt es nur eine rechtliche Ausnahme, bei der
es nicht zulässig ist einen Verbrauchsausweis bei Vermietung
oder Verkauf zu verwenden. Dies ist dann der Fall, wenn Ihr
Gebäude gänzlich unsaniert ist, vor 1978 gebaut wurde und
weniger als 5 Wohneinheiten besitzt. In diesem Fall oder bei
unvollständigen Verbrauchsabrechnungen (z.B. bei Leerstand),
sollte ein Bedarfsausweis für Wohngebäude erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={VA} target="blank"
>Jetzt Verbrauchsausweis Wohngebäude online erstellen</a
>
(Empfehlung)<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Mehrfamilienhaus" && anlass == "Modernisierung"}
<p>
Wenn Sie bei Ihrem Mehrfamilienhaus eine Modernisierung planen,
benötigen Sie einen <span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Wohngebäude</span>.<br /><br />In der
aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu
verfahren ist. In
<a
href="https://online-energieausweis.org/enev/"
title="§9 EnEV"
target="blank">§9 EnEV</a
> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen,
Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird
beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt
werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile
wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung
kleiner 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden.
Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung
durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen
nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall
ein Bedarfsausweis erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Mehrfamilienhaus" && anlass == "Neubau"}
Wenn
<p>
Sie ein Mehrfamilienhaus bauen wollen, benötigen Sie einen <span
class="hilite">Bedarfsausweis</span
>
für <span class="hilite">Wohngebäude</span>.<br /><br />Bei
genehmigungspflichtigen Neubaumaßnahmen ist es vorgeschrieben
vor Baubeginn einen EnEV-Nachweis (früher Wärmeschutznachweis)
zu erstellen. Aus der EnEV-Berechnung kann später, nach
Fertigstellung, der Bedarfsausweis erstellt werden. In
<a
href="https://online-energieausweis.org/enev/"
title="§3 EnEV"
target="blank">§3 EnEV</a
> ist geregelt welche Anforderungen für Wohngebäude eingehalten werden
müssen.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Mehrfamilienhaus" && anlass == "Erweiterung"}
<p>
Wenn Sie bei Ihrem Mehrfamilienhaus eine Erweiterung planen,
benötigen Sie einen <span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Wohngebäude</span>.<br /><br />In der
aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu
verfahren ist. In
<a
href="https://online-energieausweis.org/enev/"
title="§9 EnEV"
target="blank">§9 EnEV</a
> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen,
Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird
beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt
werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile
wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung
kleiner 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden.
Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung
durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen
nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall
ein Bedarfsausweis erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
{:else if gebaeudetyp == "Gewerbegebäude" && anlass == "Vermietung/Verkauf"}
<p>
Wenn Sie Ihr Gewerbegebäude vermieten oder verkaufen wollen,
haben Sie die Wahl zwischen einem <span class="hilite"
>Verbrauchsausweis</span
>
für <span class="hilite">Gewerbegebäude</span> und einem
<span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Gewerbegebäude</span>.<br /><br />Bei
Vermietung oder Verkauf Ihrer Gewerbeimmobilie können Sie den
einfacheren Energieausweis (Verbrauchsausweis) erstellen lassen.
Der gewerbliche Verbrauchsausweis benötigt als
Berechnungsgrundlage den Stromverbrauch und den
Heizenergieverbrauch des Gebäudes. Es werden 3 zusammenhängende
Jahre der Heizenergieabrechnugen und der Stromabrechnung des
Gebäudes benötigt. Wenn Ihnen also diese 3 Abrechnugsjahre
vorliegen und die Verbräuche lassen sich eindeutig zuordnen,
dann steht der Dateneingabe nichts im Wege.<br /><br />Es dürfen
keine grundlegenden Sanierungsmaßnahmen bzw. Heizungsaustausch
während dieses Zeitraums durchgeführt worden sein. Wenn diese
Voraussetzungen nicht vorliegen, oder keine vollständigen
Verbrauchsabrechnungen vorliegen (z.B. bei Leerstand), dann
sollte der Bedarfsausweis Nichtwohngebäude (Gewerbe) erstellt
werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={VANW} target="blank"
>Jetzt Verbrauchsausweis Gewerbe online erstellen</a
>
(Empfehlung)<br />
<a class="btn btn-primary text-lg" href={BANW} target="blank"
>Jetzt Bedarfsausweis Gewerbe online anfragen</a
>
{:else if gebaeudetyp == "Gewerbegebäude" && anlass == "Modernisierung"}
<p>
Wenn Sie bei Ihrem Gewerbegebäude eine Modernisierung planen,
benötigen Sie einen <span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Gewerbegebäude</span>.<br /><br />In
der aktuellen EnEV ist geregelt, wie bei Änderungen im
Baubestand zu verfahren ist. In
<a
href="https://online-energieausweis.org/enev/"
title="§9 EnEV"
target="blank">§9 EnEV</a
> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen,
Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird
beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt
werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile
wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung
kleiner 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden.
Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung
durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen
nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall
ein Bedarfsausweis erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={BANW} target="blank"
>Jetzt Bedarfsausweis Gewerbe online anfragen</a
>
{:else if gebaeudetyp == "Gewerbegebäude" && anlass == "Neubau"}
<p>
Wenn Sie ein Gewerbegebäude bauen wollen, benötigen Sie einen <span
class="hilite">Bedarfsausweis</span
>
für <span class="hilite">Gewerbe</span>.<br /><br />Bei
genehmigungspflichtigen Neubaumaßnahmen ist es vorgeschrieben
vor Baubeginn einen EnEV-Nachweis (früher Wärmeschutznachweis)
zu erstellen. Aus der EnEV-Berechnung kann später, nach
Fertigstellung, der Bedarfsausweis erstellt werden. In
<a
href="https://online-energieausweis.org/enev/"
title="§4 EnEV"
target="blank">§4 EnEV</a
> ist geregelt welche Anforderungen für Gewerbegebäude eingehalten
werden müssen.
</p>
<br />
<a class="btn btn-primary text-lg" href={BANW} target="blank"
>Jetzt Bedarfsausweis Gewerbe online anfragen</a
>
{:else if gebaeudetyp == "Gewerbegebäude" && anlass == "Erweiterung"}
<p>
Wenn Sie bei Ihrem Gewerbegebäude eine Erweiterung planen,
benötigen Sie einen <span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Gewerbegebäude</span>.<br /><br />In
der aktuellen EnEV ist geregelt, wie bei Änderungen im
Baubestand zu verfahren ist. In
<a
href="https://online-energieausweis.org/enev/"
title="§9 EnEV"
target="blank">§9 EnEV</a
> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen,
Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird
beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt
werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile
wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung
kleiner 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden.
Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung
durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen
nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall
ein Bedarfsausweis erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={BANW} target="blank"
>Jetzt Bedarfsausweis Gewerbe online anfragen</a
>
{:else if gebaeudetyp == "Gewerbegebäude" && anlass == "Aushangpflicht"}
<p>
Bei starkem Publikumsverkehr in Ihrem Gewerbegebäude benötigen
Sie einen
<span class="hilite">Verbrauchsausweis</span> für
<span class="hilite">Gewerbegebäude</span> als öffentlichen Aushang.
</p>
<br />
<a class="btn btn-primary text-lg" href={VANW} target="blank"
>Jetzt Verbrauchsausweis Gewerbe online erstellen</a
> (Empfehlung)
{:else if gebaeudetyp == "Mischgebäude" && anlass == "Vermietung/Verkauf"}
<p>
Wenn Sie Ihr Mischgebäude vermieten oder verkaufen wollen, haben
Sie für den nichtgewerblichen Teil die Wahl zwischen einem
<span class="hilite">Verbrauchsausweis</span> für
<span class="hilite">Wohngebäude</span>
und einem <span class="hilite">Bedarfsausweis</span> für
<span class="hilite">Wohngebäude</span>
und für den gewerblichen Teil die Wahl zwischen einem
<span class="hilite">Verbrauchsausweis</span>
für <span class="hilite">Gewerbegebäude</span> und einem
<span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Gewerbegebäude</span>.<br /><br /><span
class="red">Für den nichtgewerblichen Teil gilt:</span
><br />In den meisten Fällen können Sie bei Vermietung oder
Verkauf Ihrer Immobilie den einfacheren Energieausweis
(Verbrauchsausweis) erstellen lassen. Dieser Ausweis ist
verbrauchsorientiert und benötigt als Berechnungsgrundlage 3
zusammenhängende Jahre der Heizenergieabrechnugen des Gebäudes.
Wenn Ihnen also diese 3 Abrechnugsjahre vorliegen, und es gab
dazwischen keine grundlegenden Sanierungsmaßnahmen bzw.
Heizungsaustausch, dann steht der Nutzung eines
Verbrauchsausweises nichts im Weg.<br /><br />Laut EnEV gibt es
nur eine rechtliche Ausnahme, bei der es nicht zulässig ist
einen Verbrauchsausweis bei Vermietung oder Verkauf zu
verwenden. Dies ist dann der Fall, wenn Ihr Gebäude gänzlich
unsaniert ist, vor 1978 gebaut wurde und weniger als 5
Wohneinheiten besitzt. In diesem Fall oder bei unvollständigen
Verbrauchsabrechnungen (z.B. bei Leerstand), sollte ein
Bedarfsausweis für Wohngebäude erstellt werden.<br /><span
class="red">Für den gewerblichen Teil gilt:</span
><br />Bei Vermietung oder Verkauf Ihrer Gewerbeimmobilie können
Sie den einfacheren Energieausweis (Verbrauchsausweis) erstellen
lassen. Der gewerbliche Verbrauchsausweis benötigt als
Berechnungsgrundlage den Stromverbrauch und den
Heizenergieverbrauch des Gebäudes. Es werden 3 zusammenhängende
Jahre der Heizenergieabrechnugen und der Stromabrechnung des
Gebäudes benötigt. Wenn Ihnen also diese 3 Abrechnugsjahre
vorliegen und die Verbräuche lassen sich eindeutig zuordnen,
dann steht der Dateneingabe nichts im Wege.<br /><br />Es dürfen
keine grundlegenden Sanierungsmaßnahmen bzw. Heizungsaustausch
während dieses Zeitraums durchgeführt worden sein. Wenn diese
Voraussetzungen nicht vorliegen, oder keine vollständigen
Verbrauchsabrechnungen vorliegen (z.B. bei Leerstand), dann
sollte der Bedarfsausweis Nichtwohngebäude (Gewerbe) erstellt
werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={VA} target="blank"
>Jetzt Verbrauchsausweis Wohngebäude online erstellen</a
>
(Empfehlung)
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
<br />
<a class="btn btn-primary text-lg" href={VANW} target="blank"
>Jetzt Verbrauchsausweis Gewerbe online erstellen</a
>
(Empfehlung)
<br />
<a class="btn btn-primary text-lg" href={BANW} target="blank"
>Jetzt Bedarfsausweis Gewerbe online anfragen</a
>
{:else if gebaeudetyp == "Mischgebäude" && anlass == "Modernisierung"}
<p>
Wenn Sie bei Ihrem Mischgebäude eine Modernisierung planen,
benötigen Sie einen <span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Wohngebäude</span> und einen
<span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Gewerbegebäude</span>.<br /><br />In
der aktuellen EnEV ist geregelt, wie bei Änderungen im
Baubestand zu verfahren ist. In
<a
href="https://online-energieausweis.org/enev/"
title="§9 EnEV"
target="blank">§9 EnEV</a
> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen,
Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird
beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt
werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile
wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung
kleiner 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden.
Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung
durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen
nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall
ein Bedarfsausweis erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
<br />
<a class="btn btn-primary text-lg" href={BANW} target="blank"
>Jetzt Bedarfsausweis Gewerbe online anfragen</a
>
{:else if gebaeudetyp == "Mischgebäude" && anlass == "Neubau"}
<p>
Wenn Sie ein Mischgebäude bauen wollen, benötigen Sie einen <span
class="hilite">Bedarfsausweis</span
>
für <span class="hilite">Wohngebäude</span> und einen
<span class="hilite">Bedarfsausweis</span>
für <span class="hilite">Gewerbegebäude</span>.<br /><br />Bei
genehmigungspflichtigen Neubaumaßnahmen ist es vorgeschrieben
vor Baubeginn einen EnEV-Nachweis (früher Wärmeschutznachweis)
zu erstellen. Aus der EnEV-Berechnung kann später, nach
Fertigstellung, der Bedarfsausweis erstellt werden. In
<a
href="https://online-energieausweis.org/enev/"
title="§3 EnEV"
target="blank">§3 EnEV</a
>
ist geregelt welche Anforderungen für Wohngebäude, und in
<a
href="https://online-energieausweis.org/enev/"
title="§4 EnEV"
target="blank">§4 EnEV</a
> welche Anforderungen für Gewerbegebäude eingehalten werden müssen.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
<br />
<a class="btn btn-primary text-lg" href={BANW} target="blank"
>Jetzt Bedarfsausweis Gewerbe online anfragen</a
>
{:else if gebaeudetyp == "Mischgebäude" && anlass == "Erweiterung"}
<p>
Wenn Sie bei Ihrem Mischgebäude eine Erweiterung planen,
benötigen Sie einen
<span class="hilite">Bedarfsausweis</span> für
<span class="hilite">Wohngebäude</span>
und einen <span class="hilite">Bedarfsausweis</span> für
<span class="hilite">Gewerbegebäude</span>.<br /><br />In der
aktuellen EnEV ist geregelt, wie bei Änderungen im Baubestand zu
verfahren ist. In
<a
href="https://online-energieausweis.org/enev/"
title="§9 EnEV"
target="blank">§9 EnEV</a
> der EnEV ist festgelegt, welche Mindestanforderungen bei Änderungen,
Erweiterungen und Ausbau eingehalten werden müssen. Außerdem wird
beschrieben unter welchen Voraussetzungen ein Bedarfsausweis erstellt
werden muß. Dies ist z.B. nicht der Fall wenn nur einzelne Bauteile
wie Dach, Außenwand und Fenster erneuert werden oder die Erweiterung
kleiner 50 m² ist. Dann muß nur ein Bauteilnachweis geführt werden.
Es kann auch vorkommen, daß bei Einzelmaßnahmen eine komplette Bedarfsberechnung
durchgeführt werden muss wenn der Bauteilnachweis die EnEV-Anforderungen
nicht erfüllt. Bei Austausch der Heizungsanlage muß in jedem Fall
ein Bedarfsausweis erstellt werden.
</p>
<br />
<a class="btn btn-primary text-lg" href={BA} target="blank"
>Jetzt Bedarfsausweis Wohngebäude online erstellen</a
>
<br />
<a class="btn btn-primary text-lg" href={BANW} target="blank"
>Jetzt Bedarfsausweis Gewerbe online anfragen</a
>
{:else if gebaeudetyp == "Mischgebäude" && anlass == "Aushangpflicht"}
<p>
Bei starkem Publikumsverkehr in Ihrem Mischgebäude benötigen Sie
einen <span class="hilite">Verbrauchsausweis</span> für
<span class="hilite">Gewerbegebäude</span> als öffentlichen Aushang.
</p>
<br />
<a class="btn btn-primary text-lg" href={VANW} target="blank"
>Jetzt Verbrauchsausweis Gewerbe online erstellen</a
> (Empfehlung)
{/if}
</div>
<div> <div class="OEA_zeile2">
<hr /> <div class="OEA_item3">
<div> <div class="OEA_title2">Baujahr</div>
<div> <select class="OEA_auswahl2" id="changeBaujahr" on:change={handleYearChange}>
<a <option value="" selected disabled>bitte auswählen</option>
href="https://online-energieausweis.org?aa=LOGO&recode=online-energieausweis.org" <option value="vor 1978">vor 1978</option>
title="IB Cornelsen" <option value="nach 1977">nach 1977</option>
> </select>
<img </div>
src="/images/header/logo-big.svg"
alt="" <div class="OEA_item4">
width="100px" <div class="OEA_title2">Wohneinheiten</div>
/></a <select class="OEA_auswahl2" id="changeEinheiten" on:change={handleUnitsChange}>
> <option value="" selected disabled>bitte auswählen</option>
</div> <option value="bis 4 Wohneinheiten">bis 4 Wohneinheiten</option>
</div> <option value="mehr als 4 Wohneinheiten">mehr als 4 Wohneinheiten</option>
</div> </select>
</div> </div>
<div class="OEA_item5">
<div class="OEA_title2">Sanierungsstatus</div>
<select class="OEA_auswahl2" id="changeStatus" on:change={handleStatusChange}>
<option value="" selected disabled>bitte auswählen</option>
<option value="saniert">saniert</option>
<option value="unsaniert">unsaniert</option>
</select>
</div>
</div>
<div class="OEA_zeile3">
{#if showVA}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<VApromo client:load />
</div>
{/if}
{#if showBA}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<BApromo client:load />
</div>
{/if}
{#if showVAG}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<VAGpromo client:load />
</div>
{/if}
{#if showBAG}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<BAGpromo client:load />
</div>
{/if}
</div>
</div>
</div>
<style> <style lang="scss">
.hilite {
@apply font-bold; @tailwind base;
} @tailwind components;
</style> @tailwind utilities;
#OEA_widget {
@apply bg-gray-100 p-4 shadow-xl;
#OEA_input { @apply space-y-2;
.OEA_zeile1, .OEA_zeile2 {
@apply flex flex-row space-x-2;
.OEA_item1, .OEA_item2, .OEA_item3, .OEA_item4, .OEA_item5 {
@apply w-full;
.OEA_title1, .OEA_title2 {
@apply font-bold text-lg text-white p-1.5 pl-2 rounded w-full;
}
}
}
.OEA_title1 {
@apply bg-secondary;
}
.OEA_title2 {
@apply bg-primary;
}
.OEA_auswahl1, .OEA_auswahl2 {
@apply w-full p-2 rounded focus:outline-none focus:ring-2 focus:ring-blue-500;
}
#OEA_result {
@apply rounded-lg text-gray-700;
}
.OEA_zeile3 {
@apply flex flex-row space-x-4 pt-6 items-center justify-center;
}
.OEA_item6 {
.result {
@apply opacity-0 transition-opacity duration-1000 ease-in-out;
}
.result[style*="opacity: 1"] {
@apply opacity-100;
}
}
}
}
</style>

View File

@@ -1,222 +0,0 @@
<script lang="ts">
import VApromo from "#content/card-VA-widget.svelte";
import VAGpromo from "#content/card-VAG-widget.svelte";
import BApromo from "#content/card-BA-widget.svelte";
import BAGpromo from "#content/card-BAG-widget.svelte";
import { fade } from 'svelte/transition';
let selectedType: string = "";
let selectedReason: string = "";
let selectedUnits: string = "";
let selectedStatus: string = "";
let selectedYear: string = "";
let showBA: boolean = false;
let showVAG: boolean = false;
let showBAG: boolean = false;
let showVA: boolean = false;
function handleTypeChange(event: Event) {
selectedType = (event.target as HTMLSelectElement).value;
updateResultVisibility();
}
function handleReasonChange(event: Event) {
selectedReason = (event.target as HTMLSelectElement).value;
updateResultVisibility();
}
function handleUnitsChange(event: Event) {
selectedUnits = (event.target as HTMLSelectElement).value;
updateResultVisibility();
}
function handleStatusChange(event: Event) {
selectedStatus = (event.target as HTMLSelectElement).value;
updateResultVisibility();
}
function handleYearChange(event: Event) {
selectedYear = (event.target as HTMLSelectElement).value;
updateResultVisibility();
}
const allowedTypes = ["Einfamilienhaus", "Zweifamilienhaus", "Mehrfamilienhaus", "Mischgebäude"];
const allowedTypesGewerbe = ["Gewerbegebäude", "Mischgebäude"];
const allowedReason = ["Vermietung/Verkauf", "sonstiges", "Aushangpflicht"];
// const allowedReasonBau = ["Modernisierung", "Neubau", "Erweiterung"];
function updateResultVisibility() {
// Die Bedingung, um das Ergebnis anzuzeigen
// Zusätzliche Bedingung: Wenn "vor 1978" ausgewählt wurde
if (selectedYear === "vor 1978") {
showVA = (allowedReason.includes(selectedReason) && allowedTypes.includes(selectedType)) && (selectedUnits === "mehr als 4 Wohneinheiten" || selectedStatus === "saniert");
}
else
{
showVA = allowedReason.includes(selectedReason) && allowedTypes.includes(selectedType);
}
showBA = allowedReason.includes(selectedReason) && allowedTypes.includes(selectedType);
showVAG = allowedReason.includes(selectedReason) && allowedTypesGewerbe.includes(selectedType);
showBAG = allowedReason.includes(selectedReason) && allowedTypesGewerbe.includes(selectedType);
}
</script>
<div id="OEA_widget">
<input id="recode" type="hidden" value="widgetvorlage">
<div id="OEA_input">
<div class="OEA_zeile1">
<div class="OEA_item1">
<div class="OEA_title1">Gebäudetyp</div>
<select class="OEA_auswahl1" id="OEA_changeTyp" on:change={handleTypeChange}>
<option value="" selected disabled>bitte auswählen</option>
<option value="Einfamilienhaus">Einfamilienhaus</option>
<option value="Zweifamilienhaus">Zweifamilienhaus</option>
<option value="Mehrfamilienhaus">Mehrfamilienhaus</option>
<option value="Gewerbegebäude">Gewerbegebäude</option>
<option value="Mischgebäude">Mischgebäude</option>
</select>
</div>
<div class="OEA_item2">
<div class="OEA_title1">Anlass</div>
<select class="OEA_auswahl1" id="OEA_changeAnlass" on:change={handleReasonChange}>
<option value="" selected disabled>bitte auswählen</option>
<option value="Vermietung/Verkauf">Vermietung/Verkauf</option>
<option value="Modernisierung">Modernisierung</option>
<option value="Neubau">Neubau</option>
<option value="Erweiterung">Erweiterung</option>
<option value="Aushangpflicht">Aushangpflicht</option>
<option value="sonstiges">sonstiges z.B. Bank</option>
</select>
</div>
</div>
<div class="OEA_zeile2">
<div class="OEA_item3">
<div class="OEA_title2">Baujahr</div>
<select class="OEA_auswahl2" id="changeBaujahr" on:change={handleYearChange}>
<option value="" selected disabled>bitte auswählen</option>
<option value="vor 1978">vor 1978</option>
<option value="nach 1977">nach 1977</option>
</select>
</div>
<div class="OEA_item4">
<div class="OEA_title2">Wohneinheiten</div>
<select class="OEA_auswahl2" id="changeEinheiten" on:change={handleUnitsChange}>
<option value="" selected disabled>bitte auswählen</option>
<option value="bis 4 Wohneinheiten">bis 4 Wohneinheiten</option>
<option value="mehr als 4 Wohneinheiten">mehr als 4 Wohneinheiten</option>
</select>
</div>
<div class="OEA_item5">
<div class="OEA_title2">Sanierungsstatus</div>
<select class="OEA_auswahl2" id="changeStatus" on:change={handleStatusChange}>
<option value="" selected disabled>bitte auswählen</option>
<option value="saniert">saniert</option>
<option value="unsaniert">unsaniert</option>
</select>
</div>
</div>
<div class="OEA_zeile3">
{#if showVA}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<VApromo client:load />
</div>
{/if}
{#if showBA}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<BApromo client:load />
</div>
{/if}
{#if showVAG}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<VAGpromo client:load />
</div>
{/if}
{#if showBAG}
<div class="OEA_item6 result" transition:fade={{ duration: 1000 }}>
<BAGpromo client:load />
</div>
{/if}
</div>
</div>
</div>
<style lang="scss">
@tailwind base;
@tailwind components;
@tailwind utilities;
#OEA_widget {
@apply bg-gray-100 p-4 shadow-xl;
#OEA_input { @apply space-y-2;
.OEA_zeile1, .OEA_zeile2 {
@apply flex flex-row space-x-2;
.OEA_item1, .OEA_item2, .OEA_item3, .OEA_item4, .OEA_item5 {
@apply w-full;
.OEA_title1, .OEA_title2 {
@apply font-bold text-lg text-white p-1.5 pl-2 rounded w-full;
}
}
}
.OEA_title1 {
@apply bg-secondary;
}
.OEA_title2 {
@apply bg-primary;
}
.OEA_auswahl1, .OEA_auswahl2 {
@apply w-full p-2 rounded focus:outline-none focus:ring-2 focus:ring-blue-500;
}
#OEA_result {
@apply rounded-lg text-gray-700;
}
.OEA_zeile3 {
@apply flex flex-row space-x-4 pt-6 items-center justify-center;
}
.OEA_item6 {
.result {
@apply opacity-0 transition-opacity duration-1000 ease-in-out;
}
.result[style*="opacity: 1"] {
@apply opacity-100;
}
}
}
}
</style>

View File

@@ -0,0 +1,24 @@
<script>
import { PRICES } from "#lib/constants";
</script>
<div id ="card-BA-promo"
class=" box card bg-white px-6 py-4 mb-5">
<div class="grid">
<h2>Bedarfssausweis Wohngebäude</h2>
<hr class="mb-4">
<img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.BedarfsausweisWohnen[0]}</span></p>
<a href="./energieausweis-erstellen/bedarfsausweis-wohngebaeude/" 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 online erstellen</a>
</div>
</div>
<style lang="scss">
</style>

View File

@@ -0,0 +1,25 @@
<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-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Bedarfsausweis"/>
<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{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 online erstellen</a>
</div>
</div>
<style lang="scss">
</style>

View File

@@ -9,7 +9,7 @@
<h2>Verbrauchsausweis Wohngebäude</h2> <h2>Verbrauchsausweis Wohngebäude</h2>
<hr class="mb-4"> <hr class="mb-4">
<img class="w-[40%] justify-self-left !min-w-[500px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/> <img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisWohnen[0]}</span></p> <p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisWohnen[0]}</span></p>
<a href="./energieausweis-erstellen/verbrauchsausweis-wohngebaeude/" id="link-VA-promo" <a href="./energieausweis-erstellen/verbrauchsausweis-wohngebaeude/" 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] 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]
@@ -21,5 +21,4 @@
<style lang="scss"> <style lang="scss">
</style> </style>

View File

@@ -0,0 +1,25 @@
<script>
import { PRICES } from "#lib/constants";
</script>
<div id ="card-VA-G-promo"
class=" box card bg-white px-6 py-4 mb-5">
<div class="grid">
<h2>Verbrauchsausweis Gewerbe</h2>
<hr class="mb-4">
<img class="w-[40%] justify-self-left !min-w-[50px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Verbrauchsausweis"/>
<p class="promo tracking-tighter text-3xl text-gray-700 pl-6">ab<span class="promo pl-2">{PRICES.VerbrauchsausweisGewerbe[0]}</span></p>
<a href="./energieausweis-erstellen/verbrauchsausweis-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>
</div>
</div>
<style lang="scss">
</style>

View File

@@ -1,7 +1,7 @@
--- ---
import Layout from "#layouts/Layout.astro"; import Layout from "#layouts/Layout.astro";
import Widget2 from "#components/Widget2.svelte"; import Widget2 from "#components/Widget.svelte";
--- ---