/*
 * OSK-Branding der Endnutzer-Seiten (Karte t_da7e6640).
 *
 * Verbindliche Farbwerte laut Recherche-Briefing v2 (t_d85e1df3,
 * Nutzer-Freigabe 2026-10-29): Rot #990033 — das auf der OSK-Website in CSS
 * deklarierte, dort aber ungenutzte #e9273e ist verworfen.
 *
 * Diese Datei wird nach bootstrap.css geladen und thematisiert die Akzente
 * der Nutzerseiten (Login, Zaehlerstaende, Fehlerseiten) auf OSK Rot/Grau.
 * In den Kern-Stylesheets (components/count/template-style) werden die
 * Tokens in der Form var(--osk-…, Fallback) referenziert, damit die Farben
 * auch ohne dieses Stylesheet korrekt ausfallen.
 */

:root {
  --osk-red: #990033;
  --osk-red-hover: #7a0028;
  --osk-gray: #808080;
  --osk-gray-light: #b3b3b3;
  --osk-text-dark: #595959;
}

/* Seitenkopf: OSK-Logo rechtsbuendig ueber dem Mandanten-Banner */
.osk-kopf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 6px 12px;
  border-bottom: 1px solid var(--osk-gray-light);
}

.osk-logo-link {
  display: inline-block;
  line-height: 0;
}

.osk-logo {
  width: 117px;
  height: auto;
}

@media (max-width: 480px) {
  .osk-logo {
    width: 91px;
  }
}

/* Links in OSK-Rot */
a {
  color: var(--osk-red);
}

a:hover,
a:focus {
  color: var(--osk-red-hover);
}

/* Bootstrap-3-Primary-Akzente auf OSK-Rot */
.btn-primary {
  background-color: var(--osk-red);
  border-color: var(--osk-red-hover);
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: var(--osk-red-hover);
  border-color: var(--osk-red-hover);
  color: #ffffff;
}

.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover {
  background-color: var(--osk-gray);
  border-color: var(--osk-gray);
  color: #ffffff;
}