/* Login-Seite */

.anmelden-main { display: grid; place-items: center; min-height: calc(100vh - 140px); padding-top: 24px; }
.anmelden-karte { width: min(440px, 100%); padding: 32px; }
.anmelden-kopf { display: flex; align-items: center; gap: 18px; margin-bottom: 26px; }
.anmelden-kopf h1 { font-size: 1.9rem; }
.anmelden-kopf p { margin: 4px 0 0; }
.anmelden-platte { width: 58px; --farbe: var(--pink); animation: dreh 8s linear infinite; }
.anmelden-karte form { display: grid; gap: 18px; }
.knopf.breit { width: 100%; padding: 14px; }

.pw-feld { position: relative; }
.pw-feld input { padding-right: 92px; }
.pw-zeigen {
  position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
  appearance: none; border: 0; cursor: pointer; border-radius: 8px; padding: 7px 10px;
  background: var(--flaeche-2); color: var(--text-2); font: 600 .8rem/1 var(--schrift);
}
.pw-zeigen:hover { color: var(--text); }

.fehler-text {
  margin: 0; padding: 10px 14px; border-radius: 10px; font-size: .92rem;
  color: var(--rot); background: color-mix(in srgb, var(--rot) 10%, var(--flaeche)); border: 1px solid color-mix(in srgb, var(--rot) 35%, var(--linie));
}

.anmelden-hilfe { margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--linie); }
.anmelden-hilfe p { margin: 6px 0 0; }

@media (max-width: 640px) {
  .anmelden-karte { padding: 22px; }
  .anmelden-main { place-items: start center; }
}