* {
  -webkit-tap-highlight-color: transparent; /* of rgba(0,0,0,0) */
}

/* 4) Zorg dat :active geen ongewenste achtergrond geeft */
a, button {
  -webkit-tap-highlight-color: transparent;
}
a:active, button:active {
  background-color: inherit; /* of je eigen kleur */
}


.loader {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -1.25em;
  margin-left: -1.25em;
    border: 0.2em solid #312783; /* Light grey */
    border-top: 0.2em solid #F8F4F2; /* Blue */
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: spin 0.4s linear infinite;
            animation: spin 0.4s linear infinite;

}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


@keyframes worldspinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}





.container{ opacity: 0; }
.animate .container{opacity: 1; transition:opacity 0.7s ease 0.3s;}
.animate .loader{opacity: 0; transition:opacity 0.4s ease 0s;}
.open .container{opacity: 0; transition: opacity 0s ease; }
  


html { 
  -webkit-text-size-adjust: 100%; 
  position: relative; 
  float: left; 
  width: 100%; 
  font-size: 18px; 
  font-weight: 400; 
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: overlay; 
}

/*::-webkit-scrollbar {
    display: none;
}
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,  sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
  list-style:none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	height: auto;
}

body{	
	position: relative;
	float: left; 
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 1em;
	line-height: 1.3em;
  height: auto;
	font-weight: 500;
	margin:0; padding: 0; 
	width: 100%;
	color: #312783;
	background-color: #F8F4F2;
	min-height: 10em;
}


.hidden{width: 0; height: 0; overflow: hidden;}


input, textarea{  font-size: 1em; border-radius: 0;}
input[type=text]:focus, textarea:focus {
  -webkit-box-shadow:none;
          box-shadow:none;
  outline: none;
}

a{color: inherit; text-decoration: none; }
.noline a{text-decoration: none;}
i, cite, em, var, dfn {
    font-style:normal;
    color:#D6A132; 
}
b, strong {font-family: inherit; font-weight: 600; }

ul, li{position: relative;  display: inline-block;}

button {
  background: transparent;
    background-color: transparent;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
  cursor: pointer;
  font-size: 1em;
}

section, div, header, main, footer, nav, article, ol, ul, li, p, img, blockquote, form, button, input, label, h1, h2, h3, h4 ,h5, h6{position: relative; float: left; width: 100%; height: auto; display: block; -webkit-box-sizing:border-box; box-sizing:border-box; }
p{ margin-bottom: 1.8em; font-size: 1em; line-height: 1.8em; font-family:'Poppins', sans-serif; letter-spacing:-0.015em; }
.btn{ margin-bottom: 1.8em; font-size: 1em; line-height: 1.8em; font-family:'Poppins', sans-serif; letter-spacing:-0.015em; border-bottom:2px solid; }
p:last-child{margin-bottom: 0;}
p a, article ul li a{display: inline-block; position: relative; text-decoration: underline;}
.smaller{font-size: 0.85em;}
article img{margin-bottom: 1.3rem;}
article img:last-child{margin-bottom: 0rem;}
p strong{font-size: 1.3em; line-height: 1.66em;}

.btn strong{font-size: 1.3em; line-height: 1.8em; }
/* basics */


h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif; line-height:1.4em; font-weight:600;  }
h1{font-size:2.6em; margin-bottom:1rem;  }
h2{font-size:2.6em; margin-bottom:1rem;  }

h3{font-size:1.8em; margin-bottom:1.2em; }
h4{font-size:1.3em; text-transform: uppercase; margin-bottom: 0.6rem;}
h5{font-size: 1.2em;}
.floatr{position: relative; width:auto; float: right; display: block;}
.floatl{position: relative; width:auto; float: left; display: block;}

.noselect {
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/*/////////////// Basics ///////////////*/

.abso{position: absolute; top:0; left: 0; width:100%; height:100%;}
.middle{ position:absolute; left:50%; top: 50%; width: auto; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%);}
.acenter{text-align: center;}
.aright{text-align: right;}

