:root {
    --keycloak-logo-url: url('../img/logo.png');
    --keycloak-logo-height: 63px;
    --keycloak-logo-width: 300px;
    --pf-v5-global--FontFamily--text: helvetica, arial, sans-serif;
    --pf-v5-global--danger-color--100: #c9190b;
    --pf-v5-global--success-color--100: #3e8635;
    --pf-v5-global--primary-color--100: #000000;
    --pf-v5-global--primary-color--200: #000000;
    --pf-v5-global--active-color--100: #000000;
    --pf-v5-global--link--Color: #000000;
    --pf-v5-global--link--Color--hover: #000000;
    --pf-v5-global--BackgroundColor--light-100: #ffffff;
    --pf-v5-global--BackgroundColor--dark-300: #242424;
    --pf-v5-global--BackgroundColor--dark-100: #141414;
    --pf-v5-global--Color--light-200: #f0f0f0;
    --pf-v5-global--Color--100: #151515;
    --pf-v5-global--Color--light-100: #ffffff;
    --pf-v5-global--Color--dark-100: #151515;

    --bw-yellow: #fffc00;
    --bw-black: #2a2623;
    --bw-white: #ffffff;

}

.pf-v5-theme-dark {
    --pf-v5-global--FontFamily--text: "RedHatText", helvetica, arial, sans-serif;
    --pf-v5-global--danger-color--100: #fe5142;
    --pf-v5-global--success-color--100: #5ba352;
    --pf-v5-global--primary-color--300: #0066cc;
    --pf-v5-global--primary-color--200: #004081;
    --pf-v5-global--active-color--100: #3888d7;
    --pf-v5-global--link--Color: #1fa7f8;
    --pf-v5-global--link--Color--hover: #72c8fb;
    --pf-v5-global--BackgroundColor--light-100: #1b1d21;
    --pf-v5-global--BackgroundColor--300: #26282c;
    --pf-v5-global--BackgroundColor--100: #1b1d21;
    --pf-v5-global--palette--black-1000: #030303;
    --pf-v5-global--Color--light-200: #f0f0f0;
    --pf-v5-global--Color--100: #e0e0e0;
    --pf-v5-global--Color--light-100: #e0e0e0;
    --pf-v5-global--Color--dark-100: #e0e0e0;
    --pf-v5-global--BackgroundColor--400: #36373a;
}
      
.login-pf body {
    background: white;
}

.custom-header {
    align-items: center;                     /* Normalerweise im flex-Container vertikal zentriert */
    background-color: var(--bw-yellow);      /* In :root definierte Variable für den Hintergrund */
    color: var(--bw-black);   /* In :root definierte Variable für Text */
    padding: 15px 40px;
    display: flex;
    flex-direction: row;
    height: 4.4rem;
}

.custom-header img {
    height: 45px;
}

#kc-header-wrapper {
    text-transform: none;
    letter-spacing: 0;
    color: var(--bw-black) !important;
    font-size: 2.5rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

.custom-footer {
    align-items: center;
    background-color: var(--bw-black);
    color: var(--bw-white);
    padding: 15px 40px;
    display: flex;
    flex-direction: row;
    height: 4.4rem;
}

.custom-footer img {
    height: 35px;
}

#login-box-footer {
    text-align: center !important;
}

.pf-v5-c-login {
    min-height: 0;
}