/* EXTERNE FONTS */

@import url(http://fonts.googleapis.com/css?family=[NAAM VAN DE FONT]);

/* GEHOSTE FONTS */
@font-face {
    font-family: '[NAAM VAN DE FONT]';
    src: url('../fonts/[BESTANDSNAAM VAN FONT].eot');
    src: url('../fonts/[BESTANDSNAAM VAN FONT].eot?#iefix') format('embedded-opentype'),
         url('../fonts/[BESTANDSNAAM VAN FONT].woff') format('woff'),
         url('../fonts/[BESTANDSNAAM VAN FONT].ttf') format('truetype'),
         url('../fonts/[BESTANDSNAAM VAN FONT].svg#[NAAM VAN DE FONT]') format('svg');
    font-weight: normal;
    font-style: normal;

}
@charset "UTF-8";

html,
body {
 margin:0;
 padding:0;
 height:100%;
 font-family: Arial, Helvetica, sans-serif;
 background-color:#f2ebdb; 
 background-image:url(../images/bg.png); 
 color:#6e6e6e; 
 font-size:12px; 
 line-height:21px;
}
#container {
 min-height:100%;
 position:relative;
}

.page_header_tekst p {
  text-align: center;
}

/* HEADER */
#headerwrap {

 height:123px; background-image:url(../images/bg_head.jpg); background-repeat:repeat-x;
}
#header {
  max-width:1200px; 
  margin: 0px auto 0px auto; 
  padding: 0px 20px 0px 20px;
}
.page_header {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  flex-direction: column;
  padding: 10px;
  margin-bottom:3%;

}
.page_header>h2 {
  color: #416502;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 6px;
  font-weight: 400;
  font-size: 17px;
}

.page_header>h1 {
  color: #416502;
  font-weight: 700;
  font-size: 45px;
  text-align: center;
  padding-top:10px;
  margin-bottom: 32px;
}

#imageHeaderBlok{
  width: 101px;
  padding-bottom: 31px;
  padding-top: 5px;
}

.page_header > h1 > p > strong{
  position: relative;
  z-index: 1;
}

.page_header > h1 > p > strong > span {
  position: absolute;
  height: 45%;
  width: 98%;
  left: -2%;
  top: 32%;
  background-color: #47ffff;
  z-index: -1 !important;
}


.page_header_tekst {
  line-height: 130%;
  font-size: 19.2px;
  color: #444;
  width: 100%;
  text-align: center;
}

.page_header_tekst a {
  color: #DBB957;
}
#imageHeaderBlok{
  width: 101px;
  padding-bottom: 31px;
  padding-top: 5px;
}

.page_header_tekst a {
  color: #DBB957;
}
/* Cookie Melding */
.PL_Wrapper * {
  box-sizing: border-box;
}


.PL_Wrapper {
  position: fixed;
  left: 10px;
  bottom: 10px;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  z-index: 100;
  padding: 25px;
  transition: all .8s;
  -webkit-box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
  -moz-box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
  box-shadow: 0px 2px 22px 0px rgba(61,61,61,0.41);
}

.PL_Wrapper h2 {
  color: #436416;
  font-size: 3em;
  margin-top: 0;
  margin-bottom: 10px;
  height: initial !important;
  line-height: 100% !important;
  font-family:Oswald, sans-serif;
}

.PL_Wrapper p {
  max-width: 500px;
  color: #979797;
  margin-bottom: 20px;
  font-size: 1.3em;
  text-align: justify;
  line-height: 150%;
}

.PL_Buttons {
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}

.PL_Buttons a {
  padding: 15px;
  background-color: #436416;
  border: 2px solid #436416;
  color: #fff;
  width: 48%;
  cursor: pointer;
  text-align: center;
  font-size: 1.5em;
  transition: all .3s;
  font-family:Oswald, sans-serif;
}

