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.
Dieser Commit ist enthalten in:
@@ -131,30 +131,9 @@
|
||||
/* Form */
|
||||
.tf-form-wrap { background: var(--base); border: 1px solid var(--gray-100); border-radius: var(--radius-lg); padding: 34px 36px; scroll-margin-top: calc(var(--nav-height) + 16px); }
|
||||
.tf-form-wrap h2 { margin-top: 0; }
|
||||
.tf-required-note { font-size: 0.88rem; color: var(--text-light); margin: 0 0 24px; }
|
||||
.tf-form-wrap .form-group input,
|
||||
.tf-form-wrap .form-group textarea,
|
||||
.tf-form-wrap .form-group select { width: 100%; padding: 11px 14px; border: 1px solid var(--gray-200); border-radius: var(--radius); font-family: inherit; font-size: 0.95rem; color: var(--text); background: var(--white); transition: border-color .2s; }
|
||||
.tf-form-wrap .form-group select { 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; }
|
||||
.tf-form-wrap .form-group input:focus,
|
||||
.tf-form-wrap .form-group textarea:focus,
|
||||
.tf-form-wrap .form-group select:focus { outline: none; border-color: var(--gold); }
|
||||
.tf-form-wrap .form-group input[aria-invalid="true"] { border-color: #C0392B; }
|
||||
.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-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; }
|
||||
.tf-form-wrap .form-group select { background-color: var(--white); }
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.sol-hero h1 { font-size: 1.85rem; }
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren