From f4ba7c8111e84f797192d22c41f84dff1663ef16 Mon Sep 17 00:00:00 2001
From: Robert Jagtiani <all@robert-jagtiani.de>
Date: Tue, 11 Feb 2025 23:40:53 +0100
Subject: [PATCH] widget & VA

---
 .../SanierungszustandHeizungsanlage.svelte    | 99 -------------------
 src/components/Ausweis/Verbrauch.svelte       |  4 +-
 .../Ausweis/Warmwasseranteil.svelte           |  4 +-
 .../design/content/WidgetCardTemplate.svelte  |  3 +-
 src/components/labels/BereichLabel.svelte     |  2 +-
 src/components/labels/InputLabel.svelte       |  2 +-
 .../widgets/WelcherAusweisWidget_1.svelte     |  8 +-
 src/layouts/AusweisLayoutDaten_immowelt.astro |  2 +-
 src/style/global.css                          |  4 +-
 9 files changed, 18 insertions(+), 110 deletions(-)

diff --git a/src/components/Ausweis/SanierungszustandHeizungsanlage.svelte b/src/components/Ausweis/SanierungszustandHeizungsanlage.svelte
index 3c5616d6..0990e1a3 100644
--- a/src/components/Ausweis/SanierungszustandHeizungsanlage.svelte
+++ b/src/components/Ausweis/SanierungszustandHeizungsanlage.svelte
@@ -121,104 +121,5 @@
 
 <HeizungImage bind:images bind:ausweis bind:gebaeude />
 
-<!--
-    
-    <div class="GRB3">
-        <div class="form-group col-md-12">
-            <HelpLabel title="Wärmedämmung (bitte zutreffendes ankreuzen) *">
-                Wir benötigen diese Angaben um den allgemeinen Modernisierungsstand
-                einschätzen zu können. Bitte setzen Sie den Haken wenn zutreffend.
-                Das seit Mai 2021 gültige GEG erfordert eine genauere Prüfung anhand
-                von Fotos. Bitte laden Sie ein oder mehrere Fotos der Außenwand und
-                des Dachbereiches hoch.
-            </HelpLabel>
-            <hr />
-        </div>
-    
-        <div class="grid grid-cols-4">
-            <div class="form-group col-md-3 mw1">
-                <label class="checkbox-inline"
-                    ><input
-                        type="checkbox"
-                        class="checkbox"
-                        name="aussenwand_gedaemmt"
-                        bind:checked={aufnahme.aussenwand_gedaemmt}
-                        value="AWD"
-                    />Außenwand gedämmt</label
-                >
-            </div>
-            <div class="form-group col-md-3 mw1">
-                <label class="checkbox-inline"
-                    ><input
-                        type="checkbox"
-                        class="checkbox"
-                        name="keller_wand_gedaemmt"
-                        bind:checked={aufnahme.keller_wand_gedaemmt}
-                        value="KWD"
-                    />Kelleraußenwand gedämmt</label
-                >
-            </div>
-            <div class="form-group col-md-3 mw1">
-                <label class="checkbox-inline"
-                    ><input
-                        type="checkbox"
-                        class="checkbox"
-                        name="keller_decke_gedaemmt"
-                        bind:checked={aufnahme.keller_decke_gedaemmt}
-                        value="KDD"
-                    />Kellerdecke gedämmt</label
-                >
-            </div>
-            <div class="form-group col-md-3 mw1">
-                <label class="checkbox-inline"
-                    ><input
-                        type="checkbox"
-                        class="checkbox"
-                        name="dachgeschoss_gedaemmt"
-                        bind:checked={aufnahme.dachgeschoss_gedaemmt}
-                        value="DGD"
-                    />Dachgeschoss gedämmt</label
-                >
-            </div>
-            <div class="form-group col-md-3 mw1">
-                <label class="checkbox-inline"
-                    ><input
-                        type="checkbox"
-                        class="checkbox"
-                        name="oberste_geschossdecke_gedaemmt"
-                        bind:checked={aufnahme.oberste_geschossdecke_gedaemmt}
-                        value="OGDDW"
-                    />Oberste Geschossdecke gedämmt</label
-                >
-            </div>
-            <div class="form-group col-md-6 mw1">
-                <label class="checkbox-inline"
-                    ><input
-                        type="checkbox"
-                        class="checkbox"
-                        name="oberste_geschossdecke_min_12cm_gedaemmt"
-                        bind:checked={aufnahme.oberste_geschossdecke_min_12cm_gedaemmt}
-                        value="OGDD"
-                    />Oberste Geschossdecke min. 12cm gedämmt</label
-                >
-            </div>
-        </div>
-    </div>
-    
-    <hr />
-    
-    <DaemmungImage bind:images bind:ausweis bind:gebaeude />
-    
-    <hr />
-    
-    <Label
-        >H - Hier können Sie ein Gebäudebild hochladen und sich Ihren Energieausweis
-        als PDF anschauen</Label
-    >
-    
-    <AusweisPreviewContainer bind:images bind:ausweis bind:gebaeude />
-    
-    -->
-
 <style lang="postcss">
 </style>
