diff --git a/src/components/design/content/ProduktVergleich.svelte b/src/components/design/content/ProduktVergleich.svelte index d3f12b6c..2278f9ee 100644 --- a/src/components/design/content/ProduktVergleich.svelte +++ b/src/components/design/content/ProduktVergleich.svelte @@ -2,16 +2,15 @@ import { PRICES } from "#lib/constants"; -
+
-
- Wohnhaus Verbrauchsausweis +
+
Wohnhaus Verbrauchsausweis
Verbrauchsausweis
Wohngebäude
-
einfach
Einfache Berechnung anhand von 3 Jahresverbräuchen der Heizung. Das Enddatum darf nicht älter als 18 Monate sein.
✔
@@ -38,10 +37,10 @@
-
- Wohnhaus Bedarfsausweis -
Bedarfssausweis
Wohngebäude
-
+
+
Wohnhaus Bedarfsausweis
+
Bedarfsausweis
Wohngebäude
+
fundiert
@@ -54,7 +53,7 @@
- ab {PRICES.BedarfsausweisWohnen[0]} € inkl. 19% MwSt. + ab {PRICES.BedarfsausweisWohnen[0]} € inkl. 19% MwSt.
@@ -79,13 +78,13 @@ #produktvergleich{@apply - grid grid-cols-[1fr] gap-y-3 gap-x-6 + 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; -img{@apply justify-self-center mb-1 w-[50%] } +.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} @@ -97,20 +96,20 @@ img{@apply justify-self-center mb-1 w-[50%] } .variante{@apply w-fit text-black justify-self-end mr-4} .variante{font-size: clamp(15px, 4vh, 24px)} -.services{@apply text-base py-4 grid grid-cols-[1fr_minmax(10px,50px)]} -.services:not(:last-child){@apply border-b-[1px] border-gray-200} +.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-4 relative shadow-saeule ring-primary ring-1} +.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-4 shadow-saeule ring-secondary ring-1} +.blue-bottom{@apply bg-secondary text-white text-center font-bold rounded-md p-1 shadow-saeule ring-secondary ring-1} } } diff --git a/src/components/design/content/ProduktVergleichGewerbe.svelte b/src/components/design/content/ProduktVergleichGewerbe.svelte new file mode 100644 index 00000000..e69de29b diff --git a/src/components/design/content/TextboxCardTemplate.svelte b/src/components/design/content/TextboxCardTemplate.svelte new file mode 100644 index 00000000..bb6902a9 --- /dev/null +++ b/src/components/design/content/TextboxCardTemplate.svelte @@ -0,0 +1,47 @@ + + + +
+
+

{TitelName}