.PL_Buttons a:hover {
  background-color: transparent;
  color: #436416;
}
/* Einde Cookie Melding */

/* BODY */
#bodywrap {
 padding-bottom:360px;   /* HOOGTE VAN DE FOOTER - AAN TE PASSEN */
}
#body {
  max-width:1200px; 
  margin: 0px auto 0px auto; 
  padding: 55px 20px 40px 20px;
}

/* FOOTER */
#footerwrap {
 position:absolute;
 bottom:0;
 width:100%;
 height:360px;   /* HOOGTE VAN DE FOOTER - AAN TE PASSEN */
 background-image:url(../images/bg_foot.png); background-repeat:repeat-x; background-position:bottom;
}
#footer {
  max-width:1200px; 
  margin: 0px auto 0px auto; 
  padding: 0px 20px 0px 20px;
}

.ticker { font-family: 'Oswald', sans-serif; font-weight:300; width:100%; text-align:center; height:91px; font-size:1.95em; color:#416502; background-image:url(/images/bg_ticker.png); background-position: 0% 50%; background-repeat:repeat-x; }
.ticker span {padding: 0 6% 0 6%; background-image:url(../images/bg.png);}
.top_foot { height:239px; font-size:11px; color:#FFF;}
.top_foot h2 { text-align:center; font-family: 'Oswald', sans-serif; font-weight:300; font-size:16px;}
.top_foot p { text-align:center; line-height:21px;}
.bot_foot { text-align:center; height:30px; line-height:30px; font-size:14px;}
.bot_foot a {color:#fff;}

#fb_foot { text-align:center; font-family: 'Oswald', sans-serif; font-weight:300; text-align:center; font-size:16px; line-height:30px; padding-top:7%;}
#fb_foot a { color:#FFF;}

.hide {}

#just { text-align:justify;}

.logo { position:absolute;}

#nav { float:right;  line-height:28px; font-size:18px; text-align:center; font-family: 'Oswald', sans-serif; font-weight:300; width:70%; margin-top:3% }
#nav ul { width:100%;}
#nav ul li:first-child a{border-left:1px solid #d6e57f;}
#nav ul li {float:left; margin-left:2%; padding-left: 1%;}
#nav ul li a {   display:block; color:#FFF; text-align:center; width:63px; padding-right: 15px; padding-left: 15px; }
#nav ul li a:hover { background-image:url(../images/bg_nav.png); background-position:right; background-repeat:no-repeat;}
#nav ul li.active{
	height: 49px;
	background: url('/images/headeractive.png');
	background-repeat: no-repeat;
	background-position: 50% 100%;
}

h1 {font-family: 'Oswald', sans-serif; font-weight:300; color:#416502; text-align:center; font-size:21px;position: relative;}
/* h1:after
{
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	background: #c3c9a8;
	margin-top: -1px;
	content: '';
} */
h1 span { padding: 0 6% 0 6%; display:inline-block;position: relative;z-index: 1;background:#F1ECE1;}
/* h2 { font-family: 'Oswald', sans-serif; font-weight:300; text-align:center; font-size:18px; line-height:75px; margin-top: 10px; margin-bottom: 10px; } */
p { line-height:21px; text-align:justify; margin-bottom:30px;}
p span { color:#628f14;}
h3 { width:100%; line-height:70px; font-size:21px; font-family: 'Oswald', sans-serif; font-weight:300; background-image:url(../images/h3.png); background-repeat:no-repeat; background-position:center bottom; text-align:center; margin-bottom:75px;}

.rel { position:relative;}
.corner { position:absolute; bottom:0px; right:0px;}

.sliderzone { max-width: 960px; margin:auto; position:relative; margin-bottom:70px;}

a.ar_l { height:56px; width:56px; background-image:url(../images/ar_l.png); background-position:top; display:block; position:absolute; margin-top:25%; margin-left:-15%;}
a.ar_l:hover { background-position:bottom;}

a.ar_r { height:56px; width:56px; background-image:url(../images/ar_r.png); background-position:top; display:block; position:absolute; margin-top:25%; margin-left:110.2%;}
a.ar_r:hover { background-position:bottom;}

.icons { height:49px; width:100%; position:absolute; margin-top:53.5%;}
.icons a { float:left; margin: 0 1% 0 1%; }
.fichetxt {max-width: 960px; margin:auto;}

.faq {}
.faq h2 { text-align:left; color:#8bb04a; font-size:14px; line-height:38px; border-bottom:1px solid #000; margin-bottom:22px; font-family:Arial, Helvetica, sans-serif; padding-left:5%; background-image:url(../images/bg_faq.png); background-repeat:no-repeat; background-position:left;}
.ant { line-height:28px; padding: 0 5% 0 5%;}

#formzone input[type=text] {  width:93%;  border:1px solid #656565; font-size:12px; color:#5f5f5f; margin-bottom:15px; padding:3%; border-radius: 5px; }
#formzone textarea { width:93%;  border:1px solid #656565; font-size:12px; color:#5f5f5f;  padding:3%; min-height:70px; border-radius: 5px; }
#formzone input[type=submit] { background-color:#679218; border: none; width:100%; color:#FFF;line-height:48px; border-radius: 10px;}
#formzone input[type=submit]:hover { background-color:#487100;}

.btn { color:#FFF; font-family: 'Oswald', sans-serif; font-weight:300; width:100%; text-align:center; background-color: #679218; line-height:36px; font-size:16px; display:block;}

.show { display:none;}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2%;
}
/*.col:first-child { margin-left: 0; }*/

.col h2{
	line-height: 35px;
	height: auto;
}

.col_foot {
	display: block;
	float:left;
	margin: 1% 0 1% 3%;
}
.col_foot:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
  zoom:1; /* For IE 6/7 */
}


/*  GRID OF THREE  */

.span_2_of_3 {
	width: 65.66%;
}

.span_1_of_3 {
	width: 28.6%;
}


/*  GRID OF FOUR  */

.span_4_of_4 {
	width: 100%;}

  .span_2_of_4 {
   width: 47%;
 }
 .span_1_of_4 {
   width: 22.75%;
 }



 /*  GRID OF FIVE  */

 .span_1_of_5 {
   width: 17.6%;
 }

 .span_1_of_5_foot {
   width: 17.6%;
 }

/*.span_1_of_3:nth-child(3n+1) {
    margin-left: 0px;
    }*/

    /*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

    @media only screen and (max-width: 480px) {
     .col { 
      margin: 1% 0 1% 0%;
    }
  }


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

   #nav { width:50%;}
   #nav ul li a { margin-left:10%;}

 }

 @media only screen and (max-width: 1200px) {
   #nav ul li{
    /*margin-left: 0px !important;*/
  }
}
 @media only screen and (max-width:950px) {
  .page_header>h1 {
    font-size: 30px;
  }
  .page_header>h2 {
    font-size: 14px!important;
    line-height: 18px!important;
    padding-bottom: 5px;
}
 }
@media only screen and (max-width: 860px) {
	.span_1_of_3:nth-child(3n+1) {
   /*margin-left: 2%;¨*/
 }

 .col:nth-child(2n+1) {
   /*margin-left: 0px;*/
 }

 .page_header_tekst {
  font-size: 16px;
}

 .span_1_of_3{
  width: 43%;
  /*margin-left: 2%;*/
}

.hide { display:none;}

.col_foot { 
  margin: 1% 0 1% 0%;
}

.span_1_of_5_foot {
  width: 100%;
}
.page_header_tekst {
  font-size: 16px;
}
h2 {  font-size:14px; line-height:40%px;}

.span_2_of_3 {
  width: 100%; 
}	

.settoleftifneeded{
  clear: both;
  float: left !important;
}
}

@media only screen and (max-width: 670px) {
	
	.contactInfo{
		border: none;
	}
	
	.ticker {font-size:1.3em;}
	.icons a {  margin: 0 0.1% 0 0.1%; }
	.icons a img { width:60%;}
	
	.show { display:block; margin-top:30px;}
	
	.span_1_of_3 {
		width: 95%;
	}
	
	.span_1_of_5 {
		width: 100%;
	}
	
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%;
	}	
	a.ar_l{
		width: 35px;
		height: 35px;
		background-size: cover;
	}
	a.ar_r{
		width: 35px;
		height: 35px;
		background-size: cover;
	}
}

@media screen and (max-width: 600px) {
  .PL_Wrapper {
    right: 10px;
  }

  .page_header>h1 {
    font-size: 30px;
  }

}

@media screen and (max-width: 500px) {
  .PL_Buttons a {
    width: 100%;
    margin: 0;
    margin-top: 15px;
  }

  .PL_Buttons {
    flex-wrap: wrap;
  }
}

#content-container {
  width: 50%;
  margin: auto;
  margin-bottom: 2em;
}

#content-container h2 {
  color: #679218;
  font-size:2.4em; 
  font-weight:bold; 
  margin-bottom: 5px;
  margin-top: 1em;
  cursor: pointer;
}

