/* Anmeldeseite */
.mi-login {
  display: grid;
  min-height: 100vh;
  padding: var(--space-4);
  place-items: center;
}
.mi-login-card {
  width: 100%;
  max-width: 380px;
  text-align: center;
}
.mi-login-card .mi-card-body {
  padding: var(--space-8) var(--space-6);
}
.mi-login-card .mi-brand-mark {
  margin: 0 auto;
}
.mi-login-card h1 {
  margin: var(--space-3) 0 0;
  font-size: 20px;
  font-weight: 600;
}
.mi-login-card .mi-help {
  margin-bottom: var(--space-6);
}
.mi-login-card .mi-notice {
  margin: 0 0 var(--space-4);
  text-align: left;
}
.mi-notice-info {
  border-left-color: var(--info);
  background: var(--info-soft);
}

/* Microsoft-Schaltfläche (Farben laut Microsoft-Markenrichtlinie) */
.mi-ms-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  height: var(--control-md);
  padding: 0 var(--space-4);
  background: #ffffff;
  color: #5e5e5e;
  border: 1px solid #8c8c8c;
  border-radius: var(--radius-md);
  font: 500 14px var(--font-sans);
  text-decoration: none;
}
.mi-ms-button:hover {
  background: #f3f3f3;
}
.mi-ms-logo {
  display: grid;
  grid-template-columns: 9px 9px;
  gap: 2px;
}
.mi-ms-logo i {
  width: 9px;
  height: 9px;
}
.mi-ms-logo i:nth-child(1) {
  background: #f25022;
}
.mi-ms-logo i:nth-child(2) {
  background: #7fba00;
}
.mi-ms-logo i:nth-child(3) {
  background: #00a4ef;
}
.mi-ms-logo i:nth-child(4) {
  background: #ffb900;
}