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,