fix: Enhance styling for Zielgruppen section with improved card layout and spacing

Website/templates/main.html

@@ -517,6 +517,33 @@
 		color: #ffffff;
 	}
 
+	#zielgruppen .primary-focus-content {
+		max-width: 100%;
+	}
+
+	#zielgruppen .section-grid {
+		margin-top: 1.15rem;
+		gap: 0.9rem;
+	}
+
+	#zielgruppen .card {
+		background: linear-gradient(165deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 243, 0.98) 100%);
+		border: 1px solid rgba(201, 218, 208, 0.9);
+		box-shadow: 0 10px 20px rgba(14, 39, 35, 0.12);
+		padding: 1.1rem;
+	}
+
+	#zielgruppen .card h3 {
+		color: #214e55;
+		margin-bottom: 0.45rem;
+	}
+
+	#zielgruppen .card p {
+		color: #3f5f64;
+		line-height: 1.58;
+		margin: 0;
+	}
+
 	@keyframes rise {
 		from {
 			opacity: 0;
@@ -549,6 +576,10 @@
 		.primary-focus {
 			padding: 1.6rem;
 		}
+
+		#zielgruppen .card {
+			padding: 1rem;
+		}
 	}
 
 	@media (max-width: 700px) {
@@ -703,7 +734,7 @@
 	<div class="primary-focus-content">
 		<span class="eyebrow">Für wen ist Invario?</span>
 		<h2>Passend für jede Organisationsebene</h2>
-		<div class="section-grid" style="margin-top:1rem;">
+		<div class="section-grid">
 			<article class="card">
 				<h3>Sekretariat</h3>
 				<p>Ende der Zettelwirtschaft &amp; Barcode‑Scan — Inventur und Rückgabe in Sekunden.</p>