/* Nachschärfungen an Element, die sich nicht über config.json regeln lassen.
   Eingebunden über nginx (siehe branding/nginx.conf) — nicht über index.html,
   denn darin stehen die Bündelnamen mit Streuwert und die Datei müsste bei
   jeder neuen Element-Fassung nachgezogen werden.

   Das reichlich verwendete !important ist hier kein Faulheitszeichen: Element
   bringt für eingebettete Seiten eigene Regeln mit Vorrang mit, gegen die
   selbst Inline-Angaben nicht ankommen. */

/* ── Startseite (branding/welcome.html) ─────────────────────────────────── */
.za-welcome {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 8px 16px 16px !important;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}
.za-welcome-logo {
  width: 200px !important;
  height: auto !important;
  margin: 0 0 28px !important;
}
.za-welcome-titel {
  margin: 0 0 8px !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: -0.01em !important;
}
.za-welcome-text {
  margin: 0 0 28px !important;
  font-size: 0.95rem !important;
  color: #a9bdd9 !important;
  line-height: 1.5 !important;
}
.za-welcome-knopf {
  display: inline-block !important;
  padding: 13px 48px !important;
  border-radius: 12px !important;
  background: #1B3F7A !important;
  color: #ffffff !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}
.za-welcome-knopf:hover {
  background: #2a5298 !important;
}
.za-welcome-fuss {
  margin: 24px 0 0 !important;
  font-size: 0.8rem !important;
  color: #7f97b8 !important;
}

/* ── Anmeldeseite ───────────────────────────────────────────────────────── */
/* Das Zeichen passt Element sonst in ein Feld von gut 100 Pixeln ein, in dem
   der Schriftzug unlesbar wird. */
.mx_AuthHeaderLogo {
  height: auto !important;
  padding: 8px 0 !important;
}
.mx_AuthHeaderLogo img {
  width: min(190px, 80%) !important;
  height: auto !important;
  max-height: none !important;
}

/* Selbstregistrierung ist am Heimatserver abgeschaltet. Die Wege dorthin
   führen nur zu einer Fehlermeldung, deshalb bleiben sie verborgen.
   Adressiert über das Ziel des Verweises, nicht über Klassennamen: die
   tragen in Element einen Streuwert, der sich mit jeder Fassung ändert. */
a[href="#/register"],
a[href$="#/register"],
.mx_AuthBody_changeFlow {
  display: none !important;
}

/* Die Karte der Anmeldeseite mittig statt am oberen Rand */
.mx_AuthPage_modal {
  margin-top: max(4vh, 24px) !important;
}

/* Der Anmeldeknopf in der Hausfarbe. Adressiert über die mx_-Klassen — die
   danebenstehende Klasse des Bausteins trägt einen Streuwert und wäre mit der
   nächsten Element-Fassung hinfällig.
   Zwei Namen, weil der Knopf je nach Anmeldeverfahren ein anderer ist:
   mx_SSOButton beim klassischen Weg, mx_Login_fullWidthButton seit der
   Umstellung auf den Anmeldedienst. */
.mx_SSOButtons .mx_SSOButton,
button.mx_SSOButton,
.mx_AuthBody button.mx_Login_fullWidthButton {
  background-color: #1B3F7A !important;
  border-color: #1B3F7A !important;
  color: #ffffff !important;
}
.mx_SSOButtons .mx_SSOButton:hover,
button.mx_SSOButton:hover,
.mx_AuthBody button.mx_Login_fullWidthButton:hover {
  background-color: #2a5298 !important;
  border-color: #2a5298 !important;
}

/* ── Code (Commit-Kennungen in Meldungen u. a.) ─────────────────────────── */
/* Element setzt für Code „Fira Code“ und gleich danach die Emoji-Schrift
   Twemoji. Ohne installierte Fira Code (Windows) kommen die Ziffern 0–9 aus
   Twemoji — dort sind es Tastenkappen-Grundzeichen und erscheinen als weiße
   Kästchen; Buchstaben fallen auf Courier durch. Ergebnis 04.10.2026: Commit
   „62a6c36“ sah aus wie geschwärzt. Emoji-Schriften deshalb hinter die
   Systemschriften für Code. */
code, pre, .markdown-body code, .markdown-body pre {
  font-family: "Fira Code", ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, "Courier New", monospace,
    "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji" !important;
}