/* Nur fuer die Anmeldeseite auf strube.pcservice-gilch.de. */
.strube-login {
  background: #101722 url('/assets/img/strube-login.png') center center / cover no-repeat fixed;
}

.strube-login .login-wrap {
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: clamp(1rem, 4vw, 4rem);
}

.strube-login .login-glow { display: none; }
.strube-login .login-card-wrap { max-width: 420px; }
.strube-login .login-card {
  background: rgba(10, 17, 27, .94);
  border-color: rgba(244, 172, 74, .38);
  box-shadow: 0 16px 65px rgba(0, 0, 0, .5);
}

.strube-login .login-brand { color: #f3b460; }
.strube-login .login-logo {
  color: #ffc67d;
  border-color: rgba(244, 172, 74, .35);
  background: rgba(226, 139, 40, .13);
}

.strube-login .login-submit {
  color: #211407;
  background: linear-gradient(135deg, #f4b35e, #e69936);
  border-color: #f2b365;
}

.strube-login .input-field:focus {
  border-color: #f4b35e;
  box-shadow: 0 0 0 3px rgba(244, 179, 94, .18);
}

.strube-login .login-footer {
  color: #fff;
  text-shadow: 0 1px 6px #000;
  line-height: 1.5;
}

@media (max-width: 600px) {
  .strube-login { background-position: 42% center; }
  .strube-login .login-wrap { justify-content: center; padding: 1.25rem 1rem; }
  .strube-login .login-body { padding: 1.5rem 1.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .strube-login .login-card { animation: none; }
}