@charset "utf-8";

/* ----------- RESPONSIVE UIT ----------- */

.pm_flow.hide-sidebar #layer1,
.pm_flow.hide-sidebar_topbar #layer1{
	left: 0;
}
.pm_flow.hide-topbar #layer1,
.pm_flow.hide-sidebar_topbar #layer1{
	top: 0;
}
#landkaart-container {
transition: all 0.3s;	
}
/* VIEW: Desktop+ (alles) */
@media only screen and (min-width: 1680px), screen and (min-width: 1680px) and (-webkit-device-pixel-ratio: 2){
/*
      body.pm_flow .pblock.full_screen .fs,
      body.pm_flow .pgroup.full_screen .pgroup_l1
      {max-width: 1680px;margin:0 auto;}
      
      
      body.pm_flow .pgroup.full_screen .pgroup_l1
      {margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;}
      */
      
	  .pm_flow.layout .pblock.full_screen, .pm_flow.layout #layer2, .pm_flow.layout .pgroup.full_screen, .pm_flow.layout #layer2 #blockArea {
	  	width: 1680px;
	  }

}

@media only screen and (min-width: 1201px), screen and (min-width: 1201px) and (-webkit-device-pixel-ratio: 2) {
	.pm_flow #topbar > ._inner .bttn-menu{		
		display:none;
	}
	
}

@media only screen and (max-width: 1200px), screen and (max-width: 1200px) and (-webkit-device-pixel-ratio: 2) {
	

.pm_flow #topbar .bigger-text{

}

}

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

    .pm_flow #layer2{
		width: 1680px;
	}
	.pm_flow.force_noscale #layer2 {
	    width: 100%;
	}
}


/* VIEW: Desktop only */
@media only screen and (min-width: 760px) and (max-width: 1199px), screen and (min-width: 780px) and (max-width: 1199px) and (-webkit-device-pixel-ratio: 2){
    
    #topbar > ._inner a.menu-item.__home{
		/*display: none;*/
	}

}

/* VIEW: Desktop small */
@media only screen and (min-width: 760px) and (max-width: 1024px), screen and (min-width: 780px) and (max-width: 1024px) and (-webkit-device-pixel-ratio: 2){
	.layout.pm_flow	{
	/*
	font-size: 26px;
	line-height: 1.5em;
	*/
}
}


/* ----------- RESPONSIVE AAN / SCALING UIT ----------- */

/* 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: 14px;
}

    .pm_flow #layer1 {
        left: 0;
    }
    
    .pm_flow #layer2{
		width: 100%;
	}
    .pm_flow #topbar {
        left: 0;
   		right: 0;
    	z-index: 10;
    	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;}

    .pm_flow .default_table input[type="text"],
    .pm_flow .default_table input[type="email"],
    .pm_flow .default_table input[type="tel"],
    .pm_flow .default_table input[type="submit"],
    .pm_flow .default_table textarea{
        font-size: 0.90em;
        padding: 10px 50px 10px 50px;
    }
    .pm_flow label.inp-radio:before,
    .pm_flow label.inp-xcbox:before{
        margin-top: 0;
    }
    .pm_flow .default_table img {
        width: 16px;
        height: 16px;
    }


    .layout.pm_flow footer{
    width: 100%;
    min-height: 480px;
    margin: 0 auto !important;
    padding: 2%!important;
	}
    .layout.pm_flow footer .blok {
    width: 100%;
    float: none;
    min-height: 0;
    height:auto;
    box-sizing: border-box;
    position: relative;
}
    .layout.pm_flow .footerWrapper {
   background-image: none;
}

    .responsive-menu {
        display: block;
        z-index: 99;
        position: absolute;
        top:0;
        left:0;
    }
    nav.topNavigatie ul {
        display: none;
    }
    img.burger-icon {
        display: block;
    }
    .insta.afbeelding-weergave img {
        width: 100%;
        height: auto;
    }
    

.pm_flow .pgroup > .pgroup_l1{
	width: 100%!important;
}


/* site styles */
.pm_flow .button.__left {
    margin-left: -15px;
}
.pm_flow .button.__right {
    margin-right: -15px;
}

.pm_flow .button.__top {
    margin-top: -15px;
    transform: translate(0);
}
.pm_flow .button.__bottom {
    transform: translate(0);
}

.outside-right-bottom {
    transform: translate(0);
}
.outside-left-bottom {
    transform: translate(0);
}


