@font-face {
    font-family: 'mrh_mi';
    src: url('mrh-bold-webfont.woff2') format('woff2'),
         url('mrh-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 
}
@font-face {
    font-family: 'mrh_re';
    src: url('mrh-medium-webfont.woff2') format('woff2'),
         url('mrh-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html{
	


}
body {
	margin: 0;
	padding: 0;
    font-family: 'mrh_mi';
	font-size: 12px;
	color: #004b44;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
	background: url(mrhbg.svg); 
	background-size:25%;
	background-position: top left;
	background-repeat:repeat-y;


}


html,a {
   -webkit-cursor: url("https://mrhevents.nl/favicon/favicon-32x32.png"), auto;
  cursor: url('https://mrhevents.nl/favicon/favicon-32x32.png'), auto;
}





.rounded{
  width: 24px;
  height: 24px;
  border: 2px solid #fff;
  border-radius: 50%;
		background-color: #eeff00;

}


a:hover{ 
	
}
#cookie-bar, #cookie-bar-prompt-content {
    color: #fff;
    font-weight: 300;
    height: 64px !important;
    padding: 16px !important;
}
#cookie-bar-button {
    background-color: #eeff00 !important;
    border: solid 0px #0c0c0c !important;
    color: #0c0c0c!important;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-weight: 700;
    line-height: 1;
    margin-right: 20px;
    margin-top: 2px;
    padding: 6px 22px 6px;
    position: relative;
    text-decoration: none;    border-radius: 14px;

}

#cookie-bar a, #cookie-bar-prompt-content a, #cookie-bar-prompt-content span {
    color: #0c0c0c !important;
    text-decoration: none;
}
/*.cookie-notice {
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0.7rem 0;
  background-color: #b9d6d1;
  color: #eeff00;
  z-index: 1000;
}
.cookie-notice .cookie-notice-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem;
}
.cookie-notice p {
  flex-grow: 1;
  font-size: 13px;  color:  #004b44;

}
.cookie-notice .cookie-notice-dismiss {
  display: inline-flex;
  padding: 10px;
  flex-shrink: 0;
  cursor: pointer;


}
.cookie-notice .cookie-notice-dismiss svg {
  display: block;
  width: 62px;
  height: 62px;
}
.cookie-notice .cookie-notice-dismiss path {
  stroke-width: 1px;
  stroke: white;
}
.cookie-notice .cookie-notice-dismiss:hover path {
  stroke: rgba(255, 255, 255, 0.75);
}*/

h1{font-size: 6.6em;
    color: #eeff00;
    line-height: 0.8em;}

.mega{
position: absolute;
    width: 30%;
    z-index: 0;	
}
.wattekst p{z-index: 1;position: relative; top: 96px; padding: 0; }

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

h2{font-size: 1.6em;}
h4{line-height: 1rem;     font-size: 1.2rem;     color: #004b44;
}
.c-8{width: 66.6667%}
.c-6{width: 50%}
.c-4{width: 33.3333%}
.c-12{width: 100%;}
.content{
	
		background: url(mrhbg.svg);
	background-size: 25%;
	background-position: top left;
	background-repeat:repeat-y;
 min-height: calc(100vh - 100px); 
	max-width: 1400px;
	width: 80%;
	margin: 0 auto;
	    padding-bottom: 12px;

}
p a{color:#01221f;transition: all linear .5s }
p a:hover{color:#b9d6d1; text-decoration: none;}

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: bold;
	text-decoration: none;
	position: absolute;
width: 100px; height: 100px; background-image: url("../img/mrh_beeldmerk.gif");
background-size: 100px;margin-top: 0px;transition: all linear .5s  }


.navbar{width: 100%;     padding: 0;
}



#navbar.fixed .logo {   
   transition: all linear .5s
}


.nav-links {
	float: right;
	display: flex;
	justify-content: space-between;
	width: 70%;
}


