From ba96a54d2e620a76b3f57014d17030f3f19cf72e Mon Sep 17 00:00:00 2001
From: Robert Jagtiani <all@robert-jagtiani.de>
Date: Fri, 7 Mar 2025 15:12:46 +0100
Subject: [PATCH] .

---
 .../Ausweis/ButtonWeiterHilfe.svelte          | 25 +++++++++++++++----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/components/Ausweis/ButtonWeiterHilfe.svelte b/src/components/Ausweis/ButtonWeiterHilfe.svelte
index d0c3cef0..94cb2d01 100644
--- a/src/components/Ausweis/ButtonWeiterHilfe.svelte
+++ b/src/components/Ausweis/ButtonWeiterHilfe.svelte
@@ -26,11 +26,26 @@
 
 	async function ausweisAbschicken() {
 		if (!form.checkValidity()) {
-			document.getElementById("formInput-1")?.classList.remove("2xl:mt-[370px]");
-			skala.classList.add("no-scroll")
-			form.reportValidity()
-			return
-		}
+    // Entferne die Klasse "2xl:mt-[370px]" falls vorhanden
+    document.getElementById("formInput-1")?.classList.remove("2xl:mt-[370px]");
+
+    // Verhindere das Scrollen (falls erforderlich)
+    skala.classList.add("no-scroll");
+
+    // Zeige die Validierungsmeldungen
+    form.reportValidity();
+
+    // Finde das erste ungültige Feld und scrolle sanft darauf
+    let firstInvalidField = form.querySelector(":invalid");
+    if (firstInvalidField) {
+        let offset = 150; // Abstand für bessere Sichtbarkeit
+        let fieldPosition = firstInvalidField.getBoundingClientRect().top + window.scrollY;
+        window.scrollTo({ top: fieldPosition - offset, behavior: "smooth" });
+    }
+
+    return;
+}
+
 
 		openWindowWithPost("/kundendaten", {
 			ausweis,