@media screen and (min-width: 2500px) {

	.col-xl-3{
		max-width: 14%;
	}
}



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


	.container-fluid{
		width: 90%!important;
	}


}


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



}

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

}

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

.topbalk ul li {
	margin-left:15px;
}

.topbalk ul li:first-child {
	margin-left:0;
}

.vervolg-header .content {
	width:90%;
}

.vervolg-header figure {
	height:100%;
	width:100%;
}

.vervolg-header figure img {
	object-fit: cover;
	height:100%;
	width:100%;
}

.contact .formulier-box {
	margin-bottom:50px;
}

.vragen .content-links {
	margin-left:50px;
	margin-right:50px;
}

.header-content h1 {
	font-size:45px;
}

header ul li.usp-rondje {
	margin:0px;
}

.header-content {
	margin-top:100px;
	margin-bottom:100px;
}

.single-projecten .projecten-content .content {
	width:90%;
}

.galerij figure {
	height:200px;
}

.single-projecten {
	padding-bottom:50px;
}

footer h3 {
	font-size:25px;
}

.medewerker-popup {
	width: 80%;
}

.header-nieuw h1 {
	font-size: 50px;
}

.header-nieuw h2 {
	font-size: 25px;
}

.header-nieuw .content-container {
	width: 90%;
}

}