ul {
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

#navbar .nav-links li { list-style: none; padding-top: 69px; }
#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 { }



.nav-links li .language {border-radius: 15px;
	padding: 6px 20px; background-color:#004b44;}

.nav-links a {
color: #004b44;
    text-decoration: none;
    font-size: 1.2em;
    text-transform: uppercase;
    background-color: transparent;
    /* border-radius: 15px; */
    padding: 6px 0px;
	border-bottom: solid rgba(255,255,255,0.00) 2px;
	  transition: all 200ms ease;

}
		

.nav-links a:hover{

}
.nav-links a:active{}


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;position: relative;
left: -1px;  }
a.active{ color: #eeff00;}
a.inactive{ color: #ffffff;}

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

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

   		.slick-slider {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
}
.m{position: absolute;
    left: 32px;
    top: 50%;
    z-index: 1;
    /* height: 100px; */
    width: 200px;   transition: all 2s ease-out;}

.r{position: absolute;
    left: 45%;
    top: -32px;
    z-index: 1;
    /* height: 100px; */
    width: 79px;   transition: all 2s ease-out;}

.h{position: absolute;
    right: 32px;
    top: 80%;
    z-index: 1;
    /* height: 100px; */
    width: 116px;   transition: all 2s ease-out;}

.m2{position: absolute;
    left: 32px;
    top: -115px;
    z-index: 10;
    /* height: 100px; */
    width: 200px;   transition: all 2s ease-out;}

.r2{position: absolute;
    left: 50%;
    top: -32px;
    z-index: 1;
    /* height: 100px; */
    width: 79px;   transition: all 2s ease-out;}

.h2{position: absolute;
    right: 110px;
    top: -120px;
    z-index: 1;
    /* height: 100px; */
    width: 116px;   transition: all 2s ease-out;}



section {
        display: flex;
        align-content: center;
        justify-content: center;
	 padding-top: 32px; padding-bottom: 32px;
	background: url(mrhbg2.svg);
	background-size: 45%;
	background-position: top right;
	background-repeat:repeat-y;    }
.watsilde{    padding-top: 152px;
}
.watslide img{width: 100%;}


.watslide section {background: none; height: 440px;     width: 100%;
    margin: 0 auto;}
.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-slide img {
    display: block;
	  height: 100%; 
    width: 100%; 
    object-fit: cover;}

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

.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;
}

.in{ background-color: #b9d6d1;     padding: 32px; margin-left:0;
}

.introtekst{       
  padding: 32px;
  padding-left: 5%;
	z-index: 2;
    position: relative;
  } 

p{ font-size: 1.4em;
    font-family: 'mrh_re';
    color: #004b44;
    line-height: 1.4em;
}
p.centered{text-align: center;}
.sp10{height: 10px;}

.sp50{height: 50px;}
.sp100{height: 100px;}
.sp150{height: 150px;}
.divider{	    border-radius: 2px;
    width: 100%;
    height: 2px;
    background-color: #b9d6d1;}


.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: 107px;
    /* transform: translateY(-50%); */
    margin-top: -15px;}


.q{padding-left: 32px;}
.qoute{font-size: 2em; margin: 0 auto;     line-height: 1.2em; 
}
.qoute p{font-size: 0.5em; color:#b9d6d1; }
.testimonial-image-slider{}
.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: 6px;
			height: 6px;
			padding: 0px;;
			margin: 5px;
			border: none;
			border-radius: 100%;
			background-color:#E1E1E1;
			
			text-indent: -9999px;
		}
	
		li.slick-active button {
			background-color: #eeff00;
		}

.wie {width: 100%;}

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


	;
}

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





.team  {width: 33%;text-align: center; position: relative; transition: all linear .5s  }
.team:nth-child(2){ margin-top: 64px;}
.team:nth-child(5){margin-top: 64px;}
.team:nth-child(8){ margin-top: 64px;}
.team:nth-child(11){ margin-top: 64px;}

.teammember {width: 100%;     padding-bottom: 16px; transition: all linear .5s 
 }
.teammember p{ width: 100%; color: inherit;}

.teammember img{width: 100%; padding-bottom: 12px;}

.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 * 7);
  overflow: hidden;
  transition: max-height 0.5s ease !important;
	font-size: 1.4em;
    font-family: 'mrh_re';
    color: #004b44;
    line-height: 1.4em;
	    padding: 0 12%;

}

