widget & VA

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>

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

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"

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

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";
 		}
 

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>
 
 
 

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 online erstellen"
 					services={[
 						["3 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 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 online erstellen"					
 					services={[
 						
 						["3 Jahresverbräuche von Heizung Gebäudestrom nötig.", true],
@@ -287,6 +290,7 @@ threeBOX 	=  ((ausnahme === true) && (gebaeudetyp === "Mischgebäude") && (twoBo
 					alt="Gewerbe Bedarfsausweis"
 					variant="fundiert"
 					empfehlung="ja"
+					cta="jetzt 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],

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>
  

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;
 }