.b{}
.b15{width: 15%;}
.b20{width: 20%;}
.b25{width: 25%;}
.b75{width: 75%; }
.b30{width: 30%;}
.b60{width: 60%; }
.b35{width: 35%;}
.b40{width: 40%;}
.b41{width: 41.6666%;}
.b42{width: 42%;}
.b65{width: 65%; }
.b50{width: 50%;}
.b55{width: 55%;}
.b58{width: 58%;}
.b55{width: 55%;}
.b45{width: 45%;}
.b33{width: 33.33%;}
.b66{width: 66.66%;}
.b100{width: 100%;}

.viceversa .b50{float: right;}

.widthlarge{float: none; margin: 0 auto; width: 100%; max-width: 104em; }
.widthmediumlarge{float: none; margin: 0 auto; width: 100%; max-width:88em;  }
.widthmedium{float: none; margin: 0 auto; width: 100%; max-width:63em;  }
.widthmediumsmall{float: none; margin: 0 auto; width: 100%; max-width:48em;  }
.widthsmall{float: none; margin: 0 auto; width: 100%; max-width: 45.4em; }
.widthquitesmall{float: none; margin: 0 auto; width: 100%; max-width: 50em;  }
.widthextrasmall{float: none; margin: 0 auto; width: 100%; max-width: 40em;  }

.paddingx05{ padding-left: 0.7rem; padding-right: 0.7rem;}
.paddingx1{ padding-left: 1.4rem; padding-right: 1.4rem;}
.paddingx15{ padding-left: 2.1rem; padding-right: 2.1rem;}
.paddingx2{ padding-left: 2.8rem; padding-right: 2.8rem;}
.paddingx3{ padding-left: 4.2rem; padding-right: 4.2rem;}
.paddingx4{ padding-left: 5.6rem; padding-right: 5.6rem;}
.paddingx5{ padding-left: 7.0rem; padding-right: 7.0rem;}

.paddingy05{ padding-bottom: 0.7rem; padding-top: 0.7rem;}
.paddingy1{ padding-bottom: 1.4rem; padding-top: 1.4rem;}
.paddingy15{ padding-bottom: 2.1rem; padding-top: 2.1rem;}
.paddingy2{ padding-bottom: 2.8rem; padding-top: 2.8rem;}

.paddingy3{ padding-bottom: 4.2rem; padding-top: 4.2rem;}
.paddingy4{ padding-bottom: 5.6rem; padding-top: 5.6rem;}
.paddingy5{ padding-bottom: 7.0rem; padding-top: 7.0rem;}

.paddingleft{ padding-left: 1.6rem;}
.paddingright{ padding-right: 1.6rem;}

.paddingbottom4{padding-bottom: 3.2rem;}

.marginbottom05{margin-bottom: 1rem;}
.marginbottom1{margin-bottom: 2rem;}
.marginbottom15{margin-bottom: 3rem;}
.marginbottom2{margin-bottom: 4rem;}
.marginbottom3{margin-bottom: 8rem;}
.marginbottom4{margin-bottom: 10rem;}

.margintop05{margin-top: 1rem;}
.margintop1{margin-top: 2rem;}
.margintop15{margin-top: 3rem;}
.margintop2{margin-top: 4rem;}
.margintop3{margin-top: 6rem;}
.margintop4{margin-top: 8rem;}

.maxw1{max-width: 16rem;}
.maxw2{max-width: 21rem;}
.maxw3{max-width: 24rem;}
.maxw4{max-width: 28rem;}
.maxw5{max-width: 32rem;}
.maxw6{max-width: 36rem;}
.maxw7{max-width: 40rem;}
.maxw8{max-width: 44rem;}

.clear{clear: both;}