.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;
}
	.contekst p{ color: #ffffff !important;}
	.wat2 .contekst p{ color: #004b44 !important;}
/* 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: 50px 50px 50px 96px;}
.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;}


.event{ display: flex;
  justify-content: space-between;}
.event .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;}
.port img:hover { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); transition: all 1s ease-out;   }
.event a {font-weight: normal;
    text-decoration: none;
    color: inherit;
    color: #004b44;  transition: all 1s ease-out;

}
.event:last-child{
	margin-bottom: 150px;
}

.event a:hover{font-weight: normal;
    text-decoration: none;
  
    }
.event h1{ font-family: 'mrh_mi'; font-weight: normal;padding-top: 12px; line-height: 1rem;     font-size: 1.2rem;     color: #004b44;

}

.locatie{font-family: 'mrh_re'; font-weight: normal;  line-height: 1rem; color: #b9d6d1;     font-size: 0.8rem; float: right; text-align: right; margin-top: -23px;}


.contactvraag {
    padding: 8px 19px;
    font-size: 1.2em;
    font-family: 'mrh_mi';
    float: right;
    text-align: right;
    margin-top: 100px;
    background-color: #eeff00;
    border-radius: 24px;
    color: #fff;
}

.contactbtn {
float: right;
}

.contactvraag a { border-bottom: 2px transparent solid; transition: all linear .2s; color: #004b44;}
.contactvraag a:hover{ text-decoration: none; color: #004b44;}


.item{display: flex;
align-items: center;
justify-content: center;width: 100%;
    height: 400px;}

.item img{ width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
   }
.evenement .locatie {
    font-family: 'mrh_re';
    font-weight: normal;
    line-height: 1rem;
    color: #b9d6d1;
    font-size: 0.8rem;
    float: left;
    text-align: right;
    margin-top: 0px;
}

.evenementfoto{
}
.evenementfoto .c-6{width: 47.5%; margin-bottom: 64px;}


		.footer-container a{     color: #004b44;}
.footer-container a:hover{text-decoration: none; color: #004b44;}

.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;
}



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

      }
.social {margin-top: 9px;  float: none;}
.social img{height: 40px; padding-bottom: 10px; padding-right: 5px;}
.footer-container img{height: 46px;padding-top: 0;margin-top: -10px;}
.logo-pay{ height: 34px;}
.footlink, .tel {    font-size: 14px;
    padding-top: 0; font-family: 'mrh_re';
    margin-top: -7px; margin-left: 0;
}

.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;}

#circle {
 position: relative;
    top: -154px;
    left: 62%;
    width: 281px;
    /* padding-bottom: 100%; */
    overflow: hidden !important;
    height: 295px;}

#circle text {  font-size: 14px;     font-family: 'mrh_re'; fill:#004b44;
 }

#circle svg { position: absolute; left: 0; top: 0; width: 100%; height: 300px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 25s;
     -moz-animation-duration: 25s;
      -ms-animation-duration: 25s;
       -o-animation-duration: 25s;
          animation-duration: 25s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}

@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-moz-keyframes rotate {
    from { -moz-transform: rotate(360deg); }
    to { -moz-transform: rotate(0); }
}
@-ms-keyframes rotate {
    from { -ms-transform: rotate(360deg); }
    to { -ms-transform: rotate(0); }
}
@-o-keyframes rotate {
    from { -o-transform: rotate(360deg); }
    to { -o-transform: rotate(0); }
}
@keyframes rotate {
    from { transform: rotate(360deg); }
    to { transform: rotate(0); }
}

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

.contact-form {
  padding: 30px 40px;
  background-color: #ffffff;
  border-radius: 12px;
  max-width: 400px;
}

form{background-color: #b9d6d1;
    width: 91%;
    padding: 64px;
    float: right;
	 		margin: 69px auto;


 }
