@import "hdr_accountSection.css?r=26092025v2";
@import "hdr_header.css?r=29092025";
@import "hdr_divider.css?r=26092025";
@import "hdr_login.css?r=26092025";
@import "hdr_logo.css?r=26092025";
@import "hdr_menu.css?r=26092025v2";
@import "hdr_navigation.css?r=26092025";
@import "hdr_searchInput.css?r=26092025";
@import "hdr_usp.css?r=26092025";

body{
    min-width: unset !important;
}

body .main_container > main
{
    width: unset !important;
    max-width: 1320px !important;
    scroll-margin-top: 100px;
}

body.mobile  .container #overlay {
    width: 100%;
    display: none;
}

@media only screen and (max-width: 1000px) {
    body > div.container::before,
    body .main_container > main::before {
        height: 80px;
    }

    body.mobileuspactive > div.container::before,
    body.mobileuspactive .main_container > main::before {
        height: 110px;
    }
}

:root {
    --colorGrayFont: #E6E6E6;
    --colorSpv: #005382;
    --colorSpvLight: #0094E9;
}

.scroll_lock {
    overflow-y: hidden !important;
}

/* NIEUW FOOTER FORMAAT FORCEREN IN TESTVERSIE */
footer .footerLinks{
    width:                      unset;
    max-width:                  1320px;
}
footer .footerBottom{
    grid-template-columns:      minmax(100%, 1320px);
    max-width:                  1320px;
    margin:                     20px auto 0px auto;
}
    footer .footerBottom .footerBottomContent{
        max-width:                  1320px;
        width:                      100%;
    }


@media only screen and (min-width: 1001px) {
    body > div.container::before {
        height: 100px;
    }

    body > div.container::before,
    body .main_container > main::before {
        height: 105px;
    }
}




/* ICONS */

/* Kruisje voor sluiten van vensters */
span.cross_icon::after {
    content: "\2716";
    height: 100%;
    width: 40px;
    position: absolute;
    font-size: 25px;
}

span.backward_arrow::after{
    content: "\276E";
    height: 100%;
    width: 40px;
    font-size: 25px;
}

span.forward_arrow::after{
    content: "\276F";
    height: 100%;
    width: 40px;
    font-size: 25px;
}

/* PROJ-1974 aanpassing */
#contentMainContainer {
    margin-left: auto;
    margin-right: auto;
    /* max-width: max-content; */
    max-width: 1320px;
}