:root {
    --keycloak-card-top-color: inherits;
    --pf-v5-c-title--FontFamily: var(--pf-v5-global--FontFamily--text);
}

#keycloak-bg {
    background-size: 200px;
    background: url('../img/zedas_icon_72dpi_schwarz.svg') no-repeat bottom right fixed;
    background-color: rgba(226, 226, 229, 1);
}
#kc-header{
    /* hide Realm name */
    visibility: hidden;
    height: 0px;
    display: none;
}

select#login-select-toggle {
    text-align: right;
    appearance: none;
    color:  rgba(0, 112, 178, 1);
    background-color: var(--pf-v5-c-login__main--BackgroundColor);
    font-size: small;
    z-index: 4;
}

#login-select-toggle:focus {
    color: var(--pf-v5-c-form__helper-text--Color);
    background-color: var(--pf-v5-c-login__main--BackgroundColor);
}

.pf-v5-c-login {
    /* spare Platz zwichen Realm Name und main-header */
    --pf-v5-c-login__header--c-brand--MarginBottom: 0px;
    --pf-v5-c-login--PaddingTop: 0px;    
}

.pf-v5-c-login__main-header {
    display: grid;
    --pf-v5-c-login__main-header--PaddingTop: 20px;
    background-size: 97px 32px;
    background-image: url('../img/zedas_rgb_transp.png');
    background-repeat: no-repeat;
    background-position: var(--pf-v5-c-login__main-body--PaddingLeft) 20px;
}

.pf-v5-c-login__main-header-utilities {
    display: flex;
    padding-left: 120px;
    grid-column: 1/3;
    overflow-x: visible;
    grid-row: 1;
    margin: 0;
}
 


#kc-page-title {
    font-size: initial;
    grid-column: 1/3;
    grid-row: 2;
}

.pf-v5-c-form-control>:is(input,select,textarea):focus {
    outline-color : rgba(204, 226, 240, 1);
    z-index: 3;
}

@media (prefers-color-scheme: dark) {
    #keycloak-bg {
        background: url('../img/zedas_icon_72dpi_weiss.svg') no-repeat bottom right fixed;
        background-color: rgba(26, 28, 30, 1);
    }
    
    .pf-v5-c-login__main-header {
        background-image: url('../img/zedas_72dpi_rgb_z_weiss.png');
    }
 }