/*BACKSTAGE | MAASHEGGEN UNESCO2018 - Cybox Backstage CMSwww.cybox.nl  -2020 rebuild */
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600;700;800;900&display=swap');




/* reset */ 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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body {line-height: 1; } ol, ul {list-style: none; } blockquote, q {quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; } /* remember to define focus styles! */ :focus {outline: 0; } /* remember to highlight inserts somehow! */ ins {text-decoration: none; } del {text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse; border-spacing: 0; }

/* clearfix */ .cf:before, .cf:after {content: " "; /* 1 */ display: table; /* 2 */ } .cf:after {clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf {*zoom: 1; }

/* Owl Carousel v2.2.1  * Copyright 2013-2017 David Deutsch  */.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;/*width:100%*/}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

html,body {
	margin:0;
	padding:0;
	height: 100%;
}
body {
	font-family: 'IBM Plex Sans';
	font-size: 1.2em;
	line-height: 1.7;
	letter-spacing: 0.01em;
	color: #000;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #f5f7f0;
}
div, * {
	border: 0px dotted #00f;
}
/* links */
a {
	text-decoration: none;
	color: #e37f70; /* c3aa0b; */
}
a:hover {
	color: #4c6e2e;
}
span.kiek-close {
	display:block;
	width:30px;
	height:30px;
}


/* wrapper */
#wrapper {
	position: relative;
	margin-top: 170px;
	min-height: 100%;
	box-sizing: border-box;
}


/* header */
#header {
	position:fixed;
	top:0;
	width:100%;
	height:170px;
	z-index:9;
	background: #fff;
	background-image: url('../images/waves_header.png');
	background-size: 1400px;
	background-position: 200% 50%;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 60px rgba(0,0,0,.05);
}
#header #header-container {
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
	height:100%;
	position: relative;
}
#header #logo {
	width:150px;
	height:100%;
	position: absolute;
	left:0;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: -8px;
}
#header #logo a {
	display: block;
	height: 100%;
}
#header #logo a svg {
	position:absolute;
	top:52%;
	left:0;
	height:50%;
	fill:#6d822e;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
#header #menu ul.main {
	position: absolute;
	top:0;
	height: 100%;
	left: 120px;
}
#header #menu ul.main li:first-of-type {
	display: none;
}
#header #menu ul.main ul li:first-of-type {
	display: block;
}
#header #menu ul.main ul li ul li:first-of-type {
	display: block;
}
#header #menu ul.main li {
	display:inline-block;
	height:100%;
	margin-right: 20px;
	position: relative;
}
#header #menu ul.main li a {
	display: block;
	float:left;
	margin:0 17px;
	padding:0;
	padding-top:95px!important;
	height:100%;
	color:#4c6e2e;
	font-family: 'Bitter', sans-serif;
	font-size: 1.6em;
	letter-spacing: 0.02em;
	font-weight:600;
	box-sizing:border-box;
	background-color:#fff;
	position: relative;
}
#header #menu ul.main li:nth-of-type(5) a.mainbtn {
	color: #5d78ba;
}
#header #menu ul.main li:nth-of-type(5) a.mainbtn svg {
	fill: #5d78ba;
}
#header #menu ul.main li a svg {
	width: 20px;
	height: 20px;
	fill: #4c6e2e;
	position: absolute;
	left: -25px;
	bottom: 40px;
}
#header #menu ul.main li.active a {
	color:#e38070;
}
#header #menu ul.main li.active a.mainbtn:after {
	content: "";
	width: 80%;
	height: 6px;
	background: #e38070;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
#header #menu ul.main li:nth-of-type(5) a.mainbtn:after {
	background: #96a5b2;
}
#header #menu ul.main li a:hover,
#header #menu ul.main li.active a:hover  {
	color:#e38070;
}
#header #menu ul.main li a:hover svg,
#header #menu ul.main li.active a:hover svg,
#header #menu ul.main li.active a svg {
	fill: #e38070;
}
#header #menu ul.main li ul {
	position: absolute;
	left: -50px;
	bottom: 0;
	transform: translateY(100%);
	display: none;
	width: 350px;
	padding: 30px 30px;
	background: #f5f7f0;
	box-sizing: border-box;


	display: flex;
	flex-direction: column;

}
#header #menu ul.main li:hover ul {
	/*display: flex;
	flex-direction: column;*/
}
#header #menu ul.main li ul.foldout {
	margin-bottom: -10px;
	transition: all 200ms ease-out;	
	opacity: 0;
	z-index: 8;
	pointer-events: none;
}
#header #menu ul.main li:hover ul.foldout {
	margin-bottom: 10px;
	opacity: 1;	
	pointer-events: all;
}
#header #menu ul.main li ul li a,
#header #menu ul.main li.active ul li a {
	font-size: .9em;
	padding: 0px!important;
	white-space: nowrap;
	background-color: transparent;
	font-family: "IBM Plex Sans";
	font-weight: normal;
	color: #000;
}
#header #menu ul.main li ul li a:hover
#header #menu ul.main li ul li.active a,
#header #menu ul.main li.active ul li.active a {
	color: #e38070;
}
#header #menu ul.main li ul li ul {
	position: relative;
	bottom: auto;
	left: auto;
	transform: none;
	font-size: .95em;
	padding: 5px 15px;
	width: 100%;
}
#header #menu ul.main li ul li ul li a {
	color: #000!important;
}
#header #menu ul.main li ul li ul li a:hover,
#header #menu ul.main li ul li ul li.active a {
	color: #e38070!important;
}
#header #menu ul.small {
	position: absolute;
	right: 100px;
	top: 25px;
	display: flex;
	flex-wrap: nowrap;
}
#header #menu ul.small li {
	margin-left: 1em;
}
#header #menu ul.small li a {
	color: #000;
	font-size: .9em;
}
#header #menu ul.small li a svg {
	display: none;
}
#header #menu ul.small li a:hover,
#header #menu ul.small li.active a {
	color: #4c6e2f;
}
#header #menu ul.small li ul {
	display: none;
}
#header #menu ul.small li.langmenuli {
	display: flex;
	margin-left: 20px;
	position: relative;
	cursor: pointer;
}
#header #menu ul.small li.langmenuli .current {
	
	display: flex;
	text-transform: uppercase;
	align-items: center;
}
#header #menu ul.small li.langmenuli .current em {
	position: absolute;
	right: -10px;
	top: 0;
	font-style: normal;
	transform: rotate(90deg)
}
#header #menu ul.small li.langmenuli:hover #langmenu {
	display: block;
}
#header #menu ul.small li.langmenuli:after {
	content: "";
	width: 100%;
	height: 60px;
	position: absolute;
	left: 0;
	bottom: -50px;
}
#header #menu ul.small li #langmenu {
	display: none;
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translateY(100%) translateX(-50%);
	padding: 30px 30px;
	background: #f5f7f0;
	z-index: 9;
	border-radius: 3px;
}
#header #menu ul.small li #langmenu a.active {
	color: #4c6e2f;
}
#header #menu ul.small li #langmenu a {
	display: flex;
	align-items: center;
	margin-bottom: 6px;
	font-size: .8em;
	justify-content: space-between;
}
#header #menu ul.small li #langmenu a:last-of-type {
	margin-bottom: 0px;
}
#header #menu ul.small li.langmenuli .flag {
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 20px;
	cursor: pointer;
}
#header #menu ul.small li.langmenuli .flag img {
	display: block;
	height: 100%;
	transform: translateX(-50%);
	position: relative;
	left: 50%;
}
#header #menu ul.small li.langmenuli #langmenu .flag {
	margin-left: 30px;
	order: 1;
}
#header #menu ul.small li.langmenuli .current .flag {
	margin-right: 5px;
}
#header  .unesco-label {
	position: absolute;
	right: 0;
	top: 0;
	width: 65px;
}
#header .unesco-label img {
	display: block;
	width: 100%;
}
/*.arrow-more {
	position:fixed;
	bottom:50px;
	right:50px;
	width:50px;
	height:50px;
	cursor:pointer;
	box-shadow:0 5px 10px rgba(0,0,0,0.25);
	z-index:1;
	background-color:#4c6e2e;
	background-image:url(../images/arrow-more.svg);
	background-position:center;
	background-size:45%;
	background-repeat:no-repeat;
}
*/
#wrapper #header #menu-mobile {
	display: none;
}
/* header image */
#header-image {
	position:relative;
	width:100%;
	height:550px;
	background-color:#f5f7f0;
	overflow: hidden;
}
#header-image.homepage {
	height: 650px;
}
#header-image.page404 {
	height:calc(100vh - 200px);
	pointer-events: all;
}
#header-image.news {
	height: 150px;
}
#header-image .image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	opacity: 0;
	pointer-events: none;
}
#header-image.trots_op .image .content h3,
#header-image.page404 .image .content h3 {
	position:absolute;
	top:50%;
	left:50%;
	margin:0 auto;
	padding:5%;
	max-width:50%;
	color:#fff;
	font-weight:400;
	text-align: center;
	box-sizing:border-box;
	text-shadow:0 0 25px rgba(0,0,0,0.5);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:1;
	font-size:3em;
	line-height: 1.3;
	font-family: "Bitter";
	font-weight: 600;
	letter-spacing: 0.02em;
}
#header-image.page404 .image .content h3 { top:30%; }