@media screen and (max-width: 800px) and (orientation: landscape) {


	/*.orientation-notice{
		width: 100vw;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		background-color: rgba(57, 57, 57, 1);
		z-index: 9999999999;
		display: block;
	}

	.orientation-notice-inner{
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		position: absolute;
		text-align: center;
		font-size: 18px;
		color: #ffffff;
		width: 80%;
	}

	.orientation-notice .logo-inner {
		width:75px;
		height:75px;
		margin-bottom:20px;
	}

	.orientation-notice .logo {
		padding-top:0;
	}*/

.header-nieuw {
	padding-top:50px;
}

.desktop, .topbalk {
	display: none;
}

.mobiel {
	display: block;
}

.topbalk .contactgegevens a {
	margin-right:0;
}

.vragen .sectie-titel {
	font-size:40px;
}

.bottom-bar {
	z-index:9999;
	display: block;
	position: fixed;
	bottom:0;
	left:0;
	width:100vw;
	height:70px;
	background:#393939;
	border-top:1px solid #fff;
}

.bottom-bar-left {
	float:left;
	width:50%;
	height:100%;
}

.bottom-bar-right {
	float:right;
	width:50%;
	height:100%;
}

.bottom-bar-left .bottom-bar-item {
	border-right:1px solid #fff;
}

.bottom-bar-right .bottom-bar-item {
	border-left:1px solid #fff;
	float:right;
}

.bottom-bar-item {
	display: inline-block;
	width:70px;
	text-align:center;
}

.bottom-bar-item i {
	width:100%;
	color:#fff;
	line-height:70px;
	font-size:20px;
}

.contact .contactgegevens {
	margin-top:50px;
}

/* MENU */

nav.menu-responsive{
	display: block;
	position: fixed;
	left: 0;
	top: -20000px;
	background-color: rgba(57, 57, 57, 0.9);
	color: #ffffff;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
	overflow-y:scroll;
}

nav.menu-responsive .menu-header-container {
	display: block;
}


.menu-responsive.open{
	top: 0;
}

.menu-home{
	position: absolute;
	top: 30px;
	left:30px;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
}

.menu-home a{
	color: #ffffff;
}

.menu-sluiten{
	position: relative;
	top: 30px;
	right:30px;
	float:right;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
}

.menu-links{
	width: 100%;
	float: left;
	margin-top: 10vh;
}

.menu .menu-rechts{
	font-size:25px;
	width: 30%;
	float: right;
	margin-top: 25vh;
}

.menu .menu-rechts a {
	color:#fff;
}

.menu-rechts a.button-donkerblauw {
	font-size:15px;
}

.menu .menu-rechts .contact-container {
	margin-bottom:20px;
}

.menu .menu-rechts .icon {
	width:40px;
	text-align:center;
	margin-right:20px;
}

.menu-links ul {
	padding: 0;
	margin: 0;
	margin-left:20px;
}

.menu-links ul li {
	display: block;
	list-style-type: none;
	width:100%;
	margin-bottom:10px;
}

.menu-links ul li a {
	font-size: 30px;
	color: #ffffff;
	font-weight: 400;
	display: block;
	font-family:'JosefinSans Regular', sans-serif;
	/*text-transform: uppercase;*/
}

.menu-links ul li a .menu-rondje {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 26px;
	border: 2px solid #d4d4d4;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 18px;
	margin-right: 15px;
	margin-top: 10px;
}

.menu-rechts .contact-mail,.menu-rechts .contact-tel {
	font-size: 24px;
	display: block;
	margin-bottom: 25px;
}

.menu-rechts .contact-mail i,.menu-rechts .contact-tel i {
	color: #fff;
	margin-right: 25px;
}

.menu-rechts .knop {
	display: block;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.menu .menu-rechts ul {
	padding: 0;
	margin: 0;
}

.menu .menu-rechts ul li {
	display: block;
	list-style-type: none;
}

.menu .menu-rechts ul li a {
	font-size: 24px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 30px;
	display: block;
	text-transform: uppercase;
}

.menu .menu-rechts ul li a .menu-rondje {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 20px;
	border: 2px solid #d4d4d4;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 14px;
	margin-right: 15px;
	margin-top: 3px;
}	

.language-switch{
	display: grid;
	grid-template-columns: repeat(3, 40px);
	position: absolute;
	right: 0;
	margin-inline: auto;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	top: 50px;
	justify-content: center;
}

.placeholder, .menubalk {
	display: none;
}

/* TEKSTVAK MET AFBEELDING */

.tekstvak-met-afbeelding figure {
	height:350px;
}

/* CTA */

.cta {
	padding:50px 0px 75px 0px;
}

.cta .content-container {
	margin:30px 0px 0px 0px;
}

/* FOOTER */

footer {
	padding:50px 0px;
}

footer .footer-box {
	margin-bottom:30px;
}

/* FILOSOFIE OVERZICHT */

.filosofie-box h3 {
	font-size:22px;
}

/* FAQ */

.vragen figure {
	height:250px;
}

/* DIENSTEN */

.diensten-popup {
	width:90%!important;
}

/* PROJECTEN */

.projecten figure {
	height:350px;
}

}

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

	.ambassadeur-overzicht .ambassadeur-box figure {
		height:200px;
	}

	.vragen .content-links {
		margin:0;
		margin-bottom:20px;
		width:100%;
	}

	.vragen .content-container {
		margin-top:50px;
		margin-bottom:50px;
		margin-left:50px;
	}

	.header-nieuw .content-container {
		width: 90%;
	}

	.header-nieuw h1 {
		font-size: 40px;
	}

	.header-nieuw h2 {
		font-size: 25px;
	}

	.header-nieuw .button-container {
		margin-top: 30px;
	}

	.header-nieuw figure.video-thumbnail {
		width: 95%;
		margin-left: 0%;
	}

	.header-nieuw .pattern-blok {
		width: 80%;
	}

	.video-popup, .diensten-popup {
		width: 90%;
	}

	.filosofie .owl-carousel .owl-controls {
		right: -80px;
	}

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

	.header-nieuw figure.pattern-blok {
		top: auto;
		bottom: 0;
		height: 40%!important;
		width: 100%;
	}

	.header-nieuw figure.video-thumbnail {
		margin: 0 auto;
		margin-top: 50px;
		margin-bottom: 50px;
	}

	.header-nieuw figure iframe {
		height: 300px!important;
		object-fit: contain;
		object-position: center center;
	}

	.header-nieuw figure.video-thumbnail {
		width: 90%;
	}

	.header-nieuw .button-container {
		margin-top: 30px;
	}

	.header-nieuw .button-container .button a {
		padding: 10px 15px!important;
	}

	.header-nieuw .muis-scroll {
		display: none;
	}

	.filosofie .filosofie-box .pattern-blok .overlay {
		 background: rgba(255, 217, 0, 0.4);
	}

	.filosofie .filosofie-box i {
		color: #fff;
		text-shadow: 2px 2px 5px #000000;
	}

	.filosofie .filosofie-box {
		height: auto!important;
		width: 95%;
	}

	.diensten-popup, .video-popup {
		width: 100%;
		height: 80%;
		overflow-y: scroll;
	}

	.tekstvak-met-afbeelding .content-container {
		margin-top: 50px;
		margin-bottom: 100px;
	}

	.tekstvak-met-afbeelding figure {
		position: relative;
		height:300px;
	}

	/* == TIJDLIJN == */

	.tijdlijn {
		margin:50px 0px;
	}

	.tijdlijn .quote {
		margin-bottom:30px;
	}

	.tijdlijn .tijdlijn-row:first-child {
		margin-top:50px;
	}

	.tijdlijn .sticky-content {
		position: relative!important;
		top:0!important;
	}

	.tijdlijn .tijdlijn-progress {
		align-items: start;
	}

	.tijdlijn .tijdlijn-progress .line {
		margin-left:10px;
	}
}

