:root{
  --bfmps-primary:   #29cd9b;
  --bfmps-secondary: #579a7c;
  --bfmps-neutral-1: #798486;
  --bfmps-neutral-2: #434f5a; /* dunkel: gute Lesbarkeit */
  --bfmps-accent:    #bff0e1; /* sehr hell: als Fläche/Highlight */
}

/* Kopfzeile einfärben */
#kc-header { background: var(--bfmps-primary); }

/* Primäre Buttons / Login-Button */
.pf-v5-c-button.pf-m-primary, #kc-login {
  background: var(--bfmps-primary);
  border-color: var(--bfmps-primary);
}

/* Links: dunkel für ausreichend Kontrast */
a, .pf-v5-c-button.pf-m-link { color: var(--bfmps-neutral-2); }
a:hover { color: #2a3642; }

/* Beispiel: sanfte Akzentfläche (z. B. Hinweisbanner) */
.bfmps-accent-surface { background: var(--bfmps-accent); }

/* ===== BFMPS: Header ausblenden, Logo über Formular setzen ===== */

/* Originalen grünen Header abschalten */
#kc-header{ 
  background: transparent !important; 
  box-shadow: none !important;
}
#kc-header-wrapper{ display:none !important; }

/* Logo oberhalb des Login-Formulars (zentriert) einblenden */
#kc-form-wrapper::before{
  content:"";
  display:block;
  height:56px;
  margin: 12px 0 16px;
  background: url("../img/Logo-BfMPS.png") no-repeat center center / contain;
}

/* Option: Formular auf angenehme Breite zentrieren */
#kc-form{ max-width: 420px; margin: 0 auto; }

/* ==== BFMPS: Einspaltig + zentriert ==== */

/* Rechte Info-Spalte komplett ausblenden */
#kc-info, #kc-info-wrapper { display: none !important; }

/* 2-Spalten-Grid aufbrechen & Wrapper zentrieren */
#kc-content, #kc-content-wrapper { display: block !important; }
#kc-content-wrapper { max-width: 460px; margin: 0 auto; padding: 0 16px; }

/* Login-Hauptbereich in PF v5 zusätzlich begrenzen/zentrieren */
.pf-v5-c-login__main { max-width: 480px; margin: 0 auto; }

/* "Keycloak"-Seitentitel ausblenden */
#kc-page-title { display: none !important; }