Punkte 3 und 4 erledigt

src/routes/+page.svelte

@@ -30,9 +30,13 @@
   let noteDeutsch = '';
   let noteMathe = '';
   let sozialverhalten = '';
+  let schulklasse = '';
   let ablehnungHinweis = '';
   let showAblehnungModal = false;
 
+  $: hideSozialVerhalten = 
+       Number(schulklasse) >= 11 &&
+       ["Gymnasium", "KGS_Gymnasialzweig", "IGS_Gymnasialzweig"].includes(schulart);
 
   onMount(async () => {
     const resDienstelle = await fetch('/api/dienststellen');
@@ -101,6 +105,7 @@
     data.append('noteDeutsch', noteDeutsch);
     data.append('noteMathe', noteMathe);
     data.append('sozialverhalten', sozialverhalten);
+    data.append('schulklasse', schulklasse);
 
     for (const pdf of pdfDateien) {
       data.append('pdfs', pdf);
@@ -132,7 +137,7 @@
     const res = await fetch('/api/anmelden', {
       method: 'POST',
       body: data
-  });  
+    });  
 
     const result = await res.json();
     if (!res.ok) {
@@ -141,7 +146,7 @@
     } else {
       fehler = '';
       success = true;
-    }
+    }    
   }
 </script>
 
@@ -163,38 +168,48 @@
     <div class="grid grid-cols-2 gap-4">
       <input bind:value={vorname} placeholder="Vorname" required class="input" />
       <input bind:value={nachname} placeholder="Nachname" required class="input" />
-      <input bind:value={geburtsdatum} type="date" placeholder="Geburtsdatum" required class="input col-span-2" />
+      <div class="flex items-center">Geburtsdatum</div>
+      <input bind:value={geburtsdatum} type="date" placeholder="Geburtsdatum" required class="input" />
       <input bind:value={strasse} placeholder="Straße" required class="input" />
       <input bind:value={hausnummer} placeholder="Hausnummer" required class="input" />
       <input bind:value={plz} placeholder="Postleitzahl" required class="input" />
       <input bind:value={ort} placeholder="Ort" required class="input" />
       <input bind:value={telefon} placeholder="Telefonnummer" required class="input col-span-2" />
       <input bind:value={email} type="email" placeholder="E-Mail-Adresse" required class="input col-span-2" />
-      <!-- input bind:value={schulart} placeholder="Schulart" required class="input col-span-2" /-->
-      <!-- Schulart Dropdown -->
       <select bind:value={schulart} required class="input">
         <option value="" disabled selected hidden>Schulart wählen</option>
         <option value="Gymnasium">Gymnasium</option>
-        <option value="Gymnasialzweig">Gymnasialzweig</option>
+        <option value="KGS_Gymnasialzweig">KGS Gymnasialzweig</option>
+        <option value="IGS_Gymnasialzweig">IGS Gymniasalzweig Fachoberschule</option>
         <option value="Realschule">Realschule</option>
-        <option value="FOS">Fachoberschule (FOS)</option>
+        <option value="KGSR">Kooperative Gesamtschule Realschulzweg</option>
-        <option value="BOS">Berufsoberschule (BOS)</option>
+        <option value="IGSR">Integrierte Gesamtschule Realschulzweig</option>
-        <option value="IGS">Integrierte Gesamtschule (IGS)</option>
-        <option value="KGS">Kooperative Gesamtschule (KGS)</option>
       </select>
       <!-- Noten -->
       <div class="grid grid-cols-2 gap-4">
         <input bind:value={noteDeutsch} type="number" min="1" max="6" placeholder="Note in Deutsch" required class="input" />
         <input bind:value={noteMathe} type="number" min="1" max="6" placeholder="Note in Mathe" required class="input" />
       </div>
-
+      
+      <select bind:value={schulklasse} required class="input">
+        <option value="" disabled selected hidden>Schulklasse</option>
+        <option value="7">7. Klasse</option>
+        <option value="8">8. Klasse</option>
+        <option value="9">9. Klasse</option>
+        <option value="10">10. Klasse</option>
+        <option value="11">11. Klasse</option>
+        <option value="12">12. Klasse</option>
+        <option value="13">13. Klasse</option>
+      </select> 
       <!-- Sozialverhalten -->
-      <select bind:value={sozialverhalten} required class="input">
+      {#if !hideSozialVerhalten} 
-        <option value="" disabled selected hidden>Sozialverhalten auswählen</option>
+        <select bind:value={sozialverhalten} required class="input">
-        <option value="Entspricht den Erwartungen in vollem Umfang">Entspricht den Erwartungen in vollem Umfang</option>
+          <option value="" disabled selected hidden>Sozialverhalten auswählen</option>
-        <option value="Entspricht den Erwartungen">Entspricht den Erwartungen</option>
+          <option value="Entspricht den Erwartungen in vollem Umfang">Entspricht den Erwartungen in vollem Umfang</option>
-        <option value="Entspricht den Erwartungen mit Einschränkungen">Entspricht den Erwartungen mit Einschränkungen</option>
+          <option value="Entspricht den Erwartungen">Entspricht den Erwartungen</option>
-      </select>
+          <option value="Entspricht den Erwartungen mit Einschränkungen">Entspricht den Erwartungen mit Einschränkungen</option>
+        </select>
+      {/if} 
     </div>
 
     <div class="grid grid-cols-1 gap-4">