responsiv

src/modules/BedarfsausweisWohnen/BedarfsausweisWohnenModule.svelte

@@ -158,23 +158,27 @@
 </script>
 
 
-<div id="skala" class="bg-white grid grid-cols-1 gap-x-8 gap-y-4 p-4">
+<div id="skala" class="bg-white grid grid-cols-1 p-4
 
-	<div class="w-full rounded-lg border-gray/35 border-2 relative px-4">
-		<PerformanceScore
-			bind:ausweis
-			bind:aufnahme={aufnahme}
-			bind:objekt={objekt}
-			{ausweisart}
-		/>
-	</div>
+lg:grid-cols-2 lg:gap-x-6
+">
+
+<div id="performance-box" class="w-full box relative px-4 order-1 self-stretch grid grid-cols-1">
+	<PerformanceScore
+		bind:ausweis
+		bind:aufnahme={aufnahme}
+		bind:objekt={objekt}
+		{ausweisart}
+	/>
 </div>
 
-<div id="progress-box" class="w-full box relative px-4 py-3 text-center order-1 2xl:order-2 self-stretch">
+<div id="progress-box" class="w-full box relative px-4 py-3 text-center order-2 self-stretch">
 		
 	<h1 class="text-secondary text-3xl m-0">Energiesausweis erstellen</h1>
-	<h2 class="text-primary text-xl">{ausweisart} {PRICES.BedarfsausweisWohnen[0]} €</h2>
-	<ProgressBar progress={0} />
+	<h2 class="text-primary text-xl">{ausweisart} {PRICES.VerbrauchsausweisWohnen[0]} €</h2>
+	<ProgressBar step1={'step'}/>
+</div>
+
 </div>
 
 <form id="formInput-1" on:submit={ausweisAbschicken} name="ausweis" data-test="ausweis">
@@ -1003,7 +1007,8 @@
 				/></Bereich
 			>
 
-	
+		</div>
+		
 			<ButtonWeiterHilfe {spaeterWeitermachen}
 			bind:ausweis
 			bind:images
@@ -1012,15 +1017,8 @@
 			bind:aufnahme
 			ausweisart={Enums.Ausweisart.BedarfsausweisWohnen}
 			/>
-		<BilderZusatzsysteme
-				{ausweis}
-				{objekt}
-				{aufnahme}
-				{images}
-			/>
-			<hr />
-			<div class="flex flex-row justify-between">
-				<button class="button">Weiter</button>
-			</div>
-	</div>
+		
+
+
+	
 </form>