src/components/Ausweis/Verbrauch.svelte

@@ -2,9 +2,9 @@
 	import HelpLabel from "../HelpLabel.svelte";
 	import moment from "moment";
 	import Label from "../Label.svelte";
-	import fuelList from "./brennstoffListe";
-	import { auditVerbrauchAbweichung } from "../Verbrauchsausweis/audits/VerbrauchAbweichung";
-	import { GebaeudeAufnahmeClient, GebaeudeClient, VerbrauchsausweisWohnenClient } from "./types";
+	import fuelList from "./brennstoffListe.js";
+	import { auditVerbrauchAbweichung } from "../Verbrauchsausweis/audits/VerbrauchAbweichung.js";
+	import { GebaeudeAufnahmeClient, GebaeudeClient, VerbrauchsausweisWohnenClient } from "./types.js";
 
 	export let gebaeude: GebaeudeClient;
 	export let gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient;

src/components/Verbrauchsausweis/audits/BedarfsausweisBenoetigt.ts

@@ -1,4 +1,4 @@
-import { GebaeudeAufnahmeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
+import { GebaeudeAufnahmeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
 
 export function auditBedarfsausweisBenoetigt(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeAufnahmeClient): boolean {
 	if (ausweis.ausstellgrund == "Neubau" || ausweis.ausstellgrund == "Modernisierung") {

src/components/Verbrauchsausweis/audits/EndEnergie.ts

@@ -1,7 +1,7 @@
-import { GebaeudeClient, VerbrauchsausweisWohnenClient, GebaeudeAufnahmeClient } from "#components/Ausweis/types";
-import { AuditType, hidden } from "./hidden";
-import { endEnergieVerbrauchVerbrauchsausweis_2016 } from "#lib/Berechnungen/VerbrauchsausweisWohnen/VerbrauchsausweisWohnen_2016";
-import { getKlimafaktoren } from "#lib/Klimafaktoren";
+import { GebaeudeClient, VerbrauchsausweisWohnenClient, GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
+import { AuditType, hidden } from "./hidden.js";
+import { endEnergieVerbrauchVerbrauchsausweis_2016 } from "#lib/Berechnungen/VerbrauchsausweisWohnen/VerbrauchsausweisWohnen_2016.js";
+import { getKlimafaktoren } from "#lib/Klimafaktoren.js";
 
 export async function auditEndEnergie(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeClient, gebaeude_aufnahme_allgemein: GebaeudeAufnahmeClient): Promise<boolean> {
     if (hidden.has(AuditType.END_ENERGIE)) {

src/components/Verbrauchsausweis/audits/HeizungGebaeudeBaujahr.ts

@@ -1,5 +1,5 @@
-import { GebaeudeAufnahmeClient } from "#components/Ausweis/types";
-import { AuditType, hidden } from "../audits/hidden";
+import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
+import { AuditType, hidden } from "../audits/hidden.js";
 
 export function auditHeizungGebaeudeBaujahr(gebaeude: GebaeudeAufnahmeClient): boolean {
 	if ((gebaeude.baujahr_heizung && gebaeude.baujahr_heizung.length > 0) && (gebaeude.baujahr_gebaeude && gebaeude.baujahr_gebaeude.length > 0)) {

src/components/Verbrauchsausweis/audits/HeizungJuengerDreiJahre.ts

@@ -1,5 +1,5 @@
-import { GebaeudeAufnahmeClient } from "#components/Ausweis/types";
-import { AuditType, hidden } from "../audits/hidden";
+import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
+import { AuditType, hidden } from "../audits/hidden.js";
 
 export function auditHeizungJuengerDreiJahre(gebaeude: GebaeudeAufnahmeClient): boolean {
 

src/components/Verbrauchsausweis/audits/KlimaFaktoren.ts

@@ -1,6 +1,6 @@
-import { GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
-import { AuditType, hidden } from "./hidden";
-import { getKlimafaktoren } from "#lib/Klimafaktoren";
+import { GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
+import { AuditType, hidden } from "./hidden.js";
+import { getKlimafaktoren } from "#lib/Klimafaktoren.js";
 
 export async function auditKlimaFaktoren(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeClient): Promise<boolean> {
 	if (hidden.has(AuditType.KLIMA_FAKTOREN)) {

src/components/Verbrauchsausweis/audits/LeerStand.ts

@@ -1,5 +1,5 @@
-import { GebaeudeAufnahmeClient } from "#components/Ausweis/types";
-import { AuditType, hidden } from "./hidden";
+import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
+import { AuditType, hidden } from "./hidden.js";
 
 export function auditLeerStand(gebaeude: GebaeudeAufnahmeClient): boolean {
 	if (gebaeude.leerstand && !hidden.has(AuditType.LEER_STAND)) {

src/components/Verbrauchsausweis/audits/PlzNichtErkannt.ts

@@ -1,23 +1,29 @@
-import { GebaeudeAufnahmeClient } from "#components/Ausweis/types";
-import { client } from "src/trpc";
-import { memoize } from "src/lib/Memoization";
-import { AuditType, hidden } from "../audits/hidden";
+import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
+import { client } from "src/trpc.js";
+import { memoize } from "src/lib/Memoization.js";
+import { AuditType, hidden } from "../audits/hidden.js";
 
-export const auditPlzNichtErkannt = memoize(async (gebaeude: GebaeudeAufnahmeClient) => {
-    if (gebaeude.plz) {
-        if (gebaeude.plz.length == 5) {
-            try {
-                const result = await client.v1.postleitzahlen.query({ plz: gebaeude.plz, limit: 1 });
-								
-                if (result.length > 0) {
-                    return false;
-                }
-            } catch (e) {
-                if (!hidden.has(AuditType.PLZ_NICHT_ERKANNT)){
-                    return true;
-                }
-            }
-        }
-    }
-    return false
-});
+export const auditPlzNichtErkannt = memoize(
+	async (gebaeude: GebaeudeAufnahmeClient) => {
+		if (gebaeude.plz) {
+			if (gebaeude.plz.length == 5) {
+				try {
+					const result = await client.v1.postleitzahlen.query({
+						plz: gebaeude.plz,
+						limit: 1,
+					});
+
+					if (result.length > 0) {
+						return false;
+					}
+				} catch (e) {
+					if (!hidden.has(AuditType.PLZ_NICHT_ERKANNT)) {
+						return true;
+					}
+				}
+			}
+		}
+
+		return false;
+	}
+);

src/components/Verbrauchsausweis/audits/VerbrauchAbweichung.ts

@@ -1,7 +1,7 @@
-import { GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
-import { AuditType, hidden } from "./hidden";
+import { GebaeudeAufnahmeClient, GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
+import { AuditType, hidden } from "./hidden.js";
 
-export function auditVerbrauchAbweichung(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeClient): number[] {
+export function auditVerbrauchAbweichung(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeAufnahmeClient): number[] {
 	if (gebaeude.leerstand && (gebaeude.leerstand > 0)) {
 		return [];
 	}

src/components/Verbrauchsausweis/audits/WarmWasser.ts

@@ -1,5 +1,5 @@
-import { VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
-import { AuditType, hidden } from "./hidden";
+import { VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
+import { AuditType, hidden } from "./hidden.js";
 
 export function auditWarmWasser(ausweis: VerbrauchsausweisWohnenClient): boolean {
 

src/components/Verbrauchsausweis/audits/WohnFlaeche.ts

@@ -1,5 +1,5 @@
-import { GebaeudeAufnahmeClient } from "#components/Ausweis/types";
-import { AuditType, hidden } from "./hidden";
+import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
+import { AuditType, hidden } from "./hidden.js";
 
 export function auditWohnFlaeche(gebaeude: GebaeudeAufnahmeClient ): boolean {
 	if (gebaeude.einheiten && gebaeude.flaeche ) {

src/components/Verbrauchsausweis/audits/WohnflaecheGroesserGesamtflaeche.ts

@@ -1,5 +1,5 @@
-import { GebaeudeAufnahmeClient } from "#components/Ausweis/types";
-import { AuditType, hidden } from "../audits/hidden";
+import { GebaeudeAufnahmeClient } from "#components/Ausweis/types.js";
+import { AuditType, hidden } from "../audits/hidden.js";
 
 export function auditWohnflaecheGroesserGesamtflaeche(gebaeude: GebaeudeAufnahmeClient ): boolean {
 	if (gebaeude.flaeche && gebaeude.nutzflaeche){

src/components/Verbrauchsausweis/audits/ZeitraumAktuell.ts

@@ -1,5 +1,5 @@
-import { GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
-import { AuditType, hidden } from "./hidden";
+import { GebaeudeClient, VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
+import { AuditType, hidden } from "./hidden.js";
 
 export function auditZeitraumAktuell(ausweis: VerbrauchsausweisWohnenClient, gebaeude: GebaeudeClient): boolean {
 	if (hidden.has(AuditType.ZEITRAUM_AKTUELL)) {

src/components/Verbrauchsausweis/audits/hidden.ts

@@ -9,7 +9,6 @@ export enum AuditType {
 	WOHN_FLAECHE,
 	WARM_WASSER,
 	LEER_STAND,
-	PLZ_NICHT_ERKANNT,
 	END_ENERGIE,
 	WOHNFLAECHE_GROESSER_GESAMTFLAECHE
 }

src/components/design/content/banner-saeule.svelte

@@ -31,7 +31,7 @@
 
     <div class="saeule">
         <div class="blue-top">
-            <img class="" src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" alt="Wohnhaus Bedarfsausweis"/>
+            <img class="" src="/images/right-sidebar/UMBE_gewerbegebaeude-weiss.svg" alt="Wohnhaus Bedarfsausweis"/>
             <div class="name">Verbrauchsausweis<br>Gewerbe</div> 
         </div>   
         <div class="orange">
@@ -56,7 +56,7 @@
 
     <div class="saeule">
         <div class="blue-top">
-            <img class="" src="/images/right-sidebar/UMBE_gewerbegebaeude-weiss.svg" alt="Gewerbe Verbrauchsausweis"/>
+            <img class="" src="/images/right-sidebar/UMBE_wohngebaeude-weiss.svg" alt="Gewerbe Verbrauchsausweis"/>
             <div class="name">Bedarfsausweis<br>Wohngebäude</div> 
         </div>   
         <div class="orange">
@@ -108,9 +108,11 @@
 
 <style lang="scss">
 
-#saeulen{@apply grid grid-cols-[1fr,1fr,1fr,1fr] gap-4;
+#saeulen{@apply grid grid-cols-[1fr] gap-4 
+    lg:grid-cols-[1fr,1fr,1fr]
+    xl:grid-cols-[1fr,1fr,1fr,1fr];
 .saeule{@apply grid;
-img{@apply w-full justify-self-center mb-1}
+img{@apply w-full justify-self-center mb-1 min-h-[50px] }
 .blue-top{@apply bg-secondary text-white text-center font-bold rounded-md mb-1 p-4}
 .name{@apply w-full}
 .name{font-size: clamp(15px, 2vh, 18px)}
@@ -122,7 +124,7 @@ img{@apply w-full justify-self-center mb-1}
 .white{@apply border-x-[1px] border-gray-500 text-center text-black p-4}
 .services{@apply py-2}
 .services:first-child{@apply font-bold}
-.services:nth-child(even){@apply bg-secondary/10}
+.services:nth-child(even){@apply bg-white}
 .services:not(:last-child){@apply border-b-[1px] border-gray-300}
 .blue-bottom{@apply bg-secondary text-white text-center font-bold rounded-b-md p-4}
 }

src/components/design/header/Header.astro

@@ -1,5 +1,6 @@
 <header class="max-w-[1920px] w-full relative bg-white
-md:bg-[url('/images/header/header-bg.jpg')] md:bg-cover md:grid md:grid-cols-2
+md:bg-[url('/images/header/header-bg.jpg')] 
+md:bg-cover md:grid md:grid-cols-2
 lg:grid lg:grid-cols-3">
 
 

src/components/design/sidebars/cards/SidebarWidgetLogin.svelte

@@ -25,7 +25,7 @@
 <div
 	id="card-login"
 	class="box card hidden bg-white px-6 py-4 mb-5
-			lg:block"
+			lg:block lg:ring-2 lg:ring-secondary/50"
 >
 	<div class="grid">
 		<div class="grid grid-cols-[2rem,1fr,1fr]">
@@ -38,12 +38,12 @@
 			<div class="justify-self-end text-secondary">
 				<a
 					class="text-lg font-bold text-box-heading leading-6 no-underline hover:text-primary"
-					href="">Kontakt</a
+					href="./kontakt">Kontakt</a
 				>
 				/
 				<a
 					class="text-lg font-bold text-box-heading leading-6 no-underline hover:text-primary"
-					href="">AGB</a
+					href="./agb">AGB</a
 				>
 			</div>
 		</div>

src/components/design/sidebars/cards/card-BA-G-promo.svelte

@@ -12,7 +12,7 @@ class="	box card hidden bg-white px-6 py-4 mb-5
 <hr class="mb-4">
 <img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
 
-<a href="#" id="link-BA-promo" 
+<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 Bedarfssausweis erstellen</a>

src/components/design/sidebars/cards/card-BA-promo.svelte

@@ -12,7 +12,7 @@ class="	box card hidden bg-white px-6 py-4 mb-5
 <hr class="mb-4">
 <img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
 
-<a href="index" id="link-BA-promo" 
+<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 Bedarfssausweis erstellen</a>

src/components/design/sidebars/cards/card-VA-G-promo.svelte

@@ -12,7 +12,7 @@
 	<hr class="mb-4">
 	<img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_gewerbegebaeude.svg" alt="Gewerbe Verbrauchsausweis"/>
 
-	<a href="index" id="link-VA-promo" 
+	<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 Verbrauchsausweis erstellen</a>

src/components/design/sidebars/cards/card-VA-promo.svelte

@@ -12,7 +12,7 @@
 	<hr class="mb-4">
 	<img class="w-[80%] justify-self-center !min-w-[100px] mb-[1rem]" src="/images/right-sidebar/UMBE_wohngebaeude.svg" alt="Wohnhaus Verbrauchsausweis"/>
 
-	<a href="" 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]
 					hover:bg-primary
 			" >jetzt Verbrauchsausweis erstellen</a>

src/components/design/sidebars/cards/card-navigation.svelte

@@ -97,90 +97,90 @@ if(innerWidth>1024){
 
 
 
-<nav id="card-navigation" class="card-navigation hidden box lg:block"> 
+<nav id="card-navigation" class="card-navigation hidden box ring-2 ring-primary/50 lg:block"> 
 
   <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="" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
+    <a href="" class="nav-element-child xl:rounded-t-[.75rem] lg:rounded-t-lg xl:rounded-t-xl " >Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
     {:else}
-    <a href="#" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
+    <a href="javascript:void(0)" class="nav-element-child xl:rounded-t-[.75rem]">Energieausweis erstellen<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</a></li>
       {/if}
-      <li><a href="">Verbrauchsausweis erstellen</a></li>
-      <li><a href="">Bedarfsausweis erstellen</a></li>
-      <li><a href="">Verbrauchsausweis Gewerbe erstellen</a></li>
-      <li><a href="">Bedarfsausweis Gewerbe erstellen</a></li>
+      <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 dropdown">
-    <div class="nav-element-child">Welcher Energieausweis?</div>
+  <div class="nav-element">
+    <a class="no-dropdown nav-element-child" href="/welcher-energieausweis">Welcher Energieausweis?</a>
   </div>
 
 <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
-  <a href="#" class="nav-element-child">Verbrauchsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
+  <a href="javascript:void(0)" class="nav-element-child">Verbrauchsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
     <ul class="dropdown-content verbrauchsausweis">
       {#if innerWidth < 1023}
-      <li><a href="">Verbrauchsausweis</a></li>
+      <li><a href="index">Verbrauchsausweis</a></li>
       {/if}
-      <li><a href="">Verbrauchsausweis Wohngebäude</a></li>
-      <li><a href="">Verbrauchsausweis online erstellen</a></li>
-      <li><a href="">Häufige Fragen zum Verbrauchsausweis</a></li>
-      <li><a href="">Statistiken zum Verbrauchsausweis Wohngebäude</a></li>
-      <li><a href="">Verbrauchsausweis Gewerbe</a></li>
-      <li><a href="">Verbrauchsausweis Gewerbe online erstellen</a></li>
-      <li><a href="">Häufige Fragen zum Verbrauchsausweis Gewerbe</a></li>
-      <li><a href="">Statistiken zum Verbrauchsausweis Gewerbe</a></li>
+      <li><a href="index">Verbrauchsausweis Wohngebäude</a></li>
+      <li><a href="index">Verbrauchsausweis online erstellen</a></li>
+      <li><a href="index">Häufige Fragen zum Verbrauchsausweis</a></li>
+      <li><a href="index">Statistiken zum Verbrauchsausweis Wohngebäude</a></li>
+      <li><a href="index">Verbrauchsausweis Gewerbe</a></li>
+      <li><a href="index">Verbrauchsausweis Gewerbe online erstellen</a></li>
+      <li><a href="index">Häufige Fragen zum Verbrauchsausweis Gewerbe</a></li>
+      <li><a href="index">Statistiken zum Verbrauchsausweis Gewerbe</a></li>
   </div>
 
 <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
-  <a href="#" class="nav-element-child">Bedarfsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
+  <a href="javascript:void(0)" class="nav-element-child">Bedarfsausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
     <ul class="dropdown-content bedarfsausweis">
       {#if innerWidth < 1023}
-      <li><a href="">Bedarfsausweis</a></li>
+      <li><a href="index">Bedarfsausweis</a></li>
       {/if}
-      <li><a href="">Bedarfsausweis Wohngebäude</a></li>
-      <li><a href="">Bedarfsausweis online erstellen</a></li>
-      <li><a href="">Häufige Fragen zum Bedarfsausweis</a></li>
-      <li><a href="">Statistiken zum Bedarfsausweis Wohngebäude</a></li>
-      <li><a href="">Bedarfsausweis Gewerbe</a></li>
-      <li><a href="">Bedarfsausweis Gewerbe online erstellen</a></li>
-      <li><a href="">Häufige Fragen zum Bedarfsausweis Gewerbe</a></li>
-      <li><a href="">Statistiken zum Bedarfsausweis Gewerbe</a></li>
+      <li><a href="index">Bedarfsausweis Wohngebäude</a></li>
+      <li><a href="index">Bedarfsausweis online erstellen</a></li>
+      <li><a href="index">Häufige Fragen zum Bedarfsausweis</a></li>
+      <li><a href="index">Statistiken zum Bedarfsausweis Wohngebäude</a></li>
+      <li><a href="index">Bedarfsausweis Gewerbe</a></li>
+      <li><a href="index">Bedarfsausweis Gewerbe online erstellen</a></li>
+      <li><a href="index">Häufige Fragen zum Bedarfsausweis Gewerbe</a></li>
+      <li><a href="index">Statistiken zum Bedarfsausweis Gewerbe</a></li>
     </ul>
 </div>
 
 
 <div class="nav-element dropdown lg:dropdown-right" on:click={dropdown} on:keydown={dropdown} on:mouseover={hover} on:mouseleave={hoverout}>
-  <a href="#" class="nav-element-child">Energieausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
+  <a href="javascript:void(0)" class="nav-element-child">Energieausweis<span class="dd-symbol-clone">❯</span><span class="dd-symbol">❯</span></a>
   <ul class="dropdown-content energieausweis">
     {#if innerWidth < 1023}
-    <li><a href="">Energieausweis</a></li>
+    <li><a href="index">Energieausweis</a></li>
     {/if}
-    <li class=""><a href="">Energieausweis Pflicht</a></li>
-    <li class=""><a href="">Energieausweis Kosten</a></li>
-    <li class=""><a href="">Energieausweis Haus</a></li>
+    <li class=""><a href="index">Energieausweis Pflicht</a></li>
+    <li class=""><a href="index">Energieausweis Kosten</a></li>
+    <li class=""><a href="index">Energieausweis Haus</a></li>
   </ul>
 </div>
 
-<div class="nav-element dropdown">
-  <div class="nav-element-child">EnEV Zusammenfassung - Archiv</div>
+<div class="nav-element">
+<a class="no-dropdown nav-element-child" href="/enev-zusammenfassung">EnEV Zusammenfassung - Archiv</a>
 </div>
-<div class="nav-element dropdown">
-  <div class="nav-element-child">Energieausweis Aussteller</div>
+<div class="nav-element">
+<a class="no-dropdown nav-element-child" href="/energieausweis-aussteller">Energieausweis Aussteller</a>
 </div>
-<div class="nav-element dropdown">
-  <div class="nav-element-child">Kundenbewertungen</div>
+<div class="nav-element">
+<a class="no-dropdown nav-element-child" href="/kundenbewertungen">Kundenbewertungen</a>
 </div>
-<div class="nav-element dropdown">
-  <div class="nav-element-child">FAQ</div>
+<div class="nav-element">
+<a class="no-dropdown nav-element-child" href="/faq">FAQ</a>
 </div>
-<div class="nav-element dropdown">
-  <div class="nav-element-child xl:!rounded-b-xl">Für Entwickler</div>
+<div class="nav-element">
+  <a class="no-dropdown nav-element-child lg:!rounded-b-lg xl:!rounded-b-xl"href="/fuer-entwickler">Für Entwickler</a>
 </div>
 
 
@@ -189,8 +189,6 @@ if(innerWidth>1024){
 
 <style>
 
-
-
 .dd-symbol::before{
   content:'❯';
   font-size:0.95rem;

src/components/design/sidebars/left/SidebarLeft.astro

@@ -6,9 +6,7 @@ import Preistabelle from "#sidebarCards/card-price-info.svelte";
 
 <div class="flex flex-col grow">
 
+
 <Navigation client:load />
-
 <Preistabelle client:load />
-
-
 </div>

src/components/design/sidebars/right/SidebarRight.astro

@@ -11,7 +11,6 @@ import BAGpromo from "#sidebarCards/card-BA-G-promo.svelte";
 <div class="hidden
             xl:flex xl:flex-col xl:grow
             ">
-
     <Login client:load />
     <Contact client:load />
     <Review client:load />

src/layouts/AusweisLayout.astro

@@ -1,9 +1,10 @@
 ---
-import "../style/global.scss"
+import "../style/global.css";
 import "../../svelte-dialogs.config"
-import Footer from '../components/Footer.astro';
-import Header from '../components/Header.astro';
-import SidebarLeft from '../components/SidebarLeft.astro';
+import Header from "#header/Header.astro";
+import Footer from "#footer/Footer.astro";
+import SidebarLeft from "#sidebarLeft/SidebarLeft.astro";
+import { NotificationWrapper } from "@ibcornelsen/ui";
 
 export interface Props {
 	title: string;
@@ -11,38 +12,14 @@ export interface Props {
 
 const { title } = Astro.props;
 
-const schema = JSON.stringify({
-	'@context': 'http://schema.org',
-	'@type': 'Corporation',
-	name: 'IB Cornelsen',
-	alternateName: 'online-energieausweis.org',
-	url: 'https://online-energieausweis.org',
-	logo: 'https://online-energieausweis.org/ib-cornelsen.png',
-	address: {
-		'@type': 'PostalAddress',
-		streetAddress: 'Katendeich 5A',
-		addressLocality: 'Hamburg',
-		postalCode: '21035',
-		addressCountry: 'Deutschland',
-		email: 'info@online-energieausweis.org',
-	},
-	contactPoint: {
-		'@type': 'ContactPoint',
-		telephone: '+49-040-209339850',
-		faxNumber: '+49-040-209339859',
-		contactType: 'customer service',
-		areaServed: 'DE',
-		availableLanguage: 'German',
-	},
-});
+
 ---
 
 <!DOCTYPE html>
-<html lang="en">
+<html lang="de">
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width" />
-		<script type="application/ld+json" set:html={schema}></script>
 		<link rel="icon" type="image/svg+xml" href="/favicon.jpg" />
 
 		<meta
@@ -83,14 +60,30 @@ const schema = JSON.stringify({
 	</head>
 
 	<body>
+		<container class="w-full max-w-[1920px]">
+		
 		<Header />
-		<main class="grid gap-6 p-6 grid-cols-[2fr,8fr] max-w-[1920px] w-full bg-base-100">
-			<SidebarLeft></SidebarLeft>
-			<article class="bg-base-200 rounded-lg border border-base-300 h-min">
-				<slot />
-			</article>
+
+		<main
+			class="w-full p-0 grid
+			sm:grid-cols-[minmax(1fr,1fr)] sm:gap-1 sm:p-1
+			md:grid-cols-[minmax(1fr,1fr)] md:gap-2 md:p-2
+			lg:grid-cols-[minmax(250px,250px)1fr] lg:gap-3 lg:p-3
+			xl:grid-cols-[minmax(350px,350px)1fr] xl:gap-4 xl:p-4
+			2xl:grid-cols-[minmax(350px,350px)1fr] 2xl:gap-5 2xl:p-5
+		">
+
+		<SidebarLeft />
+		
+		<article class="box grow">
+		<slot />
+		</article>
+
 		</main>
+	
 		<Footer />
+		<NotificationWrapper client:load />
+	</container>
 	</body>
 </html>
 
@@ -186,15 +179,6 @@ article {
 		); */
 	}
 
-	.box {
-		@apply border-2 border-[#ffcc03] p-4 rounded-lg bg-base-200;
-		/* background: linear-gradient(
-			135deg,
-			rgba(252, 234, 187, 1) 0%,
-			rgba(253, 235, 189, 1) 52%,
-			rgba(251, 223, 147, 1) 100%
-		); */
-	}
 
 	.headline {
 		@apply text-lg;

src/layouts/Layout.astro

@@ -34,17 +34,15 @@ const { title } = Astro.props;
 	<body>
 		<container class="w-full max-w-[1920px]">
 		
-		
-		
 		<Header />
-		<main
-			class="w-full p-0
-			
-			
-			lg:grid grid-cols-[max-content,6fr] lg:gap-3 lg:p-3
-			xl:grid-cols-[2fr,6fr,2fr]  xl:py-4 xl:px-3
-			2xl:grid-cols-[2fr,6fr,2fr] 2xl:gap-5 2xl:py-4 2xl:px-9
 
+		<main
+			class="w-full p-0 grid
+			sm:grid-cols-[minmax(1fr,1fr)] sm:gap-1 sm:p-1
+			md:grid-cols-[minmax(1fr,1fr)] md:gap-2 md:p-2
+			lg:grid-cols-[minmax(250px,250px)1fr] lg:gap-3 lg:p-3
+			xl:grid-cols-[minmax(350px,350px)1fr] xl:gap-4 xl:p-4
+			2xl:grid-cols-[minmax(350px,350px)1fr_minmax(350px,350px)] 2xl:gap-5 2xl:p-5
 		">
 
 		<SidebarLeft />

src/layouts/MinimalLayout.astro

@@ -1,7 +1,7 @@
 ---
 import i18next from "i18next";
 
-import "../style/global.scss";
+import "#style/global.css";
 import "../../svelte-dialogs.config"
 import "svelte-ripple-action/ripple.css"
 import ThemeController from "#components/ThemeController.svelte";
@@ -38,7 +38,7 @@ const schema = JSON.stringify({
 	},
 });
 
-const lightTheme = Astro.cookies.get("theme").value === "light";
+const lightTheme = Astro.cookies.get("theme")?.value === "light";
 ---
 
 <!DOCTYPE html>

src/layouts/ORG_Layout.astro

@@ -2,7 +2,7 @@
 import i18next from "i18next";
 
 import "../style/UMBE_global.css";
-import "../style/global.scss";
+import "#style/global.css";
 import "../../svelte-dialogs.config"
 import Footer from "../components/Footer.astro";
 import Header from "../components/Header.astro";

src/layouts/UserLayout.astro

@@ -1,7 +1,7 @@
 ---
 import i18next from "i18next";
 
-import "../style/global.scss";
+import "#style/global.css";
 import "../../svelte-dialogs.config"
 import "svelte-ripple-action/ripple.css"
 import DashboardSidebar from "../components/Dashboard/DashboardSidebar.svelte"
@@ -50,7 +50,7 @@ const schema = JSON.stringify({
 	},
 });
 
-let lightTheme = Astro.cookies.get("theme").value === "light";
+let lightTheme = Astro.cookies.get("theme")?.value === "light";
 ---
 
 <!DOCTYPE html>

src/lib/Berechnungen/VerbrauchsausweisWohnen/VerbrauchsausweisWohnen_2016.ts

@@ -1,6 +1,6 @@
-import { VerbrauchsausweisWohnenClient } from "#components/Ausweis/types";
-import { getKlimafaktoren } from "#lib/Klimafaktoren";
-import { getHeizwertfaktor } from "#lib/server/Heizwertfaktor";
+import { VerbrauchsausweisWohnenClient } from "#components/Ausweis/types.js";
+import { getKlimafaktoren } from "#lib/Klimafaktoren.js";
+import { getHeizwertfaktor } from "#lib/server/Heizwertfaktor.js";
 import { Enums } from "@ibcornelsen/database/client";
 import moment from "moment";
 

src/lib/Berechnungen/endEnergieVerbrauch.ts

@@ -1,6 +1,12 @@
 import type { GebaeudeStammdaten, VerbrauchsausweisWohnen } from "@ibcornelsen/database/client";
-import { endEnergieVerbrauchVerbrauchsausweis_2016 } from "./VerbrauchsausweisWohnen/VerbrauchsausweisWohnen_2016";
+import { endEnergieVerbrauchVerbrauchsausweis_2016 } from "./VerbrauchsausweisWohnen/VerbrauchsausweisWohnen_2016.js";
 
 export async function endEnergieVerbrauch(ausweis: VerbrauchsausweisWohnen & { gebaeude_stammdaten: GebaeudeStammdaten }): Promise<number> {
-	return (await endEnergieVerbrauchVerbrauchsausweis_2016(ausweis)).endEnergieVerbrauchGesamt;
+	const result = await endEnergieVerbrauchVerbrauchsausweis_2016(ausweis);
+
+	if (!result) {
+		return 0;
+	}
+
+	return result.endEnergieVerbrauchGesamt;
 }

src/lib/Klimafaktoren.ts

@@ -1,6 +1,6 @@
 import moment from "moment";
-import { memoize } from "./Memoization";
-import { client } from "src/trpc";
+import { memoize } from "./Memoization.js";
+import { client } from "src/trpc.js";
 
 export const getKlimafaktoren = memoize(async (date: Date, plz: string) => {
 	if (!plz || !date) {

src/lib/server/Heizwertfaktor.ts

@@ -1,4 +1,4 @@
-import fuelList from "#components/Ausweis/brennstoffListe";
+import fuelList from "#components/Ausweis/brennstoffListe.js";
 
 export const getHeizwertfaktor = function(energietraeger: string, einheit: string): {
 	coe: number,

src/modules/Ausweise/VerbrauchsausweisWohnenModule.svelte

@@ -619,11 +619,7 @@
 					message: "Plausibilitätsprüfung",
 					timeout: 0,
 					uid: "PLZ_NICHT_ERKANNT",
-					dismissable: true,
-					onUserDismiss: () => {
-						hidden.add(AuditType.PLZ_NICHT_ERKANNT);
-						gebaeude = gebaeude;
-					},
+					dismissable: false,
 					type: "warning",
 				}}
 			>
@@ -639,7 +635,7 @@
 			notification={{
 				message: "Plausibilitätsprüfung",
 				timeout: 0,
-				uid: "HEIZUNG_VOR_GEBAEUDE",
+				uid: "HEIZUNG_GEBAEUDE_BAUJAHR",
 				dismissable: true,
 				onUserDismiss: () => {
 					hidden.add(AuditType.HEIZUNG_GEBAEUDE_BAUJAHR);
@@ -782,7 +778,7 @@
 		</RawNotification>
 	{/if}
 	
-	{#if auditVerbrauchAbweichung(ausweis, gebaeude).length > 0}
+	{#if auditVerbrauchAbweichung(ausweis, gebaeude_aufnahme_allgemein).length > 0}
 		<RawNotification
 			notification={{
 				message: "Plausibilitätsprüfung",
@@ -798,8 +794,8 @@
 		>
 			Die Abweichung der Verbräuche zwischen Zeitraum {auditVerbrauchAbweichung(
 				ausweis,
-				gebaeude,
-			)[0]} und {auditVerbrauchAbweichung(ausweis, gebaeude)[1]} beträgt mehr
+				gebaeude_aufnahme_allgemein,
+			)[0]} und {auditVerbrauchAbweichung(ausweis, gebaeude_aufnahme_allgemein)[1]} beträgt mehr
 			als 30% und sie haben keinen Leerstand angegeben. Sind sie sich sicher,
 			dass das stimmt?
 		</RawNotification>

src/pages/agb.mdx

@@ -1,6 +1,6 @@
 ---
-layout; ../layouts/Layout.astro
-title: AGB - online-energieausweis.org
+layout: ../layouts/Layout.astro
+title: "Allgemeine Geschäftsbedingungen"
 ---
 
 # Allgemeine Geschäftsbedingungen

src/pages/email.astro

@@ -2,7 +2,7 @@
 import ThemeController from "../components/ThemeController.svelte";
 import moment from "moment"
 
-const lightTheme = Astro.cookies.get("theme").value === "light";
+const lightTheme = Astro.cookies.get("theme")?.value === "light";
 ---
 
 <!DOCTYPE html>

src/pages/index.astro

@@ -6,11 +6,7 @@ import BannerPrice from "#content/banner-saeule.svelte";
 
 <Layout title="Energieausweis online erstellen - Online Energieausweis">
 	<h1>Energieausweis online erstellen</h1>
-	
 	<BannerPrice client:load />
-	
-
-
 </Layout>
 
 

src/pages/kontakt.astro

@@ -0,0 +1,14 @@
+---
+import Layout from "#layouts/Layout.astro";
+
+
+---
+
+<Layout title="Ingeneurbüro Cornelsen Kontakt - Online Energieausweis">
+	<h1>Kontakt - Online Energieausweis</h1>
+	
+
+	
+
+
+</Layout>

src/style/global.css

@@ -72,7 +72,9 @@ article {
 /*BOXES*/
 .box{
 	@apply 	rounded-none
-			xl:rounded-xl lg:shadow-box lg:ring-1 lg:ring-gray-300 
+			lg:rounded-lg lg:shadow-box lg:ring-1 lg:ring-gray-300
+			xl:rounded-xl 
+			 
 }
 
 .card{
@@ -91,8 +93,14 @@ article {
 
 .nav-element:not(:first-child){@apply border-gray-200 border-t-[1px]}
 
+.no-dropdown, .no-dropdown:hover{@apply text-black no-underline}
+
 .nav-element:hover > .nav-element-child{ 
-    	@apply 		!bg-primary !text-white cursor-pointer
+    	@apply 		!bg-primary !text-white cursor-pointer 
+}
+
+.nav-element:hover > .nav-element-child .no-dropdown{ 
+	@apply 		!bg-primary !text-white cursor-pointer 
 }
 
 .nav-element:hover > .dropdown-content{ 

tailwind.config.cjs

@@ -2,7 +2,9 @@
 module.exports = {
 	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}", "./node_modules/@ibcornelsen/ui/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
 	darkMode: "class",
-	plugins: [require("daisyui"), require("@tailwindcss/typography")],
+	plugins: 
+	[require("daisyui"), 
+	require("@tailwindcss/typography")],
 	important: true,
 	theme: {
 		extend: {
@@ -17,6 +19,21 @@ module.exports = {
 			},
 			boxShadow: {
 				'box': '3px 3px 6px rgba(0, 0, 0, 0.1)',				
+			  },
+			
+			gridTemplateColumns: {
+				// Simple 16 column grid
+				//'standard-sm': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
+				//'standard-md': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
+				//'standard-lg': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
+				//'standard-xl': 'minmax(350px, 2fr) 6fr minmax(350px, 2fr)',
+				//'standard-2xl': 'minmax(300px, 300px) 6fr minmax(300px, 300px)',
+				//'formular-sm': 'minmax(350px, max-content) 8fr',
+				//'formular-md': 'minmax(350px, max-content) 8fr',
+				//'formular-lg': 'minmax(350px, max-content) 8fr',
+				//'formular-xl': 'minmax(350px, max-content) 8fr',
+				//'formular-2xl': 'minmax(350px, max-content) 8fr',
+		
 			  }
 		},
 	},

tsconfig.json

@@ -27,13 +27,16 @@
 			"#modules/*": ["./src/modules/*"],
 			"#client/*": ["./src/client/*"],
 			"#server/*": ["./src/server/*"],
-			
+			"#style/*": ["./src/style/*"],
+	
 			"#footer/*": ["./src/components/design/footer/*"],
 			"#header/*": ["./src/components/design/header/*"],
 			"#content/*": ["./src/components/design/content/*"],
 			"#sidebarCards/*": ["./src/components/design/sidebars/cards/*"],
 			"#sidebarLeft/*": ["./src/components/design/sidebars/left/*"],
 			"#sidebarRight/*": ["./src/components/design/sidebars/right/*"],
+
+			"#ausweise/*": ["./src/pages/energieausweis-erstellen/*"],
 		},
 		"types": ["cypress", "cypress-file-upload", "bun-types", "svelte"]
 	}