@charset "utf-8";
/* CSS Document */

/* Grote desktops en laptops */
@media (max-width: 1200px) {
  /* CSS voor schermen breder dan 1200px */
	

	.blocks-hulp .block-top

 {
    flex: 1 1 calc((100% - (20px * 2)) / 3);

}
	
}

/* Desktops en tablets liggend */
@media (max-width: 1399px) {
  /* CSS voor schermen tussen 992px en 1199px */
		.container , .container-links-rechts, .container-tekstblokken{
    width: 100% !important;   
}
	

	
}

@media screen and (max-width: 980px) {

.list_category_item, .project, .grid-sizer {
    width: 24%;
    }

}


/* Tablets staand en smartphones liggend */
@media  (max-width: 991px) {
  /* CSS voor schermen tussen 768px en 991px */
	
	.small {width:100%!important; margin:0 auto;}
}

/* Smartphones staand */
@media (max-width: 768px) {
	
	.list_category_item, .project, .grid-sizer {
    width: 31%;
    }
	
	#logo {
    width: 150px !important;   
}
	#topwrapper {height:95px !important;}
	
	.small {width:100%!important; margin:0 auto;}
.container {
        flex-direction: column; /* Zorgt ervoor dat de blokken onder elkaar komen te staan */
        align-items: center;    /* Centreert de blokken op het scherm */
    }

    .block {
        width: 100%; /* De blokken nemen de volledige breedte in op mobiel */
        margin-bottom: 40px; /* Voegt wat ruimte toe tussen de blokken */
    }
	   .footer-content {
        flex-direction: column; /* Zet de blokken onder elkaar */
        gap: 10px; /* Voeg ruimte toe tussen de blokken op mobiel */
    }

    .footer-block {
        width: 100%; /* Zorg ervoor dat de blokken de volledige breedte innemen */
    }
	.footer-block h3, .footer-block p {
		text-align:left !important
	}
	.container-links-rechts .row {
        flex-direction: column; /* Zorgt ervoor dat de blokken onder elkaar komen te staan */
        gap: 20px; /* Optionele ruimte tussen de blokken op mobiel */
    }

    .container-links-rechts .block {
        width: 100%; /* Zorg ervoor dat de blokken de volledige breedte innemen */
		margin-bottom: 0px;
    }
	.image-left {
    order: 1; /* Plaatst de afbeelding links */
}
	.empty {
        padding-bottom: 0px;
		padding-top:0;
		margin-bottom: 0;
  }
	#tekstvak { margin-bottom:40px;
	}
	.tekstblok{
        flex: 1 1 100%; /* Zorgt ervoor dat de blokken de volledige breedte innemen */
        margin-bottom: 20px; /* Voeg ruimte toe onder elk blok */
    }
	
	.banner-container-volg {
       height: 195px;
	}
	.banner-container-volg .banner-content {
    min-height: inherit;
    padding: 0 0 30px;
}
	
	
  /* CSS voor schermen kleiner dan 768px */
}

@media (max-width: 680px) {
	
	.list_category_item, .project, .grid-sizer {
    width: 49%;
    }
	
	    .blocks-hulp .block-top {
        flex: 1 1 calc((100% - (20px * 1)) / 2);
    }
	
.mx_logoscroller_item img {
max-height: 90px !important;

}
	
	.banner-container{ }	
	.banner-container-volg .banner-content h1 {font-size:24px;}
}