#content-container h3 {
  line-height: normal;
  text-align: left;
  background: 0;
  background-color:#fff; 
  color: #000;
  font-size:1.5em; 
  margin: 1em;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #000;
  box-shadow: inset 0 0 0 0 #679218;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.8s;
  cursor: pointer;
}

#content-container h2:hover + div > h3, #content-container h3:hover {
  box-shadow: inset 1200px 0 0 0 #679218;
  color: #fefefe;
}

#content-container h3.active {
  color: #fff;
  box-shadow: inset 1200px 0 0 0 #679218;
}

#content-container h3 span {
  display: inline-block;
  float: right;
  width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #679218;
  margin-right: 10px;
  margin-top: 9px;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.4s;
}

#content-container h2:hover + div > h3 > span, #content-container h3:hover span {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #fff;
  margin-right: 10px;
}

#content-container h3.active span {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #fff;
  margin-right: 10px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

#content-container h3.active:hover span {
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #fff;
  margin-right: 10px;
}

#content-container h4 {
  margin-left: 2em;
  margin-right: 2em;
  font-size: 1.1em;
  font-weight: bold;
}

#content-container p {
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 2em;
}

#content-container ul {
  margin-left: 3em;
  margin-right: 3em;
  margin-bottom: 1em;
}

#content-container li {
  margin-bottom: 0.5em;
  margin-left: 1em;
  list-style: disc;
}

