Merge remote-tracking branch 'origin/Jens' into Jens

src/components/widgets/WelcherAusweisWidget.svelte

@@ -23,6 +23,10 @@
 
 	let showVerbrauchsausweis: boolean = false
 
+	function postHeight() {
+		window.parent.postMessage(document.querySelector("html")?.offsetHeight, "*")
+	}
+
 	$: {
 		if (baujahr === "vor 1978") {
 			showVerbrauchsausweis =
@@ -36,18 +40,8 @@
 				allowedTypes.includes(gebaeudetyp) && (leerStand === "bis 30") && (heizungsAlter === ">= 3");
 		}
 
-	//	if ((gebaeudetyp || anlass || einheiten || sanierungsstatus || baujahr || heizungsAlter || leerStand) && window.parent) {
-	//		window.parent.postMessage("", "*")
-	//	}
 	}
 
-    function sendHeight() {
-        const height = document.documentElement.scrollHeight;
-        window.parent.postMessage(height, "https://online-energieausweis.org");
-    }
-
-    window.addEventListener("load", sendHeight);
-    window.addEventListener("resize", sendHeight);
 </script>
 
 
@@ -63,6 +57,7 @@
 				<select
 					class="OEA_auswahl1"
 					bind:value={anlass}
+					on:change={postHeight}
 				>
 					<option selected disabled>bitte auswählen</option>
 					<option value="Vermietung/Verkauf"
@@ -81,6 +76,7 @@
 				<select
 					class="OEA_auswahl1"
 					bind:value={gebaeudetyp}
+					on:change={postHeight}
 				>
 					<option selected disabled>bitte auswählen</option>
 					<option value="Einfamilienhaus">Einfamilienhaus</option>
@@ -97,6 +93,7 @@
 				<select
 					class="OEA_auswahl2"
 					bind:value={sanierungsstatus}
+					on:change={postHeight}
 				>
 					<option selected disabled>bitte auswählen</option>
 					<option value="saniert">saniert</option>
@@ -114,6 +111,7 @@
 				<select
 					class="OEA_auswahl2"
 					bind:value={baujahr}
+					on:change={postHeight}
 				>
 					<option selected disabled>bitte auswählen</option>
 					<option value="vor 1978">vor 1978</option>
@@ -126,6 +124,7 @@
 					<select
 						class="OEA_auswahl2"
 						bind:value={heizungsAlter}
+						on:change={postHeight}
 					>
 						<option value=">= 3" selected disabled>bitte auswählen</option>
 						<option value="< 3">jünger als 3 Jahre</option>
@@ -138,6 +137,7 @@
 				<select
 					class="OEA_auswahl2"
 					bind:value={einheiten}
+					on:change={postHeight}
 				>
 					<option selected disabled>bitte auswählen</option>
 					<option value="bis 4 Wohneinheiten"
@@ -154,6 +154,7 @@
 				<select
 					class="OEA_auswahl2"
 					bind:value={leerStand}
+					on:change={postHeight}
 				>
 					<option value="bis 30" selected disabled>bitte auswählen</option>
 					<option value="bis 30"
@@ -171,7 +172,6 @@
 			{#if showVerbrauchsausweis}
 				<div
 					class="OEA_item6 result"
-					transition:fade={{ duration: 1000 }}
 				>
 				<WidgetCardTemplate
 					name="Verbrauchsausweis Wohngebäude"
@@ -194,7 +194,6 @@
 			{#if allowedReason.includes(anlass) && allowedTypes.includes(gebaeudetyp)}
 				<div
 					class="OEA_item6 result"
-					transition:fade={{ duration: 1000 }}
 				>
 				<WidgetCardTemplate
 					name="Bedarfsausweis Wohngebäude"
@@ -217,7 +216,6 @@
 			{#if allowedReason.includes(anlass) && allowedTypesGewerbe.includes(gebaeudetyp)}
 				<div
 					class="OEA_item6 result"
-					transition:fade={{ duration: 1000 }}
 				>
 				<WidgetCardTemplate
 					name="Verbrauchsausweis Gewerbe"
@@ -241,7 +239,6 @@
 			{#if allowedReason.includes(anlass) == false && allowedTypesGewerbe.includes(gebaeudetyp)}
 				<div
 					class="OEA_item6 result"
-					transition:fade={{ duration: 1000 }}
 				>
 				<WidgetCardTemplate
 					name="GEG-Nachweis Gewerbe"
@@ -265,7 +262,6 @@
 			{#if allowedReason.includes(anlass) && allowedTypesGewerbe.includes(gebaeudetyp)}
 				<div
 					class="OEA_item6 result"
-					transition:fade={{ duration: 1000 }}
 				>
 				<WidgetCardTemplate
 					name="Bedarfsausweis Gewerbe"

src/pages/index.astro

@@ -18,8 +18,19 @@ import TextboxCardTemplate from "#components/design/content/TextboxCardTemplate.
 		 <h2>Machen Sie hier den <span>online Check</span> welcher Energieausweis der Richtige für Sie ist:</h2>
 	 
 		 
-	<WelcherAusweisWidget client:load/>
+		<iframe src="/widgets/immowelt" id="ibc-iframe" style="width: 100%; border: none;"></iframe>
 
+		<script defer async>
+				const iframe = document.getElementById("ibc-iframe");
+
+				window.addEventListener("message", event => {
+						if (event.source !== iframe.contentWindow) {
+								return;
+						}
+
+						iframe.style.height = event.data + "px"
+				});
+		</script>
 
 	
 	<h2>Erfüllen Sie die gesetzlichen Vorgaben des <span>GEG 2024</span>. Mit uns profitieren Sie von:</h2>