@charset "utf-8";



/* VIEW: Desktop+ */
@media only screen and (min-width: 760px), screen and (min-width: 760px) and (-webkit-device-pixel-ratio: 2){


}

/* VIEW: Responsive (alles) */
@media only screen and (max-width: 759px), screen and (max-width: 759px) and (-webkit-device-pixel-ratio: 2){

	.layout.pm_flow	{
		font-size: 2vw;
		line-height: 1.5em;
	}

	body#layout.pm_flow #layer1 {
		top: 0;
	}



	body.pm_flow.layout h1, body.pm_flow.layout .h1 {
		font-size: 3em;
	}
	body.pm_flow.layout h2, body.pm_flow.layout .h2 {
		font-size: 2em;
	}
	body.pm_flow.layout h3, body.pm_flow.layout .h3 {
		font-size: 1.5em;
	}
	body.pm_flow.layout h4, body.pm_flow.layout .h4 {
		font-size: 1.3em;
	}

	body#layout.pm_flow #topbar {
		display:none;
	}

	body.pm_flow.layout.__menu-open #topbar{
	}

	body.pm_flow.layout .pgroup{

	}
	body.pm_flow.layout .pblock.contact-block{
		margin: 4%;
	width: 92%;
	margin-bottom: 8%;
	}
	body.pm_flow .pblock.square-block{
		width: 100vw;
		height: 100vw;
		background-size: cover;
		background-position: center;
	}
	body.pm_flow .flex-image{
		width:100%!important;
		height:auto!important;
	}
	.pgroup.vraag-groep ._titel {
		position:relative;	
	}
	
	body.pm_flow .pgroup.t-slide.__5{
		background-color: #f7931e;
	}
	
	
	body.pm_flow .pblock.m1{
		width:50%;
		clear:none;
		min-height:50vh;
		background-size: cover;
	}
	body.pm_flow .pblock.m2{
		width:50%;
		clear:none;
		min-height:25vh;
	}
	body.pm_flow .pblock.m3{
		width: 100%;
		clear: none;
		min-height: 50vh;
		background-size: 100% auto;
		background-position: center;
	}
	body.pm_flow .pblock.m4{
		width: 100%;
		clear:none;
		min-height:25vh;

		background-size: 100% auto;
		background-position: center;
	}
	
	
	body.pm_flow .pblock.__contain{
		background-size: contain;
	}
	body.pm_flow .pblock.__cover{
		background-size: cover;
	}
	
	body.pm_flow .pblock.__bg-right{
		background-position: right top;
	}
	
	.foto-links-onder,
	.foto-links{
		width: auto !important;
		height: 100% !important;
		left: 0;
		top: 0;
		bottom: auto;
	}
	.faq-cnt {
		width:100%;	
	}
	a.bttn-go{
		background-size: 5vw auto;
		padding-right: 7vw;
		font-size: 3vw;
		line-height: 2em;
		text-align: right;
		display: block;
	}
	
	body.pm_flow .pblock.m1 .foto-links-onder{
		height: auto !important;
		width: 80% !important;
		top: auto !important;
		bottom: 0 !important;
	}
	body.pm_flow .pgroup.pop-group{
		min-height:100vh;
	}
	body.pm_flow .pgroup.pop-group .pgroup_l2{
		width: 80vw;
		margin-top: 10vh;
		margin-left: 10vw;
	}
	body.pm_flow .pgroup.pop-group .pgroup_l2 .module-inhoud{
		height: 80vh;
		padding-top: 57vh;
		background-size: auto 54vh;	
		padding-bottom: 5vh;
	}
	body.pm_flow .pgroup.pop-group .pgroup_l2 .module-link {
		width: auto;
		height: auto;
		position: absolute;
		right: 0;
		bottom: 0;
		line-height: 1em;
		/* top: 0; */
		left: 0;
		background-color: #000;
		color: #FFF;
		box-sizing: border-box;
		padding: 2vw;
	}
	body.pm_flow .pgroup.pop-group .pgroup_l2 .module-link a.bttn-go{
		float: right;
		font-size: 1em;
	}
	body.pm_flow a.pop-close{
		background-size: auto 100%;
	}
	

}


/* VIEW: Smartphones */
@media only screen and (max-width: 479px), screen and (max-width: 479px) and (-webkit-device-pixel-ratio: 2){

body.pm_flow #topbar #headerbar a._bttn {
	margin: 3vw 2vw;
	font-size: 3.5vw;
}
body.pm_flow #topbar .logo {
	width: 10vw;
	height: 10vw;
	margin-left: 2vw;
}
}

/* Uitzonderingen voor landscape modus op de meeste smartphones */
@media only screen and (max-width: 480px) and (orientation:landscape), screen and (max-width: 480px) and (-webkit-device-pixel-ratio: 2){


}