/** MOBILE SMALL **/

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

.language-switch{
	display: grid;
	grid-template-columns: repeat(3, 40px);
	position: absolute;
	right: 0;
	margin-inline: auto;
	left: 50%;
	text-align: center;
	transform: translate(-50%, -50%);
	top: 50px;
	justify-content: center;
}

.menu-responsive .menu-links li:first-child{
	display: none;
}
.desktop {
	display: none;
}

.mobiel {
	display: block;
}

.topbalk .contactgegevens a {
	margin-right:0;
}

.vragen .sectie-titel {
	font-size:40px;
}

.bottom-bar {
	z-index:9999;
	display: block;
	position: fixed;
	bottom:0;
	left:0;
	width:100vw;
	height:70px;
	background:#393939;
	border-top:1px solid #fff;
}

.bottom-bar-left {
	float:left;
	width:50%;
	height:100%;
}

.bottom-bar-right {
	float:right;
	width:50%;
	height:100%;
}

.bottom-bar-left .bottom-bar-item {
	border-right:1px solid #fff;
}

.bottom-bar-right .bottom-bar-item {
	border-left:1px solid #fff;
	float:right;
}

.bottom-bar-item {
	display: inline-block;
	width:70px;
	text-align:center;
}

.bottom-bar-item i {
	width:100%;
	color:#fff;
	line-height:70px;
	font-size:20px;
}

.contact .contactgegevens {
	margin-top:50px;
}

/* MENU */

nav.menu-responsive{
	display: block;
	position: fixed;
	left: 0;
	top: -200%;
	background-color: rgba(57, 57, 57, 0.9);
	color: #ffffff;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
	overflow-y:scroll;
}

nav.menu-responsive .menu-header-container {
	display: block;
}


.menu-responsive.open{
	top: 0;
}

.menu-home{
	position: absolute;
	top: 30px;
	left:30px;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
}

.menu-home a{
	color: #ffffff;
}

.menu-sluiten{
	position: relative;
	top: 30px;
	right:30px;
	float:right;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
}

.menu-links{
	width: 100%;
	float: left;
	margin-top: 10vh;
}

.menu .menu-rechts{
	font-size:25px;
	width: 30%;
	float: right;
	margin-top: 25vh;
}

.menu .menu-rechts a {
	color:#fff;
}

.menu-rechts a.button-donkerblauw {
	font-size:15px;
}

.menu .menu-rechts .contact-container {
	margin-bottom:20px;
}

.menu .menu-rechts .icon {
	width:40px;
	text-align:center;
	margin-right:20px;
}

.menu-links ul {
	padding: 0;
	margin: 0;
	margin-left:20px;
}

.menu-links ul li {
	display: block;
	list-style-type: none;
	width:100%;
	margin-bottom:10px;
}

.menu-links ul li a {
	font-size: 30px;
	color: #ffffff;
	font-weight: 400;
	display: block;
	font-family:'JosefinSans Regular', sans-serif;
	/*text-transform: uppercase;*/
}

.menu-links ul li a .menu-rondje {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 26px;
	border: 2px solid #d4d4d4;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 18px;
	margin-right: 15px;
	margin-top: 10px;
}

.menu-rechts .contact-mail,.menu-rechts .contact-tel {
	font-size: 24px;
	display: block;
	margin-bottom: 25px;
}

.menu-rechts .contact-mail i,.menu-rechts .contact-tel i {
	color: #fff;
	margin-right: 25px;
}

