:root {
    /* PatternFly Variablen für die Primärfarbe (TUC Grün) überschreiben */
    --pf-v5-global--primary-color--100: #008C4F;
    /* TUC Grün */
    --pf-v5-global--primary-color--200: #00703f;
    /* Etwas dunkler für Hover-Effekte */

    /* Link-Farben anpassen */
    --pf-v5-global--link--Color: #008C4F;
    --pf-v5-global--link--Color--hover: #00703f;
}

/* Den Keycloak-Standard-Hintergrund entfernen und durch TU Clausthal Grau 10% ersetzen */
body,
.login-pf body {
    background-image: none !important;
    background-color: #E6E6E6 !important;
}

/* Den Login-Kasten (Card) optisch anpassen und auf eine sinnvolle Größe beschränken */
.login-pf-page .card-pf {
    border-top: 5px solid #008C4F;
    /* Ein TUC-grüner Akzentbalken oben */
    box-shadow: 0 4px 10px rgba(128, 128, 128, 0.3);
    /* Sanfter Schatten mit TUC Grau 50% */

    /* NEU: Zentrierung und Breitenbeschränkung */
    max-width: 480px;
    /* Auf Desktop-PCs wird die Box maximal 480px breit */
    width: 90%;
    /* Auf Handys nimmt sie 90% der Breite ein, lässt also Rand */
    margin: 40px auto;
    /* Zentriert die Box horizontal und gibt Abstand nach oben/unten */
    background-color: #fff;
    /* Stellt sicher, dass die Box selbst weiß bleibt */
    padding: 30px;
    /* Etwas Innenabstand für ein aufgeräumtes Layout */
    border-radius: 4px;
    /* Optionale leichte Abrundung für ein moderneres Design */
}


.pf-v5-c-login__container {
  grid-template-columns: 34rem;
  grid-template-areas:
"header"
"main  ";
}

/* Buttons erzwingen (zur Sicherheit, falls die CSS-Variablen nicht in deiner Version greifen) */
.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary,
input[type="submit"] {
    background-color: #008C4F !important;
    border-color: #008C4F !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:hover,
input[type="submit"]:hover {
    background-color: #00703f !important;
    border-color: #00703f !important;
}

/* Fehlermeldungen in TUC Rot */
.pf-v5-c-alert.pf-m-danger,
.pf-c-alert.pf-m-danger {
    --pf-v5-c-alert--m-danger__icon--Color: #8C1C00;
    --pf-c-alert--m-danger__icon--Color: #8C1C00;
}

.pf-v5-c-login__header {
  color: var(--pf-v5-global--Color--100);
  grid-area: header;
  padding-inline-end: var(--pf-v5-c-login__header--PaddingRight);
  padding-inline-start: var(--pf-v5-c-login__header--PaddingLeft);
}

#kc-header-wrapper {
  font-size: 29px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1.2em;
  white-space: normal;
  color: var(--pf-v5-global--Color--light-100) !important;
  text-align: center;
}

.kc-logo-text {
    display: block;
    background-image: url('../img/logo.gif');
    height: 80px;
    width: var(--keycloak-logo-width);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
    color: transparent;

}