#header-image.page404 .image .content .text404 {
	position:absolute;
	top:80%;
	left:50%;
	margin:0 auto;
	padding:5%;
	max-width:50%;
	font-size:22px;
	color:#fff;
	font-weight:400;
	line-height:30px;
	text-align: center;
	box-sizing:border-box;
	text-shadow:0 0 25px rgba(0,0,0,0.5);
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:1;
}
#header-image.page404 .image .content .text a {
	color: #fff;
}
#header-image .image img {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	pointer-events: none;
}
@media screen and (max-width: 1920px) {
	/*#header-image .image img {
		top: 55%;
	}*/
}
#header-image .patroon {
	position:absolute;
	bottom:0;
	left:0;
	width:50%;
	height:350px;
	opacity:0.5;
	z-index:1;
	background-image:url(../images/patroon-golven.svg);
	background-position:top 18px right 55px;
	background-size:cover;
	background-repeat:no-repeat;

	display: none;
}
#header-image .text {
	position:absolute;
	top: 50%;	
	right:0;
	width: 100%;
	box-sizing:border-box;
	z-index:1;
	transform: translateY(-50%);
	font-size:3em;
	font-family: "Bitter";
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1.2;
	text-align: center;
	text-shadow:0 0 60px rgba(0,0,0,0.8);
	color: #fff;
	padding-bottom: 40px;
	margin-top: -30px;
}
#header-image .text h1 {
}
#header-image .text .tagline {
	max-width: 700px;
	margin: 0 auto;
}
#header-image .text:after {
	content: "";
	width: 80%;
	height: 6px;
	background: #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	max-width: 450px;
	box-shadow:0 0 60px rgba(0,0,0,0.8);
}
/*#header-image-container {
	margin:0 auto;
	width:90%;
	max-width:960px;
	height:100%;
}*/
#header-image #langmenu {
	position: absolute;
	right: 60px;
	top: 60px;
	line-height: 1;
	z-index: 2;
	font-size: .8em;
	letter-spacing: 0.02em;
	border-radius: 3px;
	overflow: hidden;
	pointer-events: all;
}
#header-image #langmenu a {
	padding: 10px 10px;
	display: block;
	float: left;
	background-color: #4c6e2e;
	color: #88b263;
}
#header-image #langmenu a:hover {
	/*background-color:rgba(0,0,0,0.3);*/
}
#header-image #langmenu a.active {
	background-color: #fff;
	color: #000;
}
#header-image.homepage .arrow-more {
	position:absolute;
	bottom: 40px;
	left: calc(50% + 10px);
	width:80px;
	height:80px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	background-color:transparent;
	background-image:url(../images/icons/arrow-down-w.svg);
	background-position: 50% 35%;
	background-size:30%;
	background-repeat:no-repeat;
	pointer-events: all;
	cursor: pointer;
}

/* TROTS OP ~ HEADERS */
#header-image.trots_op {
	/*height:calc(80vh - 100px);*/
	height: auto;
}
#header-image.trots_op .image {
	position: relative;
	top: auto;
	left: auto;
	height: auto;
	width: 100%;
}
#header-image.trots_op .image img {
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	-webkit-transform: none;
	display: block;
}
/*#header-image:before {
	content: "31°37'48.0''N5°59'55.0''E";
	position: absolute;
	left: 20px;
	top: 50%;
	line-height: 1;
	font-size: 1em;
	transform: rotate(-90deg) translateX(-50%);
	transform-origin: 0 0;
	color: #fff;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	z-index: 5;
	font-weight: 500;
	letter-spacing: 0.05em;
}*/
#lvc-corner {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 150px;
    height: 150px;
}
#lvc-corner img {
	display: block;
	width: 100%;
}



/* panels @ home 2020 */
#homepage-panels {
	background: #f5f7f0;
	padding: 150px 0;
	padding-top: 0;
	position: relative;
	z-index: 2;
}
#homepage-panels #homepage-panels-content {
	width: 90%;
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;

}
#homepage-panels #homepage-panels-content .panel {
	width: 30%;
	box-sizing: border-box;
	background: #fff;
	
	margin-top: -95px;
	border-radius: 6px; 
	padding: 35px 35px;
	position: relative;
	padding-bottom: 110px;
}
#homepage-panels #homepage-panels-content .panel a {
	/*display: block;
	padding: 50px;
	color: #000;*/
}
#homepage-panels #homepage-panels-content .panel h2 {
	font-size: 1.2em;
	line-height: 1.2;
	font-family: "Bitter";
	font-weight: 600;
	color: #4c6e2e;
/*	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
}
#homepage-panels #homepage-panels-content .panel .panel-intro {
	padding-top: 20px;
}
#homepage-panels #homepage-panels-content .panel .btn {
	margin-top: 30px;
	position: absolute;
	right: 30px;
	bottom: 30px;
}
#homepage-panels #homepage-panels-content .panel .illu {
	position: absolute;
	left: -10%;
	bottom: -12%;
	width: 65%;
	pointer-events: none;
}
#homepage-panels #homepage-panels-content .panel .illu img {
	display: block;
	width: 100%;
}


#submenu {
	position: absolute;
	right: 0;
	top: 50px;
	background: #96a5b2;
	padding: 30px;
}
#submenu #submenu-trigger  {
	display: none;
}
#submenu ul {

}
#submenu ul li ul {
	margin-left: 20px;
}
#submenu ul li a {
	color: #fff;
}
/* IETS NIEUWER submenu 
#submenu {
	background: #e9eedd;
	position: relative;
	position: sticky;
	top: 0;
	z-index: 8;
}
#submenu #submenu-trigger  {
	display: none;
}
#submenu ul {
	max-width: 1300px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	padding: 40px 0;
}
#submenu ul li ul {
	position: absolute;
	left: -30px;
	bottom: 0;
	transform: translateY(100%);
	flex-direction: column;
	display: none;
	background: #f5f7f0;
	white-space: nowrap;
	padding: 30px;
	padding-top: 15px;
}
#submenu ul li:hover ul {
	display: block;
}
#submenu ul li {
	margin-right: 20px;
	position: relative;
	white-space: nowrap;
}
#submenu ul li a,
#submenu ul li.active ul li a,
#submenu ul li.subactive ul li a {
	color: #000;

}
#submenu ul li a:hover,
#submenu ul li.active a,
#submenu ul li.subactive a,
#submenu ul li.active ul li a:hover,
#submenu ul li.subactive ul li a:hover,
#submenu ul li.subactive ul li.active a {
	color: #e37f70;
}*/
/* OLD SUB
#content #submenu-trigger {
	display: none;
	padding: 10px 20px;
	background: #d5d5d5;
	font-weight: bold;
	position: relative;
	cursor: pointer;
}
#content #submenu.default {
	float: left;
	margin-top:-8px;
	width: 45%;
	text-align: right;
	background: #fff;
}
#content #submenu.actueel {
	display:none;
}
#content #submenu.default ul li.section {
	padding: 10px 15px;
	font-size: 1em;
	color: #666;
	font-weight: 300;
}
#content #submenu.default ul li a {
	position: relative;
	padding:14px 0 6px 0;
	display: inline-block;
	font-size:1.1em;
	letter-spacing: 0.02em;
	color:#444;
	font-weight:400;
	line-height:1.2;
}
#content #submenu.default ul li a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 0px;
	background: #4c6e2e;
	transition: width 100ms;
}
#content #submenu.default ul li a:hover:after {
	width: 100%;
}
#content #submenu.default ul li.active > a {
	color:#4c6e2e!important;
	font-weight:700;
}
#content #submenu.default ul li a:hover {
	color:#4c6e2e;
}
#content #submenu.default ul li.subactive a {
	color:#4c6e2e;
	font-weight:700;
}
#content #submenu.default ul li.subactive ul.subsub {
	margin-top:8px;
	margin-bottom:5px;
	margin-right:20px;
}
#content #submenu.default ul li.subactive ul.subsub li a {
	padding:6px 0 4px 0;
	font-size: 1em;
	color:#444;
	font-weight:400;
}
#content #submenu.default ul li.subactive ul.subsub li a:hover {
	color:#4c6e2e;
}
#content #submenu.default ul li.subactive ul.subsub li.active > a {
	color:#4c6e2e;
	font-weight:700;
}
#content #submenu.default ul li a img {
	max-width:100%;
	opacity: 0.8;
	transition: opacity 150ms ease-in-out;
}
#content #submenu.default ul li a:hover img,#content #submenu.default ul li.active a img {
	opacity: 1;
}
#submenu.default ul.subsub {
	box-sizing:border-box;
}
#submenu.default ul.subsub.hidden {
	display:none;
}
#submenu.default ul li ul.subsub li a {
	padding:5px 0;
	padding-left:50px;
} */