.menu-rechts .knop {
	display: block;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.menu .menu-rechts ul {
	padding: 0;
	margin: 0;
}

.menu .menu-rechts ul li {
	display: block;
	list-style-type: none;
}

.menu .menu-rechts ul li a {
	font-size: 24px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 30px;
	display: block;
	text-transform: uppercase;
}

.menu .menu-rechts ul li a .menu-rondje {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 20px;
	border: 2px solid #d4d4d4;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 14px;
	margin-right: 15px;
	margin-top: 3px;
}	

.placeholder, .menubalk {
	display: none;

}

/* == VIDEO == */

.video-sectie figure {
	width:100%;
}

/* == FOOTER == */

.footer-box {
	margin-bottom:30px;
}

/* == HEADER == */

.header-content h1 {
	font-size:35px;
	line-height:auto;
}

.header-content {
	margin:0 auto;
	width:90%;
	margin-top:50px;
	margin-bottom:50px;
}
/* 
.header-carousel figure, header figure {
	height:300px!important;
} */

.header-carousel-outer {
	float:left;
}

header .owl-controls {
	display: none;
}

.sectie-titel {
	font-size:35px;
}

.header-content h1 span::before { 
	height:10px;
}

/* == CTA == */


.cta {
	padding-top:50px;
	padding-bottom:75px;
}
.cta h2 {
	width:100%;
	top:auto;
	transform:none;
}

.cta .content-container {
	margin-top:0;
	margin-bottom:0;
}

/* == DIESNTEN CONTENT == */

.single-diensten figure {
	height:300px;
}
.diensten-content.links, .diensten-content.rechts {
	margin-right:0;
	width:90%;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:50px;
}

/* == SINGLE BLOG == */

.single-blog .inhoudsopgave ol li a {
	color: var(--zwart);
}

.single-blog .blog-info {
	display:flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.single-blog .blog-info .blog-datum {
	width:100%;
	justify-content: flex-start;
}

/* == CTA MET FORM == */

.cta-met-formulier {
	margin-top:0;
}

.cta-met-formulier .formulier-box {
	width:100%;
}

.cta-met-formulier .formulier-box .form-wrapper {
	position: relative;
}

/* == SCROLL == */

.topbalk.scroll {
	position: relative;
}

.placeholder {
	display: none!important;
}

/* MEDEWERKER */

.medewerker-popup {
	width: 90%;
	top: 0;
	left: 0;
	transform: none;
	width: 100vw;
	height: auto;
	overflow-x: scroll;
}

}

@media screen and (max-width: 495px) {
	.header-nieuw .button-container .button:first-child {
		margin-bottom: 25px;
	}

	.header-nieuw .content-container {
		padding-top: 50px;
	}

	.header-nieuw h2 {
		font-size: 22px;
	}

	.filosofie-box {
		width: 95%;
	}

	.filosofie .owl-carousel .owl-controls {
		right: -55px;
	}

	.filosofie .owl-controls i {
		font-size: 40px;
	}

	.header-nieuw .button-container .button:first-child {
		margin-right: 10px;
	}

	.video-popup iframe {
		width: 100%!important;
	}

	/* == WERELDKAART == */

	/* .wereldkaart .map-container {
		width:1000px;
		overflow:auto;
	} */

	.wereldkaart .scroll-x {
		border:1px solid #000;
		/* height:500px; */
		width:90%;
		left: 5%;
		aspect-ratio: 1 / 1;
	}

	.wereldkaart svg {
		transform: scale(1.8);
		width:1000px;
		height:600px;
		margin-top:50%;
		margin-left:-50%;
	}

	.wereldkaart-popup {
		left:0;
		top:0;
		width:90%;
		left:5%;
	}
}

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

	.header-nieuw .content-container > h1{
		font-size: 3rem;
	}
	.header-nieuw h1::before {

		bottom: 9px;
	}

	.header-v3 .content-container {
		width:100%;
	}

	.header-v3 .content-container .content {
		padding-left:5%;
	}
}


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

	header ul li.usp-tekst {
		font-size:15px;
	}

	a.button-blauw {
		font-size:15px;
		padding:15px 18px!important;
	}

	.header-content h1 strong::before {
		height:10px;
	}

}

@media screen and (max-width: 347px) {
	.header-nieuw .content-container > h1{
		font-size: 2.6rem;
	}
	.header-nieuw .content-container > h2{
		font-size: 1.6rem;
	}
}