.thumb img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.flex{display: flex; flex-flow: row wrap; align-items: stretch;}
.flex .slick-track{display: flex!important; flex-flow: row wrap; align-items: stretch;}
.flex .slick-slide
{
    height: inherit !important;
}
.flexreverse{display: flex; flex-flow: row-reverse wrap; align-items: stretch;}

.pusher{height: 7.4em; }
.outermain{min-height: 1vh;}
.viceversa .b50{float: right;}


table{width: 100%; margin-bottom: 1.3rem; font-size: 1em;}
table tr, table tbody{width: 100%; font-size: 1em;}
table td{font-size: 1.3em;font-size: 1.25em; line-height: 1.8em; letter-spacing: -0.02em; padding-bottom: 0.8rem;}
table td:first-child{white-space: nowrap; padding-right: 1em;}
table em{background-color: #F5F3EE; padding: 0.3em 0.6em;}
table a{background-color: #FFEF30; padding: 0.3em 1em; white-space: nowrap;}

.btn{position: relative; display: inline-block; margin:0 1em 1em 0;   letter-spacing:-0.02em;}
.btn:last-child{margin-right: 0}

.btnarrow{font-size: 16px; line-height: 22px; font-family: 'Poppins'; color: inherit; transition: color 0.4s ease 0s;}
.btnarrow::after{position: relative; display: block; float: right; font-family: 'atmens'; content:"\e900"; font-size:22px; line-height: 22px; margin-top: -0.1em; margin-left: 16px;transition: transform 0.2s ease 0s;}
.no-touch .btnarrow:hover{color: #F18D18;transition: color 0.2s ease 0s;}
.no-touch .btnarrow:hover::after {transform: translateX(0.5em);}
.btnarrowdown{font-size: 1.2em; line-height: 22px; color: #F18D18;}
.btnarrowdown::after{position: relative; display: block; float: right; font-family: 'atmens'; transform: translateY(0) rotate(90deg); content:"\e900"; font-size:20px; line-height: 22px; margin-left: 16px;transition: transform 0.15s ease 0s;}
.no-touch .btnarrowdown:hover{color: #F18D18;transition: color 0.2s ease 0s;}
.no-touch .btnarrowdown:hover::after {transform: translateY(0.3em) rotate(90deg);}

.z-index{z-index: 80;}
.overflow{overflow: hidden;}

.pusher{height: 6.3em}
.sticky{position:sticky; top:5.5em;}

.bgwhite{background-color: #fff;}
.bgbeige{background-color: #F8F4F2; color: #312783;}
.bgblue{background-color: #211452; color:#fff;}


/*/////////////// Header ///////////////*/



.hamburger .inner{transform: translateY(-50%); transition: transform 0.3s ease; height:6em;}
.hamburger span{position: absolute; right:0; top:0; font-size: 2.3em; line-height:1em; color: #F18D18; line-height: 1.3em; letter-spacing:-0.02em;}
.hamburger .sluit{opacity:1; transform:translateY(0);  transition: opacity 0.3s ease;}
.hamburger .menu{opacity: 1;  transform:translateY(100%); transition: opacity 0.3s ease;}

.navi{position: absolute; width: 100%; color: #fff; background-color: #fff; height:0; overflow: hidden; top:0; opacity: 0; transform: translateY(-100%); z-index: 51; transition: transform 0s ease 0.7s, opacity 0.7s ease 0s; pointer-events:none;  }
.navi .inner{position: relative; margin-top:6.3em; min-height: calc(100vh - 6.3em);  min-height: calc(100svh - 6.3em); box-sizing: border-box;}
.navi .mobilenav{margin-top: -1.2rem;}
.navi .mobilenav a{position: relative; display: block; line-height:1.2em; color: #F8F1E8; margin-bottom:1.1rem; font-size:2em; letter-spacing: -0.02em; float:left; clear:both; transition: color 0.4s ease 0s;}
.no-touch .navi .mobilenav a:hover{color:#D6A033;transition: color 0.2s ease 0s;}
.open .navi{opacity: 1; top:0; overflow: visible; pointer-events:auto; transform: translateY(0); transition: transform 0s ease, opacity 0s ease; }
.open .hamburger .inner{transform: translateY(0); transition: transform 0.3s ease;}
.navi a{text-decoration:none;}
.navi .mobilenav a{ opacity: 0; transform: translateY(-0.5em); transition: all 0s ease 1s;}
.open .navi .mobilenav a:nth-child(0){opacity: 1; transform: translateY(0em); transition: all 0.5s ease 0.4s, color 0.2s ease 0s;}
.open .navi .mobilenav a:nth-child(1){opacity: 1; transform: translateY(0em); transition: all 0.5s ease 0.45s, color 0.2s ease 0s;}
.open .navi .mobilenav a:nth-child(2){opacity: 1; transform: translateY(0em); transition: all 0.5s ease 0.5s, color 0.2s ease 0s;}
.open .navi .mobilenav a:nth-child(3){opacity: 1; transform: translateY(0em); transition: all 0.5s ease 0.55s, color 0.2s ease 0s;}
.open .navi .mobilenav a:nth-child(4){opacity: 1; transform: translateY(0em); transition: all 0.5s ease 0.6s, color 0.2s ease 0s;}
.open .navi .mobilenav a:nth-child(5){opacity: 1; transform: translateY(0em); transition: all 0.5s ease 0.65s, color 0.2s ease 0s;}
.open .navi .mobilenav a:nth-child(6){opacity: 1; transform: translateY(0em); transition: all 0.5s ease 0.7s, color 0.2s ease 0s;}
.open .navi .mobilenav a:nth-child(7){opacity: 1; transform: translateY(0em); transition: all 0.5s ease 0.75s, color 0.2s ease 0s;}
.open .navi .mobilenav a:nth-child(8){opacity: 1; transform: translateY(0em); transition: all 0.5s ease 0.8s, color 0.2s ease 0s;}


/*/////////////// elements ///////////////*/

header{position: sticky; top:0; z-index: 90; padding:0; height: 6.3em; background-color: #fff; transition: padding 0.3s ease; user-select: none; }
.desktopnav{text-align: center; margin-top: 2.3rem;}
.desktopnav a{font-weight: 600; text-align: center; display: inline-block; position: relative; font-size: 1.3em; margin: 0em 2.4% 1em; letter-spacing: -0.02em;}
.desktopnav a.active::after{position: absolute; bottom: -5px; height: 2px; width: 100%; background-color: #312783; content: ""; left: 0;}
.navi .mobilenav{text-align: center; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: auto; height: auto;}
.navi .mobilenav a{font-weight: 600; text-align: center; display: inline-block; position: relative; font-size:2em; margin: 0em 0 1em; letter-spacing: -0.02em;}
.navi .mobilenav a.active::after{position: absolute; bottom: -5px; height: 1px; width: 100%; background-color: #fff; content: ""; left: 0;}
.navi .mobilenav a.active:hover::after{background-color: #D6A132; }
header .logo{position: absolute; top:1em; left: 0; z-index: 2}
header .logo img{width: auto; height: 4.3em; }
.hamburger{ position:absolute; right:0; top:2.2rem; width:6em; display: none; overflow: hidden; height: 2.6em; width: 2.6em;  line-height:1.6em; cursor:pointer; }


.hamburger {
    width: 2.6em;
    height: 2em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.hamburger span {
    position: relative;
    float: none;
    display: block;
    width: 100%;
    height: 2px; /* Omgerekend van 2px naar em, gebaseerd op 18px basisgrootte */
    background-color: #312783;
    transition: all 0.3s ease-in-out;
}

/* Transformeer de hamburger naar een kruisje wanneer .open op de body staat */
body.open .hamburger span:nth-child(1) {
    transform: rotate(45deg) translate(0.28em, 0.28em);
}

body.open .hamburger span:nth-child(2) {
    opacity: 0; /* Verberg de middelste streep */
}

body.open .hamburger span:nth-child(3) {
    transform: rotate(-45deg) translate(0.28em, -0.28em);
}


.logoblock{text-align: center;}
.logoblock .logobig{width: 100%; max-width: 30em; float: none; display: inline-block;}
.logoblock .logobig .hand{position: absolute; width: 28em; height: auto; left: 100%; top:3em; z-index: 9;}

.blocktexthome1{margin-top: -4rem;}

.blockkaart{margin-top: -18em;}
.blockkaart .kaart1{max-width: 34em; margin-left: 2em; margin-right: 6em; z-index: 1;}
.blockkaart .kaart2{max-width: 63em; margin-top: -12em; float: right;}

.blocktexthome4{margin-top: -31rem;}

.blocktexthome4 .graphic1{width: 19em; margin-left: -7em; margin-top: -7em; margin-bottom: 2.1em;}

footer .logo2{position: relative; float: left; width: 100%; max-width: 15em; margin-top: -0.3em; margin-bottom: -3em;}

.blockintro .graphic2{max-width: 29em; margin:-2.5em 0 -2.5em; float: none; display: inline-block;}


#text1 .thumb{padding-bottom: 130%;}
#text2 .thumb{padding-bottom: 130%;}
#text2 .b50:first-child{padding-left: 11em;}
.blocktextphoto p{max-width: 27rem;}

.blockkaart2{margin-top: -30em;}
.blockkaart2 .kaart3{max-width: 80em; margin-top: -20em; float: right; margin-right: -24em;}

.blocktext5{height: 30em;}

.blockkaart3{}
.blockkaart3 .kaart4{max-width: 74em; margin-top: 0em; float: right; margin-right: -0em;}

.blockconcepten .tegel{width: 33.33%; box-sizing: border-box;}
.blockconcepten .tegel .nr{position: absolute; right: 8%;  font-size: 1.4em; top:8%; z-index: 2; transform: scale(1.0); background-color: #D6A132; color: #fff; overflow: hidden; width: 1.6em; height: 1.6em;  text-align: center; line-height: 1.6em; font-weight: 600; color: #fff; border-radius: 50%;  transition: transform 0.2s ease;}
.no-touch .blockconcepten .tegel:hover .nr{transform: scale(1.3); }
.blockconcepten .tegel .thumb{padding-bottom: 100%; margin-bottom: 1rem; border-radius: 50%; overflow: hidden;}
.blockconcepten .tegel .titel{margin-top: 0.8em;}
.blockconcepten .tegel .titel img{ width:auto; height:2.4em; margin:0 auto; float:none; }

.dots {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.dots .dot{ font-size: 1.6em; width: 1.6em; height: 1.6em; position: absolute; display: block;  text-align: center; line-height: 1.6em; font-weight: 600; color: #fff; }
.dots .dot .bgdot{position: absolute; left: 0; top:0; content: ""; transform: scale(1.0); background-color: #332788; width: 100%; height: 100%; border-radius: 50%;  transition: transform 0.2s ease;}
.no-touch .dots .dot:hover .bgdot{transform: scale(1.3); z-index: 1;}
.dots .dot span{z-index: 2; position: relative;}

.dots .dot:nth-child(1){left: 34.3%; top: 40.5%;}
.dots .dot:nth-child(2){left: 40%; top: 58%;}
.dots .dot:nth-child(3){left: 42%; top: 46%;}
.dots .dot:nth-child(4){left: 22%; top: 61%;}
.dots .dot:nth-child(5){left: 32%; top: 48%;}
.dots .dot:nth-child(6){left: 20%; top: 46%;}

#text3 .thumb{padding-bottom: 144%;}
.blocktextphoto .graphic4{display: inline-block; float: none; width: 20em; margin-bottom:2em; clear:both; }
.page-contact .blocktextphoto p{float: none; clear: both; display: inline-block;}

.flexreverse .b50 .inner{height: 100%;}
.miniimg{position: absolute; bottom: 0;}

.meerconcepten a{width: 16.66%!important;}
.meerconcepten a .titel img{height: 1.2em!important;}
.meerconcepten .tegel .nr{right: 4%; top: 4%;}

.blockintroconcept .nr{position: absolute; left:50%; top:2rem; transform: translateX(-50%); font-size: 1.8em; float: none; display: block; clear: both; margin-bottom: 0rem; z-index: 2;  background-color: #D6A132; color: #fff; overflow: hidden; width: 1.6em; height: 1.6em;  text-align: center; line-height: 1.6em; font-weight: 600; color: #fff; border-radius: 50%;  transition: transform 0.2s ease;}
.blockintroconcept .titel{margin-bottom: 2.2rem;clear: both; width: auto; float: none; display: inline-block; clear: both; padding-top: 8rem;}
.blockintroconcept .article{float: none; display: inline-block; clear: both;}
.blockintroconcept #t1 img{ height: 5.4em; }
.blockintroconcept #t2 img{ height: 5.4em; }
.blockintroconcept #t3 img{ height: 12.8em; }
.blockintroconcept #t4 img{ height: 12.8em; }
.blockintroconcept #t5 img{ height: 12.8em }
.blockintroconcept #t6 img{ height: 12.8em; }

.blockgallerytext1 .part1{width: 26em;}
.blockgallerytext1 .part1 article{padding: 3em; background-color: #fff;}
.blockgallerytext1 .part2{width: calc(100% - 27em); float: right;}
.blockgallerytext1 .omhulsel{width: calc(100% + 8em);}

.blockgallerytext2 .part1{width: 22em; float: right; margin-right: -8em;}
.blockgallerytext2 .part1 article{padding: 3em; background-color: #fff;}
.blockgallerytext2 .part2{width: calc(100% - 23em); float: left;}
.blockgallerytext2 .omhulsel{width: calc(100% + 8em);}
.blockgallerytext2 ul{border-top: 2px solid #D7A134; }
.blockgallerytext2 ul li{border-bottom: 2px solid #D7A134; padding: 1.2em 0; position:relative; width:100%; float:left; display:block; }

.blockinfo p{line-height: 1.4rem;}
.blockinfo small{font-size: 0.8rem; line-height: inherit;}



/*/////////////// Media Queries ///////////////*/

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

}

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

  html{font-size: 17px;}
 
}

@media screen and (max-width: 1800px) {
  
  html{font-size: 16px;}
  
}

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

 html{font-size: 15px;}

}

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

  html{font-size: 14px;}
  
}

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

  html{font-size: 13px;}
  
}

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

    html{font-size: 12px;}
    .blocktexthome4 .graphic1{margin-left:0;}
    p{font-size: 1.3em;}
    p strong{font-size: 1.5rem;}
    .widthmedium{max-width: 70em;}
    .maxw2{max-width: 24em}
    .maxw4{max-width: 32em}
    .blocktext5{height: 50em;}
    #text2 .b50:first-child{padding-left:0em;}
}

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

    .blocktexthome4{margin-top:-5em;}
    .blockkaart .kaart2{margin-top: 2em; max-width: 100%;}
    .blockgallerytext2 .part1{width: 22em; float: right; margin-right: -3em;}
    .blockgallerytext2 .omhulsel{width: calc(100% + 3em);}

}

@media screen and (max-width: 1000px) {
  
    html{font-size: 11px;}

}

@media screen and (max-width: 950px) {
  
    .blockkaart2{margin-top:14em;}
    .blockkaart2 .kaart3{margin-right: -12em;}
    .blocktext5{height: auto; margin-top: 0!important;}
    .blocktext5 .maxw7,  .blocktext5 .maxw3{max-width: 40em;}
    .miniimg{position: relative; float: left; bottom: auto; max-width: 100%!important; margin-top: 3em;}
    .blocktextphoto .b50{width: 100%; margin-bottom: 6em;}
    .blocktextphoto .b50:last-child{margin-bottom: 0;}
    .blocktextphoto p{max-width: 40rem;}
    .blocktextphoto h1, .blocktextphoto h2{max-width: 45rem;}

}


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

    .blocktexthome4{margin-top:2em; margin-bottom: 3em;}
}

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

    .blockgallerytext1{margin-bottom: 8rem;}
    .blockconcepten .tegel{width: 50%;}
    .blockintroconcept .b50{width: 100%;}
    .blockintroconcept .b50:last-child .inner{max-width: 32em; float: none; display: inline-block;}
    .blockintroconcept .kaart5{margin-top: -4em; margin-bottom: 1em;}
    .blockintroconcept .kaart5 img{max-width: 40em; float: none; display: inline-block;}
    .blockgallerytext1 .part1{width: 100%; margin-top: 6.8em;}
    .blockgallerytext1 .part2{width: calc(100%); float: right;}
    .blockgallerytext1 .omhulsel{width: calc(100% + 5.6em); left: -2.8em;}
    .blockgallerytext2 .part1{width: 100%;  float: left; margin-right: 0em;}
    .blockgallerytext2 .part1 article{padding: 3em; background-color: #fff;}
    .blockgallerytext2 .part2{width: calc(100%); float: left;}
    .blockgallerytext2 .omhulsel{width: calc(100% + 5.6em); left: -2.8em; margin-bottom: 6.8em;}
    .blockgallerytext2{margin-bottom: 8rem;}
    .meerconcepten .outer2 {width: 90em; }
    .meerconcepten .outer1 { overflow: scroll;}
    .blockintro .graphic2{max-width: 22em;}
}

@media screen and (max-width: 820px) {
    
    .desktopnav{display: none;}
    .hamburger{display: flex;}
    .page-home .logo{display: block;}
    .blockkaart .kaart2{margin-top: 2em; max-width:calc(160% + 5.6rem); width: calc(160% + 5.6rem); float: left; left: -5.5rem;}
}

@media screen and (max-width: 800px) {
    
    .blockkaart{margin-top: -2em;}
    .blockkaart .kaart1{max-width: 27em; left: 50%; transform: translateX(-50%); margin-left: auto; margin-bottom: 3em;}
    .blocktexthome3{text-align: center; margin-top: 0!important;}
    .blocktexthome3 .floatr{float: none!important; display: inline-block;}
    .blockkaart3 .kaart4{float: left; min-width: 50em;}

}

@media screen and (max-width: 700px) {
    
    .logoblock .logobig{max-width: 28em}
}

@media screen and (max-width: 650px) {
  
    .blocktexthome2 .b50{width: 100%; margin-bottom: 1.8em;}
    .logoblock .logobig .hand{left: 78%; top:12em;}
    .blocktexthome4 .maxw2{max-width: 100%;}
    .blockconcepten .tegel .titel img{height: 1.8em;}

}

@media screen and (max-width: 560px) {
    
    .blockkaart2 .kaart3{min-width:130%;}
    .blockconcepten .paddingx4{padding-left: 2rem; padding-right: 2rem;}
    .blockconcepten .paddingx2{padding-left: 1.4rem; padding-right: 1.4rem;}

}

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

    html{font-size: 10px;}

}

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

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

    html{ font-size: 9px;}
    .blockconcepten .paddingx4{padding-left: 1rem; padding-right: 1rem;}

}

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

    html{ font-size: 8px;}

}

@media screen and (max-height: 990px) and (min-width: 800px) {
  

}

@media screen and (max-height: 650px) and (max-width: 800px) {
  

}

@media screen and (max-height:760px) {


}

@media screen and (max-height:640px)  and (min-width: 1200px) {
  

}

@media screen and (max-height:600px) {


}