/* content */
#content {
	position:relative;
	width:100%;
}
#content-container {
/*	max-width: 1300px;
	width: 90%;
	margin: 70px auto;
	padding: 90px 0 110px 0;*/
	position: relative;

	display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 100px;

}
#content-container .image-backdrop {
	/*position: sticky;
	left: 0;
	top: 100px;
	width: 45%;
	height: calc(100% - 200px);
	background-size: cover;
	background-position: 50% 50%;
	height: 100%;*/

	background-size: cover;
	background-position: 50% 50%;
	position: sticky;
	height: 80vh;
	width: 50%;
    align-self: flex-start;
    top: 0px;
    background-color: #e9eedd;
    opacity: 0;
}
#content-container .image-backdrop .quote-content {
	position: absolute;
	left: 50%;
	bottom: 10%;
	text-align: center;
	font-size: 1.5em;
	font-family: "Bitter";
	color: #fff;
	text-shadow: 0 0 60px rgba(0,0,0,0.8);
	width: 100%;
	max-width: 450px;
	transform: translateX(-50%);
	line-height: 1.3;
	letter-spacing: 0.02em;
	padding-bottom: 30px;
}
#content-container .image-backdrop .quote-content h3 {
	font-weight: 600;
}
#content-container .image-backdrop .quote-content:after {
    content: "";
    width: 80%;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    max-width: 250px;
    box-shadow: 0 0 60px rgba(0,0,0,0.8);
}




#content .page_content {
	width: 50%;
	box-sizing: border-box;
	padding: 100px;
	max-width: 600px;
	padding-right: 0;
}
#content.homepage a.leesmeer {
	display:inline-block;
	float:left;
	margin-top:20px;
	padding-bottom:0px;
	color:#000;
	font-weight:bold;
	border-bottom:3px solid #000;
}
#content.homepage a.leesmeer:hover {
	border-bottom:3px solid #fff;
}
#content.trots_op {
}
/* blokken actueel, agenda, trots op, etc. */
#blokken {
	position:relative;
	padding:90px 0;
	padding-top: 0;
	/*background-color:#e7eadf;*/
}
#blokken.actueel {
	margin-top: 280px;
}
/*#blokken .arrow-down,#content .arrow-down {
	position:absolute;
	top:-40px;
	left:50%;
	width:80px;
	height:80px;
	cursor:pointer;
	border-radius:50%;
	animation-name:bounce;
	animation-duration:1.5s;
	animation-iteration-count:infinite;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	background-image:url(../images/icons/arrow-down.svg);
	background-position:center top 28px;
	background-size:30%;
	background-repeat:no-repeat;
}
#blokken .arrow-down {
	background-color:#e7eadf!important;
}
#content .arrow-down {
	background-color:#fff;
}
#blokken.story_map {
	padding:0;
}
#blokken.story_map .arrow-down {
	background-color:#4d7133!important;
	background-image:url(../images/icons/arrow-down-w.svg);
}
@keyframes bounce {
	0% {
		background-position:center top 23px;
	}
	50% {
		background-position:center top 33px;
	}
	100% {
		background-position:center top 23px;
	}
}*/
#blokken-container {
	position:relative;
	margin:0 auto;
	width:90%;
	max-width:1400px;
	margin-top: -240px;
}
#blokken-container #blokken-wrapper {
	position:relative;
	left:-1.5%;
	width:103%;
	margin-top: -100px;
}
#blokken-container .item {
	position:relative;
	float:left;
	margin:1.5%;
	width:calc(100% / 4 - 3%);
	border-radius:3px;
	overflow:hidden;
	/*box-shadow:0 5px 0 rgba(0,0,0,0.05);*/
}
#blokken-container .item:after {
	position:absolute;
	bottom:220px;
	right:25px;
	width:30px;
	height:30px;
	content:"";
	border-radius:50%;
	opacity:0;
	z-index:1;
	background-color:#4c6e2e;
	background-image:url(../images/icons/zoom.svg);
	background-position:center;
	background-size:35%;
	background-repeat:no-repeat;
}
#blokken-container .item:hover:after {
	/*opacity:1;
	*/
}
#blokken-container .item a {
}
#blokken-container .item .image {
	position:relative;
	float:left;
	width:100%;
	overflow:hidden;
}
#blokken-container .item .image:after {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50%;
	content:"";
	opacity:0.5;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
