#home-container{background: whitesmoke;max-width:100%;width: 100%;height: 40%;position: relative;}
#nav-container{background: whitesmoke;max-width:100%;width: 100%;height: 30%;position: relative;}
.main-locatie{background: whitesmoke;max-width:100%;width: 100%;height: 40%;position: relative;}
.locatie-content{position: relative;width: 100%;left: 0;top: 12%;height: 85%;}
#hoi{position: relative;max-width: 90%;margin: 0 auto;height: 130%;}
.locatie-content .plate--container{position: relative;width: 100%;left: 0!important;max-width: 100% !important;padding-right: 15px!important;padding-left: 15px!important;}
.next{position: absolute;top: 40%;left: 100%;margin-left: -20px;width: 50px;height: 50px;z-index: 3;font-size: 35px;display: none;}
.prev{position: absolute;top: 40%;left: 0;margin-left: -30px;width: 50px;height: 50px;z-index: 3;font-size: 35px;display: none;}
.fa, .fab, .fal, .far, .fas {width: 100%;height: 100%;display: flex!important;align-items: center;justify-content: center;}
.carousel-indicators li {background-color: rgba(199,198,198,.8) !important;}
.carousel-indicators .active{background-color: rgba(62, 62, 62, 0.8) !important;}
.top-right{position: relative;display: flex;float: right;width: 20%;height: 100%;align-items: center;justify-content: center;}
.top-right h1{position: absolute;font-size: 14px;color: #000;line-height: 5.14;font-family: 'Oswald', sans-serif;font-weight: 500;}
.top-right h1 a{text-decoration: none;color: #000;}
.top-right h1 a:hover{text-decoration: underline #000;}
.top-left{top: 25%;position: relative;width: 50%;float: left;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.top-left a{margin-left: 5% !important;text-decoration: none;color: #9b9b9b;font-family: "Droid Serif", sans-serif;font-size: 14px;font-weight: 300;}
.top-left a:hover{color: #bebebe;text-decoration: underline #bebebe;}
.top-left h6{color: #9b9b9b;font-size: 0.8vw;position: relative;margin-top: 1%;}
.left-side{position: absolute;width: 50%;height: 75%;background-size: cover;background-repeat: no-repeat;background-position: center center;background:white;}
.picture-left-side{position: absolute;width: 50%;left: 50%;height: 100%;background-size: contain;background-repeat: no-repeat;background-position: center center;}
.left-side button{font-family: "Oswald",sans-serif;font-size: 16px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;position: relative;border: 2px solid rgb(195,206,46);background: white;color: #555555;height: 14%;width: 27%;min-width: 140px;top: 75%;left:1%;margin: 0 auto;}
.left-side button:hover{border: 2px solid #c3ce2e;background: rgba(195,206,46,0.3);}
.text{position: absolute;float: left;height: 50%;width: 55%;top: 15%;left: 3.5%;}
.tekst1{width: 100%;height: 35%;}
.tekst2{width: 100%;height: 45%;}
.tekst3{width: 100%;height: 20%;}
.tekst1 h1{font-size: 45px;font-family: 'Oswald', sans-serif;color: #5b5b5c;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.6;letter-spacing: normal;margin: 0 auto;}
.tekst2 h1{font-size: 60px;font-family: 'Oswald', sans-serif;color: #c3ce2e;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.6;letter-spacing: normal;margin: 0 auto;}
.tekst3 h1{font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: 7px;font-family: "Droid Serif", sans-serif;color: #9b9b9b;margin: 0 auto;}
.right-side{position: absolute;width: 50%;height: 75%;background-size: cover;background-repeat: no-repeat;background-position: center center;}
#section-informatie{background: whitesmoke;max-width:100%;width: 100%;height: 50%;position: relative;}
.section-informatie-groen{background:#c3ce2e;position: relative;left: 5%;width: 90%;height: 80%;}
#section-actueel{background: whitesmoke;max-width:100%;width: 100%;height: 50%;position: relative;}
.testje{position: relative;left: 5%;width: 90%;height: 100%;}
.testje h2{position: relative;width: 99.5%;left: 0.5%;font-family: 'Oswald', sans-serif;font-size: 25px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 2.88;letter-spacing: normal;text-align: left;color: #5b5b5c;}
.actueel-links{position: relative;top: 2.5%;left: 0;width: 49%;height: 85%;float: left;}
.actueel-rechts{position: relative;background: #c3ce2e;top: 2.5%;right:0;width: 49%;height: 85%;float: right;}
.rechts-links{width: 50%;float:left;height:100%;}
.rechts-rechts{width:50%;float:right;height:100%;background-repeat: no-repeat;background-size: contain;background-position: center center;}
.iconlinkje:before{content:'\f144';font-family: 'Font Awesome 5 Free';font-style: normal!important;font-size: 25px;font-weight: 400;color: #ffffff;padding-right: 5px;}
.titel-actueel{position: relative;top: 0;left: 10%;width: 90%;height: 20%;display: flex;align-items: center;font-family: 'Oswald', sans-serif;font-size: 25px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 2.88;letter-spacing: normal;color: #ffffff;}
.links-actueel{position: relative;top: 0;left: 10%;width: 90%;}
.links-actueel a{display: flex;align-items: center;padding-top: 0.5vw;padding-bottom: 0.5vw;color: #ffffff;font-family: "Droid Serif", sans-serif;font-size: 16px;font-weight: normal;font-style: italic;font-stretch: normal;letter-spacing: normal;}
.links-actueel a:hover{color: #bebebe;}
.iconlinkje:hover{
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-decoration: none;
    text-underline: none;
    color: antiquewhite;}
.textje{position: relative;display: flex;align-items: center;justify-content: center;width: 80%;height: 20%;left: 10%;top: 15%;font-family: 'Oswald', sans-serif;font-size: 25px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 2.88;letter-spacing: normal;text-align: center;color: #ffffff;}
.render-informatie{position: relative;top: 20%;width: 75%;left: 12.5%;}
.kleiner{position: relative;width: 90%;left: 5%;}
.kleiner .plate--container{max-width: 100% !important;}
#header-container{background: whitesmoke;max-width:100%;width: 100%;height: 20%;position: relative;top: 50%;}
#footer-container{background: #5b5b5c;max-width:100%;width: 100%;height: 25vw!important;position: relative;z-index: 2;padding-left: 0!important;padding-right: 0!important;}
.footer-links{position: relative;left: 0;background: #464647;max-width: 100%;width: 34%;height: 100%;}
.footer-rechts{position: absolute;right: 0;top: 0;background: transparent;max-width: 100%;width: 66%;height: 85%;}
.footer-logo{position: absolute;background: #fff;border-radius: 2px;top: -1px;width: 25%;height: 25%;left: 20%;}
.logo-footer{width: 60%;height: 60%;position: relative;top: 20%;left: 20%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.footer-titel{width: 70%;height: 10%;position: relative;left: 20%;top: 37%;font-family: 'Oswald', sans-serif;font-size: 25px;font-weight: normal;font-style: normal;font-stretch: normal;letter-spacing: normal;text-align: left;color: #ffffff;display: flex;align-items: center;}
.footer-email{width: 70%;height: 8%;position: relative;left: 20%;top: 42%;display: flex;align-items: flex-start;}
.footer-email a{font-family: "Droid Serif", sans-serif;font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;letter-spacing: normal;text-align: left;color: #ffffff;text-decoration: none;}
.footer-email a:hover{color: #bebebe;}
.footer-streep{background: #979797;width: 40%;height: 1px;position: relative;left: 20%;top: 46%;}
.footer-locatielinks{width: 70%;height: 8%;position: relative;left: 20%;top: 50%;font-family: "Droid Serif", sans-serif;font-size: 16px;font-weight: normal;font-style: italic;font-stretch: normal;letter-spacing: normal;text-align: left;color: #f5f5f5;}
.footer-locatielinks a{color: #fff;text-decoration-line: underline;text-underline: white;}
.footer-locatielinks a:hover{color: #bebebe;}
.bottom-footer{position: absolute;background: #c3ce2e;bottom: 0;height: 15%;width: 100%;display: flex;justify-content: space-between;align-items: center;}
.bottom-links{position: absolute;left: 6.6%;height: 50%;width: 29%;display: flex;align-items: center;justify-content: flex-start;}
.bottom-links h4 a{font-family: 'Oswald',serif;font-size: 14px;font-weight: normal;font-style: normal;font-stretch: normal;letter-spacing: normal;text-align: left;color: #5b5b5c;}
.bottom-links h4{color: #5b5b5c;font-size: 1.2vw;}
.bottom-rechts{position: absolute;right: 5%;height: 90%;width: 8%;background-repeat: no-repeat;background-size: contain;background-position: center center;}
.bottom-rechts a{position:absolute;width: 100%;height: 100%;background: transparent;z-index: 10;}
.nav-bar{position: relative;top: 35%;height: 55%;width: 90%;left: 5%;background: white;}
.nav-logo{position: relative; box-shadow: 1px 1px rgba(157, 157, 157, 0.6);height: 100%;width: 10.83%;}
.navlogo{position: relative;top: 20%;left: 20%;width: 60%;height: 60%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.rand{width: 100%;height: 100%;}
.nav-top{position: absolute;height: 40%;top: 0;left:10.83%;width: 89.17%;}
.nav-bottom{position: absolute;height: 60%;bottom: 0;left: 10.83%;width: 89.17%;background-color: rgb(195, 206, 46);}
#main{background: #ffffff;width: 100%; height: 100% !important;}
/*[data-id="element_86426"]{
     padding-left:10px;
 }
[data-id="element_86425"]{
    padding-right:10px;
}*/
.actueel-afbeelding{position: relative;height:32.27%;width: 100%; top: 0;left: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.carousel-indicators{display: none!important;}
#nav-tekst{position: relative;list-style-type: none;margin:0;padding: 0;height: 100%;width: 100%;display: -webkit-box;
    display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;justify-content: center;}
#nav-tekst .nav-item:hover{
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    background: #9da82c;
}
#popup{position:absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.75);z-index: 1000000;display:none;}
.innercookie{
    width: 50%;
    height: 50%;
    left: 25%;
    top: 25%;
    position: relative;
}
.cookietekst{position: relative;
    top: 40%;
    height: 35%;
    width: 70%;
    left: 15%;
    text-align: center;
    color: white;}
#cookiebutton{
    font-family: "Oswald",sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    position: absolute!important;
    border: 2px solid rgb(195,206,46);
    background: white;
    color: #555555;
    height: 50px;
    width: 200px;
    top: 80%;
    left: 50%;
    margin-left: -100px;
}
.learnmorelink{
    position: absolute;
    width: 50%;
    height: 20%;
    top: 95%;
    left: 50%;
    text-decoration: underline grey;
    text-align: center;
    margin-left:-25%;
    color: grey;
}
.learnmorelink a{
    text-decoration: underline grey;
    text-align: center;
    color: darkgray;
}
.learnmorelink a:hover{
    color: gray;
}
.wrappertje{    height: 80% !important;
    width: 80% !important;
    left: 10% !important;
    top: 10% !important;}
.wrappertjee{    height: 80% !important;
    width: 100% !important;
    left: 0 !important;
    top: 10% !important;}

.nav-item{position: relative;height: 100%;
    display: flex;
    align-items: center;}
.nav-link{
    display: flex!important;
    align-items: center;
    position: relative;color: white;font-weight: 500;width: 100%;height:100%;font-size: 16px;padding: 0 45px!important;line-height: normal;letter-spacing: normal;font-family: 'Oswald', sans-serif;}
.nav-link:hover{color: white;}
#nav-tekst-mobile-rightMenu{position: absolute;top: 0;list-style-type: none;margin:0;padding: 0;height: 100%;width: 100%; display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;
    display: none;/*standart op flex dus zet via jquery dit op flex en niet alleen block, flex spatie block zou ook kunnen maar is hier niet nodig*/-webkit-box-align: center; -moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;justify-content: center;z-index: 1000;}
#nav-tekst-mobile a:hover{color: #bebebe;}
.nav-item-mobile{position: relative; top: -1000px;}
.nav-item-mobile a{padding: .4rem .4rem;font-size: 23px;text-align: center;}
.medewerker-info p a{text-decoration: none;color: #9a9a9a;}
.knopje2{position: absolute!important;top: 0 !important;z-index: 100000;display: none;right: 0;width: 7%;height: 100%; border: none;font-size: 30px;}
.knopje2:focus{outline: none!important;}
.over{width: 40px!important;}
.out{width: 20px!important;}
.knopje1{ position: absolute!important;top: 0!important;z-index: 100000;right: 0;width: 7%;height: 100%;font-size: 20px;border: none;}
.mobile-menu{display:none;width: 100%;height: 0;top:99%;position: absolute;background: #c3ce2e;z-index: 16;overflow:hidden!important;}
.nav-link-mobile{ position: relative;color: white;font-weight: 500;width: 100%;font-size: 16px;font-family: 'Oswald', sans-serif;}
.nav-link-mobile:hover{color: white;}
.nav-bottom button{position: absolute;top: -20px;display:none; float: right;}
.plate--column{ padding-right: 5px!important;padding-left: 5px!important;}
.errorouter{
    background:whitesmoke; width: 100%;height: 40%;display: flex;align-items: center;justify-content: center;}
.errorouter h3{
    line-height: 2;
    font-family: 'droidsans', serif;
    text-align: -moz-center;
    text-align: -webkit-center;
    text-align: center;
}
@media screen and (max-width: 425px){
    .carousel-indicators{bottom: -45px!important;display: flex!important;}
}
@media screen and (max-width: 1425px) {
    .kolom1-tekstt a{font-size: 16px!important;}
    .kolom1-tekst a{ font-size: 16px!important;}
    .errorouter{height: 60%}
    .iconlinkje{font-size: 14px!important;}
    .tekst1 h1{
        font-size: 40px!important;}
    .tekst2 h1{font-size: 50px!important;}
}
@media screen and (max-width: 1600px) and (min-width: 1313px) {
    .nav-link{font-size: 16px;padding: 0 36px!important;}
    .titel{font-size: 1vw !important;}
}
@media screen and (max-width: 1313px) and (min-width: 1022px) {
    .nav-link{    font-size: 15px;padding: 0 20px!important;}
    .titel{font-size: 1vw !important;}
    .kolom1-tekstt a{font-size: 12px!important;}
    .kolom1-tekst a{ font-size: 12px!important;}
    .titel-actueel{font-size: 20px;}
    .medewerker-info h4{font-size: 17px!important;}
    .person{font-size: 13px!important;}
    .iconlinkje{font-size: 12px!important;}
    .tekst1 h1{
        font-size: 35px!important;}
    .tekst2 h1{font-size: 45px!important;}
    .tekst3 h1{font-size: 17px!important;}
}
@media screen and (max-width: 1022px) and (min-width: 939px) {
    .nav-link{display:none!important;}
/*mobiel menu moet hier inkicken, maar er is nog geen opmaak voor*/
    .titel{font-size: 1vw !important;}
    .kolom1-tekstt a{font-size: 12px!important;}
    .kolom1-tekst a{font-size: 12px!important;}
    .nav-bottom .knopje1{display:block;}
    .medewerker-info h4{font-size: 16px!important;}
    .person{font-size: 12px!important;}
    .iconlinkje{font-size: 10px!important;}
    .iconlinkje::before{font-size: 20px!important;}
    .tekst1 h1{
        font-size: 30px!important;}
    .tekst2 h1{font-size: 39px!important;}
    .tekst3 h1{font-size: 15px!important;}
}
@media screen and (max-width: 938px) and (min-width: 769px){
    .nav-link{display:none!important;}
    .nav-bottom .knopje1{display:block;}
    .medewerker-info h4{font-size: 15px!important;}
    .person{font-size: 11px!important;}
    /*mobile menu*/
    .iconlinkje{font-size: 10px!important;}
    .iconlinkje::before{font-size: 20px!important;}
    .tekst1 h1{
        font-size: 28px!important;}
    .tekst2 h1{font-size: 36px!important;}
    .tekst3 h1{font-size: 15px!important;}
}
@media screen and (max-width: 768px) {
    .iconlinkje{font-size: 12px!important;}
    .iconlinkje::before{font-size: 20px!important;}
    /*mobiel menu*/
    .nav-link{display:none!important;}
    .nav-bottom .knopje1{display:block;}
    .rand{background:white;}
    .nav-bar{ width: 100% !important;height: 100% !important;top: 0!important;left: 0!important;}
    .nav-bottom{left:0 !important; width: 100% !important;}
    .nav-logo{height: 100%!important;width: 30% !important;z-index: 1;}
    .right-side{top: -6%;height: 40% !important}
    .left-side{ height: 40% !important;}
    #hoi{max-width: 100% !important;}
    [data-id = 'section_24099']{height: 500px;}
    [data-id = 'section_24587']{height: 800px;}
    [data-id = 'section_24577']{height: 800px;}
    [data-id = 'section_24588']{height: 1000px;}
    [data-id = 'row_34502'] .plate--column{padding-bottom: 5px;padding-top: 5px;}
    #section-actueel{height: 100%}
    [data-id = 'row_34522'] .plate--column{padding-bottom: 8px;padding-top: 8px;}
    [data-id = 'row_34528'] .plate--column{padding-bottom: 8px;padding-top: 8px;}
    #footer-container{height: 250px!important;}
    .footer-rechts{overflow: hidden}
    [data-id = "row_33888"] .plate--column{height: 100%; width: 33%;flex-basis:inherit;}
    .wrappertje .kolom1-titel{font-size:18px;!important;}
    .wrappertjee .kolom1-titell{font-size:18px;!important;}
    .wrappertje .kolom1-tekst a{font-size: 2vw!important;line-height: 13px;word-break: break-all; letter-spacing: normal;}
    .wrappertjee .kolom1-tekstt a{font-size: 2vw!important;line-height: 13px;word-break: break-all; letter-spacing: normal;}
    .wrappertje{    height: 80%;
        width: 80%;
        left: 10%;
        top: 10%;}
    .wrappertjee{    height: 80%;
        width: 80%;
        left: 10%;
        top: 10%;}
    .footer-logo{width: 50% !important;height: 25% !important;left: 25% !important;}
    .footer-titel{    font-size: 2.5vw!important;text-align: center!important;}
    .footer-email a{    font-size: 1.9vw!important;}
    .footer-locatielinks{    font-size: 1.3vw!important;left: 25% !important;}
    .footer-streep{width: 70% !important; }
    .bottom-links{width: 50% !important;left: 5.6% !important;}
    .bottom-links h4{ font-size: 2vw !important;}
    .bottom-links h4 a{font-size: 2vw !important;}
    .bottom-rechts{width: 17% !important;}
    [data-id = 'section_24704']{height: 900px;}
    .locatie-naam{font-size:6vw!important;}
    .locatie-adres{font-size: 3.5vw!important;}
    .locatie-tel{font-size: 3.5vw!important;}
    .locatie-email{font-size: 3.5vw!important;}
    .main-locatie{height: 100%}
    .locatie-content{    top: 5%;height: 30%;}
    #footer-container{height: 100%;}
    .actueel-links{    left: 0;width: 100%;height: 30%;float: none}
    .actueel-rechts{    top: 37%; right: 0;width: 100%;height: 30%;float: none;}
    .titel-actueel{left: 5%;width: 100%;font-size: 4vw; }
    .links-actueel{left: 5%;}
    .links-actueel a{font-size: 2vw;}
    .testje h2{font-size: 5vw;}
    #main .actueel-titel{font-size: 4.5vw;}
    #main .actueel-tekstje{font-size:3vw;}
    #main .actueel-leesverder{font-size: 3vw;}
    .medewerker-info h4{font-size: 20px !important;}
    .medewerker-info p{font-size: 16px!important;}
    .medewerker-info p a{text-decoration: none;color: #9a9a9a;}
    #main .section-informatie-titel{ font-size: 4.5vw;}
    #main .section-informatie-tekst{font-size: 3vw;top: 22% !important;}
    #section-informatie{height: 100%;}
    .section-informatie-groen{width: 100% !important;height: 100% !important;left: 0!important;}
    .render-informatie{top: 0!important;width: 75% !important;left: 12.5% !important;height: 25%!important;}
    .textje{top: 0!important;height: 10% !important;width: 90%!important;left: 5% !important;font-size: 5vw;line-height: normal;}
    #main .titel{width: 90% !important;left: 5% !important;font-size: 20px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 3.6;letter-spacing: normal;  justify-content: center!important; }
    #main .hoi{width: 90% !important;left: 5% !important;
        top: 10% !important; line-height: 90%;}
    .hoi a{font-size: 11px!important;font-weight: normal; font-style: italic;font-stretch: normal;line-height: 1;letter-spacing: normal;position: relative;left: 50%;margin-left: -15%;}
    #nav-container{height: 100%;}
    .kleiner{height: 24%;width: 100% !important;left: 0!important;}
    #home-container{height: 100%!important;}
    .navlogo{-webkit-background-size: contain;background-size: contain;}
    .nav-top{left: 30% !important;width: 70% !important;z-index: 2000; }
    .knopje1{width: 25% !important;}
    .knopje2{width: 25% !important;}
    #header-container{padding-left: 0!important;padding-right: 0!important;height: 15% !important;}
    .top-left{ height: 50% !important;  top: 25% !important;}
    .top-left a{font-size: 2vw}
    .top-left h6{font-size: 2vw;margin-top: 5%;}
    .top-right{width: 30% !important;}
    .top-right h1{font-size: 2vw}
    .tekst1 h1{font-size: 34px!important;}
    .tekst2 h1{font-size: 40px!important;}
    .tekst3 h1{font-size: 20px!important;}

    #popup{position:absolute;width: 100%;height: 125%;background: rgba(0, 0, 0, 0.75);z-index: 1000000;display:none;}
    .innercookie{
        width: 100%;
        height: 50%;
        left: 0;
        top: 20%;
        position: relative;
    }
    .cookietekst{position: relative;
        top: 0;
        height: 35%;
        width: 70%;
        left: 15%;}
    #cookiebutton{
        position: absolute!important;
        height: 50px;
        width: 200px;
        top: 85%;
        left: 50%;
        margin-left: -100px;
    }
    .learnmorelink{
        position: absolute;
        width: 50%;
        height: 20%;
        top: 100%;
        left: 50%;
        margin-left:-25%;

    }
}
@media screen and (min-width: 768px) {
    .container {width: 100%;max-width: 768px;}
}
@media screen and (max-width: 430px) {
    .tekst1 h1{font-size: 26px!important;}
    .tekst2 h1{font-size: 32px!important;}
    .tekst3 h1{font-size: 16px!important;}
}
@media screen and (min-width: 992px) {
    .container {width: 100%;max-width: 992px;}
}
@media screen and (min-width: 1200px) {
    .container {width: 100%;max-width: 1200px;}
}
@media (min-width: 1530px) {
    .container, .plate--container { max-width: 1470px;}
}
#werkgevers-container{
    background: whitesmoke;
    max-width:100%;
    width: 100%;
    height: 40%;
    position: relative;
}
#werknemers-container{
    background: whitesmoke;
    max-width:100%;
    width: 100%;
    height: 40%;
    position: relative;
}
#ondernemers-container{
    background: whitesmoke;
    max-width:100%;
    width: 100%;
    height: 40%;
    position: relative;
}
#vraagstukken-container{
    background: whitesmoke;
    max-width:100%;
    width: 100%;
    height: 40%;
    position: relative;
}
#artikelen-container{
      background: whitesmoke;
      max-width:100%;
      width: 100%;
      height: 40%;
      position: relative;
  }

#overons-container{
    background: whitesmoke;
    max-width:100%;
    width: 100%;
    height: 40%;
    position: relative;
}