body {
    background: fixed url('/var/customerportal_coface/storage/images/3/0/6/1/3811603-2034-nl-BE/441a2d10858f-TeamsBackground_Christmas2025_Version01_rect.png') no-repeat 0 0;
    background-size: cover;
    height: 100%;
}

.login-navmenu .navmenu-sizer {
    position: relative;
}
.login-navmenu .navmenu-sizer:before {
    content: '';
    width: 200px;
    height: 100%;
    background: transparent url('/var/customerportal_coface/storage/images/0/3/1/1/1571130-1776-bg/4c861635ea6a-PNG-LOGO.png') no-repeat left center/contain;
}
.login-navmenu .navmenu-sizer .navmenu-logo {
    display: none;
}

.login-main {
    display: inline-flex;
    align-items: start;
    background: rgba(255,255,255,0.7);
    border-radius: 8px;
}
.login-main .title1 {
    font-size: 20px;
    font-weight: 700;
}
.login-ctnr {
    margin: 0;
    max-width: 450px;
}
.loginInfos {
    font-size: 14px;
    width: 100%;
    max-width: 400px;
    margin-right: 20px;
    text-align: left;
    background: none;
}
.loginInfos h2 {
    font-size: 20px;
    line-height: 25px;
    color: #0bb18f;
}
.loginInfos em {
    font-size: 10px;
    line-height: 9px;
}
.loginContent {
    min-width: 380px;
    padding: 1rem 2rem;
}
.loginContent .login-form {
    width: 100%;
}
.login-form .login-form-field {
    max-width: 100%;
}

@media screen and (max-width: 768px) {
        .login-navmenu .navmenu-sizer::before {
        max-width: 120px;
    }

        .login-langbar {
       max-width: 120px; 
    } 
    .login-langbar form select {
       min-width: 100%; 
    }

        .login-main {  
        flex-direction: column-reverse;
        width: 100%;
        max-width: 500px;
    }
    .loginInfos {
        max-width: 100%;
    }
    .loginContent {
        min-width: 100%;
    }
}


.notice-error {
    background: rgb(238 219 224 / 60%)
}