#blokken-container .item .image a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
}
#blokken-container .item .image img {
	display:block;
	padding:0;
	width:100%;
	box-sizing:border-box;
	transition:transform ease 0.15s;
}
#blokken-container .item:hover .image img {
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
#blokken-container .item .image .title {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:1;
	text-align: center;
}
#blokken-container .item .image .title h2 {
	padding:10%;
	font-size:1.2em;
	color:#fff;
	font-weight:600;
	line-height: 1.3;
	font-family: "Bitter";
	text-shadow: 
}
#blokken-container .item .image .title h2 a {
	color:#fff;
}
#blokken-container .item .content {
	position:relative;
	float:left;
	padding:30px;
	padding-right: 15px;
	width:100%;
	color:#444;
	box-sizing:border-box;
	background-color:#fff;
}
#blokken-container .item .content .spec.date {
	font-weight:600;
}
#blokken-container .item .content .spec.time {
	margin-bottom:10px;
}
#blokken-container .item .content .snippet {
	min-height:115px;
}
#blokken-container .item .content .snippet p {
	font-size: .9em;
	cursor:default;
}
#blokken-container .item .content a.leesverder {
	display:inline-block;
	float:right;
	padding-bottom:3px;
	color:#000;
	font-weight:bold;
	border-bottom:3px solid #000;
}
#blokken-container .item .content a.leesverder:hover {
	border-bottom:3px solid transparent;
}
#blokken-container .item:nth-of-type(odd) {
}
#blokken-container .item:nth-of-type(odd) .image {
}
#blokken-container .item:nth-of-type(odd) .content {
}
#blokken-container .item.last {
	color:#fff;
	text-align:center;
	overflow:hidden;
	background-color:#4c6e2e;
}
#blokken-container .item.last a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
#blokken-container .item.last .bg-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition:all ease 0.15s;
	mix-blend-mode:soft-light;
	-webkit-filter:grayscale(50%);
	filter:grayscale(50%);
	background-image:url(../images/trots_op-cta.jpg);
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}
#blokken-container .item.last:hover .bg-image {
	top:-5%;
	left:-5%;
	width:110%;
	height:110%;
}
#blokken-container .item.last .content {
	padding:0;
	padding-bottom:calc(100% + 235px);
	width:100%;
	height:0;
	box-sizing:border-box;
	background-color:transparent;
}
#blokken-container .item.last .content .cta {
	position:absolute;
	top:50%;
	width:100%;
	box-sizing:border-box;
	transform:translateY(-50%);
}
#blokken-container .item.last .content .cta svg {
	margin:45px 0 35px 0;
	width:50%;
	fill:#fff;
}
#blokken-container .item.last .content .cta span {
	float:left;
	padding:0 10%;
	width:100%;
	font-family:'alita';
	font-size:32px;
	color:#fff;
	line-height:40px;
	text-shadow:0 0 75px rgba(0,0,0,0.5);
	box-sizing:border-box;
}
#blokken-container .item.last .content .cta span.contact {
	padding:0 15%;
	font-family:'alreg';
	font-size:24px;
	fill:#fff;
	line-height:36px;
}
#blokken-container .item.last .content .cta span.contact a {
	color:rgba(255,255,255,0.6);
}
#blokken-container .item.last .content .cta span.contact a:hover {
	color:rgba(255,255,255,1);
}
/* blokken actueel */
#blokken.actueel #blokken-container .item .content .date {
	margin-bottom:5px;
	font-size:16px;
	color:#999;
	text-transform:lowercase;
}
#blokken.actueel #blokken-container .item .content .snippet {
	min-height:89px;
}
#blokken.actueel #blokken-container .item .content .snippet p {
	line-height:28px;
}
/* blokken agenda */
#blokken.agenda #blokken-container .item:after {
    pointer-events:none;
	opacity:1;
	background-image:url(../images/icons/arrow-up-w.svg);
}
#blokken.agenda #blokken-container .item .description {
	position:absolute;
	top:0;
	left:0;
	padding:10%;
	padding-top:20%;
	width:100%;
	height:100%;
	color:#444;
	cursor:default;
	/*visibility:hidden;*/
	opacity:0;
	box-sizing:border-box;
	transition:all ease 0.15s;
	z-index:1;
	background-color:#fff;
}
#blokken.agenda #blokken-container .item .description:hover {
	padding-top:10%;
	visibility:visible;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
	opacity:1;
	z-index:2;
}
#blokken.agenda #blokken-container .item .description h2 {
	margin-bottom:15px;
	font-size:18px;
	font-weight:600;
	line-height:24px;
}
#blokken.agenda #blokken-container .item .description > h2 {
	margin-bottom:20px;
	font-size:24px;
	line-height:26px;
}
#blokken.agenda #blokken-container .item .description p {
	margin-bottom:15px;
}
#blokken.agenda #blokken-container .item:hover .description ul li {
	list-style-type: disc;
	margin-left: 1em;
}
#blokken.agenda #blokken-container .item:hover .description ol li {
	list-style-type: decimal;
	margin-left: 1em;
}
#blokken.agenda #blokken-container .item:hover .description ul {
	margin-bottom: 1em;
}
/* media */
.media.actueel {
	position:relative;
	float:left;
	margin-top:-5px;
	padding-right:5%;
	width:50%;
	box-sizing:border-box;
	text-align:right;
}
.media.actueel a {
	display:inline-block;
	margin:2% 2% 1% 2%;
	width:calc(100% / 2 - 4%);
}
.media.actueel a:first-of-type {
	width:calc(100% / 1 - 4%);
}
.media.actueel a img {
	display:block;
	width:100%;
}
/* content Trots op (sub items) */
#content.homepage {
}
#content.homepage.left-media #media #media-container .media a .wrapped:before {
	background-image:url(../images/icons/play.svg);
}
#content.homepage.left-media #media #media-container .media a .wrapped span.caption {
	padding:30px 30px 40px 30px;
	font-family:'alita';
	font-size:28px;
	line-height:36px;
	opacity:1;
	transition:color ease 0.6s;
}
#content.homepage.left-media #media #media-container .media a .wrapped:hover span.caption {
	color:rgba(255,255,255,0.5);
}
/*#content.left-media:before {
	position:absolute;
	top:-40px;
	left:50%;
	width:80px;
	height:80px;
	content:"";
	border-radius:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	background-color:#fff;
	background-image:url(../images/icons/arrow-down.svg);
	background-position:center;
	background-size:30%;
	background-repeat:no-repeat;
}*/
#content/*.homepage*/
.left-media:before {
	content:none;
}
#content.left-media #submenu {
	display:none;
}
#content.left-media #media {
	position:relative;
	/*top:-1%;
	*/
	float:left;
	margin-top:-5px;
	padding-right:5%;
	width:50%;
	box-sizing:border-box;
	text-align:right;
}
#content.left-media #media a {
	position:relative;
	display:inline-block;
	margin:2%;
	width:calc(100% / 2 - 4%);
}
#content.left-media #media a:first-of-type {
	width:calc(100% / 1 - 4%);
}
#content.left-media #media a img {
	display:block;
	width:100%;
}
#content.left-media #media span.caption {
	position:absolute;
	bottom:0;
	left:0;
	padding:30px 15px 15px 15px;
	width:100%;
	color:#fff;
	text-align:left;
	box-sizing:border-box;
	background: rgba(0,0,0,0.5);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
#content .page_content {
}
#mhplattegrond .map_content .map_content_text p,
#content .page_content p {
	margin-bottom:25px;
}
#content .page_content p strong:first-of-type {
	
}
#mhplattegrond .map_content .map_content_text p:last-of-type,
#content .page_content p:last-of-type {
	margin-bottom: 0;
}
#content .page_content a.link {
	display:inline-block;
	margin-top:30px;
	font-weight:600;
}
#content .page_content span.divider {
	display:inline-block;
	margin:0 15px 0 17px;
	
	font-size:20px;
	color:#a0b8cd;
	font-weight:600;
}
#content .page_content blockquote p {
	margin-left:20px;
	margin-bottom:1.4em!important;
	padding:15px 20px;
	padding-right:0;
	border-left:4px solid #ddd;
	font-style:italic;
}
#mhplattegrond .map_content .map_content_text ul, #mhplattegrond .map_content .map_content_text ol,
#content .page_content ul,#content .page_content ol {
	margin: 20px 0;
}
#content .page_content ul {
	margin-top:-10px;
}
#content .page_content ul li {
	list-style-type: disc;
	margin-left: 20px;
}
#content .page_content ol li {
	list-style-type: decimal;
	margin-left: 20px;
}
#content .page_content table {
	border: 1px solid #ccc;
	width: 100%;
}
#content .page_content table tr td {
	border: 1px solid #ccc;
	padding: 10px;
}
/* headlines */
#content .page_content h1,
#mhplattegrond .map_content .map_content_text h1 {
	
	
	color:#444;
	max-width: 80%;


	font-weight: normal;
	font-size: 1.8em;
	font-weight: 600;
	font-family: "Bitter";
	margin-bottom: 1.5em;
	letter-spacing: 0.02em;
	line-height: 1.3;	
}
#content .page_content.news_item h1 {
	margin-bottom:22px;
	font-size:36px;
	font-weight:600;
	line-height:40px;
}
#content .page_content h2,
#mhplattegrond .map_content .map_content_text h2 {
	margin-top:10px;
	
	padding-bottom:20px;
	font-size:26px;
	color:#4c6e2e;
	font-weight:700;
	line-height:34px;
}
#content .page_content p + h2,
#mhplattegrond .map_content .map_content_text p + h2 {
	margin-top: 30px;
}
#content .page_content h1 + h2 {
	margin-top: .8em;
}
#content .page_content.news_item .date {
	margin-bottom:1.4em;
	font-size:1.2em;
	color:#999;
	text-transform:lowercase;
}
/* downloads links */
#content .page_content .links {
	margin-top:40px;
}
#content .page_content .links a,#content .product .links a {
	display: block;
	margin:0;
	padding-left: 0px;
	
	color:#c3aa0b;
}
#content .page_content .links.in_de_media {
	margin-top:28px;
}
#content .page_content .links.in_de_media a {
	padding:12px 0px 15px 0px;
	border-bottom:1px solid #ddd;
}
#content .page_content .links.in_de_media a:last-of-type {
	border-bottom:none;
}
#content .page_content .links a:hover,#content .product .links a:hover {
	color:#444;
}
#content .page_content .links a.link svg,#content .page_content .links a.file svg {
	fill:#c3aa0b;
	width: 16px;
	display: inline-block;
	margin-right: 10px;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
}
#content .page_content .links a.link:hover svg,#content .page_content .links a.file:hover svg {
	fill:#444;
}
#content .page_content .links h3 {
	margin-bottom:10px;
	
	color:#444;
	text-transform:uppercase;
}
/* actueel */
#actueel {
	position:relative;
	padding:90px 0;
	background-color:#e7eadf;
}
#actueel-container {
	position:relative;
	margin:0 auto;
	width:90%;
	max-width:1400px;
}
#actueel:before {
	position:absolute;
	top:-40px;
	left:50%;
	width:80px;
	height:80px;
	content:"";
	border-radius:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	background-color:#e7eadf;
	background-image:url(../images/icons/arrow-down.svg);
	background-position:center;
	background-size:30%;
	background-repeat:no-repeat;
}
/* bottom media */
#bottom-media {
	padding:0;
	width:100%;
	margin-bottom: 100px;
}
#bottom-media-container {
	margin:0 auto;
	padding: 0px 0;
	width:100%;
}
#bottom-media-container .media {
	position:relative;
	width:100%;
}
#bottom-media-container .media a {
	position:relative;
	padding:0%;
	box-sizing:border-box;
}
#bottom-media-container .media.three_or_less a {
	width:calc(100% / 4)!important;
}
#bottom-media-container .media.three_or_less .cycle-carousel-wrap {
	width:100%!important;
}
.media a .wrapped {
	position:relative;
	overflow:hidden;
}
.media a .wrapped:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	transition: all 600ms;
	background-image: url('../images/icons/zoom.svg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size:20px 20px;
	transform: scale(1.3);
	opacity: 0;
}
#content.homepage .media a .wrapped:before {
	background-size:35px 35px;
}
.media a .wrapped:hover:before {
	transform: scale(1);
	opacity: 1;
}
#bottom-media-container .media a img {
	display:block;
	width:100%;
}
.owl-next, .owl-prev {
	position:absolute;
	top:0;
	width:100px;
	height:100%;
	cursor:pointer;
	z-index:1;
	background-position:center;
	background-size:30px;
	background-repeat:no-repeat;
	color:transparent;
}
.owl-prev:hover,.owl-next:hover {
	background-color:rgba(255,255,255,0.15);
}
.owl-prev {
	left:0;
	background-image: url(../images/icons/arrow-left.svg);
	background-position:right 38px center;
}
.owl-next {
	right:0;
	background-image: url(../images/icons/arrow-right.svg);
	background-position:left 38px center;
}
#bottom-media-container .media a.video {
}
#bottom-media-container .media a.video img.thumbnail {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
#bottom-media-container .media a .caption {
	position: absolute;
	left: 2em;
	bottom: 2em;
	font-size: 1em;
	line-height: 1.2;
	
	/*max-width: 150px;
	*/
	white-space: normal;
	display: block;
	color: #fff;
}
#bottom-media-container .media a .caption em {
	display:block;
	font-family: "alita";
}
/* iframe story map */
#blokken.story_map iframe {
	display:block;
	padding-bottom:89px;
	height:calc(100vh - 50px);
	background-color:#f1f1f1;
}
/* nieuws + agenda */
#home {
	width:100%;
	background-color:#dbe0cc;
}
#home-container {
	margin:0 auto;
	padding:80px 0;
	width:90%;
	max-width:1360px;
}
.items {
	position:relative;
	left:-1.5%;
	width:103%;
}
.items.widget {
	display: flex;
    flex-wrap: wrap;
}
.items.widget .items-left,
.items.widget .items-right {
	width: 50%;
    box-sizing: border-box;
}
.items.widget .items-left {
    padding-right: 5%;
}
.items.widget .items-left .homepanel {
	width: 100%!important;
}
.items.widget .items-left .homepanel:first-of-type {
    margin: 0 0 40px 0!important;
}
.items.widget .items-right {

}
.items.widget .items-right #widget-container {
    position: relative;
    padding-bottom: 86%;
    width: 100%;
    height: 0;

   
}
.items.widget .items-right #widget-container a.btn {
    position: absolute;
    bottom: 0;
}
.items.widget .items-right #show-poi-widget-here {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.items.widget .items-right #show-poi-widget-here .eg .eg-map3 {
    height: 437px!important;
}