#content-container table {
  margin-left: 3em;
  margin-right: 3em;
  margin-bottom: 1em;
}

#content-container th, #content-container td {
  border: 1px solid #000;
  padding: 5px;
}

#content-container th {
  font-weight: bold
}

#content-container a {
  color: #D3191C;
}






@charset "UTF-8";

/* NIKS AANPASSEN IN DIT BESTAND */
.cb {clear:both}
.fl {float:left}
.fr {float:right}
.al {text-align:left}
.ar {text-align:right}
.aj {text-align:justify}
.ac {text-align:center}
.nm {margin:0px;}
.np {padding:0px;}
.nb {border:none;}
.nmr {margin-right:0px;}
.nml {margin-left:0px;}
.nmt {margin-top:0px;}
.nmb {margin-bottom:0px;}
.npr {padding-right:0px;}
.npl {padding-left:0px;}
.npt {padding-top:0px;}
.npb {padding-bottom:0px;}
.nbr {border-right: none;}
.nbl {border-left:none;}
.nbt {border-top:none;}
.nbb {border-bottom:none;}
.nbg {background:transparent;}

.c ul
{
	padding-left: 15px;
	list-style-type: disc;
	margin: 1em 0;
}

.c p
{
	margin: 1em 0;
}

.c ol
{
	padding-left: 15px;
	list-style-type: decimal;
	margin: 1em 0;
}

