Formularfelder stehen wieder auf einer Linie

Der Zusatz "optional" stand als eigene Zeile unter dem Feldnamen. Dadurch
wurde das Label dreizeilig und das Feld rutschte gegenueber dem Nachbarn
um bis zu 48 Pixel nach unten, die Reihen wirkten schief. Der Zusatz
steht jetzt in derselben Zeile, und die Labels einer Reihe haben eine
gemeinsame Mindesthoehe, damit die Felder unabhaengig von der Textlaenge
auf einer Linie beginnen. Auf dem Telefon steht jedes Feld ohnehin allein,
dort entfaellt die Mindesthoehe.

css/style.css

@@ -316,7 +316,10 @@ 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 { display:block; font-size:0.82rem; color:var(--text-light); margin-top:6px; font-weight:400; text-transform:none; letter-spacing:0; }
+.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-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; }