/* formular.css — Anmelden, Registrieren, Passwort. */

.form-karte {
  max-width: 430px; margin: 26px auto; background: var(--panel);
  border: 1px solid var(--line); border-radius: 16px; padding: 32px;
  box-shadow: var(--shadow-s);
}
.form-karte h1 { font-size: 24px; margin: 0 0 8px; }
.form-lead { color: var(--ink-2); font-size: 14px; margin: 0 0 22px; }
.form-karte form { display: grid; gap: 16px; }
.form-karte label { display: grid; gap: 6px; font-size: 13px; font-weight: 600; color: var(--ink-2); }
.form-karte label .opt { font-weight: 400; color: var(--muted); }
.form-karte input[type="text"],
.form-karte input[type="email"],
.form-karte input[type="password"] {
  border: 1px solid var(--line); border-radius: 9px; padding: 11px 13px;
  font: 15px var(--font); color: var(--ink); background: #fff; width: 100%;
}
.form-karte input:focus {
  outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-l);
}
.form-karte label.check {
  grid-template-columns: auto 1fr; align-items: start; gap: 10px;
  font-weight: 400; font-size: 13px; line-height: 1.5;
}
.form-karte label.check input { margin-top: 3px; }
.form-karte button { margin-top: 4px; width: 100%; }
.form-alt { text-align: center; font-size: 14px; margin: 18px 0 0; color: var(--ink-2); }
.form-alt.klein { font-size: 12.5px; margin-top: 8px; }