@font-face {
	font-family: 'LatoWeb';
	src: url('fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
	src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
		 url('fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
		 url('fonts/Lato-Regular.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}
@font-face {
	font-family: 'LatoWeb';
	src: url('fonts/Lato-Light.eot'); /* IE9 Compat Modes */
	src: url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
		 url('fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
		 url('fonts/Lato-Light.ttf') format('truetype');
	font-style: normal;
	font-weight: 300;
}


/*Portrait*/



/*
@media (orientation: landscape) and (max-width: 1024px)  { :root{font-size:16px;} }
@media (orientation: landscape) and (max-width: 1280px)  { :root{font-size:16px;} }
@media (orientation: landscape) and (max-width: 1920px)  { :root{font-size:16px;} }
@media (orientation: landscape) and (min-width: 1921px)  { :root{font-size:16px;} }
*/	



	
:root
{
	font-size:14px;
	background:#F0F0F0;
	font-family: "LatoWeb";	
	line-height: 1.8;
	letter-spacing:0.05em;
	--pagemrgn: 6vw;
	--pagewdth: 88vw; /* 100 */
	--col2wdth: 43vw; /* 43 2 43 */
	--col3wdth: 28vw; /* 28 2 28 2 28 */
	--colpddng: 2vw;
	--pageover: 0px;
	--fadeover: 0px;
	--colmmrgw: 1vw;
	--colmmrgh: 2vw;	
}

@media (min-aspect-ratio: 1/4) and (max-width: 1300px) { :root{font-size:3.0vw;} }		
@media (min-aspect-ratio: 2/4) and (max-width: 1300px) { :root{font-size:2.5vw;} }
@media (min-aspect-ratio: 3/4) and (max-width: 1300px) { :root{font-size:2.0vw;} }
@media (min-aspect-ratio: 4/4) and (max-width: 1300px) { :root{font-size:1.0vw;} }


/*
@media (orientation: landscape) and (min-width: 1921px)  
{
	:root
	{
		--pagemrgn: calc(50vw - 845px);
		--pagewdth: 1690px;
	}	
}
*/
@media (orientation: landscape) and (min-width:1636px)  
{
	:root
	{		
		--pagemrgn: calc(50vw - 720px);
		--pagewdth: 1440px;
		--col2wdth: 704px; 
		--col3wdth: 459px; 
		--colpddng: 32px;
		--pageover: calc(50vw - 818px);
		--fadeover: calc(50vw - 802px);
		--colmmrgw: 16px;
		--colmmrgh: 32px;
	}	
}

@media (max-width: 1300px)
{
	:root
	{		
		--col2wdth: 88vw; 
		--col3wdth: 88vw; 
	}	
}



html
{
	scroll-behavior: smooth;
}

body
{
	margin:0px;
	box-sizing: border-box;	
}

/* Geen fancy href's */ 
a
{
	text-decoration:none;
	color:#000;
	white-space: nowrap;
}

header
{
	position:fixed;
	top:0px;	
	z-index:9;
	background:#FFFFFF;
	width:100vw;					
	height: 5rem;				
	max-width:100%;
}

menu
{	
	vertical-align: top;
	display:inline-block;
	font-weight:bold;
	padding:0;
}

/* Menu items als block */ 
menu li
{
	display:inline-block;
	margin-right: 2rem;	
	line-height:3rem;	
}	


/* Zorgmuiters logo */
#logo
{
	height:3rem; 
	width:9.5rem; 
	margin-left: var(--pagemrgn);
	margin-top: 1rem;
	overflow:hidden;
	object-fit:cover;
	object-position: 0px 0px;
}		
			
/* Hamburger menu */ 
#brgr
{
	display:none;
	overflow:hidden;
	height:2rem;
	width:2rem; 
	right: var(--pagemrgn);
	top: 1.5rem;
	z-index:2;
	position : absolute;	
}

/* Button beschikbare plekken */ 
#plce
{
	display:inline;
	background:#16ABCC;
	border-radius:1.5rem;
	color:#FFFFFF;
	height:3rem;
	position : absolute;	
	top: 1rem;
	right:var(--pagemrgn);
	line-height:3rem;
	padding:0 1rem 0 1rem;
	cursor:pointer;				
}

#plce a
{
	color:#FFFFFF;
}

/* Stukje onder het menu om te voorkomen dat pagina onder menu schuift. */
#fill
{
	min-height: 5rem;
	width:100vw;	
	max-width:100%;				
}

/* Container */ 
.cntr
{
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	scroll-snap-type: x mandatory;	
	max-width:100%;	
	display: grid;
	grid-auto-rows: 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.cntr > div
{
	scroll-snap-align: center;	
	margin: var(--colmmrgh) var(--colmmrgw) var(--colmmrgh) var(--colmmrgw);	
}

.cntrMous
{
	cursor:grab;
}

.cntrMous > div
{
	scroll-snap-align: unset;	
}

.cntr::-webkit-scrollbar 
{
	display: none;
}

.cntr > div:first-child
{
	margin-left:var(--pagemrgn) !important;	
}
		
.cntr > div:last-child
{
	margin-right:var(--pagemrgn) !important;
}

.cflx
{
	width:var(--pagewdth);
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}


/* Kaarten */
.col1
{
	width: var(--pagewdth); 
}

.col2
{	
	width: var(--col2wdth); 
}

.col3
{
	width: var(--col3wdth); 
}

.full
{
	width: var(--pagewdth);
}

#osm-map
{
	width: 100%;
	display: block; 
	position: relative;
	aspect-ratio: 16 / 9;
	z-index:1;
}

article
{
	border-radius:1.2rem;
	font-size:1.2em;					
	display: inline-block;				
	overflow:hidden;
	white-space: normal; 		
	width:100%;
	height:100%;
	position:relative;
	font-weight:300;
	
	
}

.hero .tblk
{
 font-weight: normal;
 font-size: 1.4rem; 
}

article li
{
	/*margin-bottom:1em;*/
}

.single
{
	border-radius:0;
}

article img 
{
	width:100%;
	display: block;
}

.hero
{
	height:70vh;	
	/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;	*/
	text-shadow: 2px 2px 2px #000;
	color:#FFFFFF;
}

.hero article
{
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; 
	line-height: 1.2;
}

.colm .tblk
{
	background-color:#FFFFFF;
	height:100%
}

.colm img
{
pointer-events: none;
}

.tblk
{
	display:inline-block;
	padding-left:var(--colpddng);
	padding-right:var(--colpddng);
	margin: 0;
	box-sizing:border-box;
	width:100%;
}

.hero .tblk
{
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 50%;	
}

/*
.single .tblk
{
	padding-left:0;
	padding-right:0;
}*/

.single h1, .colm h1, .flex h1, .header h1
{
	text-align:center;
}

.single article
{
	/*width:70%;
	//margin-left:15%;*/
	border-radius:0;
}

.single .tblk
{
	width:70%;
	margin-left:15%;
}

/* Header "Waarden" */ 
.header > div, .header h1 
{
	margin:0;
}

/* Overlay image */
.imgo
{
	/* Title over de afbeelding */
	position:absolute;
	top:0;
	color:#FFFFFF;
	/*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
	text-shadow: 2px 2px 5px #000;
	font-size:2.2em;	
	
	text-align: center;	
	width: 100%;
	left: 0;/*calc(-0.5 * var(--colpddng));*/	
}

.single img:first-child
{
	aspect-ratio:4/1;
	object-fit:cover;	
}

.flex
{
}

.team
{
	width:18em;
	background-color:#FFFFFF;
	padding:1em;
	margin:1em;	
}

.team .tblk
{
	padding-left:0;
	padding-right:0;
}

.team img
{
	border-radius:50%;
	width:12em;	
	margin-left:2em;
}

#CTA
{
	background-color: #353535;
	color: #FFFFFF;
	position:relative;
	z-index:9;
}

#CTA td
{
	padding: 5em;
}

#CTA p
{
	font-size:1.5em;
}

footer
{
	background-color: #000000;
	color: #FFFFFF;
	position:relative;
	z-index:9;

}

footer a 
{
	color: #FFFFFF;
}

footer table
{
	margin-left:var(--pagemrgn);
	margin-right:var(--pagemrgn);
	margin-top:6em;
	margin-bottom:6em;
}

footer td
{
	width:30vw;
	padding:0.4em;
}


#BRgt, #BLft
{
	position:fixed;
	top:0;	
	bottom:0;
	background:#FFFFFF;
	width:var(--pageover);
	z-index:4;
}

#BLft
{
left:0;	
background: linear-gradient(to right, #F0F0F0 95%, transparent 100%);
}

#BRgt
{
right:0;	
background: linear-gradient(to left, #F0F0F0 95%, transparent 100%);
}


#ghnl
{
	width:var(--pagewdth);
	margin-left:var(--pagemrgn);
	margin-right:var(--pagemrgn);
	margin-top:2em;
	border:0;
	overflow:hidden;
}


/* Horizontaal centreren */
.hctr
{
	margin: 0 auto;
	display: table;				
}

/* Verticaal centreren */
.vctr
{
	margin: 0;
	position: relative;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

hero article
{
	padding-left:var(--colpddng);
	width: 50%;
}

/* Dots  */ 
.dots
{
	font-family: Arial, sans-serif;
	overflow:visible ;
	cursor:pointer;
}

.circle
{
	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA1LjEuOWxu2j4AAAC2ZVhJZklJKgAIAAAABQAaAQUAAQAAAEoAAAAbAQUAAQAAAFIAAAAoAQMAAQAAAAIAAAAxAQIAEAAAAFoAAABphwQAAQAAAGoAAAAAAAAAYAAAAAEAAABgAAAAAQAAAFBhaW50Lk5FVCA1LjEuOQADAACQBwAEAAAAMDIzMAGgAwABAAAAAQAAAAWgBAABAAAAlAAAAAAAAAACAAEAAgAEAAAAUjk4AAIABwAEAAAAMDEwMAAAAABMz8BIJY/XoAAAA99JREFUeF7tm8tLFXEUxz+ORVpY2S0IWtTGogw02wVFVBYEGe0C27UIWtSqtOzxN0TRY9lGcBVB0QMDe1BYYrpQIjBIKBcSReGLut4251fH47Wu3Zl77/ymD1wc5nzncY7z+M0551dGtJQDy4FtwHZgDDgE1Fmh0A/cApYAz4DnwGcgbYVhUWZXhEQjsB/YJI5XWkGOTABPgUHgHvDQCvIlzACkgGPADmCfsY0BH4BFwB2gF1hgND+ALcABYApYI1eC5iHwGLgBfDK2opEC2oCPQEb9hoGbQLM4Rhans+E09bLtTdmX3vcIcE6OXVRa5GTciU0BPcBxYLEV58Fi2WcPMGkC0WrFhaAG6FQnkgY6gAYrjIAGOVZaHb8TWG+FUbELGFIHHwIOW1EBqAOeqPMYBU5bUdicN/fiiTye8GFQKeegz+mCFYWFdv6tPKBKhVqgO8ogaOdfAdVWUAJUAy+jCIJ1foUVlBChByFOzjtsEC5aQa7siqHzDhuEPVbwN2rUq+5tid7zf6NaPRjfARus4E/oQU4pPe3nS63y45E1zkWL2uikNcYQPU44Y42WlBrbD4U8ni8WlWrEOAKssgJNmwjTRRreRkWd+nY4b42OlPqk7bBGD+hQV8FKawQ4K4IpYKs1ekCDJF0ycqXP4oEYe6zBI9rFx1mptbUqOset0SOa1BthRtquVVYOZ8nD+UQV8F58vQQQyG+3CLokgekr38RHgI0u/5gCxiUqR2bqvaRZfJ0AVgVStKiU//yAVXvIgPhaAWwLpHCB5O1fG7GP9ImvuAC4e74ix7x93FkgBRrkoUif3BNXZuq85rL4/CNQhcpeI/IZd6uXB2rlQrXsO79udR2ARPI/AHZF0tAB+K6WE0MgbSkUqLJbKpTL3/5AenKQzowkDITKgKOyfDtQn7+TkhPwnQywTJYXBdKEhPTkuFYWn6kHVsvyOAn+HJ4C1gXAF3UV7DViH3E+dgHDgeTLB2XlTmCpEvtGlfgI8AaYdoZGlSw8+FvvHXMmRQHui6HdGjzCpcVHslW8XWEknYDCSNbyWOJLY5jiaL01xpiciqOY8vjTJJbHSXqDhEO3yGy2xhjxTy0ySJPUqGzYHbMOMYdukhqdb5MUwCkVvbi3ybVYQa4kulHSEacgWOfzbpV1xCEI1vm7VpAvOgjdJfZ2iLxd3mEnTJxM0oQJxyn1iszIiLEYw+aiTJlxJHrSlMZOm0vLN3eTq72HRJXss1190maKOW1OU4iJk66zSzseysTJuE2dHQGuAtfCmjobZgA0UU2efilZ7NCIKgCO+U6fnwauA1+BF4WYPv8T62FsD+ZgeL8AAAAASUVORK5CYII=");
	width: 1.5em;
	height: 1.5em;
	margin:0.5em;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.dot
{
	content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCA1LjEuOWxu2j4AAAC2ZVhJZklJKgAIAAAABQAaAQUAAQAAAEoAAAAbAQUAAQAAAFIAAAAoAQMAAQAAAAIAAAAxAQIAEAAAAFoAAABphwQAAQAAAGoAAAAAAAAAYAAAAAEAAABgAAAAAQAAAFBhaW50Lk5FVCA1LjEuOQADAACQBwAEAAAAMDIzMAGgAwABAAAAAQAAAAWgBAABAAAAlAAAAAAAAAACAAEAAgAEAAAAUjk4AAIABwAEAAAAMDEwMAAAAABMz8BIJY/XoAAAAolJREFUeF7tm8tqFEEUhr8uBQURIqOYla5i0I37ARWiImTn0ifQF4jj3VdQkOBbiAuvRBAVBVdmE9zoQsQRxqAElCAmujkF7UmZmTjVPV118sEP09U13fWfLrqru04VVMsWYAxoA0eA78Bp4LCuKMwDd4AdwAvgJfAVWNEVY1HogkicBKaBQ8BRYLuuMCDLwDNgAXgAPNYVmkQLuAQ8BH5XpEdyjpY++ShpAZeBbqDBVakLXGlCIDo1G9fqAhd0o+pgApgLNGhUmgMO6EZWxRTwLtCIUasHnNeNjc3VwImbpmu60bFIwbxX9CCkZN4rWhBSNO81dBBSNu91XZsalKnAwVLVCW2uHxMNfdT9r94Dk9rkejRpkBNLT7TJf9EJ/DkXXdRmNa0Rj+2r1mdgT9mwK28A54BxVZYTe8VjkNyvvlcX2O1Nl3vA2cyvvmdcvIIKwLHS79xZ43U/8CvQXXLWKUo94Ix8wbXENBIABxzXew1wENhayN3/4xCfrlNlGdjnZNLCmnnEc9vJjI1V2k6mq6yyswDerDNXlzsrhTwTzaJfhsyxGQBdYI3NAOgCazhJS7HKvJOcHKvcdZKQZJVtDniuSw3xw/Lr8E9g0gHfJBXNGk+BD06SEBf0XgO8BVb9OOC+2mmBNZ6rTHBsmrrALtRI0NJ9YFZykP/C/NTYInCrtJ0rs8AXXejJvRf0nR5fBG6ospy4KRmlfTGdIoMkSfUCB0lVvY0mSQHMBA6Uqjra3KCYTpT0pByEoVNlPSkG4Z42MSwpBSHaldekEITKzHtmGvqIrGXJjMf0oqkyZpfNlTG9cLJMHUtnP8U2ntri6dfyFTsaVQXAs9Hl86vAbWAJeFXH8vk/u0MF/Tt2yl8AAAAASUVORK5CYII=");
	width: 1.5em;
	height: 1.5em;
	margin:0.5em;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

/* Button wit */
.btnw
{
	display:inline;
	background:#FFFFFF;
	border-radius:2em;
	color:#000000;
	padding:0.4em 3em 0.4em 3em;
	cursor:pointer;		
	text-shadow:initial;
	font-weight:bold;
	white-space: nowrap;
}

/* Read only */
.read
{
	/* Geen tekst selectie bij links */ 
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.LCvr, .RCvr
{
	background:#FFF;
	height:100%;
	width: var(--pageover);
}

#isoC
{
	width:10em;
}

details
{
	background-color:#FFFFFF;
	padding:2em;
}

summary
{
	font-size:1.5em;
	font-style:bold;
}

/*
@media (orientation:portrait)
{
	:root
	{
		font-size:min(4vw,3vh);
	}
}*/

/* Wordt het te smal? Dan schakelen we naar mobiele versie */
@media (max-width: 1300px)
{	
	h1
	{
		font-size:1.5em;
	}
	

		
	menu li
	{
		display: block;
		margin-top:3rem;
	}
	
	menu
	{
		z-index:2;
		width:100vw;
		height:100vh;
		background:#FFFFFF;
		position:absolute;
		top:0;
		left:0;
		padding:0;
		margin:0;
		display: none;		
		font-size:3em;
		line-height:2;
		max-width:100%;
	}	
	
	menu ul
	{
		position:absolute;					
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);	
	}
	
	#brgr 
	{
		display:block;
	}	

	#plce
	{
		right: 16vw; 
	}
	
	.hero  .tblk
	{
		position: relative;
		top: 90%;
		-ms-transform: translateY(-100%);;
		transform: translateY(-100%);;
		width: unset;	
		text-align:center;
	}
	
	.single .tblk
	{
		width:100%;
		margin-left:unset;
	}
	
	.single article	
	{
		width:100%;
		margin-left:unset;
	}	
	
	.team
	{
		width:88vw;
		background-color:#FFFFFF;
		padding:1vmin;
		margin:1vmin;	
	}

	.team img
	{
		border-radius:50%;
		width:32vw;	
		margin-left:28vw;
	}
	
	/* CTA tekst weg bij mobiel */
	.CTAT
	{
		display:none;
	}
	
	#CTA p
	{
		font-size:1em;
	}
	
	#CTA td
	{
		padding: 2em;
	}
	
	
	#isoC
	{
		width:100%;
	}
	
}
/*
@media (min-aspect-ratio: 7/3) 
{
	html
	{
		margin-left: 400px;
		margin-right: 400px;
	}
}*/