Change text alignment from justify to left for better readability

chpollin · claude · chpollin · commit 96d0c108d4f9 · 2025-12-08T09:02:52.000+01:00
Replace text-align: justify with text-align: left across all step components. Left-aligned text is more readable and provides a cleaner, more consistent reading experience. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
diff --git a/src/lib/components/steps/intro/IntroDefinition.svelte b/src/lib/components/steps/intro/IntroDefinition.svelte
@@ -94,15 +94,15 @@
     font-size: clamp(1rem, 1.8vw, 1.1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin-bottom: var(--space-md);
   }
 
   .etymology {
     font-size: clamp(0.9rem, 1.5vw, 0.95rem);
     color: var(--color-slate);
     line-height: 1.6;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
@@ -136,7 +136,7 @@
     font-size: clamp(0.9rem, 1.5vw, 0.95rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
@@ -161,7 +161,7 @@
     font-size: clamp(0.85rem, 1.4vw, 0.9rem);
     color: var(--color-slate);
     line-height: 1.6;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 </style>
diff --git a/src/lib/components/steps/intro/IntroKernprinzip.svelte b/src/lib/components/steps/intro/IntroKernprinzip.svelte
@@ -121,7 +121,7 @@
     font-size: clamp(0.9rem, 1.5vw, 0.95rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
@@ -170,7 +170,7 @@
     color: var(--color-slate);
     line-height: 1.6;
     margin: 0;
-    text-align: justify;
+    text-align: left;
   }
 
   .concept-card strong {
@@ -189,7 +189,7 @@
     color: var(--color-black);
     line-height: 1.6;
     margin: 0;
-    text-align: justify;
+    text-align: left;
   }
 
   .implication-block strong {
diff --git a/src/lib/components/steps/intro/IntroMethodik.svelte b/src/lib/components/steps/intro/IntroMethodik.svelte
@@ -121,7 +121,7 @@
     font-size: clamp(0.9rem, 1.5vw, 0.95rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
@@ -204,7 +204,7 @@
     color: var(--color-black);
     line-height: 1.7;
     margin: 0;
-    text-align: justify;
+    text-align: left;
   }
 
   .example-block strong {
@@ -230,7 +230,7 @@
     color: var(--color-slate);
     line-height: 1.6;
     margin: 0;
-    text-align: justify;
+    text-align: left;
   }
 
   .deep-dive-triggers {
diff --git a/src/lib/components/steps/intro/IntroPhasen.svelte b/src/lib/components/steps/intro/IntroPhasen.svelte
@@ -84,7 +84,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
@@ -192,7 +192,7 @@
     color: var(--color-black);
     line-height: 1.6;
     margin: 0;
-    text-align: justify;
+    text-align: left;
   }
 
   .process-flow strong {
diff --git a/src/lib/components/steps/outro/OutroBeispiele.svelte b/src/lib/components/steps/outro/OutroBeispiele.svelte
@@ -116,7 +116,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
diff --git a/src/lib/components/steps/outro/OutroDiskussion.svelte b/src/lib/components/steps/outro/OutroDiskussion.svelte
@@ -166,7 +166,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
diff --git a/src/lib/components/steps/outro/OutroZusammenfassung.svelte b/src/lib/components/steps/outro/OutroZusammenfassung.svelte
@@ -99,7 +99,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
diff --git a/src/lib/components/steps/phase1/Phase1Rohdaten.svelte b/src/lib/components/steps/phase1/Phase1Rohdaten.svelte
@@ -94,7 +94,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
diff --git a/src/lib/components/steps/phase1/Phase1Sammlung.svelte b/src/lib/components/steps/phase1/Phase1Sammlung.svelte
@@ -84,7 +84,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
diff --git a/src/lib/components/steps/phase1/Phase1Titel.svelte b/src/lib/components/steps/phase1/Phase1Titel.svelte
@@ -93,7 +93,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     margin: 0;
-    text-align: justify;
+    text-align: left;
   }
 
   .content p + p {
diff --git a/src/lib/components/steps/phase2/Phase2Struktur.svelte b/src/lib/components/steps/phase2/Phase2Struktur.svelte
@@ -106,15 +106,15 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
   .content-block p {
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
diff --git a/src/lib/components/steps/phase3/Phase3Dokumente.svelte b/src/lib/components/steps/phase3/Phase3Dokumente.svelte
@@ -107,7 +107,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
diff --git a/src/lib/components/steps/phase3/Phase3Titel.svelte b/src/lib/components/steps/phase3/Phase3Titel.svelte
@@ -94,15 +94,15 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
   .content-block p {
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
diff --git a/src/lib/components/steps/phase3/Phase3Vault.svelte b/src/lib/components/steps/phase3/Phase3Vault.svelte
@@ -139,7 +139,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
diff --git a/src/lib/components/steps/phase4/Phase4Iteration.svelte b/src/lib/components/steps/phase4/Phase4Iteration.svelte
@@ -94,7 +94,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
diff --git a/src/lib/components/steps/phase4/Phase4Titel.svelte b/src/lib/components/steps/phase4/Phase4Titel.svelte
@@ -94,7 +94,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 
diff --git a/src/lib/components/steps/phase4/Phase4VaultUpdate.svelte b/src/lib/components/steps/phase4/Phase4VaultUpdate.svelte
@@ -102,7 +102,7 @@
     font-size: clamp(0.9rem, 1.6vw, 1rem);
     color: var(--color-black);
     line-height: 1.7;
-    text-align: justify;
+    text-align: left;
     margin: 0;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@`
`116`	`116`	`font-size: clamp(0.9rem, 1.6vw, 1rem);`
`117`	`117`	`color: var(--color-black);`
`118`	`118`	`line-height: 1.7;`
`119`		`- text-align: justify;`
	`119`	`+ text-align: left;`
`120`	`120`	`margin: 0;`
`121`	`121`	`}`
`122`	`122`
Original file line number	Diff line number	Diff line change
`@@ -166,7 +166,7 @@`
`166`	`166`	`font-size: clamp(0.9rem, 1.6vw, 1rem);`
`167`	`167`	`color: var(--color-black);`
`168`	`168`	`line-height: 1.7;`
`169`		`- text-align: justify;`
	`169`	`+ text-align: left;`
`170`	`170`	`margin: 0;`
`171`	`171`	`}`
`172`	`172`
Original file line number	Diff line number	Diff line change
`@@ -99,7 +99,7 @@`
`99`	`99`	`font-size: clamp(0.9rem, 1.6vw, 1rem);`
`100`	`100`	`color: var(--color-black);`
`101`	`101`	`line-height: 1.7;`
`102`		`- text-align: justify;`
	`102`	`+ text-align: left;`
`103`	`103`	`margin: 0;`
`104`	`104`	`}`
`105`	`105`
Original file line number	Diff line number	Diff line change
`@@ -94,7 +94,7 @@`
`94`	`94`	`font-size: clamp(0.9rem, 1.6vw, 1rem);`
`95`	`95`	`color: var(--color-black);`
`96`	`96`	`line-height: 1.7;`
`97`		`- text-align: justify;`
	`97`	`+ text-align: left;`
`98`	`98`	`margin: 0;`
`99`	`99`	`}`
`100`	`100`
Original file line number	Diff line number	Diff line change
`@@ -84,7 +84,7 @@`
`84`	`84`	`font-size: clamp(0.9rem, 1.6vw, 1rem);`
`85`	`85`	`color: var(--color-black);`
`86`	`86`	`line-height: 1.7;`
`87`		`- text-align: justify;`
	`87`	`+ text-align: left;`
`88`	`88`	`margin: 0;`
`89`	`89`	`}`
`90`	`90`
Original file line number	Diff line number	Diff line change
`@@ -93,7 +93,7 @@`
`93`	`93`	`font-size: clamp(0.9rem, 1.6vw, 1rem);`
`94`	`94`	`color: var(--color-black);`
`95`	`95`	`margin: 0;`
`96`		`- text-align: justify;`
	`96`	`+ text-align: left;`
`97`	`97`	`}`
`98`	`98`
`99`	`99`	`.content p + p {`