.c strong
{
	font-weight: bold;
}

.c em
{
	font-style: italic;
}

.c table
{
	margin: 1em 0;
}

.c td, .c th
{
	border: 1px solid #333;
	padding: 3px;
}

.c blockquote
{
	border-left: 5px solid #aaa;
	padding-left: 5px;
	font-style: italic;
	margin: 1em 0 1em 15px;
}
@charset "UTF-8";

.c > h2 {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.6;
}

#footerwrap{
	background-color: #779e25;
}

.bot_foot{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 35px;
	color: white;
}

#body > h1 span{
	font-size: 1.8em;
}

.ticker{
	background-color: #f1ece1;
}

.siteby{
	background-color: #487100;
}

.dienstbes{
	height: auto;
	min-height: 80px;
	max-height: 150px;
}

.contactContainer{
	padding: 55px 25px 40px 10px !important;
}

/*.dienstbes > p {
	margin-top: -20px;
	}*/

	.mottigeKnop{
		width: 40px;
		margin-bottom: 10px;
		font-weight: 700;
		transition: ease-in-out 0.3s;
	}

	.mottigeKnop:hover{
		background-color: #99B363;
		color: white;
		transition: ease-in-out 0.3s;
	}

	.dienstenh2{
		font-size: 2.2em;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.plus-change{
		position: relative;
		font-size: 1.5em;
		top: 12px;
	}

	.faqh2{
		font-size: 2em; 
	}

	.ant{
		font-size: 1.3em;
	}

	.ant > p{
		margin-bottom: 10px;
	}

	.hidewhenshow{
		border-radius: 10px;
		transition: ease-in-out 0.3s;
	}

	.hidewhenshow:hover{
		background-color: #487100;
		transition: ease-in-out 0.3s;
	}

	.fichetxt{
		font-size: 1.3em;
	}

	/* BLOKKEN */
	.blokken_content {
		max-width: 1400px;
		margin: 0 auto;
		/*padding-bottom: 100px;*/
		margin-top: 40px;
	}

	.blokken_row {
		width: 100%;
		margin-bottom: 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.blokken_content>div {
		width: 100%;
	}

	.blokken_col {
		width: 50%;
		box-sizing: border-box;
		padding: 20px;
	}

	.blokken_col img {
		width: 98%;
	}

	.blokkenimg {
		padding: 0;
	}

	.blokkenimg>div {
		width: 100%;
		position: relative;
		padding-bottom: 56.25%;
	}

	.blokkenimg>div>iframe {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
	}

	.blokken_row:nth-child(even) {
		text-align: right;
	}

	.blokken_row:nth-child(even) .blokkentext {
		order: 0;
	}

	.blokken_row:nth-child(even) .blokkenimg {
		order: 1;
	}

	.blokken_col h2 {
		font-size: 1.7em;
		color: #353535;
		font-weight: 700;
		letter-spacing: 1px;
		margin-bottom: 15px;
		line-height: 180%;
	}

	.blokken_col p {
		line-height: 170%;
		text-align: justify;
		color: #828282;
		font-size: 1.1em;
	}

	/* EINDE BLOKKEN */

	h2.overonsh2{
		color: #416502;
		text-transform: uppercase;
		font-size: 2.2em;
		transition: ease-in-out 0.3s;
		text-align: left;
	}

	h2.overonsh2:hover{
		transition: ease-in-out 0.3s;
		color: #618E13;
	}

	.blokkentext > p {
		font-size: 1.3em;
	}
	#mainimg{
		width: 100%;
	}

	.contactInfo{
		display: flex;
		flex-direction: column;
		justify-content: center;
		border: solid 1px #487100;
		border-radius: 10px;
		height: 370px;
	}

	#mygm{
		border: solid 1px #487100;
		border-radius: 10px;
	}

	.contactInfo div{
		align-self: center;
		padding: 8px;
	}

	.contactInfo>div>p{
		margin-bottom: 10px;
	}

	.contactInfo h2{
		font-size: 1.8em;
		line-height: 45px;
	}

	.contactInfoImage{
		width: 60%;
		border-radius: 100%;
		align-self: center;
		margin-top: 30px;
		
	}

	.dienstenBorder{
		border: solid 1px #487100;
		border-radius: 10px;
		padding: 10px;
		height: 260px;
	}

	.realisatieTitel{
		line-height: 45px;
	}

	.mKnopFix{
		margin-bottom: 10px;
	}

	/*---------------*/
	/***** Bubba *****/
	/*---------------*/

	figure.effect-bubba {
		/*background: #9e5406;*/
		background: #638f14;
		position: relative;
	}

	figure.effect-bubba img {
		opacity: 1;
		-webkit-transition: opacity 0.35s;
		transition: opacity 0.35s;
	}

	figure.effect-bubba:hover img {
		opacity: 0.4;
	}

	figure.effect-bubba figcaption::before,
	figure.effect-bubba figcaption::after {
		position: absolute;
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
		content: '';
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
	}

	figure.effect-bubba figcaption::before {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}

	figure.effect-bubba figcaption::after {
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
		-webkit-transform: scale(1,0);
		transform: scale(1,0);
	}

	figure.effect-bubba h2 {
		padding-top: 30%;
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}

	figure.effect-bubba p {
		padding: 20px 2.5em;
		opacity: 0;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(0,20px,0);
		transform: translate3d(0,20px,0);
	}

	figure.effect-bubba:hover figcaption::before,
	figure.effect-bubba:hover figcaption::after {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	figure.effect-bubba:hover h2,
	figure.effect-bubba:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

	figcaption{
		background: #EEE;
		height: 1px;
	}

	/*****BUBBA STOP******/

	@media only screen and (max-width: 1238px) {
		
		.bot_foot{
			bottom: auto;
		}
		
	}

	@media only screen and (max-width: 1040px){
		
		#nav{
			padding-bottom: 15px;
		}
		
		#nav, #nav li, #nav ul li, #nav ul li a{
			margin-bottom: 15px;
			margin-top: 5px;
			font-size: 1.3em;
		}
		
		.linksFooter{
			/*display: none !important;*/
		}
	}

	@media only screen and (max-width: 1000px) {
		
		.blokken_col{
			width: 100%;
		}
		
		.blokken_row{
			display: flex;
			flex-direction: column;
		}
		
		.blokken_row:nth-child(even) .blokkentext {
			order: 1;
		}

		.blokken_row:nth-child(even) .blokkenimg {
			order: 0;
		}
	}

	@media only screen and (max-width: 988px) {
		
		.shortenPrivcnt{
			display: none;
		}
	}

	@media only screen and (max-width: 940px) {
		
		.homebes{
			height: auto;
		}
		
	}

	@media only screen and (max-width: 670px) {
		
		.contactInfo{
			border: none;
			border-radius: none;
			margin-top: -50px;
			margin-bottom: -30px;
		}
		
		.contactInfoImage{
			width: 40%;
		}
		
		.shortenPrivcnt{
			display: block;
		}
	}

	@media only screen and (max-width: 600px) and (min-width: 480px){
		
		.contactInfo{
			margin-bottom: 20px;
			padding-bottom: 20px;
			margin-top: 15px;
		}
		
	}

	@media only screen and (max-width: 500px) {
		body h1 span{
			line-height: 45px;
		}
		
		.contactInfoImage{
			width: 40%;
		}

		
		
		.topoverlay{
			margin-top: 30px;
		}
		
		.col{
			margin-bottom: 0px;
		}
		
		.show{
			margin-top: 0px;
		}
	}