Testzugang-Modal: Feld-Layout, Zulassungstext und State-Reset

- Formularfelder im Modal sauber ausgerichtet: Inputs einer Reihe per
  align-items:end buendig, fragiler min-height-Label-Hack entfernt,
  optional-Hinweise brechen nicht mehr unschoen um.
- Zulassungstext praezisiert: ausschliesslich dienstliche Adressen von
  Behoerden oder Unternehmen (de + en, Modal-Subline + Meldung).
- Datenschutz-Fix: Formular wird beim Oeffnen des Modals zurueckgesetzt
  (Felder, Erfolgsmeldung, Fehler), damit kein Nutzer die Eingaben eines
  vorherigen sieht.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

css/style.css

@@ -294,7 +294,7 @@ a { color:inherit; text-decoration:none; }
 .modal-close:hover { color:var(--navy); }
 .modal-content h2 { font-size:1.5rem; font-weight:700; color:var(--navy); margin-bottom:8px; }
 .modal-sub { font-size:0.95rem; color:var(--text-light); margin-bottom:28px; }
-.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
+.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:end; }
 .form-group { margin-bottom:16px; }
 .form-group label { display:block; font-size:0.82rem; font-weight:600; color:var(--navy); margin-bottom:6px; text-transform:uppercase; letter-spacing:0.04em; }
 .form-group input, .form-group textarea { width:100%; padding:10px 14px; border:1px solid var(--gray-200); border-radius:var(--radius); font-family:inherit; font-size:0.95rem; color:var(--text); background:var(--base); transition:border-color 0.2s; }
@@ -316,10 +316,9 @@ a { color:inherit; text-decoration:none; }
 .tf-note { display:block; font-size:0.85rem; margin-top:6px; line-height:1.5; }
 .tf-note-error { color:#C0392B; }
 .tf-note-ok { color:#1E7A44; }
-.tf-hint { font-size:0.82rem; color:var(--text-light); margin-left:5px; font-weight:400; text-transform:none; letter-spacing:0; }
-/* Gleiche Labelhoehe, damit die Felder einer Reihe auf einer Linie starten */
-#trial-form .form-row label { min-height:42px; }
-@media(max-width:768px) { #trial-form .form-row label { min-height:0; } }
+.tf-hint { font-size:0.82rem; color:var(--text-light); margin-left:5px; font-weight:400; text-transform:none; letter-spacing:0; white-space:nowrap; }
+/* Kompakte Zeilenhoehe fuer mehrzeilige Labels; Felder einer Reihe per align-items:end buendig */
+#trial-form .form-row label { line-height:1.35; }
 .tf-consent { display:flex; align-items:flex-start; gap:12px; margin:6px 0 22px; }
 .tf-consent input { width:18px; height:18px; margin-top:2px; flex:0 0 auto; accent-color:var(--gold-dark); }
 .tf-consent label { font-size:0.9rem; color:var(--text-light); line-height:1.6; font-weight:400; text-transform:none; letter-spacing:0; margin:0; }