#overlay_npfefgkhblhhgcngndgecbeoaabeclee {
	background: #f00;
}
#home-container .homepanel {
	position:relative;
	float:left;
	margin:0;
	/*width:calc(100% / 2 - 3%);*/
	width: 50%;
	box-sizing:border-box;
}
#home-container .homepanel:first-of-type {
	width: 48%;
	margin-right: 2%;
}
#home-container .homepanel .head {
	margin-bottom:20px;
	font-size: 1.4em;
}
#home-container .homepanel .head a {
	color:#4c6e2e;
}
#home-container .homepanel .item {
	position:relative;
	float:left;
	margin-bottom:35px;
	width:100%;
	height:144px;
	border-radius:3px;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow:0 5px rgba(0,0,0,0.05);
	background-color:rgba(255,255,255,0.75);
}
#home-container .homepanel .item a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
#home-container .homepanel .#item:hover .title {
	opacity:0.8;
}
#home-container .homepanel .item .image {
	float:left;
	width:144px;
}
#home-container .homepanel .item .image img {
	display:block;
	width:100%;
}
#home-container .homepanel .item .content {
	float:left;
	padding:5%;
	width:calc(100% - 144px);
	box-sizing:border-box;
}
#home-container .homepanel .item .content .title {
	margin-bottom:5px;
	/*padding-top:3px;
	*/
	
	font-size:21px;
	font-weight:600;
	line-height:26px;
}
#home-container .homepanel .item .content .date {
	text-transform:lowercase;
	color:rgba(0,0,0,0.5);
}
#home-container .homepanel a {
	display:block;
	color:#444;
}
a.btn {
	position:relative;
	display:inline-block!important;
	padding:10px 20px 12px 25px;
	
	font-size:18px;
	color:#fff!important;
	font-weight:600;
	text-decoration:none!important;
	border-radius:25px;
	background-color:#4c6e2e;

	display: flex;
}
a.btn svg {
	fill: #fff;
	width: 20px;
	height: 20px;
	transform: translateY(5px);
	margin-left: 5px;
}
a.archive-link {
	float:left;
	display:inline-block;
	margin:0 1.5%;
	margin-top:30px;
	clear:both;
	/* padding:10px 30px 12px 30px;
	
	font-size:18px;
	color:#fff;
	font-weight:600;
	border-radius:25px;
	box-sizing:border-box;
	*/
}
a.btn.archive-link {
	background-color:#d4b90c;
}
a.archive-link:hover {
}
a.btn.archive-link:hover {
	background-color:#dec10d;
}
a.meer {
	position:relative;
	display:inline-block;
	color:#4c6e2e;
	text-decoration:underline;
}
a.btn.meer {
	left:-5px;
	background-color:#4c6e2e;
}
a.meer:hover {
	text-decoration:none;
}
a.btn.meer:hover {
	background-color:#5b803a;
}
#downloads {
	position:relative;
	margin-top:40px;
}
#downloads ul {
	margin:0;
	padding:0;
}
#downloads ul li {
	margin:0!important;
	
	list-style:none!important;
	box-sizing:border-box;
}
#downloads ul li:nth-of-type(odd) {
	background-color:#efefef;
}
#downloads ul li a {
	display:block;
	padding:6px 20px 11px 20px;
	font-size:18px;
	color:#c3aa0b;
	font-weight:600;
}
#downloads ul li a:hover {
	color:#444;
}
#downloads ul li a svg {
	display:inline-block;
	margin-right:10px;
	width:16px;
	fill:#c3aa0b;
	-webkit-transform:translateY(6px);
	transform:translateY(6px);
}
#downloads ul li a:hover svg {
	fill:#444;
}


/* footer */
#footer {
	background-color: #6d842e;
	position: relative;
	overflow: hidden;
}
/*#footer:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40%;
	background: #647a2a;
}*/
#footer .tools {
	position: absolute;
	right: 0;
	top: -10%;
	width:70%;
	z-index: 1;
	opacity: 0.3;
	pointer-events: none;
}
#footer .tools img {
	display: block;
	width: 100%;
}
#footer #footer-container {
	max-width:1300px;
	width: 90%;
	margin: 0 auto;
	position: relative;
	color:#fff;
	margin: 130px auto;
	margin-bottom: 120px;
	z-index: 2;
}
#footer #footer-container a {
	color:#fff;
}
#footer #footer-container .footer-logo {
	float: left;
	width: 80px;
	height: 100px;
	background-size: 80px 100px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-image: url('../images/logo_2020_wit.png');	
	transform: translateY(-2px);
	margin-right: 90px;
	margin-left: 0px;
}
#footer #footer-container ul.menu {
	margin-top: -10px;
	display: flex;
	flex-wrap: wrap;
	width: 600px;
}
#footer #footer-container ul.menu li {
	width: 50%;
	white-space: nowrap;
}
#footer #footer-container ul.menu li a {
	position: relative;
}
#footer #footer-container ul.menu li a:hover {
	opacity: 0.8;
}
#footer #footer-container #social-media-buttons {
	float: right;
	position: relative;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: -3px;
	z-index: 2;

	display: flex;
	align-items: center;
}
#footer #footer-container #social-media-buttons .label {
	opacity: 0.5;
}
#footer #footer-container #social-media-buttons a {
	width: 30px;
	height: 30px;
	margin-left: 20px;
	position: relative;
}
#footer #footer-container #social-media-buttons a svg {
	display: block;
	width: 30px;
	height: 30px;
	fill: #fff;
}
#footer #footer-container #social-media-buttons a.lvc svg {
	width:32px;
	height:32px;
}
#footer #footer-container #social-media-buttons a:hover svg {
	opacity: 0.8;
}
/*#footer #footer-container .privacy {
	position: absolute;
	right: 0;
	bottom: 130px;	
}*/
#footer #footer-container .cybox-tag {
	position: absolute;
	right: 0;
	bottom: 2px;
	
	
	white-space: nowrap;
	display: block;
	z-index: 2;
	font-size: 0.8em;
	display: flex;
}
#footer #footer-container .cybox-tag a {
	display: block;
	color: #fff;
	margin-left: 20px;
}
#footer #footer-container .cybox-tag svg {
	width: 14px;
	display: inline-block;
	margin-left: 6px;
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	fill:#fff;
}
#footer #footer-container .cybox-tag a:hover,#footer #footer-container .cybox-tag a:hover svg {
	opacity: 0.8;
}
#footer #footer-container #footer-map {
	position: absolute;
	left: 45%;
	top: 50px;
	width: 40%;
	z-index: 2;
}
#footer #footer-container #footer-map .golf {
	position: absolute;
	right: -10%;
	bottom: 35%;
	fill: #fff;
	width: 120%;
}
#footer #footer-container #footer-map .golf .tag {
	max-width:325px;
	font-size: 2em;
	font-family: "Bitter";
	color: #fff;
	line-height: 1.1;
	margin-left: 45px;
	margin-bottom: 1.4em;
}
#footer #footer-container #footer-map .map a {
	position:absolute;
	display:block;
	top:68%;
	left:69%;
	width:40px;
	height:40px;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#footer #footer-container #footer-map .map img {
	display: block;
	width: 100%;
}

