.wrapper-left {
    --login-bg-img-path: none;
    background-color: #FFFFFF !important;
}

.brand-login {
    --logo-path: url("../img/Stadtwerke_Oerlinghausen_2024_logo.svg") !important;
}

.brand-login-wrapper .brand-login {
    height: 500% !important;
}

.brand-login {
    background-image: url(../img/2023_SWOE_Logo_RGB.png) !important;
    background-size: contain !important; /* Skaliert das Bild, sodass es in den Container passt */
    background-repeat: no-repeat !important; /* Verhindert das Wiederholen des Logos */
    background-position: center !important; /* Zentriert das Logo im Container */
    /* width: 200px !important; 
    height: 100px !important; */
    
    display: flex !important; /* Verwende Flexbox */
    justify-content: center !important; /* Zentriert horizontal */
    align-items: center !important; /* Zentriert vertikal */
    
    width: 100% !important; /* Passe die Breite an */
}

.wrapper-left {
    background-image: none;
    /*height: 100% !important;*/
}



.btn.secondary {
    --color-btn-secondary: #E94C07 !important;
}

.brand {
    background-image: url(../img/2023_SWOE_Logo_RGB_WHITE.png) !important;
    --logo-height-small: 90% !important;
    background-color: #E63210 !important;
}

.btn {
    --color-btn-default: #E94C07 !important;
}

.btn:hover {
    background-color: #E63210 !important; /* Ändert die Hintergrundfarbe bei Hover */
}

.css-yglosl {
    background-image: url(../img/Stadtwerke_Oerlinghausen_Favicon.jpg) !important;
}