/* top bar */
body.pm_flow #layer1 {
    position: absolute;
    top: 80px;
}
body.pm_flow #topbar{
	height: 80px;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    overflow: hidden;
}
body.pm_flow #topbar .link-container{
clear: both;
}
body.pm_flow #topbar .logo{
	background-size: auto 100%;
    width: 95px;
    margin: 15px;
    height: 45px;
	}
	
.pm_flow #topbar > ._inner{
     background-color: #FFF;
    font-size: 1.5em;
}

.pm_flow #topbar.__active{    
	height:auto;
    overflow:auto;
    overflow-x: hidden;
    bottom:0;
}

.pm_flow #topbar .bttn-menu{
width: 50px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    margin: 18px;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='43' viewBox='0 0 53.7 43'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2397C9CC;%7D%0A%3C/style%3E%3Crect class='st0' width='53.7' height='7.9'/%3E%3Crect y='17.1' class='st0' width='53.7' height='7.9'/%3E%3Crect y='35.1' class='st0' width='53.7' height='7.9'/%3E%3C/svg%3E");
transition: all 0.5s;
}

.pm_flow #topbar.__active  .bttn-menu{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='45' viewBox='0 0 42.7 44.9'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2397C9CC;%7D%0A%3C/style%3E%3Crect x='-5.5' y='18.5' transform='matrix(0.6881 -0.7256 0.7256 0.6881 -9.6286 22.487)' class='st0' width='53.7' height='7.9'/%3E%3Crect x='-5.5' y='18.5' transform='matrix(-0.6766 -0.7364 0.7364 -0.6766 19.2551 53.3429)' class='st0' width='53.7' height='7.9'/%3E%3C/svg%3E");
}

.pm_flow #topbar .bttn-menu:before{
	    content: 'Klik hier om het menu te zien';
    display: block;
    text-align: right;
    font-weight: 800;
    width: 170px;
    height: 60px;
    line-height: normal;
    font-size: 0.8em;
    color: initial;
    margin-top: -2px;
    margin-left: -190px;
}

.pm_flow #topbar .menu-item{
    float: none;
    margin: 1em;
        font-size: 0.75em;
    line-height: 1.5em;
    
}

.pgroup .pgroup_inner,.pgroup .pgroup_l2{
	margin: 20px;	
}


.pm_flow .pblock.responsive-no-bg{
	background-color: transparent;
}




.pm_flow .pblock.responsive-darken-bg{
	background-color: #000000b8;
}
.pm_flow .pblock.responsive-lighten-bg{
	background-color: #FFFFFFb8;
}

.pm_flow .pgroup.responsive-group-padding{
	padding:60px 30px;
}
	.pm_flow .pgroup.responsive-group-padding > .pgroup_l1{
		width: auto!important;
	}



/* negative margins */
.negative-margin-10-left,
.negative-margin-10-right,
.negative-margin-10-top,
.negative-margin-10-bottom,

.negative-margin-20-left,
.negative-margin-20-right ,
.negative-margin-20-top,
.negative-margin-20-bottom,

.negative-margin-30-left,
.negative-margin-30-right,
.negative-margin-30-top,
.negative-margin-30-bottom,

.negative-margin-50-left ,
.negative-margin-50-right ,
.negative-margin-50-top,
.negative-margin-50-bottom,

.negative-margin-80-left,
.negative-margin-80-right,
.negative-margin-80-top,
.negative-margin-80-bottom,

.negative-margin-100-left,
.negative-margin-100-right,
.negative-margin-100-top,
.negative-margin-100-bottom,

.negative-margin-120-left,
.negative-margin-120-right,
.negative-margin-120-top,
.negative-margin-120-bottom,

.negative-margin-130-left,
.negative-margin-130-right,
.negative-margin-130-top,
.negative-margin-130-bottom,

.negative-margin-150-left,
.negative-margin-150-right,
.negative-margin-150-top,
.negative-margin-150-bottom,

.negative-margin-160-left,
.negative-margin-160-right,
.negative-margin-160-top,
.negative-margin-160-bottom { transform: translate(0,0); }

.pm_flow.layout #topbar{
	min-height: 80px;
	height:auto;
}
.pm_flow.layout #topbar #submenu-cnt{

}

.pm_flow.layout #topbar > ._inner{
	min-height: 80px;
	height:auto;
}

#submenu-cnt{
    box-sizing: border-box;
    z-index: 3;  overflow: hidden;
    transition: all 0.75s;
    height:0!important;
}

#submenu-cnt.__open{
	left: 0;
	height:auto!important;
}



#landkaart-container #landkaart,
.position-absolute{
	position: relative;
}
.pm_flow.layout .button.__left{
	transform: translateX(-20px);
}