#footer .footer-partners {
	width: 100%;
	text-align: center;
	line-height: 60px;
	letter-spacing: 0.02em;
	box-sizing:border-box;
	background: #647a2a;
	position: relative;
}
#footer .footer-partners .logos {
	position:relative;
	width:100%;
	height:130px;
}
#footer .footer-partners .logos .logo {
	position:relative!important;
	height: 130px;
}
#footer .footer-partners .logos .logo a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#footer .footer-partners .logos .logo a:hover {
	opacity:0.6;
}
#footer .footer-partners .logos .logo a img {
	position:absolute;
	top:50%;
	left:50%;
	max-height: 50%;
	max-width: 60%;
	display: block;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#footer .footer-partners .footer-partners-title {
	position: absolute;
	left: 30px;
	top: -40px;
	font-size: .8em;
	/*font-weight: 600;
	font-family: "Bitter";*/
	color: #fff;
	line-height: 1;
	opacity: 0.3;
}


/* disable selection */
#menu, #header, #submenu{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
/* * jquery.kiek.css - all css, can be replaced completely */
#kiek-container {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
}
#kiek-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#kiek-image #kiek-title {
	display:block;
	position:absolute;
	top:0;
	width:100%;
	height:10%;
	
	color:#fff;
	pointer-events:none;
	z-index:10;
}
#kiek-image #kiek-title em {
	font-family:"alita";
}
#kiek-image #kiek-title span {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#kiek-image #kiek {
	position: fixed;
	top: 10%;
	left: 0;
	width: 100%;
	height: 80%;
	box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	-webkit-box-sizing:border-box!important;
	z-index: 11;
	text-align:center;
	background-image: url('../images/icons/loader.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size:32px 32px;
}
#kiek-image #kiek img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25%;
	margin-top: -25%;
	display: none;
	max-width: 100%;
	max-height: 100%;
	cursor: pointer;
	border-radius: 3px;
	box-shadow:0 0 100px rgba(0,0,0,0.25);
}
#kiek iframe {
	z-index: 13;
}
#kiek-overlay {
	width: 100%;
	height: 100%;
	background-color: #4c6e2e;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	cursor: pointer;
}
#kiek-close {
	position: fixed;
	z-index: 99999999999;
	right: 50px;
	top: 50px;
	width: 30px;
	height: 30px;
	overflow: hidden;
	text-align: center;
	color: transparent;
	background-image: url('../images/icons/close.svg');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
}
#kiek-close:hover,div#kiek-left:hover, div#kiek-right:hover {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
#kiek-title {
	display: none;
}
div#kiek-left, div#kiek-right {
	font-family: Arial, sans-serif!important;
	font-size: 30px;
	position: fixed;
	height: 30px;
	width: 30px;
	bottom: 50px;
	z-index: 12;
	cursor:pointer;
	text-align: center;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	color: #6e2659;
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: center center;
}
div#kiek-left:hover, div#kiek-right:hover {
	color: #6e2659;
}
div#kiek-left {
	left:50px;
	background-image: url('../images/icons/arrow-left.svg');
}
div#kiek-right {
	right: 50px;
	background-image: url('../images/icons/arrow-right.svg');
}
#kiek.kiek-close {
	cursor: pointer;
}



/* ### fotoalbum ### */
#content .album-holder {
	color: #444;
}
#content .album-holder h1 {
	margin-bottom: 25px;
    
    font-size: 26px;
    line-height: 32px;
    color: #444;
    font-weight: 700;
    max-width: 80%;
    font-size: 1.5em;
}
#content .album-holder p {
    margin-bottom: 25px;
    font-size: 1.1em;
    line-height: 1.7;
}
#content .album-holder .fotoalbum {
	margin: 0px 0; 
	width: 101%; 
	margin-left: -1%;
}
#content .album-holder .fotoalbum .grid-sizer,
#content .album-holder .fotoalbum a {
	width: 33.333%;
	display: block; 
	position: relative;
	margin-bottom: .7em;
	overflow: hidden;
	box-sizing: border-box;
	padding: 1em;
}
#content .album-holder .fotoalbum a img {
	display: block;
	width: 100%;
	box-shadow: 0px 5px 0px rgba(0,0,0,0.1);
}
#content .album-holder .fotoalbum a:hover img {
	box-shadow: 0px 5px 0px rgba(0,0,0,0.3);
}
#content .album-holder a.back {
	font-size: 1.1em;
}
#content .album-holder .fotoalbum a.foto:before {
	content: "";
	position: absolute;
	left: 1em;
	top: 1em;
	width: calc(100% - 2em);
	height: calc(100% - 2em);
	background: rgba(0,0,0,0.5);
	transition: all 100ms;
	background-image: url('../images/icons/zoom.svg');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size:20px 20px;
	transform: scale(.9);
	opacity: 0;
}
#content .album-holder .fotoalbum a.foto:before {
	background-size:35px 35px;
}
#content .album-holder .fotoalbum a.foto:hover:before {
	transform: scale(1);
	opacity: 1;
}
#content .album-holder .fotoalbum a .caption {
	background: #d4b90c;
	color: #fff;
	line-height: 1;
	padding: 20px;
	display: block;
}








/* contact */
#content #contact {
    margin-top: 2em;
    max-width: 800px;
}
#content #contact form {
    width: 100%;
    position: relative;
}
#content #contact form .field {
    padding: 0;
    padding-bottom: 30px;
    clear: both;
    position: relative;
    width: auto;
    
}
#content #contact form .field.checkbox-first {
	padding-top: 20px;
}
#content #contact form .field span.lighten {
	color: #ccc;
}
#content #contact form .field label {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
}
#content #contact form .field.radio label span, 
#content #contact form .field.checkbox label span,
#content #contact form .field.checkboxes label span {
    line-height: 1.5;
    display: block;
    margin-left: 40px;
}
#content #contact form .field.radio label:first-of-type, 
#content #contact form .field.checkbox label:first-of-type,
#content #contact form .field.checkboxes label:first-of-type {
    margin-bottom: 3px;
}
#content #contact form input, 
#content #contact form textarea, 
#content #contact form select {
    font-family: inherit;
    font-size: inherit;
    color: #000;
    background: #dbe0cc;
    border: 1px solid #dbe0cc;
    width: 100%;
    margin-top: 3px;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 10px;
}
#content #contact form input[type=text], 
#content #contact form textarea,
#content #contact form select {
    -webkit-appearance: none;
}
#content #contact form select {
    background-image: url('../images/icons/arrow-dropdown.svg');
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
#content #contact form textarea {
    min-height: 150px;
    max-height: 300px;
    max-width: 100%;
}
#content #contact form input[type=checkbox],
#content #contact form input[type=radio] {
    width: auto;
    padding: 0;
    margin: 0;
    border: none;
    display: inline;
    margin-right: 5px;
    margin-top: 4px;
    height: 20px;
    width: 20px;
    border: 0px solid #ccc;
    background: #dbe0cc;
    margin-right: 10px;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    float: left;
    border-radius: 2px;
}
#content #contact form input[type=radio] {
    border-radius: 20px;
}
#content #contact form input[type=checkbox]:checked,
#content #contact form input[type=radio]:checked {
    background-image: url('../images/icons/checkmark.svg');
    background-size: 12px 12px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
