@font-face {
    font-family: 'book';
    src: url('archer-book-pro-webfont.woff2') format('woff2'),
         url('archer-book-pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'medium';
    src: url('archer-medium-pro-webfont.woff2') format('woff2'),
         url('archer-medium-pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'italic';
    src: url('archer-boldital-pro-webfont.woff2') format('woff2'),
         url('archer-boldital-pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bold';
    src: url('archer-bold-pro-webfont.woff2') format('woff2'),
         url('archer-bold-pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'book_italic';
    src: url('archer-bookital-pro-webfont.woff2') format('woff2'),
         url('archer-bookital-pro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html{
	


}
body {
	margin: 0;
	padding: 0;
font-family: "Archer SSm A", "Archer SSm B";
font-style: normal;
font-weight: 400;	font-size: 12px;
	background-size: 20px;
	color:#066CA6;
	background-color:#fefdfa;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

a {


}
a:hover{ 
	
}



.wattekst p{z-index: 1;position: relative; padding: 0  48px 0 0; }

.contacttekst p{z-index: 1;position: relative; top: 32px; }

h2{font-size: 1.6em; font-weight: 800;}
.contekst h2{margin-bottom: 32px;}
h4{line-height: 1rem;     font-size: 1.2rem;     color: #066CA6; font-weight: 800;
}
.c-8{width: 66.6667%}
.c-6{width: 50%}
.c-4{width: 33.3333%}
.c-12{width: 100%;}
.content{
	

 min-height: calc(100vh - 100px); max-width: 1400px;
	width: 80%;
	margin: 0 auto;
	    padding-bottom: 12px;

}


header {
	position: relative;
	top: 0;
	height: 83px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 0;
	z-index: 10;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
}

.logo  {
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	text-decoration: none;
	position: absolute;
width: 300px; height: 80px; background-image: url("../img/itwn_web.svg");
background-size: 250px; background-repeat: no-repeat; margin-top: 0px;transition: all linear .5s;  } 


.navbar{width: 100%;}



#navbar.fixed .logo {   
    margin-top: -29px;
   transition: all linear .5s
}


.nav-links {
	float: right;
	display: flex;
	justify-content: space-around;
	width: 70%;
	    margin-top: 10px;

}


#navbar .nav-links li { list-style: none; padding-top: 5px; }
#navbar.fixed .nav-links li {    padding-top: 40px; transition: all linear .5s }

#navbar {background-color: transparent; width: 100%; height: 150px; position: absolute; top: 0;}
#navbar.fixed { }


.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
 opacity: 1;
  transition: opacity 0.8s ease;

  border: none;
  cursor: pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
	padding-top: 5px;

}

.dropdown-content a {
display: block;
	margin-top: -3px
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
}

.nav-links a {
color: #066CA6;
    text-decoration: none;
    font-size: 1.4em;
    text-transform: uppercase;
    background-color: transparent;
    /* border-radius: 15px; */
    padding: 6px 0px;
	  transition: all 200ms ease;
font-weight: 800;		
}
.nav-links a:hover{	text-decoration: none;
}
.nav-links a:active{}
.obut a{border-radius: 35px;
    border: solid 2px #066CA6;     color: #066CA6;
    text-decoration: none;
    font-size: 1.4em;
    text-transform: uppercase;
    background-color: transparent;
    /* border-radius: 15px; */
    padding: 8px 24px 8px 20px;
    transition: all 200ms ease;
   font-weight: 800;}
.obut{margin: 64px 0 32px; position: absolute;
    bottom: 10px;}
a.nl{border-radius: 0; border-bottom-left-radius: 20px; border-top-left-radius: 20px;
    background: #004b44; padding-right: 4px; padding-left:11px;border-bottom: solid #eeff00 0px;  }
a.en{border-radius: 0; border-bottom-right-radius: 20px; border-top-right-radius: 20px;
    background: #004b44; padding-left: 4px; padding-right: 11px; color:#fff; border-bottom: solid #eeff00 0px;  }
a.active{ color: #eeff00;}
a.inactive{ color: #ffffff;}

a.offerte{    border-radius: 35px;
    padding: 6px 20px; border: solid 2px #066CA6;}

.burger {
	display: none;
	cursor: pointer;
}

.burger div {
	width: 25px;
	height: 3px;
	background-color: #066CA6;
	margin: 5px;
	transition: all 0.3s ease;
}
.contentcontainer{padding-top: 150px;}
.row {margin: 0; position: relative; padding: 0;}


.video video{width: 100%;  border-radius: 9px;}
.e_foto video{border-radius: 9px;}
.in{position: absolute; left:50px; top:50px; background-color: #009E5E; padding-bottom: 72px; border-radius: 9px; }
.out{position: absolute; left:50px; top:50px; background-color: #009E5E; padding-bottom: 72px; border-radius: 9px; }
.out2{position: absolute; left:50px; top:50px; background-color: #009E5E; padding-bottom: 42px; border-radius: 9px;    width: calc(100% - 100px);
 }

section {
        display: flex;
        align-content: center;
        justify-content: center;
	height: 500px; padding-top: 32px; padding-bottom: 32px;
	  }
.watsilde{       padding: 0px 0 0px 50px;

}
.watslide img{width: 100%;}


.watslide section {background: none; height: 440px;     width: 100%;
    margin: 0 auto; padding: 0; border-radius: 9px}
.watslide .slidewrapper .slickslider .slickdots{ text-align: right;}

    /* for slick slider */
    .slider.slick-dotted.slick-slider{
        max-width: 100%;
        margin: 0 auto 5px;
    }
.slider{position: relative;}
    .slider div {
        color: #000;
        font-size: 35px;
        font-weight: bold;
        text-align: center;
        height: 100%;
		width: 100%;
		position: relative;
    }
.slick img{ position:absolute;top:0; height:400px;}
.slick h3{ position: relative; top: 85%; color: #fff; font-size: 0.8rem; text-align: right; margin-right: 12px;  font-family: 'mrh_re';
 }
.slick-slider .slick-track, .slick-slider .slick-list{border-radius:9px; }
.slick-slide img {
    display: block;
	  height: 100%; 
    width: 100%; 
    object-fit: cover;}

    .slick-dots {
position: absolute;
    bottom: 16px;
    left: calc(100% - 65px);
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}







.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
}


.introtekst{       
  padding: 48px 43px;
	z-index: 2;
    position: relative;
	color: #FBF9F2;
  } 
.pl {width: 70px; opacity: .3; position: absolute; bottom: 20px; right: 20px;}
p{ font-size: 1.7em;
    font-family: 'medium';
    line-height: 1.3em;
}
p.centered{text-align: center;}
.sp10{height: 10px;}

.sp50{height: 50px;}

.sp75{height: 75px;}
.sp100{height: 100px;}
.sp150{height: 150px;}
.divider{	    border-radius: 2px;
    width: 100%;
    height: 2px;
    background-color: #066CA6;}


.index {  height: 400px;
}

.in_img_1{
	position: absolute;
	top:0; left: 0;
	width: 25%;
	height: 400px;
	background-size: cover;
}

.in_img_2{
	
	left: 0;
	width: 100%;
	height: 336px;
	margin-top: 32px;
		background-size: cover;

}
.re{ position: absolute;
    z-index: 8;
    width: 25%;
    text-align: center;
    left: 12%;
    top: 50%;
    transform: translateY(-50%);
margin-top: -15px;}



.qoute{font-size: 2em;  width: 70%; margin: 0 auto; text-align: center;
     line-height: 1.2em;
}
.qoute p{font-size: 0.8em; color:#FBBF3C; }

.element img { width:55%;}

.brandslider .slick-dots {
position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    left: 0;
}
.brandslider img{ margin: 0 auto;}

.slick-dots li button:before{
	color: #D3D3D3;
}
	.slick-dots li button {
			display: block;
			width: 12px;
			height: 12px;
			padding: 0px;;
			margin: 12px;
			border: none;
			border-radius: 100%;
			background-color:#fff; opacity: .5;
			
			text-indent: -9999px;
		}
	
		li.slick-active button {
			background-color: #009E5E;
			opacity: 1;
		}


.slider-testimonial .slick-dots {        position: relative;
    left: calc(50% + -15px);
    padding-top: 37px;
}
.slider-testimonial .slick-dots li button:before{
	color: #D3D3D3;
}
	.slider-testimonial .slick-dots li button {
			display: block;
			width: 6px;
			height: 6px;
			padding: 0px;;
			margin: 12px;
			border: none;
			border-radius: 100%;
			background-color:#dee2e6; opacity: .5;
			
			text-indent: -9999px;
		}
	
		.slider-testimonial li.slick-active button {
			background-color: #066CA6;
			opacity: 1;
		}






.wie {width: 100%;}

.slideshow-block{
	position: relative;
	width: 300px;
    height: 446px;
	overflow: hidden;
	background-size: cover;
    background-position: center;
	    margin: 0 auto;

	;
}

.slides{
	z-index:0;
	visibility: hidden;
}
.slides.active{
	visibility: visible;
}
.clear{
  clear: both;
}

	.video{ height: 800px;}

	video{object-fit: cover;
    width: 100%;
    height: 100%;}

.function p{ color: #b9d6d1; line-height: 0; }
.dif{ width: 70%; height: 2px; background-color: #eeff00;  margin: 0 auto 10px;}
.read-more p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.read-more-content {
  max-height: calc(1.4em * 5);
  overflow: hidden;
  transition: max-height 0.5s ease !important;
	font-size: 1.4em;
    font-family: 'mrh_re';
    color: #004b44;
    line-height: 1.4em;
}

.read-more-button {
  display: block;
  margin-top: 1em;
	    background: none;
    color: inherit;
	    font-size: 0.8rem;

}

.read-more-button button{
 background:none;
}
button:focus  {
    outline: 0px dotted !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}

 .wat .c-6{
	background-color: #b9d6d1;
	 min-height: 400px;
    height: auto;
}

/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:0.1s;
  -moz-animation-duration:0.1s;
  animation-duration:0.1s;
}

.fade-in .one {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.fade-in .two {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}


.wattekst{padding: 0 32px 0 0;}
.contacttekst {padding: 0 32px 0 0;}
.contekst {padding: 32px;
border: 2px solid #066CA6; border-radius: 9px; margin-right: 32px;
background-image: url(../img/Asset9.svg); background-position: calc(100% - 16px) 16px;
	background-repeat: no-repeat; background-size: 48px;
-webkit-box-shadow: 9px 9px 0px 2px #FBBF3C; 
box-shadow: 9px 9px 0px 2px #FBBF3C;
height: 850px;
}

.term{ height: auto !important;}

.wat .c-4{width: calc(33.33% - 32px);}
.contekst:nth-child(2){ margin-right:16px;    margin-left: 16px;
}
.contekst:nth-child(3){ margin-right:0;    margin-left: 32px;
}


.nr{position: absolute; top: 55px; left: 32px; width: 44px}
.dot_c{position: absolute; left: 49px; top:105px; width: 8px;} 
.im {    height: calc(100% - 100px);
    width: calc(50% - 50px);
    position: absolute;
    top: 49px;
    left: 50%;
    background-size: cover;
    display: block;}
.rowbg{ width: 25%; height: 100%; position: absolute; top: 0; right: 0; background-position: center; background-size: cover;}


 .wat2 .c-6{
	background-color: #fff; 
}
.nr2{position: absolute; top: 55px; left: calc(50% + 32px); width: 44px}
.dot_c2{position: absolute; left:calc(50% + 49px); top:105px; width: 8px;} 
.im2 {height: calc(100% - 100px); width: calc(50% - 50px); position: absolute; top:50px;right: 50%; background-size: cover;display: block; }
.rowbg2{ width: 25%; height: 100%; position: absolute; top: 0; left: 0; background-position: center; background-size: cover;}


.tuin{ display: flex;
  justify-content: space-between;}
.tuin .c-6{width: 47.5%; margin-bottom: 64px;}
.port{width: 100%; height: 400px; display: flex; position: relative;}

.port img{ width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 1;    border-radius: 9px;
}
.port img:hover { opacity: .7; transition: all 1s ease-out;   }
.tuin a {font-weight: normal;
    text-decoration: none;
    color: inherit;
  transition: all 1s ease-out;

}


.tuin a:hover{font-weight: normal;
    text-decoration: none;
  
    }
.tuin h1{ font-weight: normal; padding-top: 12px; line-height: 1rem;     font-size: 1rem;   
    font-weight: 800;
 color: #066CA6; text-transform: uppercase;  
}

.locatie{    font-weight: 800;
 line-height:  1rem; color: #066CA6;     font-size: 1rem; float: right; text-align: right; margin-top: -23px; text-transform: uppercase; }





.item{width: 100%; height: 400px; object-fit: cover; margin: 0 auto;}

.item img{ width:100%; height: 100%; object-fit: cover; object-position: center;     margin: 0 auto;
       border-radius: 9px;
}
.tuinen .locatie {
    font-weight: 800;
    line-height: 1rem;
    color: #FBBF3C;
    font-size: 0.8rem;
    float: left;
    text-align: right;
    margin-top: 0px;
}

.tuin_naam h1{    font-size: 1.6em;

    font-weight: 800;
    line-height: 1em; }
.tuinfoto .c-6{width: 47.5%; margin-bottom: 64px;}



.grid {
	columns: 31rem;
	gap: 1rem;
}

.e_foto + .e_foto {
	margin-top: 1rem;
}

.e_foto {
	break-inside: avoid;
	padding: .5rem;
}

.e_foto::before {
}

.e_foto:nth-child(3n) {
}

.e_foto:nth-child(3n - 1) {
}
.e_foto img {
	width: 100%; height: 100%;
	object-fit: cover;
	    border-radius: 9px;

}



 .footer {
	 
    font-family: 'book';
        height: 50px;
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px;
        text-align: center;
	  max-width: 1600px;
	width: 100%;
	  	margin: 0 auto;

      }
.footer-container{border: 2px solid #066CA6; border-radius: 40px; padding: 15px 15px 6px 15px;}
.social {margin-top: 9px;  float: none;}
.social img:first-child{margin-top: -3px;}
.social img{    width: 37px;
    padding-bottom: 10px;
    padding-right: 14px;}

.footer-container img{height: 46px;padding-top: 0;margin-top: -10px;}
.logo-pay{ height: 34px;}
.footlink, .tel, .voorwaarden {    font-size: 1.3em;
    padding-top: 0;    font-weight: 500;

    margin-top: -7px; margin-left: 0;
}
.footlink a, .tel a, .voorwaarden a{
	color: inherit; text-decoration: none;
}
.voorwaarden a{color: inherit;}
.voorwaarden a:hover{color: inherit; text-decoration: none;}

.tel img{ height: 18px; margin-top: 0px; float: none; margin-right: 0;}
.dot img{ height: 8px; display: block;}
.dot{margin-top: 8px;}


.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
	    text-align: center;

}




.contact .wattekst{padding: 0 32px 0 0; height: 40px;}
.contactfotocontainer{ position: relative; width: 100%;}
.contactfoto {
    height: auto;
    z-index: 1;
    position: relative;
    left: 0;
    margin-top: 37.5%;}
.contactfoto2 {    width: 70%;
    margin: 0 auto;
    position: absolute;
    top: -28%;
    left: 15%;}
.contactfoto img{ width: 100%; height: auto; object-fit: cover; object-position: center;}
.contactfoto2 img{ width: 100%; height: auto; object-fit: cover; object-position: center;}



.contact-form-wrapper {
  padding: 100px 0;
}

.contact-form {
  padding: 30px 40px;
  background-color: #ffffff;
  border-radius: 12px;
}
.form-columns {
max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    display: flex;}

.form-columns .column {
    flex: 1;
    padding: 0 60px;}

label {
    display: block;
    margin-bottom: 10px;
	font-size: 1.4em;
font-family: "bold";
	text-transform: uppercase;
}

input[type="text"],
input[type="email"],
textarea {
    width: 100%;
    padding: 10px 10px 10px 20px;
    border-radius: 24px;
    margin-bottom: 10px;
	border: 0;
	background-color: rgba(242, 242, 242, 0.2);
	outline: none;
	color: #fff;
	font-size: 1.6em; font-family: "medium";
}

input[type="submit"] {
    background-color: #FBBF3C;
	font-size: 1.4em;
font-weight: 700;   padding: 10px 20px !important;
    border: none;
    border-radius: 24px;
    cursor: pointer;
color: #009E5E;	
}
textarea#message {
    height: 150px; /* Set the desired height for the message field */
}
input[type="submit"]:hover {
}

select {
    width: 100%;
    font-size: 1.4em;
    font-family: "medium";
    padding: 10px 20px;
    background-color: rgba(242, 242, 242, 0.2);
    outline: none;
    border-radius: 24px;
    border: 0;
    position: relative;
    color: #fff;
   -webkit-appearance: none;
    -moz-appearance: none; appearance: none;}

select::-ms-expand {
    display: none;
}

select::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000; /* Arrow color */
    pointer-events: none;   display: none;
}
option{    color: #000;
}
@media screen and (max-width: 1600px) {
	.re {width: 17%; left: 16%;}

.form-columns .column {
    flex: 1;
    padding: 0 30px;}
.wat .c-4 {
    width: calc(33.33% - 16px);
}
.contekst {
    margin-right: 16px;
	padding: 24px;
}
	.contekst:nth-child(2) {
    margin-right: 8px;
    margin-left: 8px;
}
	
	.contekst:nth-child(3) {
    margin-right: 0;
    margin-left: 16px;
}
	
	
	
}

@media screen and (max-width: 1550px) {
	.contekst{height: 1000px;}

}

@media screen and (max-width: 1300px) {
		.c-4{width: 50%; }
	.wat .c-4 {
    width: 100%; position: relative; margin-bottom: 32px;
}
	.contekst{height: auto;}
.obut {
    margin: 64px 0 32px;
    position:relative;
    bottom: 10px;
}	


}

@media screen and (max-width: 1100px) {
	.c-8{width: 100%; margin: 0 auto;}
	.c-4{width: 50%; }
	.in {}
	section{background-size: 50%;}
	.h{top:30%;}
	.m {top:20%;}
	.re{left:12.5%;}
	
	.dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;
    padding-top: 34px;
}
	
	
	.form-columns .column {
    flex: 1;
    padding: 0 20px;} 
	.nav-links {
  	position: fixed;
    right: 0;
    height: 100vh;
    top: 0;
    background-color: #009E5E;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow-y: scroll;
    clip-path: circle(50px at 90% -10%);
    -webkit-clip-path: circle(50px at 90% -10%);
    transition: all .5s ease-out;
    line-height: 0em;
    justify-content: center;
	}
	
	.logo a {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	padding-top: 0px;
}

	.logo img{
	height: 100px;
	transition: all 1s ease-out;
}
	.nav-links.open {
	clip-path: circle(1300px at 86% 33%);
	-webkit-clip-path: circle(1300px at 86% 33%);
	z-index: 10;
	}
	.nav-links a{color: #fff; font-size: 2em; }
	#navbar .nav-links li {
    list-style: none;
    padding-top: 51px;
}
	li.offerte {
    border-radius: 35px;
    padding: 0px 0px;
    border: solid 0px #066CA6;
}
	.burger {
	display: block;
	}

	header {
	position: relative;
	height: 80px;
	}

	.navbar {
	padding: 0 20px;
	}

	.logo a {
	font-size: 1.5rem;
	}

	.burger {
	position: absolute;
	top: 24%;
	right: 6%;
	transform: translateY(-50%);
	}
	.logo-pay{ height: 60px;}
	.dot{    margin-top: 6px;}
	.tel img{ margin-top: -7px;}
	
	.wat .c-6{ width: 100%; min-height: 100px;}
	.wat2 .c-6{ width: 100%;}

	.im, .im2 {display: none;}
	.wat_r, .wat_l  {height: 0 !important;}
	.contekst p{padding: 0 0 0 0;}
	.wat2 .contekst p{padding: 0 0 0 0;}
	.wat2 .contekst h2{padding: 0 0 0 0;}

	.nr2{left: calc(26% + 32px);}
	.dot_c2 {left: calc(26% + 49px);}
	.wat .c-4{width:100%;}
	.contekst { margin-right:0; margin-bottom: 64px;}
	.contekst:nth-child(2){ 
	margin-right:0px;    
	margin-left: 0px;  
	margin-bottom: 64px;
}
	.contekst:nth-child(3){ 
	margin-right:0;    
	margin-left:0px;
}
	.watslide {padding: 0;}
	
	.video{ height: 700px;}

	
	
input[type="text"], input[type="email"], textarea {
    width: 100%;
    padding: 4px 10px 4px 20px;
    border-radius: 24px;
    margin-bottom: 2px;
    border: 0;
    background-color: rgba(242, 242, 242, 0.2);
    outline: none;
    color: #fff;
    font-size: 1.6em;
    font-family: "medium";
}
.form-columns {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px; 
    display: flex; 
}
	.form-columns .column {
    flex: 1;
    padding: 0px 10px;
}
}


@media screen and (max-width: 900px) {
	.contentcontainer{padding: 0;}
	.logo-pay{ height: 60px;}
	.dot img{height: 8px;}
	.tel img{height: 16px;}
	.wattekst p{z-index: 1;position: relative; top: 76px; padding:  50px 0; }
		.contekst{height: auto;}

	.social{ position: absolute;     right: 10%; margin-top: -100px;
}

	
	.tuin .c-6{width: 100%;}
	
		.wattekst {
    padding-bottom: 100px; 
}
	
	.contentcontainer .c-6{ width: 100%;}
	
	form{
		width: 95%;
		margin: 0 auto;
		float: none;
	}
.form-columns {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px; 
    display: block; 
}
	.form-columns .column {
    flex: 1;
    padding: 0px;
}
	.out, .out2 {position: relative;     padding: 16px 16px 32px 16px;
left: 0px; 
     top: 40px; width: 100%}
	.out2{margin-top: 32px;}
	
		.in{ position: relative; padding: 16px 16px  32px 16px; left:0%; top:40px; color: #066CA6; width:100%;  }

	.video {
    padding-top: 150px;
}
}

@media screen and (max-width: 728px) {
	
		.contentcontainer .c-6{ width: 100%;}
	.video { padding-top: 150px;}
	#navbar{width: 95%}
	.burger{top:29px;}
	h1{font-size: 2em;}
	.row{    padding: 0 16px;}
	.content{width: 95%;     overflow-x: hidden;
}
	.c-4 { width: 100%; margin-left: 0; margin-top: 32px;}
	.tuinen .c-4 { width: 95%; margin-left: 2.5%; margin-top: 32px; background-color: transparent; padding-bottom: 12px;}
	.tuin h1, .locatie{font-size: .95em;}
	.locatie {top: -3px;}
	.re{left:12.5%; margin-top: 30px;}
	.introtekst{padding: 0; }
	.out, .out2 {position: relative;     padding: 16px 16px 32px 16px;
left: 0px; 
     top: 32px; width: 100%}
	.out2{margin-top: 32px;}
	.c-6{width: 100%;}
	.in{ position: relative; padding: 16px 16px  32px 16px; left:0%; top:0px; color: #066CA6; width:100%;  }
	.in
	.qoute{margin: 0;}
	.in_img_1 {height: 400px;width: 50%;}
	.re{left:25%; width: 50%; top: 25%;}
	.sp150{height: 75px;}
	.sp50{height: 25px;}
	.dot{display: none;}
.form-columns {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px; 
    display: block; 
}
	.form-columns .column {
    flex: 1;
    padding: 0px;
}
	#formContact .col-3{ max-width: 100%;}
#formOffer .col-3{ max-width: 100%;}
	
	.wat .c-6, .wat2 .c-6{ height: auto;}
	.wattekst {
    padding: 0 0px 0 0;
}
	.contacttekst {
    padding: 0 0px 0 0;
}
	.rowbg, .rowbg2 {width: 12%;}
	.contekst{    padding: 32px 32px;}
.contekst p {
    padding: 0px 0 0 0;
}
	.wat2 .contekst p {
    padding: 0 0 0 14%;
}
	.wat2 .contekst h2 {
    padding: 0 0 0 14%;
}



	.slideshow-block {
    position: relative;
       width: 259px;
   height: 387px;

	}

	.first{margin-top: 150px;}
	.watslide section {
    background: none;
    height: 440px;
    width: 100%;
    margin: 0 auto;
}
	
	.wattekst {
    padding-bottom: 100px; 
}
		.tuin .c-6{width: 95%; margin: 0 auto 64px;}
	.tuin .c-8{ width: 95%}
		.tuinen .c-8{ width: 95%}

	.tuin .c-4{ width: 95%; margin-left: 2.5%;}
	h4{    margin-left: 5%;
}
	.item { width: 95%; }
	
	.divider {
    border-radius: 2px;
    width: 90%;
  margin: 0 auto
}
	
	
form{


 }
button, input {
    overflow: visible;
    border: 0;
    width: 100%;
    padding: 6px;
    border-radius: 20px;
    margin-bottom: 25px;
}
textarea {
    height: 150px;
    overflow: auto;
    resize: vertical;
    width: 100%;
    border: 0;
	    border-radius: 20px;
    margin-bottom: 20px;

}

input[type="submit" ] {

	
}
	
	.read-more-content {
  max-height: calc(1.3em * 5);
  overflow: hidden;
  transition: max-height 0.5s ease !important;
	font-size: 1.3em;
    font-family: 'mrh_re';
    color: #004b44;
    line-height: 1.3em;
}
	
	.footer-container {
    display:block;
    text-align: left; position: relative;
		    width: 90%;
    margin: 0 auto;
}

	
	.logo_pay{ height: 50px;     padding-top: 8px;
}
		.logo_pay img{ 
    height: 39px;
    margin-top: -6px;
    margin-left: 9px;

}
	.footlink{        margin: 0px 12px 6px;

}
.footlink, .tel, .voorwaarden {
    font-size: 1.1em;
}
	.tel {float: right;     margin-right: 12px; margin-top: -29px;}
	
	.voorwaarden{float: right;     margin-right: 12px; margin-top: -29px;}
	
	.social {
    position: absolute;
    margin-top: 5px;
    margin-right: 0;     right: 16px;
    top: 15px;

}
	
	.footer-container {
    border: 2px solid #066CA6;
    border-radius: 9px;
    padding: 15px 15px 6px 15px;
		width: 94%;
}
	.footer-container .social img {
 height: 40px;
    padding-bottom: 8px;
    padding-right: 7px;
    padding-top: 9px;
}
.social img:first-child {
    margin-top: -6px;
}
@media screen and (max-width: 600x) {
	.mn{ display: none;}
	}
.out, .out2 {
    position: relative;
    top: 69px;
}
	.footer-container {margin-top: 90px;}
}