.split-columns .column-left, .split-columns .column-right,.split_div  {
    box-sizing: border-box;
    float: none;
    width: 100%;
    padding: 10px;
}
.pm_flow.layout .voorMij-blok{
    margin: 15px;
    margin-bottom: 35px;
}
.pm_flow.layout .voorMij-blok ._footer{
	position: relative;
    margin-bottom: -40px;
    float: right;
}

#con-show-organisatie table tr td img{
	width: 100%!important;
    height: auto!important;
}
.button-kies-bh{
	    font-size: 1em!important;
}
.pm_flow.layout ._statement{
	margin-top:20px!important;
}



.pm_flow.layout  .pc-zoeker{
	background-image:none;
	width: 100% !important;
	height: auto!important;
	
}

.pm_flow.layout  #pc-form{
	display: none;
	position: relative;
	right: auto;
	background-color: #fffffff0;
	width: 100%;
	box-sizing: border-box;
	top: auto;
	padding: 2%;
	bottom: auto;
	overflow: auto;
}
.pm_flow.layout  #pc-result{
	display: none;
	position: relative;
	right: auto;
	background-color: #fffffff0;
	width: 100%;
	box-sizing: border-box;
	top: auto;
	padding: 2%;
	bottom: auto;
	overflow: auto;
	font-size:14px;
}
#topbar #submenu-cnt  a.menu-item {

	display: block;
	width: auto;
	font-weight: bold;
	padding-bottom: 1vw;
	position: relative;
	color: #35342F;
	transition: all 0.3s;
	height: auto;
	box-sizing: border-box;
	padding: 1.5vw 1vw 1.5vw 1vw;
	/* margin-top: -8px; */
	/* font-size: 1.1vw; */
	border-left: 0;
	border-bottom: 1px solid #e0dcd5;
}

#pc-result table tr td img{
	width: 115px!important;	
}

.pblock.block-shadow{
	margin-bottom: 5% !important;
}

.pm_flow.layout .pgroup.block_grp_fW8urM3J {
	overflow:hidden!important;
	}
	
	
.pm_flow.layout .pgroup.mob-cover{
	padding-top: 50%;
	background-size: cover;
	background-position: left;
}
}


/* VIEW: Tablet only */
@media only screen and (min-width: 660px) and (max-width: 759px), screen and (min-width: 660px) and (max-width: 759px) and (-webkit-device-pixel-ratio: 2){
.layout.pm_flow	{
	font-size: 14px;
}

.pm_flow.layout .pblock img{
	max-width: 759px;
	width:100%;
	height:auto;
}

}


/* VIEW: HD Smartphones en kleiner */
@media only screen and (max-width: 659px), screen and (max-width: 659px) and (-webkit-device-pixel-ratio: 2){
    .pm_flow.layout .pblock img{
	max-width: 659px;
	width:100%;
	height:auto;
}

}

/* VIEW: HD Smartphones only */
@media only screen and (min-width: 570px) and (max-width: 659px), screen and (min-width: 570px) and (max-width: 659px) and (-webkit-device-pixel-ratio: 2){
     #landkaart-container {
    position: relative;
    margin: 20px 25px;
    transform: scale(0.75,0.75);
    transform-origin: left center;
} 
        
}


/* VIEW: Mid-range Smartphones en kleiner */
@media only screen and (max-width: 569px), screen and (max-width: 659px) and (-webkit-device-pixel-ratio: 2){
    
.pm_flow.layout .pblock img{
	max-width: 569px;
	width:100%;
	height:auto;
}


}
/* VIEW: Mid-range Smartphones only */
@media only screen and (min-width: 480px) and (max-width: 569px), screen and (min-width: 480px) and (max-width: 569px) and (-webkit-device-pixel-ratio: 2){
#landkaart-container {
    position: relative;
    margin: 20px 15px;
        transform: scale(0.65,0.65);
    transform-origin: left center;
} 
    
}


/* VIEW: Smartphones */
@media only screen and (max-width: 479px), screen and (max-width: 479px) and (-webkit-device-pixel-ratio: 2){
	
.pm_flow.layout .pblock img{
	max-width: 479px;
	width:100%;
	height:auto;
}
     #landkaart-container {
    position: relative;
    margin: 20px 5px;
    transform: scale(0.5,0.5);
    transform-origin: left center;
} 
}

/* 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){
#layer1{
	top:0;
}	
#topbar{
	position:relative;
	left: auto;
	right: auto;
	top:auto;
}
	
}