button, input {
    overflow: visible;
    border: 0;
    width: 100%;
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 25px;
	font-family:   'mrh_re';
	font-size: 1.2em;
}
textarea {
    height: 150px;
    overflow: auto;
    resize: vertical;
    width: 100%;
    border: 0;
	    border-radius: 20px;
    margin-bottom: 20px;
    padding: 16px;
		font-family:   'mrh_re';
	font-size: 1.2em;

}
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 18px;
    width: auto;
    margin-bottom: 20px;
    width: 31px;
    position: relative;
    top: 3px;
}
input[type="submit" ] {
background-color: #eeff00;	
color: #004b44;    padding: 11px;
		font-family:   'mrh_mi';

	
}
li.ind{display: none;}
.teammobile{
		    position: absolute;
    right: 0;
    bottom: 0;
		display: none;
	}

@media screen and (min-width: 1600px) {
	.re {width: 17%; left: 16%;}
}

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

.slideshow-block {
    width: 262px;
    height: 381px;
    
}	
}
@media screen and (max-width: 1100px) {
	.c-8{width: 100%; margin: 0 auto;}
	.c-4{width: 50%; }
	.in { margin-left:  50%}
	section{     background-size: 50%;}
	.h{top:30%;}
	.m {top:20%;}
	.re{left:12.5%;}
	
	.slideshow-block {
    position: relative;
    width: 214px;
    height: 319px;
	}
	.nav-links {
  position: fixed;
    right: 0;
    height: 100vh;
    top: 0;
    background-color: #004B4A;
    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;
	}
	.nav-links.open li{
	padding-left: 32px;

	}

	.logo a {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	padding-top: 0px;
}
	a.nl, a.en{

    border-radius: 0;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    background: transparent;
    padding-right: 20px;
    padding-left: 0px;
    color: #eeff00;
    border-bottom: solid #eeff00 0px;
}
	.logo img{
		height: 100px;
				transition: all 1s ease-out;

	}
	.nav-links.open {
		clip-path: circle(1200px at 86% 33%);
		-webkit-clip-path: circle(1200px at 86% 33%);
		z-index: 10;
	}
	.nav-links a{color: #fff; font-size: 2em; }
	.burger {
		display: block;
	}
	
li.ind{display: block;}
		a.active {
    color: #eeff00;
}
	
	header {
		position: relative;
		height: 80px;
	}

	.navbar {
		padding: 0 20px;
	}

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

	.burger {
		position: absolute;
		top: 69%;
		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 35% 0 0; color: #ffffff !important;}
	.wat2 .contekst p{padding: 0 0 0 35%; color: #004b44 !important;}
		.wat2 .contekst h2{padding: 0 0 0 35%;}

	.nr2{left: calc(26% + 32px);}
	.dot_c2 {left: calc(26% + 49px);}
	
}

@media screen and (max-width: 1000px){
	.team{width: 45%}
.team:nth-child(2){ margin-left: 10%; margin-right: 0; margin-top: 64px;}
.team:nth-child(4){ margin-left: 10%; margin-right: 0;margin-top: 64px;}
.team:nth-child(6){ margin-left: 10%; margin-right: 0;margin-top: 64px;}
.team:nth-child(8){ margin-left: 10%; margin-right: 0;margin-top: 64px;}
.team:nth-child(10){ margin-left: 10%; margin-right: 0;margin-top: 64px;}

.team:nth-child(5){ margin-left: 0; margin-right:0; margin-top: 0px;}
.team:nth-child(11){ margin-left: 0%; margin-right: 0; margin-top: 0px;}

.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;
	    padding: 0 12%;

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

	.social{ position: absolute;     right: 10%; margin-top: -100px;
}
	.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;
	    padding: 0 12%;

}
		.slick-slider {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
}
	.slideshow-block {
    position: relative;
  width: 295px;
		height: 439px;}
	.c-8 {
    width: 100%;
    margin: 0 auto;
}
	.c-4 {
    width: 100%;
    margin-left: 0;
    margin-top: 32px;
    background-color: transparent;
}
	.q{padding-left: 0;}
	.in_img_1 {width: 50%}
	.re {
    position: absolute;
    z-index: 8;
    width: 37%;
    text-align: center;
    left: 30%;
    top: 90px;
    /* transform: translateY(-50%); */
    margin-top: -15px;
}
	.introtekst {
    padding: 0;
}

	.m2{position: absolute;
    left: 0px;
    top: -115px;
    z-index: 1;
    /* height: 100px; */
    width: 200px;   transition: all 2s ease-out;}

.r2{position: absolute;
    left: 40%;
    top: -32px;
    z-index: 1;
    /* height: 100px; */
    width: 79px;   transition: all 2s ease-out;}

.h2{position: absolute;
    right: 110px;
    top: -80px;
    z-index: 1;
    /* height: 100px; */
    width: 116px;   transition: all 2s ease-out;}
	
	.event .c-6{width: 100%;}
	
		.wattekst {
    padding-bottom: 100px; 
}
	
	.contentcontainer .c-6{ width: 100%;}
	
	form{
		width: 95%;
		margin: 0 auto;
		float: none;
	}
	
	#circle {display: none;}
}



@media screen and (max-width: 728px) {
	#navbar{width: 95%}
	.burger{top:29px;}
		.burger{top:29px;}
	.mobile{ position: fixed;
    top: 50px;
    background-color: #FFF;
    border-radius: 28px;
    padding: 12px 10px;}
	h1{font-size: 5em;}
	.row{    padding: 0 16px;}
	.content{width: 95%;}
	.c-4 { width: 100%; margin-left: 0; margin-top: 32px; background-color: transparent;}
	.evenement .c-4 { width: 95%; margin-left: 2.5%; margin-top: 32px; background-color: transparent; padding-bottom: 12px;}

	.h{top:40% ; width: 71px; z-index: 1;}
	.m {top:20%; width: 115px; z-index: 1;}
	.r{left: 71%; width: 47px; z-index: 1;}
	.re{left:12.5%; margin-top: 65px;}
	.introtekst{padding: 0; }
	 p{font-size: 1.3em;     line-height: 1.3em;
}
	.teammobile{
		    position: absolute;
    right: -24px;
    bottom: -24px;
		display: block;
	}
	.c-6{width: 100%;}
	.in{padding: 0;}
	.qoute{margin: 0;}
	.in_img_1 {height: 400px;width: 50%; left:16px;}
	.re{left:25%; width: 43%; top:0;}
	.sp150{height: 75px;}
	.sp50{height: 25px;}
	.dot{display: none;}
	
    .mega {width: 80%;     margin-top: 32px;}
	
	.wat .c-6, .wat2 .c-6{ height: auto; min-height: 0; width: 100%; margin-top: 300px}
	.wat{    margin-bottom: -250px;
}
	
	.wattekst {padding: 0 0px 0 0;}
	
	.contacttekst {padding: 0 0px 0 0;}
	
	.rowbg, .rowbg2 {height: 300px; z-index: 0; top:0px; width: calc(100% - 32px);     left: 16px;
}
	
	
	.nr {top: 290px; left: 32px;}	
	
	.nr2 {left: calc(100% - 74px); top: 290px;}
	
	.dot_c {top: 370px; left: 32px; display: none;}
	
	.dot_c2{   top: 270px;
    left: calc(100% - 41px); display: none;}	
	
	.wat2 .c-6 {margin-left: 0%;     text-align: right;     margin-top: 150px;
}
	.contekst{  padding:44px 16px 16px 16px; z-index: 1;}
	
	
	
.contekst p {
    padding: 0px 9% 0 0;     line-height: 1.2em;

}
	.wat2 .contekst p {
    padding: 0 0 0 0%;
}
	.wat2 .contekst h2 {
    padding: 0 0 0 0%;
}

.team:nth-child(2){ margin-left: 10%; margin-right: 0; margin-top: 64px;}
.team:nth-child(4){ margin-left: 10%; margin-right: 0;margin-top: 64px;}
.team:nth-child(6){ margin-left: 10%; margin-right: 0;margin-top: 64px;}
.team:nth-child(8){ margin-left: 10%; margin-right: 0;margin-top: 64px;}
.team:nth-child(10){ margin-left: 10%; margin-right: 0;margin-top: 64px;}

.team:nth-child(5){ margin-left: 0; margin-right:0; margin-top: 0px;}
.team:nth-child(11){ margin-left: 0%; margin-right: 0; margin-top: 0px;}
	.team{width: 100%; margin: 32px auto !important;}
	.slideshow-block {
    position: relative;
      width: 70%;
    height: 585px;
		

	}
	.r2{position: absolute;
    left: 50px;
    top: 630px;
    z-index: 1;
    /* height: 100px; */
    width: 79px;   transition: all 2s ease-out;}

.m2{position: absolute;
    left: 40%;
    top: -32px;
    z-index: 1;
    /* height: 100px; */
    width: 200px;   transition: all 2s ease-out;}

.h2{position: absolute;
    right: 10px;
    top: 1000px;
    z-index: 1;
    /* height: 100px; */
    width: 116px;   transition: all 2s ease-out;}
	
	.watslide section {
    background: none;
    height: 440px;
    width: 90%;
    margin: 0 auto;
}
	
	.wattekst {
    padding-bottom: 100px; 
}
		.event .c-6{width: 100%; margin: 0 auto 64px;}
	.evenement .c-8{ width: 95%}
	.evenement .c-4{ width: 95%; margin-left: 2.5%;}

	.item { width: 95%; }
	
	
	
	
form{background-color: #b9d6d1;
    padding: 32px 16px;
	margin: 169px auto;
    width: 100%;


 }
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" ] {
background-color: #eeff00;	
color: #004b44;    padding: 11px;
	
}
	
	.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;    padding: 0 16px;

}
	.logo_pay{ height: 60px;     padding-top: 8px;
}
	.footlink{    margin: 0px 12px 22px;
}
	.tel {float: right;     margin-right: 12px; margin-top: -44px;}
	.social {
    position: absolute;
    margin-top: 5px;
    margin-right: 0;     right: 16px; top:6px;

}
.contactvraag {
    /* padding-right: 16px; */
    float: none;
    text-align: center;
    width: 90%;
    margin: 0 auto;
	    position: relative;
    z-index: 10;
}
	.divider {
    border-radius: 2px;
    width: 90%;
    height: 2px;
    background-color: #b9d6d1;
    margin: 0 auto;
}
	.ed{ width: calc(100% - 32px);}
	.p16{padding-left: 16px;}
	.footer-container .social img {
 height: 48px;
    padding-bottom: 10px;
    padding-right: 4px;}
	
		h1{font-size: 4.5em}
	.event_naam h1{font-size: 1.6em}
.naam {font-size: 2.5em}
.footer-container img {
    height: 41px;
    padding-top: 0;
    margin-top: -10px;
}

	
}

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

	.slideshow-block {
    position: relative;
      width: 70%;
    height: 490px;
		

	}
	
	.locatie {
    font-family: 'mrh_re';
    font-weight: normal;
    line-height: 1rem;
    color: #b9d6d1;
    font-size: 0.8rem;
    float: none; 
   text-align: left; 
   margin-top: 0px; 
}
}
@media screen and (max-width: 500px) {
.team {width: 100%;}
.slideshow-block {position: relative;width: 244px;height: 364px;}
.contekst p {padding: 0px 0% 0 0;}
.wat .c-6, .wat2 .c-6{ height: auto; min-height: 0;width: 100%; margin-top: 300px;   }
.wat2 .c-6 {    text-align: right;      margin-top: 150px; margin-left: 0;
}
	.nr, .dot_c {
    left: 32px;
}
		.nr2{
    left: calc(100% - 74px);
}
	
	.dot_c2 {
    top: 374px;
    left: calc(100% - 41px); display: none;
}
	.dot_c{display: none;}
}