/* Login and other no-nav auth pages (↳ m2.jsx Login2): wordmark on top, form in the thumb zone. */

.gp-login {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 48px);
  padding: 14px 4px 0;
}

.gp-login__body {
  margin-top: auto;
  padding-top: 40px;
}

.gp-login__sub {
  margin: 10px 0 32px;
  font-size: 16px;
  color: var(--gp-ink2);
}

.gp-login .gp-notices {
  margin: -12px 0 20px;
}

.gp-login__remember {
  margin: 20px 0 28px;
}

.gp-login__hint {
  margin-top: 18px;
  text-align: center;
  font-size: 14px;
  color: var(--gp-ink2);
}

.gp-login__hint + .gp-login__hint {
  margin-top: 8px;
}

@media (min-width: 768px) {
  .gp-login {
    width: 100%;
    max-width: 400px;
    min-height: 0;
    margin: 0 auto;
    padding: 0;
  }

  .gp-login__body {
    margin-top: 0;
  }
}

/* Password change (screens §7.14) and registration (§7.15): taller forms, so the body is not bottom-aligned */
.gp-passwort .gp-login__body,
.gp-registrieren .gp-login__body {
  margin-top: 20px;
  padding-top: 0;
}

.gp-passwort__regeln {
  margin-top: 6px;
}

.gp-passwort__senden,
.gp-registrieren__senden {
  margin-top: 24px;
}

.gp-registrieren .gp-section {
  margin-top: 28px;
}

/* Error pages (screens §7.16) */
.gp-fehlerseite__code {
  margin-bottom: 14px;
}