/* 
 * Labor Luebeck Theme    
 * Farben: 
 * rgb(231,77,15) - Rot 
 * rgb(197,197,197) - Grau
 */


 :root{
    /* Buttons & Oberer Rand */
    --pf-global--primary-color--100: rgb(231,77,15);
    --pf-global--primary-color--200: rgb(231,77,15);
    --pf-global--active-color--100:rgb(231,77,15);
    --pf-c-button--m-primary--active--BackgroundColor:rgb(231,77,15);

    /* Card-Hintergrund */
    --background: #F2F2F2;
    --secondBackround: #FFFFFF;
    
    /* Anmeldebutton-Seperator */
    --SeperatorColor: #F2F2F2;
    
    /*Schatten*/
    --ShadowColor: #00000059;

    /* Schrift */
    --textColor: #707173;
    --textColor_a: #ee7d1c;
    --pColor:#707173;
    --pf-c-form__helper-text--Color: #707173!important;

    /*Errors*/
    --pf-c-form__helper-text--Color: #ee1c24;
    --pf-global--danger-color--200:#ee1c24;
    --pf-c-form--m-error--Color:#ee1c24;
    --pf-global--warning-color--100:rgb(231,77,15);
    
    /*HoverColor*/
    --linkHover:rgb(197,197,197);
    --buttonHover:rgb(197,197,197);
}

/*LOGO*/
.brandingLogo {
   background-image: url(../img/logo.png);
    background-size: contain;
    min-height: 65px;
}

/*ANPASSUNGEN*/

.pf-c-form-control:focus-visible{
    outline:1px solid var(--pf-global--link--Color);
}


.pf-c-alert.pf-m-warning .pf-c-alert__icon {
    color: var(--pf-global--warning-color--100);
}

.pf-c-form-control:hover, .pf-c-form-control:focus {
    border-bottom-color: rgb(231,77,15);
}

.pf-c-form-control:hover {
    --pf-c-form-control--BorderBottomColor: rgb(231,77,15);
}

.pf-c-form-control:focus-visible {
    outline: 1px solid rgb(231,77,15);
}

.pf-c-form-control:focus {
    --pf-c-form-control--BorderBottomColor: rgb(231,77,15);
}