diff --git a/src/components/Ausweis/Verbrauch.svelte b/src/components/Ausweis/Verbrauch.svelte
index e421bd92..c99170e1 100644
--- a/src/components/Ausweis/Verbrauch.svelte
+++ b/src/components/Ausweis/Verbrauch.svelte
@@ -116,7 +116,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 
 			<div class="input-checkboxen">
 				<div
-					class="grid grid-cols-[40px_max-content] items-center justify-items-start"
+					class="grid grid-cols-[25px_max-content] items-center justify-items-start"
 				>
 					<input
 						id="primaere_heizquelle"
@@ -142,7 +142,7 @@ xl:grid-cols-3 xl:gap-x-8 xl:gap-y-8
 			<Inputlabel title="Heizquellen"></Inputlabel>
 			<div class="input-checkboxen">
 			<div
-				class="grid grid-cols-[40px_max-content] items-center justify-items-start"
+				class="grid grid-cols-[25px_max-content] items-center justify-items-start"
 			>
 				{#if !ausweis.zusaetzliche_heizquelle}
 					<input
diff --git a/src/components/Ausweis/Warmwasseranteil.svelte b/src/components/Ausweis/Warmwasseranteil.svelte
index 270027a2..94f8e3ef 100644
--- a/src/components/Ausweis/Warmwasseranteil.svelte
+++ b/src/components/Ausweis/Warmwasseranteil.svelte
@@ -26,7 +26,7 @@ $: {
 
     <div class="input-row items-center gap-2">
 
-<div class="grid grid-cols-[max-content_40px] gap-x-2 items-center justify-items-start">
+<div class="grid grid-cols-[25px_max-content] items-center justify-items-start">
 	<input
     id="warmwasser_enthalten"
 	type="checkbox"
@@ -38,7 +38,7 @@ $: {
     <label for="warmwasser_enthalten" class="cursor-pointer">Ja</label>
 </div>
 
-<div class="grid grid-cols-[40px_max-content] items-center justify-items-start">
+<div class="grid grid-cols-[25px_max-content] items-center justify-items-start">
 	<input
     id="warmwasser_anteil_bekannt"
 	type="checkbox"
diff --git a/src/components/design/content/WidgetCardTemplate.svelte b/src/components/design/content/WidgetCardTemplate.svelte
index b277ed68..2ac3ad3b 100644
--- a/src/components/design/content/WidgetCardTemplate.svelte
+++ b/src/components/design/content/WidgetCardTemplate.svelte
@@ -8,6 +8,7 @@
 	export let src: string;
 	export let alt: string;
 	export let empfehlung: string;
+	export let cta: string;
 </script>
 
 
@@ -35,7 +36,7 @@
 			<div class="sumCent buttoncols">	
 				<a
 					href="{href_buy}"
-					class="buttoncol">jetzt&nbsp;online erstellen</a
+					class="buttoncol">{cta}</a
 				>
 	
 				<a
diff --git a/src/components/labels/BereichLabel.svelte b/src/components/labels/BereichLabel.svelte
index 8c61093b..3c811b28 100644
--- a/src/components/labels/BereichLabel.svelte
+++ b/src/components/labels/BereichLabel.svelte
@@ -12,7 +12,7 @@
 			collapse.style.overflow = "hidden";
 		} else {
 			//y.classList.add('hidden');
-			collapse.style.maxHeight = "1500px";
+			collapse.style.maxHeight = "1800px";
 			collapse.style.overflow = "visible";
 		}
 
diff --git a/src/components/labels/InputLabel.svelte b/src/components/labels/InputLabel.svelte
index 2ae38d24..2cc68382 100644
--- a/src/components/labels/InputLabel.svelte
+++ b/src/components/labels/InputLabel.svelte
@@ -4,7 +4,7 @@
 </script>
 
 
-<div class="absolute border-x-[1px] border-t-[1px] border-black/25 px-3 top-[-1.275rem] left-[0rem] text-[0.8rem] rounded-t-sm font-sans">{title}</div>
+<div class="absolute border-x-[1px] border-t-[1px] border-black/25 px-2 top-[-1.275rem] left-[0rem] text-[0.8rem] rounded-t-sm font-sans">{title}</div>
 
 
 
diff --git a/src/components/widgets/WelcherAusweisWidget_1.svelte b/src/components/widgets/WelcherAusweisWidget_1.svelte
index 2d44f11a..2abc595e 100644
--- a/src/components/widgets/WelcherAusweisWidget_1.svelte
+++ b/src/components/widgets/WelcherAusweisWidget_1.svelte
@@ -210,6 +210,7 @@ threeBOX 	=  ((ausnahme === true) && (gebaeudetyp === "Mischgebäude") && (twoBo
 					alt="Wohnhaus Verbrauchsausweis"
 					variant="einfach"
 					empfehlung="nein"
+					cta="jetzt&nbsp;online erstellen"
 					services={[
 						["3&nbsp;Jahresverbräuche der Heizung benötigt.", true],
 						["Zulässig bei Vermietung oder Verkauf.", true],
@@ -235,6 +236,7 @@ threeBOX 	=  ((ausnahme === true) && (gebaeudetyp === "Mischgebäude") && (twoBo
 					alt="Wohnhaus Bedarfsausweis"
 					variant="fundiert"
 					empfehlung="ja"
+					cta="jetzt&nbsp;online erstellen"
 					services={[
 						["Erfassung der Gebäudegeometrie.", true],
 						["Für Vermietung, Verkauf und Finanzierung.", true],
@@ -259,7 +261,8 @@ threeBOX 	=  ((ausnahme === true) && (gebaeudetyp === "Mischgebäude") && (twoBo
 					src="/images/immowelt/gewerbegebaeude_immowelt.svg"
 					alt="Gewerbe Verbrauchsausweis"
 					variant="einfach"
-					empfehlung="nein"					
+					empfehlung="nein"
+					cta="jetzt&nbsp;online erstellen"					
 					services={[
 						
 						["3&nbsp;Jahresverbräuche von Heizung Gebäudestrom&nbsp;nötig.", true],
@@ -287,6 +290,7 @@ threeBOX 	=  ((ausnahme === true) && (gebaeudetyp === "Mischgebäude") && (twoBo
 					alt="Gewerbe Bedarfsausweis"
 					variant="fundiert"
 					empfehlung="ja"
+					cta="jetzt&nbsp;online erstellen"
 					services={[
 						
 						["Mehrzonenmodell nach DIN 18599.", true],
@@ -313,6 +317,7 @@ threeBOX 	=  ((ausnahme === true) && (gebaeudetyp === "Mischgebäude") && (twoBo
 				alt="Gewerbe Bedarfsausweis"
 				variant="Bauvorlage"
 				empfehlung="ja"
+				cta="Angebot anfragen"
 				services={[
 					
 					["Nachweis fürs Bauamt bei Neubau oder Modernisierung.", true],
@@ -341,6 +346,7 @@ threeBOX 	=  ((ausnahme === true) && (gebaeudetyp === "Mischgebäude") && (twoBo
 				alt="Gewerbe Bedarfsausweis"
 				variant="Bauvorlage"
 				empfehlung="ja"
+				cta="Angebot anfragen"
 				services={[
 					
 					["Nachweis fürs Bauamt bei Neubau oder Modernisierung.", true],
diff --git a/src/layouts/AusweisLayoutDaten_immowelt.astro b/src/layouts/AusweisLayoutDaten_immowelt.astro
index c1c6e2a7..1b6af28e 100644
--- a/src/layouts/AusweisLayoutDaten_immowelt.astro
+++ b/src/layouts/AusweisLayoutDaten_immowelt.astro
@@ -85,7 +85,7 @@ window.addEventListener("scroll", (event) => {
 
 		<!--<SidebarLeft />-->
 
-		<article class="box rounded-tl-none p-2 lg:p-12">
+		<article class="p-2 lg:p-2">
 		<slot />
 		</article>
  
diff --git a/src/style/global.css b/src/style/global.css
index c101f536..5f5f3a8b 100644
--- a/src/style/global.css
+++ b/src/style/global.css
@@ -62,13 +62,13 @@ input[type="number"],
 input[type="password"], 
 input[type="file"],
 select{
-@apply min-h-[38px] ring-1 ring-black/15 rounded-sm}
+@apply p-1 min-h-[38px] ring-1 ring-black/15 rounded-sm}
 
 input[type="file"]{@apply pt-[4px]}
 
 input[type="checkbox"],input[type="radio"]{@apply inline-block accent-secondary h-[13px]}
 
-input:disabled, input:read-only, select:disabled {
+input:disabled, input:read-only {
 	@apply bg-gray-200 border-gray-500/15;
 }