#content #contact form .field.header {
    margin-top: 10px;
}
#content #contact form input.submit {
    clear: both;
    padding: 15px 28px;
    cursor: pointer;
    width: auto;
    background: #4c6e2e;
    color: #fff;
    margin-top: 20px;
    border: 0;
    font-size: 1.2em;
    appearance: none;
    -webkit-appearance: none;
    
    border-radius: 40px;
    font-weight: 600;
}
#content #contact form input.submit:hover {
    cursor: pointer;
    background: #5b803a;
}
#content #contact form br {
    display: none;
}
#content #contact form label.error {
    display: inline-block;
/*    background-image: url('../images/icons/form-warning.svg');
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: calc(100% - 10px) 50%;*/
    color: #fff;
    width: auto;
    padding: 12px 12px;/*
    padding-right: 40px;*/
    line-height: 1;
    border-radius: 3px;
    font-size: 0.8em;
    position: absolute;
    right: 1em;
    top: -2px;
    background-color: #ed2024;
}
#content #contact form label.error.checked {
    color: #7ac142;
    background-image: url('../../images/icons/form-checkmark.svg');
    width: 22px;
    padding-right: 0;
    background-position: 50% 50%;
    background-color: #7ac142;
}
#content #contact form label.error:after {
    content: "";
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ed2024;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
}
#content #contact form label.error.checked:after {
    border-top-color: #7ac142;
}
#content #contact div.field.bc {
    display: none;
}





#content #contact div.field.map #map_canvas {
	height: 800px;
	width: 100%;
	box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
	margin-top: 10px;
}


/* newsletter-footer */
#mailstage {
	background: #eef2e6;
	color: #4c6e2e;

	background-image: url('../images/waves_heg.png');
	background-size: 1400px;
	background-position: 200% 180%;
	background-repeat: no-repeat;
}
#mailstage #mailstage-container {
    display: flex;
    flex-wrap: wrap;
	max-width: 1300px;
	width: 90%;
	margin: 0 auto;
	padding: 160px 0;
	position: relative;
}
#mailstage #mailstage-container .column {
    width: 50%;
}
#mailstage #mailstage-container h2 {
	font-weight: normal;
	font-size: 1.3em;
	font-weight: 600;
	font-family: "Bitter";
	margin-bottom: 2em;
	letter-spacing: 0.02em;
}
#mailstage #mailstage-container .column p {
	max-width: 500px;
}
#mailstage #mailstage-container .column a.btn.vriend {
    margin-top: 60px;
    padding: 13px 50px;
    background-color: #5b78ba;
    border-radius: 60px;
    font-size: inherit;
    /*background-image: url(../images/icons/arrow-right.svg);
    background-position: right 35px center;
    background-size: 16px;
    background-repeat: no-repeat;*/
}
#mailstage #mailstage-container .column a.btn.vriend:hover {
    background-color: #5b803a;
}

#mailstage #mailstage-container .illu {
	position: absolute;
	right: 0;
	bottom: 10%;
	width: 300px;
}
#mailstage #mailstage-container .illu img {
	display: block;
	width: 100%;
}
#laposta-form {
	display: flex;
    flex-wrap: wrap;
	width: 75%;
}
#laposta-form .field {
	position: relative;
    width: calc(97% / 2);
}
#laposta-form .field:first-of-type {
    width: 100%;
    margin-bottom: 10px;
}
#laposta-form input {
	
	font-size: inherit;
	padding: 10px;
    width: 95%;
    color: #000;
    box-sizing: border-box;
    background: #fff;
    border-radius: 3px;
    font-family: inherit;

}
#laposta-form input[type=submit] {
	background: #5b78ba;
    margin-top: 25px;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
    width: 95%;
    border: 0;
    padding: 15px;
    border-radius: 30px;


}
#laposta-form input[type=submit]:hover {
    background-color: #5b803a;
}
#laposta-form .field label.error {
	position: absolute;
	right: 20px;
	top: -10px;
	background: #4c6e2e;
	padding: 5px 7px;
	line-height: 1;
	font-size: .8em;
	border-radius: 3px;
	color: #fff;
}




/* new logo dev */
#header #logo.new a {
	background-size: 80px 100px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-image: url('../images/logo_2020.png');
}
#header #logo.new a svg {
	display: none;
}


@media screen and (max-width: 900px) {
	#header #logo.new a {
		background-size: 48px 60px;
	}
}





/* ipad fixes */
body.ipad #content .page_content {
	width: 100%;
}
body.ipad #content .page_content #contact {
	max-width: 100%;
}
body.ipad #header-image {
	display: none;
}



::-webkit-input-placeholder { /* Edge */
  color: rgba(0,0,0,0.2);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(0,0,0,0.2);
}

::placeholder {
  color: rgba(0,0,0,0.2);
}


#page404 {
	min-height: 700px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}
#page404 img {
	width: 20%;
	display: block;
	margin-bottom: 40px;
}
#page404 h1 {
	font-size: 2em;
	font-family: "Bitter";
}



/* lvc-hoekje */
.lvc-hoekje {
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: 3; 
    width: 150px; 
    height: 150px;
}
.lvc-hoekje img {
    display: block;
    width: 100%;
    height: 100%;
}


/* lvc-agenda */
#lvc-content {
    padding: 60px 0;
    background: #A0B9CE;
    position: relative;
}
#lvc-content h2 {
    text-align: center;
    margin-bottom: 2em;
    color: #fff;
    font-family: "Bitter";
    font-size: 1.5em;
    font-weight: 600;
}
#lvc-content .agenda-item {
    background: #fff;
    display: block;
    color: #000;
    border-radius: 6px;
    overflow: hidden;
    /*transition: all 300ms;*/
}
/*#lvc-content .agenda-item:hover {
    transform: scale(.95);
}*/
#lvc-content .news-overview {
	position: relative;
}
#lvc-content .agenda-item .agenda-item-content {
    display: block;
}
#lvc-content .agenda-item .agenda-item-content {
    padding: 30px;
    min-height: 160px;
}
#lvc-content .agenda-item img {
	display: block;
	width: 100%;
}
#lvc-content .agenda-item .agenda-item-content .date {
	opacity: 0.4;
}
#lvc-content .agenda-item .agenda-item-content h3 {
	font-weight: normal;
}
#lvc-content .agenda-item .agenda-item-content .location {
	opacity: 0.4;
}
#lvc-content .all {
    margin-top: 2em;
    text-align: center;
}
#lvc-content .all a {
    display: inline-block;
    padding: 10px 40px;
    background: #FFFFFF;
    color: #A0B9CE;
    border-radius: 60px;
    margin-top: 20px;
    font-weight: bold;
}
#lvc-content .all a:hover {
    background: #fff;
    color: #000;
}
#lvc-content .owl-nav {
	position: absolute;
	left: 5%;
	bottom: -113px;
	width: 90%;
	height: 52px;
	pointer-events: none;
	/*transform: translateY(-50%);*/
}
#lvc-content .owl-nav .owl-prev,
#lvc-content .owl-nav .owl-next {
	pointer-events: all;
	width: 52px;
	height: 52px;
	border-radius: 40px;
	background: rgba(0,0,0,0.1);
	background-size: 12px 12px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
}
#lvc-content .owl-nav .owl-prev {
	
	left: 0;
	background-image: url('../images/icons/arrow-left.svg');
	 
}
#lvc-content .owl-nav .owl-next {
	right: 0;
	background-image: url('../images/icons/arrow-right.svg');
}


/* PG */
#mhplattegrond {
	width: 90%; 
	max-width: 1600px; 
	margin: 0 auto; 
	opacity: 0;
	min-height: 900px;
}
#mhplattegrond .map_image {
	display: block; 
	width: 100%; 
	box-sizing: border-box;
	position: relative;
}
#mhplattegrond .map_image img {
	display: block; 
	width: 100%; 
}
#mhplattegrond .map_image .num {
	position: absolute;
	width: 35px;
	height: 35px;
	background: #e38070;
	line-height: 35px;
	font-size: .9em;
	color: #fff;
	border-radius: 35px;
	text-align: center;
	cursor: pointer;	
	transition: all 100ms;
	opacity: 0;
	transform: scale(0);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2)
}
#mhplattegrond .map_image .num:hover,
#mhplattegrond .map_image .num.visible:hover {
	background: #b9a4a3;
	transform: scale(1.4);
}
#mhplattegrond .map_image .num.visible {
	opacity: 1;
	transform: scale(1);
}
#mhplattegrond .map_content {
	max-width: 1300px;
	margin: 0 auto; 
	margin-top: -35%;
	position: relative;
	pointer-events: none;
}
#mhplattegrond .map_content .map_content_text {
	max-width: 36%;
	pointer-events: all;
}
body {
  counter-reset: parkinglist; /* Set a counter named 'parkinglist', and its initial value is 0. */
}
#mhplattegrond .map_content .map_content_text ol {
	margin-bottom: 120px;
}
#mhplattegrond .map_content .map_content_text ol li {
	position: relative;
	padding-left: 55px;
	margin-bottom: 10px;
}
#mhplattegrond .map_content .map_content_text ol li:before {
	counter-increment: parkinglist;
	content: counter(parkinglist);
	width: 35px;
	height: 35px;
	background: #e38070;
	line-height: 35px;
	font-size: .9em;
	color: #fff;
	border-radius: 35px;
	display: block;	
	text-align: center;
	margin-right: 20px;
	margin-top: -3px;
	position: absolute;
	left: 0;
	top: 2px;
}


