Kontakt-Popup wird zum Testzugang-Formular, nur noch ein Knopf

Im Kontakt-Abschnitt steht nur noch "Testzugang anfragen" und oeffnet
das Popup. Darin liegt jetzt das Testzugang-Formular ohne die Frage nach
dem Thema, also Name, Behoerde, Funktion, Telefon, dienstliche E-Mail und
Nutzerzahl. Die Freemail-Sperre und die Erkennung von Behoerdendomains
greifen dort genauso wie auf der Seite.

Wer zuerst eine Frage hat, findet unter dem Knopf einen direkten
Mail-Hinweis. Das alte submitContact in app.js entfaellt, beide Formulare
laufen ueber js/trial-form.js. Die gemeinsamen Formular-Styles liegen
jetzt in css/style.css statt doppelt in den Seiten.

css/style.css

@@ -300,6 +300,30 @@ a { color:inherit; text-decoration:none; }
 .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; }
 .form-group input:focus, .form-group textarea:focus { outline:none; border-color:var(--gold); }
 .form-group textarea { resize:vertical; }
+/* Testzugang-Formular, genutzt auf /testzugang/ und im Modal der Startseite */
+.form-group select { 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-color:var(--base); transition:border-color 0.2s; appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6478' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:18px; padding-right:38px; }
+.form-group select:focus { outline:none; border-color:var(--gold); }
+.form-group input[aria-invalid="true"] { border-color:#C0392B; }
+.tf-required-note { font-size:0.88rem; color:var(--text-light); margin:0 0 24px; }
+.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 { display:block; font-size:0.82rem; color:var(--text-light); margin-top:6px; font-weight:400; text-transform:none; letter-spacing:0; }
+.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; }
+.tf-consent a { color:var(--gold-dark); font-weight:600; text-decoration:underline; }
+.tf-error { display:none; background:#FDECEA; border:1px solid #E7B3AC; color:#A5281B; border-radius:var(--radius); padding:13px 16px; font-size:0.92rem; line-height:1.6; margin-bottom:18px; }
+.tf-success { display:none; text-align:center; padding:20px 0 6px; }
+.tf-success h3 { color:var(--navy); font-size:1.3rem; margin:0 0 12px; }
+.tf-success p { color:var(--text); line-height:1.75; margin:0 0 10px; }
+.tf-success a { color:var(--gold-dark); text-decoration:underline; }
+.tf-hp { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
+.tf-privacy { font-size:0.86rem; color:var(--text-light); line-height:1.7; margin-top:22px; }
+.tf-privacy a { color:var(--gold-dark); text-decoration:underline; }
+.contact-alt { font-size:0.92rem; color:var(--text-light); margin-top:18px; }
+.contact-alt a { color:var(--gold-dark); font-weight:600; text-decoration:underline; }
+
 .form-success { text-align:center; padding:40px 0; }
 .form-success p { font-size:1.05rem; color:var(--navy); font-weight:500; }
 @media(max-width:768px) { .form-row { grid-template-columns:1fr; } .modal-content { padding:28px 20px; } }