/* Login (/login aller Marken, Anmelden auf connect.*) und Nachrichten-Seiten: Zeichen der Marke über einer zentrierten
   Karte, in der Karte die Überschrift (loginRahmen in src/ui/seite.js). Karte, Felder, Buttons aus kern.css. */

.login-seite { min-height: 100vh; display: grid; place-items: center; padding: var(--seite-oben) var(--rand); background: var(--bg); }
.login-wrap { width: 100%; max-width: var(--breite-schmal); display: flex; flex-direction: column; gap: var(--abstand-6); }
.login-marke { display: flex; justify-content: center; font-family: var(--serif); font-size: 28px; line-height: 1.05; color: var(--text); }
.login-marke .marke-logo { height: 40px; max-width: 240px; object-position: center; }
.login-zeile { margin: 0; line-height: var(--zeile-text); color: var(--ton-3); }
.login-karte h1 + .login-zeile { margin-top: calc(-1 * var(--abstand-3)); }
/* Haupt-Button in der Akzentfarbe, volle Breite */
.login-karte .knopf { width: 100%; background: var(--akzent); color: var(--akzent-text); }

@media (max-width: 640px) {
  .login-seite { place-items: start center; }
}