/* events list */

#events-container {
	max-width: 1300px;
	width: 90%;
	margin: 70px auto;
	position: relative;

}

#events-container h1{
	color: #444;
    max-width: 80%;
    font-weight: normal;
    font-size: 1.8em;
    font-weight: 600;
    font-family: "Bitter";
    margin-bottom: 1.5em;
    letter-spacing: 0.02em;
    line-height: 1.3;
}

#events-container .event-list{
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
}

#events-container .event-list .event-tile{
	width: 350px;
    position: relative;
    background-color: #fff;
    /* padding: 25px; */
    border-radius: 15px;
    box-shadow: 0px 0px 10px 10px #eef2e6;
    padding-bottom: 5em;
    margin: 1em auto;
    overflow: hidden;
}
#events-container .event-list .event-tile img{
	width: 100%;
}
#events-container .event-list .event-tile .event-content{
    max-height: 9em;
    overflow: hidden;
    margin-top: .5em;
    padding: 0 25px;
}
#events-container .event-list .event-tile .event-content h2{
	font-size: 1.2em;
    line-height: 1.2;
    font-family: "Bitter";
    font-weight: 600;
    color: #4c6e2e;
}
#events-container .event-list .event-tile .event-content p{
	margin-top: .5em;
	max-height: 5.2em;
	overflow: hidden;
	color: #000;
}
#events-container .event-list .event-tile .view{
	display: inline-block!important;
    padding: 10px 20px 12px 25px;
    font-size: 18px;
    color: #fff!important;
    font-weight: 600;
    text-decoration: none!important;
    border-radius: 25px;
	background-color: #4c6e2e;
	margin-top: 30px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
#events-container .event-list .event-tile:hover .view{
	background-color: #5b78ba;
}

#events-container .event-list .event-tile .view svg{
	fill: #fff;
    width: 20px;
    height: 20px;
    transform: translateY(5px);
    margin-left: 5px;
}


/* single event */
#events-container.single-event{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#events-container .main-col{
	width: 50%;
	min-width: 500px;
}
#events-container .main-col .event-image-slideshow{
	margin-top: 2em;
}
#events-container .side-col{
	width: 35%;
	min-width: 350px;
}
#events-container .side-col h3 {
    color: #444;
    font-weight: normal;
    font-size: 1.3em;
    font-weight: 600;
    font-family: "Bitter";
    letter-spacing: 0.02em;
	line-height: 1.3;
	padding-left: 10px;
}
#events-container .side-col ul{
	margin-bottom: 1.5em;
}
#events-container .side-col .details-list{
	padding-left: 10px;
}
#events-container .side-col .moments-list li{
	margin: 5px 0;	
    padding: 5px 0px 5px 10px;
	border-radius: 10px;
	cursor: pointer;
}
#events-container .side-col .moments-list li:not(.full):hover{
	background-color: #fff;
	box-shadow: 0px 0px 10px 5px #eef2e6;
}
#events-container .side-col .moments-list .date{
	margin-right: 10px;
}
#events-container .side-col .moments-list .time{
	margin-right: 10px;
}
#events-container .side-col .moments-list .free-spots{
	color: #96a5b2;
}
#events-container .side-col .loc-text{
	padding-left: 10px;
}
#event-map{
    height: 400px;
	margin-left: 10px;
	margin-top: 1em;
}

/* booking modal */
#booking-modal{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	z-index: 10;
}

.booking-content {
	margin: auto;
    margin-top: 10%;
	padding: 20px;
	width: 30%; 
	position: relative;
	background-color: #eef2e6;
	display: flex;
	justify-content: center;
}
.head-row {
	text-align: right;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.head-row .close {
	color: #aaa;
	font-size: 28px;
	font-weight: bold;
	margin: 1em;
}

.head-row .close:hover,
.head-row .close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

#booking-form{
    display: flex;
    flex-direction: column;
    width: 90%;
    margin-top: 2em;
}

#booking-form textarea,
#booking-form input{
    height: 2rem;
    font-size: 1.5rem;
    padding: 5px 10px;
}

#booking-form textarea{
	height: 4rem;
}

#booking-form input[type="number"]{
	width: 4rem;
    text-align: center;
}

#booking-form input[type="submit"]{
	background: #5b78ba;
    margin-top: 25px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    width: 95%;
    border: 0;
    padding: 15px;
	border-radius: 30px;
	height: auto;
}
#booking-form input[type="submit"]:hover{
	background-color: #5b803a;	
}

#booking-form label.error{
	color: red;
}

#formthanks{
	display: none;
}


/* event-calendar page */
/* calendar */
#calendar-events-container{
	max-width: 1300px;
    width: 90%;
    margin: 70px auto;
    position: relative;
}
#calendar-events-container h1{
	color: #444;
    max-width: 80%;
    font-weight: normal;
    font-size: 1.8em;
    font-weight: 600;
    font-family: "Bitter";
    margin-bottom: 1.2em;
    letter-spacing: 0.02em;
    line-height: 1.3;
}
.calendar-view{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap-reverse;
}
.calendar-view #calendar-events-list{
	width: 60%;
	min-width: 650px;
	margin-right: 2em;
}

.calendar-view #events-calendar{
	width: 30%;
	width: 390px;
}

#calendar-events-list .event{
	background-color: #fff;
	margin-bottom: 30px;
	border-radius: 15px;
	box-shadow: 0px 0px 10px 7px #eef2e6;
	overflow: hidden;
	position: relative;
}
#calendar-events-list .event a{
	display: flex;
	max-height: 200px;
}
#calendar-events-list .event .event-content{
	padding: .7em 1em;
}
#calendar-events-list .event .event-content .event-title{
	font-size: 1.2em;
    line-height: 1.2;
    font-family: "Bitter";
    font-weight: 600;
    color: #4c6e2e;
}
#calendar-events-list .event .event-content p{
    max-height: 4em;
    overflow: hidden;
    color: black;
	line-height: 1.3em;
	margin-top: .2em;
}
#calendar-events-list .event .view {
	display: inline-block!important;
    padding: 8px 10px 8px 14px;
    font-size: 1.1em;
    color: #fff!important;
    font-weight: 600;
    text-decoration: none!important;
    border-radius: 25px;
    background-color: #4c6e2e;
    margin-top: 30px;
    position: absolute;
    right: .7em;
	bottom: 15px;
}
#calendar-events-list .event:hover .view {
	background-color: #5b78ba;
}

#calendar-events-list .event .view svg {
    fill: #fff;
    width: 18px;
    height: 18px;
    transform: translateY(3px);
    margin-left: 4px;
}


/* clndr */
.clndr{
	background-color: #4c6e2e;
	color: #fff;
	padding: 2em;
    border-radius: 2em;
}
.clndr .clndr-controls{
	display: flex;
	justify-content: space-around;
}
.clndr .clndr-table{
	margin-top: 1em;
	width: 100%;
    text-align: center;
}
.clndr .days-of-the-week{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;	
}
.clndr .days{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.clndr .days .day::before{
	content: "";
	float: left;
	padding-top: 100%;
}
.clndr .days .day,
.clndr .days-of-the-week .header-day{
	width: calc((100% / 7) - 6px);
	text-align: center;
	position: relative;
	line-height: 2.3em;
	margin: 3px;
	height: calc(100% - 6px);
}

.clndr .days .day.event{
	cursor: pointer;
	background-color: #fff;
	color: #000;
	border-radius: 50%;
}


.clndr .days .day.adjacent-month{
	opacity: .5;
}




.videowrapper /* video-embed MET behoud videoformaat op 16:9 - ook responsive */ {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
     /* the magic ==> indien 100% breed ==> 56.25%; */
    height: 0;
    margin: 0em 0;
    margin-bottom: 50px;
    background: #000;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}