/* Ulmer-Kemo Branding: gezielte Ergaenzung, keine Aenderungen am alten Design. */
.brand .brand-logo {
  display: block;
  flex: 0 0 auto;
  width: 90px;
  height: auto;
  max-height: 50px;
  object-fit: contain;
}
.brand small { letter-spacing: .02em; }
.login-intro .brand .brand-logo {
  width: 112px;
  max-height: 65px;
}
.login-intro .brand small { color: #bed7dd; }
@media (max-width: 800px) {
  .topbar .brand .brand-logo { width: 66px; max-height: 39px; }
  .topbar .brand { gap: 8px; font-size: 14px; }
  .login-intro .brand .brand-logo { width: 92px; max-height: 52px; }
}
@media (max-width: 420px) {
  .topbar .brand .brand-logo { width: 56px; max-height: 34px; }
  .topbar .brand { gap: 6px; font-size: 12px; }
  .topbar .brand small { font-size: 9px; }
  .topbar .account { gap: 7px; }
  .topbar .account .quiet { padding: 7px 8px; font-size: 10px; }
}

/* Filialmonitor-Schriftzug auf Loginseite */
.login-intro .brand > span {
    font-size: 30px;
    font-weight: 750;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

@media (max-width: 800px) {
    .login-intro .brand > span {
        font-size: 23px;
    }
}