+
+ +
+
+ {#each BulletPoints as [point]} +
+
  • {point}
+
+ {/each} +
+
+
+ + \ No newline at end of file diff --git a/src/components/design/content/WidgetCardTemplate.svelte b/src/components/design/content/WidgetCardTemplate.svelte index 93891241..82c03298 100644 --- a/src/components/design/content/WidgetCardTemplate.svelte +++ b/src/components/design/content/WidgetCardTemplate.svelte @@ -8,7 +8,7 @@ export let alt: string; -
+

{name}

@@ -16,7 +16,7 @@
diff --git a/src/components/widgets/WelcherAusweisWidget.svelte b/src/components/widgets/WelcherAusweisWidget.svelte index 842aa6e6..6dda1d16 100644 --- a/src/components/widgets/WelcherAusweisWidget.svelte +++ b/src/components/widgets/WelcherAusweisWidget.svelte @@ -8,6 +8,9 @@ let einheiten: string; let sanierungsstatus: string; let baujahr: string; + let heizungsAlter: string; + let leerStand: string; + const allowedTypes = [ "Einfamilienhaus", @@ -26,11 +29,11 @@ allowedReason.includes(anlass) && allowedTypes.includes(gebaeudetyp) && (einheiten === "mehr als 4 Wohneinheiten" || - sanierungsstatus === "saniert"); + sanierungsstatus === "saniert") && (leerStand === "bis 30") && (heizungsAlter === ">= 3"); } else { showVerbrauchsausweis = allowedReason.includes(anlass) && - allowedTypes.includes(gebaeudetyp); + allowedTypes.includes(gebaeudetyp) && (leerStand === "bis 30") && (heizungsAlter === ">= 3"); } } @@ -40,20 +43,6 @@
-
-
Gebäudetyp
- -
Anlass
@@ -72,9 +61,40 @@
+ +
+
Gebäudetyp
+ +
+ + {#if allowedReason.includes(anlass)} +
+
Sanierungsstand
+ +
+ {/if} +
-
+ {#if allowedReason.includes(anlass)} +
Baujahr
+ + + + +
+
Wohneinheiten
- - - + + +
+ {/if}
{#if showVerbrauchsausweis} @@ -187,6 +224,30 @@
{/if} + {#if allowedReason.includes(anlass) == false && allowedTypesGewerbe.includes(gebaeudetyp)} +
+ + +
+ {/if} + {#if allowedReason.includes(anlass) && allowedTypesGewerbe.includes(gebaeudetyp)}
#OEA_widget { - @apply bg-gray-100 p-4 shadow-xl; + @apply bg-gray-200 p-4 shadow-xl rounded-xl; #OEA_input { @apply space-y-2; @@ -231,8 +292,11 @@ .OEA_item5 { @apply w-full; - .OEA_title1, + .OEA_title2 { + @apply font-bold text-lg text-gray-700 p-1.5 pl-2 rounded w-full; + } + .OEA_title1 { @apply font-bold text-lg text-white p-1.5 pl-2 rounded w-full; } } @@ -243,7 +307,7 @@ } .OEA_title2 { - @apply bg-primary; + @apply bg-gray-400; } .OEA_auswahl1, @@ -256,7 +320,7 @@ } .OEA_zeile3 { - @apply flex flex-row space-x-4 pt-6 items-start justify-center; + @apply flex flex-row space-x-4 items-start justify-center; } .OEA_item6 { diff --git a/src/pages/index.astro b/src/pages/index.astro index 2609bb70..d6538b2f 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,14 +1,69 @@ --- import Layout from "#layouts/Layout.astro"; import ProduktVergleich from "#content/ProduktVergleich.svelte"; +import WelcherAusweisWidget from "#widgets/WelcherAusweisWidget.svelte"; +import TextboxCardTemplate from "#components/design/content/TextboxCardTemplate.svelte"; --- +
+

Ihr Partner für Energieausweise und GEG Nachweise

+

Ob für Vermietung, Verkauf, Modernisierung, Neubau oder zur Vorlage bei Ihrer Bank - + wir erstellen den passenden Energieausweis oder GEG-Nachweis für Ihr Objekt. + Mit 18 Jahren Erfahrung sind wir der richtige Ansprechpartner + für Hauseigentümer, Bauherren, Makler und Verwalter.

+
+

Machen Sie hier den online Check welcher Energieausweis der Richtige für Sie ist:

+
+ + + +
+
+

Erfüllen Sie die gesetzlichen Vorgaben des GEG 2024. Mit uns profitieren Sie von:

+

+ Rechtssicherer Bearbeitung ✔    + Langjähriger Erfahrung ✔    + Schneller online Erstellung ✔ +

+
+
+

GEG gilt ab 1. Mai 2021 und löst die EnEV ab

+ + +
+

Übersicht Verbrauchsausweis und Bedarfsausweis für Wohngebäude:

+ + + +

Übersicht Verbrauchsausweis und Bedarfsausweis für Gewerbegebäude:

+
+ +

Was ist ein Energieausweis?

+ -

Unsere Ausweise im Detail:

- diff --git a/src/pages/index_1.astro b/src/pages/index_1.astro deleted file mode 100644 index 82ed6b73..00000000 --- a/src/pages/index_1.astro +++ /dev/null @@ -1,13 +0,0 @@ ---- -import Layout from "#layouts/Layout_1.astro"; - ---- - - -

Energieausweis online erstellen

- - - - - - diff --git a/src/pages/welcher-energieausweis.mdx b/src/pages/welcher-energieausweis.mdx index 2404cf2a..a72979c1 100644 --- a/src/pages/welcher-energieausweis.mdx +++ b/src/pages/welcher-energieausweis.mdx @@ -3,8 +3,8 @@ layout: ../layouts/Layout.astro title: "Welcher Energieausweis?" --- -import { BoxWithHeading } from "@ibcornelsen/ui"; import WelcherAusweisWidget from "#widgets/WelcherAusweisWidget.svelte"; +import TextboxCardTemplate from "#components/design/content/TextboxCardTemplate.svelte"; # Welcher Energieausweis ist der richtige? @@ -53,16 +53,19 @@ eingehalten werden müssen. --- - - - Grundriss- und Ansichtspläne sowie Baubeschreibung. - Die - wärmeübertragenden Umfassngsflächen wie Dach, Außenwand, Fenster, - Kellerdecke bzw. Boden werden aus den Plänen ermittelt. - Auch das - Gebäudevolumen zur Ermittlung der energetischen Gebäudenutzfläche und die - verschiedenen Nutzungszonen werden aus den Plänen erhoben. - Die verwendete - Heizungsanlage mit den Wärmeübergabekomponenten (Heizkörper, - Fußbodenheizung, etc) sowie Energieträger und Kessel werden aus der - Baubeschreibung oder aus den Angaben des Bauherren herangezogen. - + + + + Sollten Sie den Bedarfsausweis nur für Vermietung und Verkauf benötigen, dann können Sie den Ausweis bei uns auch online erstellen lassen. Die Eingabedaten @@ -104,19 +107,19 @@ Anforderungen für Nichtwohngebäude eingehalten werden müssen. --- - - - Grundriss- und Ansichtspläne sowie Baubeschreibung. - Die - wärmeübertragenden Umfassngsflächen wie Dach, Außenwand, Fenster, - Kellerdecke bzw. Boden werden aus den Plänen ermittelt. - Auch das - Gebäudevolumen zur Ermittlung der energetischen Gebäudenutzfläche und die - verschiedenen Nutzungszonen werden aus den Plänen erhoben. - Die verwendete - Heizungsanlage mit den Wärmeübergabekomponenten (Heizkörper, - Fußbodenheizung, etc) sowie Energieträger und Kessel werden aus der - Baubeschreibung oder aus den Angaben des Bauherren herangezogen. - - Anlagentechnik zu Kühlung und Lüftung der entsprechenden Nutzungszonen - müssen definiert sein. - Die verwendete Beleuchtung der verschiedenen - Nutzungszonen wird ebenfalls herangezogen - + + Sollten Sie den Bedarfsausweis nur für Vermietung und Verkauf benötigen, dann können Sie den Ausweis bei uns auch online erstellen lassen. Die Eingabedaten diff --git a/src/style/global.css b/src/style/global.css index 31df286b..f1c9360d 100644 --- a/src/style/global.css +++ b/src/style/global.css @@ -73,10 +73,15 @@ article { hr {@apply mb-4 mt-4;} h1 {@apply text-4xl font-normal mb-2;} - h2 {@apply text-2xl font-normal mb-2;} - h3 {@apply text-xl font-normal mb-2;} + h2{@apply text-2xl font-normal mb-2;} + h3 {@apply text-xl font-normal ml-1;} a {@apply text-blue-700 font-medium text-lg;} + p {@apply text-lg font-normal mb-2;} + li {@apply text-lg font-normal list-disc} + ul {@apply list-inside mb-3;} + span {@apply text-secondary font-bold;} + }