html{}
body{
	font-size:16px;
	font-family: "Lexend Deca", sans-serif;
 font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	max-width:100%;
	width:100vw;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: "Lexend Deca", sans-serif;
}
p{display:block;position:relative;width:100%;float:left;}
blockquote {
	float:left;
	border-left:3px solid #cacaca;
}
.showMobile{display:none!important;}
.hideMobile{display:block!important;}
hr{border-width:20px 0 0!important;background-color: #EEE;border: solid #EEE;}
.hr{ border-top: solid 3px #eee;
 height: 0px;
 margin: 2rem 0;}
.cell {
	max-width:100vw;
}
.noscroll {
	overflow:hidden!important;
}
.no-margin {
	margin-left:0rem!important;
	margin-right:0rem!important;
}
.logo {
margin: 30px 0 50px 0;
 height: 80px;
 aspect-ratio: 375 / 173.24;
 background-image: url(/manager/templates/spranq/img/logo.svg);
 background-size: contain;
 background-repeat: no-repeat;
 position: relative;
 display: block;
	z-index:1000;
}

h1 {font-size: 1.875rem;font-weight:600!important;color:#025D7E;line-height:100%;position: relative;margin-bottom:1rem;}
h2 {font-size: 1.35rem;font-weight:600!important;color:#025D7E;line-height:100%;margin-bottom:1rem;}
h3 {font-size: 1rem;font-weight:600!important;color:#025D7E;line-height:100%;}
.menu-icon {
	display:none;
 position: relative;
 vertical-align: middle;
 width: 20px;
 height: 16px;
 margin: 0.87rem 0rem;
 cursor: pointer;
 float: right;
}
.menu-icon:hover::after {
 background: #19486a;
 -webkit-box-shadow: 0 7px 0 #19486a, 0 14px 0 #19486a;
 box-shadow: 0 7px 0 #19486a, 0 14px 0 #19486a;
}
.menu-icon::after {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 2px;
 background: #19486a;
 -webkit-box-shadow: 0 7px 0 #19486a, 0 14px 0 #19486a;
 box-shadow: 0 7px 0 #19486a, 0 14px 0 #19486a;
 content: '';
}
div.searchIcon:hover{cursor:pointer;}
div.searchIcon{display: inline-block;
 height: 3rem;
 width: 3rem;
 position: relative;
 float: right;
 z-index: 850;}
div.searchIcon:before{ display: inline-block;
 content: ' ';
 float: right;
 color: #19486a;
 background-image: url(/manager/templates/spranq/img/socialmedia.svg);
 background-size: auto 60px;
 background-position: -800px -1rem;
 background-repeat: no-repeat;
 height: 3rem;
 width: 25px;
 margin-right: 5px;
 margin-left: 5px;
 position: relative;
 top: 9px;
 line-height: 3rem;
}
a.language{display: inline-block;
 height: 3rem;
 position: relative;
 float: right;
 z-index: 850;
	padding: 0.85rem 0rem 1rem 0.2rem!important;
	font-size:1.4rem!important;
	line-height: 1rem!important;
	text-transform: uppercase;
}
a.language:hover:before {
 content: ' ';
 width: calc(100% - 1rem);
 height: 3px;
 z-index: 800;
 left: 0.5rem;
 display: block;
 background-color: #19486a;
 position: absolute;
 bottom: 0;
}
.searchBarHolder{ position: relative;
 display: block;
 z-index: 800;
 height: auto;
 width: 100%;
 right: 0;
background-color: #EEE;
    margin: -36px 0 36px 0;
}
.searchBar{display:none;position:relative;z-index:810;float:right;	padding: 0.5rem 0.5rem;
}

#searchIcon:hover + #searchBar{display:block;}
div.searchIconMobile:hover{cursor:pointer;color:#BA0C2F;}
div.searchIconMobile{display: inline-block;
	height:20px;
 width: 20px;
 position: absolute;
 line-height: 1rem;
 margin-left: 0.25rem;
 top: 3.5rem;
 z-index: 850;}
div.searchIconMobile:before{ display: inline-block;
 content: ' ';
 float: left;
 background-image: url(/manager/templates/spranq/img/socialmedia.svg);
 background-size: auto 60px;
 background-position: -800px -20px;
 background-repeat: no-repeat;
 height: 20px;
 width: 20px;
 position: relative;
}
label[for=search] {
 display: none;
}
.simplesearch-results{font-style:italic;}
.simplesearch-paging {
 margin: 1rem 0;
 font-size: 1rem;
}
.simplesearch-search-form{position:relative;display:block;width:auto;float:right;}
.simplesearch-search-form fieldset{border:0px;padding:0px;margin:0px;}
.simplesearch-search-form input[type="text"]{width: auto;
 margin: 0 0px 0 0;
 float: left;
 border-top: 1.5px solid #DDD;
 border-left: 1.5px solid #DDD;
 border-bottom: 1.5px solid #DDD;	
 border-right: 0px solid #DDD;	
 height: 2rem;}

.simplesearch-search-form input[type="submit"]{background-color: #19486a;;
 color: #FFF!important;

 text-decoration: none;
 position: relative;
	height:2rem;
	border:0px;text-transform: lowercase;
 font-weight: 500;font-size: 1rem!important;}
.simplesearch-search-form input[type="submit"]{background-color:#19486a;!important;margin:0!important}
.simplesearch-search-form input[type="submit"]:hover {
 cursor: pointer;
}
input[type="submit"]:hover {
 transform: scale(1.05);
}

.blockTitle a:hover{text-decoration:none;color:#000;}
.blockTitleH1{
	padding: 1rem 0 1rem 0;
 display: block;
 font-size: 1rem;
 font-weight: 400;
 line-height: 100%;
 color: #19486a;

}
.blockTitle > a > .blockTitleH1 {
	padding: 1rem 0 0rem 0;
	font-size: 1.25rem;
 font-weight: 600;
 line-height: 110%;
}
a:hover .blockTitleH1 {
 color: #025D7E;	
}
.blockTitleH2{
	font-style:italic;
	font-weight:400;
	color:#666;
}
.overviewBlock{transform-origin: 50% 50%;
 transform: scale(1);
 -webkit-transition: all 500ms;
 -moz-transition: all 500ms;
 -ms-transition: all 500ms;
 -o-transition: all 500ms;
 transition: all 500ms;position:relative;
	padding: 0rem 0.9375rem 0.9375rem 0!important;
	
 margin-bottom: 0px;
 overflow: hidden;	
}
.overviewBlock:hover{transform:scale(0.975)}

.eventitem{display:block;position:relative;-webkit-transition: all 500ms;
 -moz-transition: all 500ms;
 -ms-transition: all 500ms;
 -o-transition: all 500ms;
 transition: all 500ms;transform-origin: 50% 50%;
 transform: scale(1);position: relative;
 float:left;width: 100%;margin-bottom:0rem;
	font-size:1rem;line-height:1rem;vfont-weight:700;
}
.eventitem:hover .eventShortDate {
	background-color: #19486a;
}
.eventitem .dateDay{
	display:block;
	width:100%;
	font-size:2rem;
	position:relative;
	font-weight:700;
	line-height: 100%;
	position:relative;
	text-align:center;	
}
.eventitem .dateMonth{
	display:block;
	width:100%;
	font-size:1rem;
	position:relative;
	font-weight:700;
	line-height: 100%;
	text-align:center;
}
.eventitem .eventShortDate{
	display:block;
	background-color:#2198ba;
	color:#FFF!important;
	padding:0.9375rem 0.9375rem;
	
	top:0;
	right:0;
	transition: 0.5s ease-out;
}
.eventShortDate {
	right:unset;
	left:0px;
	position:relative;
}
.eventDescription span {
 margin: -0.375rem 0 0.75rem 0;
}
.eventDate{
	display:block;
	position:relative;
	color: #999;
}
.eventLocation{
	font-style:italic;
	color:#666;
	display:block;
	position:relative;	
}
.eventitem .eventTitle{font-size:1.25rem;font-weight:600;line-height:110%;display:block;position:relative;color:#000;}
.eventitem .eventDescription{padding: 0.9375rem!important;}


a.linkButton {
	background-color: #8fc33f;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: 400;
	padding: 10px 20px;
	border-radius: 5px;
	margin: 5px 0;
	display:inline-block;
	position:relative;
	transition: all .2s ease-in-out;
}
a.linkButton:hover {
	transform: scale(1.05);	
	background-color:#19486a;
}
.homeContainer, .pageContainer {
	width: 100%;
	content: ' ';
	left: 0px;
	padding-top: 0;
	position:relative;
	margin-top: -20px;
	display:block;
	overflow:hidden;
	z-index: 800;
	
}
.pageContent {
	min-height:550px;
}
.pageContent > .grid-container > .grid-x > .cell {
 padding: 5rem 2.5rem;
 margin-top: 100px;
 margin-bottom: 0px;
 z-index: 910;
	min-height:450px;
 background-color: #FFFFFF;
 border-radius: 2rem;
 position: relative;
 background-image: url(/manager/templates/spranq/img/particles-bg.svg);
 background-size: 390px auto;
 background-repeat: no-repeat;
 background-position: right 0px top -14px;
}

.content-img {
 display: block;
 width: 1920px;
 height: 500px;
 position: absolute;
	
	background-color: #1a618e;
}
.content-img:empty { background: linear-gradient(180deg, #2198ba33 0px, #2198ba33 200px, #FFFFFF00 200px); }
.content-img img {
	opacity: 0.4;
	filter: grayscale(100%);
	mix-blend-mode: overlay;
}

.nieuwsHeader {
	position:absolute;
	top: -50px;
	font-size: 2rem;
	color: #2198ba;
	font-weight:600!important;
	padding: 0 .9375rem;
}
.nieuws {
	margin:150px 0 90px 0;
	z-index: 905;
	position:relative;
	background: linear-gradient(180deg, #26bde2 0px, #26bde2 200);
	
	
}
.nieuwsHeader::before {
 content: ' ';
 width: 130px;
 height: 151px;
 display: block;
 aspect-ratio: 483 / 561;
 background-image: url(/manager/templates/spranq/img/pijl.webp);
 background-size: 130px auto;
 background-repeat: no-repeat;
 top: -62px;
 left: -135px;
 position: absolute;
 z-index: 100;
}
.nieuws .grid-container {
	background-color: #FFFFFF;
	border-top: 12px solid #FFFFFF;
}
.sidebar img {
	margin-bottom: 1rem;
}
.highlights img {
	border-radius: 5px;
}
.highlightsHolder {
 flex: 33.3333%;
 flex-grow: 0;
 align-items: stretch;
 display: flex
;
 margin-bottom: 2rem;
}
.highlights {
 border-top: 0px solid #FFF;
 background-color: #FFF;
 flex: 33.3333%;
 flex-grow: 0;
}
.highlights a h2 {
 color: #19486a !important;
	margin: 1rem 0 0.5rem 0;
	line-height: 125%;
}
.sidebar a.h2 {
 color: #19486a !important;
	margin: 2rem 0 0 0;
	line-height: 125%;
}
.highlights a {
 font-size: 1rem;
 color: #FFFFFF;
 font-weight: 400;
}
.highlightReadMore, .readMore, a.readMore {
 position: absolute;
	background-color: #8fc33f;	
 bottom: -2rem;
 padding: .3rem 0.6rem;
 margin-bottom: 0;
	border-radius: 5px;
	transition: 0.3s ease-out;
	z-index: 1000;
}
.highlightReadMore:hover, .readMore:hover, .a.readMore:hover {
	background-color: #19486a!important;	
	color: #FFFFFF!important;
	transition: 0.3s ease-out;
	transform-origin: 50% 50%;
	transform:scale(1.05);	
	}	

	
.slideshow-container a.readMore:hover {
	background-color: #FFFFFF!important;	
	color: #19486a!important;	
}
.story {
	
	
	background: linear-gradient(180deg, #2198ba 0px, #2198ba 12px, #2198ba 12px, #2198ba 36px, #2198ba 36px);
}
.story .cell {
	overflow: hidden;
}
.story-img-holder {
	display: flex;
 justify-content: center;
 flex-direction: column;	
}
.story-img {
	
	position:relative;
	width:100%;
}
.story-img img {
	
	position:relative;
	
	display:block;
	border-radius:250px;

}
.story-text {
	
	color: #FFFFFF!important;
	padding: 2rem 2rem;
}
.story-text h2, .story-text p, .story-text a {
	color:#FFFFFF!important;
}
.story-text p {
	margin-bottom: 0;
}
.story-text a.readMore {
	
	margin:.5rem 0 1.5rem 0;
	background-color: #8fc33f;
	border-radius: 5px;
	position:relative;
	float:left;
}
.story-text a.readMore:hover {
	background-color: #19486a!important;
	transition: 0.3s ease-out;
	transform-origin: 50% 50%;
	transform:scale(1.05);
}

.shape-right {
 position: absolute;	
	width: 100%;
}
.shape-right .grid-container {
	position:relative;
 left: calc(510px - 29.77vw);	
}

.shape-right .grid-container::before {
 height: 29.23vw;

	width: 100vw;

 background-image: url(/manager/templates/spranq/img/banner-overlay.svg);
 background-size: auto 29.23vw;
 background-repeat: no-repeat;
 position: absolute;
 left: calc(50px - 17.83vw);

 top: 0px;

 z-index: 905;
 display: block;
 content: ' ';

}
.shape-right h1 {
 font-weight: 300 !important;
 color: #2198ba;

 top: 20px;

 font-size: 30px;
	z-index:910;
}
.strong-h1 {
	font-weight: 700;

}
.cartoon {
 height: 26.31vw;

 aspect-ratio: 604 / 500;

 background-image: url(/manager/templates/spranq/img/cartoon.svg);
 background-size: auto 26.31vw;
 background-repeat: no-repeat;
 position: relative;
 left: 0px;

 top: 0px;

 z-index: 905;
 display: block;
 content: ' ';

}
.whitebg {background-color:#FFFFFF;}
.no-pad {
	padding: 0;
}
.footerMenu {
	font-size: 0.75rem;
	margin-top:3rem;
}
.footerMenu img {
	max-width:75px;
	float: right;
    right: -2rem;
	position:relative;
	filter: grayscale(100%);
	transition:0.2s;
	margin-bottom: 1rem;
}
.footerMenu:hover img {
	filter: grayscale(0%);
}
.footerPayoffMenu {
	background-color:#FFFFFF;
	color:#FFFFFF;
	position:relative;
	overflow:hidden;
}
.footerPayoffMenu .cell {
	padding: 75px 0;
	text-align:center;
}
.socialMedia{position:absolute;top:10px;right:-8px;}
.socialMedia a{background-image: url("/manager/templates/spranq/img/socialmedia.svg")!important;opacity: 1;margin-right: 8px!important;
 background-size: auto 30px!important;
	width: 30px!important;
 height: 30px!important;
 padding: 15px !important;
	border-radius: 15px!important;
	background-color: #1d7092;
}
.socialMedia a:hover{opacity: 1!important;}

.socialMediaFooter{width:100%;height:auto;padding: 1rem 1.875rem 0rem 1.875rem;position:relative;float: left;background-color: #42145f!important;margin-bottom: 1rem;}

.socialMediaFooter a{background-image: url("/manager/templates/spranq/img/socialmedia.svg")!important;opacity: 1;margin-right: 5px!important;float:left;}
.socialMedia a:hover{opacity: 1!important;}

.socialMedia a.bluesky, .socialMediaFooter a.bluesky{
 background-position: -240px 0;
}
.socialMedia a.linkedin, .socialMediaFooter a.linkedin{
 background-position: -180px 0;
	overflow:hidden;
}
.socialMedia a.youtube, .socialMediaFooter a.youtube{
 background-position: -270px 0;
}
.socialMedia a.email, .socialMediaFooter a.email{
 background-position: -210px 0;
}
.socialMedia a.facebook, .socialMediaFooter a.facebook{
 background-position: -300px 0;
}
.socialMedia a.whatsapp, .socialMediaFooter a.whatsapp{
 background-position: -330px 0;
}

a.linkedin, a.youtube, a.email, a.facebook, a.whatsapp, a.bluesky {
background-image: url(/manager/templates/spranq/img/socialmedia.svg);
 background-size: auto 30px;
	width: 30px;
 height: 30px;
 padding: 15px;
 background-repeat: no-repeat;
 display: inline-block;
 margin-right: 10px;
 background-color: #CCC;
	border-radius: 15px;
 z-index: 1000;
 position: relative;
 transform-origin: 50% 50%;
 transform: scale(1);
 -webkit-transition: all 500ms;
 -moz-transition: all 500ms;
 -ms-transition: all 500ms;
 -o-transition: all 500ms;
 transition: all 500ms;
 position: relative;
 overflow: hidden;
}
a.linkedin, a.youtube, a.email, a.facebook, a.whatsapp, a.bluesky {
	
}
a:hover.linkedin, a:hover.youtube, a:hover.email, a:hover.facebook, a:hover.whatsapp, a:hover.bluesky {
	transform:scale(1.10);
	background-color: #19486a;
}
a.bluesky{
 background-position: -60px 0;
}
a.linkedin{
 background-position: 0 0;
}
span.socialDescription{
	position:absolute;
	top: -100%;
	display:none;
}
a.youtube{
 background-position: -90px 0;
}
a.facebook{
 background-position: -120px 0;
}
a.whatsapp{
 background-position: -150px 0;
}
a.email{
 background-position: -30px 0;
}
.shareButtons {
	width: 100%;
	display:block;
	position:relative;
}
.shareButtons h3 {
	margin-bottom: 1rem;
}


.footerPartners{margin:0px 0;text-align:center;background-color:#FFFFFF;}
.logo-holder {
 flex: 12.5%;
 flex-grow: 0;
 margin-bottom: 0rem;
}
.logo-wrapper {
 height: 5rem;
 padding: 10%;
 display: flex
;
 justify-content: center;
 text-align: center;
 border: solid 0px #FFF;
 align-items: center;
}
.footerPartners a:hover img {
 transform: scale(.975);
	filter: grayscale(0%);
}
.footerPartners p {
 display: inline-block;
}
.partner-holder {
 display: flex
;
 flex-wrap: wrap;
 flex-direction: row;
 gap: 2%;
 padding: 1.325rem;
}
.logo-wrapper p {
 margin: 0 !important;
}

.footerPartners img {
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -o-transition: all .5s ease;
 -ms-transition: all .5s ease;
 transition: all .5s ease;
}
.logo-wrapper img {
 max-height: 160px;
	filter: grayscale(100%);
}


ul#breadcrumb {
 padding: 0 !important;
 margin: 0 0 1rem 0 !important;
}
#breadcrumb li {
 list-style: none;
 display: inline;
}
.B_crumbBox li:nth-child(n+2):before {
 padding: 8px;
 color: black;
 content: ">";
}
ul.B_crumbBox {
	list-style-type: none;
	margin-left: 0;
	display:block;
	width:100%;
	float:left;
	margin-top:1rem;
}
.B_crumbBox li {
	display:inline;
}
.credits {
 position: relative;
 top: 75px;

 float: right;
 display: block;
 padding: .25rem .5rem;
 font-size: .75rem;
 font-weight: 600;
 background-color: #02465e;
 color: #FFF !important;
 text-decoration: none !important;
 z-index: 10;
 opacity: 1;
}
.credits:hover {
 background-color: #5a7700;
	color: #FFF !important;
	opacity:1;
}
@media screen and (max-width: 80em) {
	.shape-right h1 {
		font-size:25px;
	}
	.nieuwsHeader::before {
 content: ' ';
 width: 100px;
 height: 116px;
 display: block;
 aspect-ratio: 483 / 561;
 background-image: url(/manager/templates/spranq/img/pijl.webp);
 background-size: 100px auto;
 background-repeat: no-repeat;
	top: -80px;
 left: 395px;
 position: absolute;
 z-index: 100;
 transform: scaleX(-1);
}
	
}
@media screen and (max-width: 63.999em) {
	
	.logo-holder {
 flex: 18%;
	 flex-grow: 0;
	}
	.partner-holder {
	gap: 2.5%;
	}
	
	.overviewBlock{height: auto;}
	.story-img {
	margin-top:1rem;
	}
.highlightReadMore, .readMore {
 position: relative;
 width: auto;
	bottom: unset;
 margin-bottom: 1rem;
 border-radius: 5px;
 float: left;
	font-size: 1rem;
	padding: 0.6em 1rem!important;
}	
	.socialMedia {top: 60px;right: 0px;}
.showMobile{display:block!important;}
.hideMobile{display:none!important;}	
	.top-bar, .top-bar ul {padding: 0!important;}	
	.top-bar{margin-top:-120px;padding-bottom:0px!important;}	
	
	.cell{max-width:calc(100vw - 1.25rem);overflow:visible;}
 .shape-right .grid-container {
	position:relative;
 left: calc(225px - 14.91vw);	
}
	.menu-icon{display: inline-block;}
	.logo {margin: 30px 0 50px 0;}
}
@media screen and (max-width: 50em) {
	.shape-right h1 {
		font-size: 30px;
		top: unset;
	}
	.story-text {
	color: #FFFFFF!important;
	padding: 2rem 1.25rem;
}
	
	.pageContent > .grid-container > .grid-x > .cell {
	margin-top:0px;
	}
	.top-bar{margin-top:-120px;}
	.pageContent .cell {
	margin-top:0;
	margin-bottom: 0;
	}
	
	.content-img {
	position:relative;
	height:auto;
	width:auto;
	}
	.cartoon{height:35vw; background-size: auto 35vw;background-size: 100% auto;}	
	.logo {
	height:90px;
	}
	.shape-right .grid-container::before {
	display:none;
	}
	.shape-right {
	position:relative;
	}
}
@media screen and (max-width: 650px) {

}
@media screen and (max-width: 40em) {
	.footerMenu img {
	margin: 0 auto 1rem auto;
    display: block;
	right:unset;
	float: unset;
	}	
	
	.no-margin {
	margin-left:-1.875rem!important;
	margin-right:-1.875rem!important;
}
	.top-bar{margin-top:-75px;}
	.logo {margin: 15px 0 15px 0;height:70px;}
	
	.logo-holder {
 flex: 30%;
	 flex-grow: 0;
	}
	.partner-holder {
	gap: 3.33%;
	}
	
	.nieuwsHeader::before {
 content: ' ';
 width: 50px;
 height: 58px;
 display: block;
 aspect-ratio: 483 / 561;
 background-image: url(/manager/templates/spranq/img/pijl.webp);
 background-size: 50px auto;
 background-repeat: no-repeat;
	top: -80px;
 left: 0px;
 position: absolute;
 z-index: 100;
 transform: scaleX(1);
 }
	.nieuwsHeader {
	padding: 0 0.935rem 0.935rem 0.935rem;
	top:0px;
	position:relative;
	}
	.nieuws{
	margin-top: 75px;
	}
	.story {
	margin-top: 0px;
	}
	a.language {padding: 0.85rem 0rem 1rem 0.2rem!important;}
	.highlights {
	margin-bottom: 1rem;
	}
	.highlights a h2, .sidebar a.h2 {
	 margin: 1rem 0 0 0;
	}
	.homeContainer, .pageContainer{margin-top:unset;}
	.cartoon{height:70vw; background-size: auto 70vw;background-size: 100% auto;}
	.shape-right .grid-container{left:unset;}
	.shape-right .grid-container:before{display:none;}
	.simplesearch-search-form input[type="text"] {max-width:50vw;}
	
	.searchBarHolder{position: relative;
 top: 0;
 height: auto;
 display: block;
 width: 100%;
	max-width:100vw;
	overflow:hidden;
 float: left;
	z-index:2000;
	margin: 0px 0 36px 0;	
}
	.searchBarHolder .row{margin-left:0;margin-right:0;}
	.searchBarHolder form{margin-bottom:0;}
	.searchBar{position:relative;float:left;margin:1rem 0;padding: 0 1.25rem;}
	
}



@media screen and (max-width: 564px) {
	.socialMedia {right:-8px;}
}

@media screen and (max-width: 350px) {
	.logo-holder {
 flex: 45%;
	 flex-grow: 0;
	}
	.partner-holder {
	gap: 10%;
	}
}


.no-js .top-bar {
 display: none;
}
.top-bar, .top-bar ul {
 background-color: transparent;
 justify-content: left;
 list-style-type: none;
 margin-left: 0;
 margin-bottom: 0rem;
 padding: 46px 0rem 26px 0rem;
 position: relative;
}
.top-bar ul ul {
 padding: 0;
 border: 0;

 border-top: #FFFFFF solid 0px;
 border-left: #19486a solid 2px;
 border-right: #19486a solid 2px;
 border-bottom: #19486a solid 2px;	
 position: absolute;
 z-index: 800;
 margin-top:-3px;
 background-color:#FFFFFF;
}
.top-bar-left ul > ul {
 display: none;
}
.top-bar-left li {
 display: inline-block;
 position: relative;
}
.top-bar-left li a {
 padding: 1rem 0.5rem 1rem 0.5rem;
 display: inline-block;
 font-size: 1rem;
}
.top-bar-left li li a {
 padding: 0.75rem 1rem 0.75rem 1rem;
 display: block;
 float: left;
 position: relative;
 font-size: 1rem;
}
.top-bar-left > ul > li:hover > a {
 background-color: #FFFFFF;
 color: #2198ba;
 width: 100%;
}
.top-bar-left li:hover a {
	width:100%;
}
.top-bar-left li li:hover a {
 color: #FFFFFF !important;
 background-color: #19486a !important;
}
.is-dropdown-submenu.js-dropdown-active {
 display: none;
}
.top-bar-left li ul {
 display: none;
}
.top-bar-left li:hover ul {
 display: flex;
 min-width: 100%;
}
.dropdown.menu a {
 padding: 1rem;
 margin: 0 0;
 line-height: 1.5rem;
}
.dropdown.menu .is-active > a {
 color: #FFFFFF;
}

#mmain > .active:before, .top-bar-left > ul > li:hover > a:before {
 content: ' ';
 width: calc(100% - 1rem);
 height: 3px;
 z-index: 800;
 left: 0.5rem;
 display: block;
 background-color: #2198ba;
 position: absolute;
 bottom: 0;
}
#mmain > .active:before {
 background-color: #19486a;	
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
 display: none;
}
.menu .active > a {
 background-color: transparent;
 color: #19486a;
}
.submenuContainer .grid-container {

}
.submenuContainer {
	z-index:1200;
	position:relative;
	max-width:100%;
}
#mmain {
 display: block;
 padding: 0 10px;
 margin: 0 0 1rem 0;
}
.top-bar a {
 padding: .3rem 0.5rem;
 font-size: 0.9375rem;
 color: #19486a;
}
.title-bar {
 padding: 1rem 1.25rem;
 background: #FFFFFF;
 color: rgb(0, 93, 126);
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: start;
 -webkit-justify-content: flex-start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 -webkit-box-align: center;
 -webkit-align-items: center;
 -ms-flex-align: center;
 align-items: center;
 position: absolute;
 top: 0;
 right: 0;
}
.menu-icon::after {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 2px;
 background: rgb(0, 93, 126);
 -webkit-box-shadow: 0 7px 0 rgb(0, 93, 126), 0 14px 0 rgb(0, 93, 126);
 box-shadow: 0 7px 0 rgb(0, 93, 126), 0 14px 0 rgb(0, 93, 126);
 content: '';
}
@media screen and (min-width: 64em) {
 .no-js .top-bar {
 display: block;
 }
 .no-js .title-bar {
 display: none;
 }
#mmain nav ul:after {
	content: " ";
	padding: 0 0.5rem;
	color: #FFF;
	font-weight: 400;
	float: right;
	line-height: 38px;
}	
}
@media screen and (max-width: 63.999em) {
	#mmain > .active:before, .top-bar-left > ul > li:hover > a:before {
 content: unset;
	}
	.top-bar ul ul {
	border: 0;
	margin-left: -0.935rem;
	}
	

 .top-bar-left li:hover a {
 color: #19486a;
 }
 .top-bar ul {
 padding: 1rem 0;
 }
 .top-bar-left li a {
 margin: 0;
 width: 100%;
 padding: 1rem 1rem;
 display: block;
 font-size: 1rem;
 font-weight: 700;
 }
 .top-bar-left li {
 padding: 0rem 1rem 0 1rem;
 width: calc(100% + 1.875rem);
	max-width:100%;
 margin-left: 0rem;
 display: block;
	color: #19486a;
 float: left;
 }
	.top-bar-left li li {
	padding: 0rem 1rem 0 0rem;
	}
 .top-bar-left li ul {
 display: block;
 }
 .top-bar-left ul ul {
 padding: 0;
 display: block;
 width: calc(100% + 1.25rem);
 float: left;
 position: relative;
 box-shadow: unset;
 }
 .top-bar-left li li a:before {
 content: '> ';
 position: relative;
 display: inline-block;
 float: left;
 margin-right: 5px;
 }
 .top-bar-left li li a:after {
 content: ' ';
 display: block;
 width: 100vw;
 position: absolute;
 top: 0px;
 left: 0px;
 height: 2px;
 z-index: 850;
 }
 .top-bar-left li ul li a {
 padding: 1rem 1rem 1rem 2.5rem;
 font-size: 0.9rem;
 font-weight: 400;
 }

 .menu > .active:before {
 display: none;
	left:unset;
 }

	.top-bar-left li:hover, .top-bar-left li:hover, .top-bar-left li:hover a, .top-bar-left li li:hover a {
	color: #19486a!important;
	border: 0!important;
	background-color: #FFFFFF00!important;
	}	
	.top-bar-left li a:hover, .top-bar-left li a:hover, .top-bar-left li:hover a:hover, .top-bar-left li li:hover a:hover {
	color: #2198ba!important;
	border: 0!important;
	background-color: #FFFFFF00!important;
	}	

	
	.top-bar-left li:hover a:before {
	width:unset;
	height:unset;
	background-color:unset;	
	left:unset;
	}
	
	.top-bar-left li li a:before {
	content: '> '!important;
 position: relative!important;
 display: inline-block!important;
 float: left!important;
 margin-right: 5px!important;
 }
	
 #mmain {
 display: none;
 width: 100vw;
	margin: 3rem 0 3rem -1.875rem!important;
	background-color: #CCCCCC33;
 margin: 0;
	float: left;
	 padding: 1rem 0!important;
 }
}
@media screen and (max-width: 40em) {
#mmain {
        margin: 3rem 0 0rem -1.875rem !important;
	}
}
* {box-sizing: border-box}
.mySlides {display:block;position:absolute;transition:opacity 1s;opacity:0;width:100%;background-color:#1a618e;border-top:0.5px solid #FFFFFF;}
.mySlides:nth-child(0){opacity:1;}
.slideActive{position:relative!important;display:block;}
.slideshow-container img {vertical-align: middle;height:29.23vw;/*left:-480px;*/width:auto!important;max-width:none;position:absolute;opacity:0.4;mix-blend-mode: overlay;filter: grayscale(100%);}


.slideshow-container {
  width:100%;
  height:29.10vw;/*was 29.16vw*/
  top: 0.5px;/* blauwe lijn erboven voorkomen */
  max-width: 100%;
  display:block;
  position: relative;
  margin: auto;
  overflow:hidden;
  background-color: #01689b;
/*border-bottom: 12px solid #8fc33f;	*/
}


.prev, .next {
cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 0 14px 16px 14px;
    width: 50px;
    height: 50px;
    margin-top: -22px;
	line-height:44px;
    color: #FFF !important;
    font-weight: bold;
    font-size: 2rem;
    text-decoration: none !important;
    transition: .6s ease;
    user-select: none;
    border-radius: 50%;
    background-color: #FFFFFF66;
	z-index: 1000;
}
.prev {
	left:16px;
}

.next {
  right: 32px;
    padding: 0 8px 16px 16px;	

}

.prev:hover, .next:hover {

  text-decoration:none;
	background-color: #8fc33fFF;
}


.text {
  color: #FFF;
  padding: calc(7vw - 21px) calc(12vw + 40px) 25px 470px; /*padding: 270px 960px 50px 503px;*/
  width: 100%;
  font-size: clamp(1rem, -0.3187rem + 2.6374vw, 2.5rem)!important;
  font-family: "Lexend Deca", sans-serif;
  font-weight:700;
  line-height:112.5%;
  text-align: left;
  vertical-align:bottom;
  position: relative;
  left: calc(50vw - 355px);
  width: calc(50vw + 355px);
  height:500px;
  background-size: auto auto;
  background-position:0px 0px;
  background-repeat:no-repeat;
  display:block;
  opacity: 1;
        
}
.text h1 {
    /*font-size: clamp(1rem, 0.1209rem + 1.7582vw, 2rem)!important;*/
	font-size: clamp(1rem, 0.3407rem + 1.3187vw, 1.75rem)!important;
    font-family: "Lexend Deca", sans-serif;
    font-weight: 400 !important;
    line-height: 165%;
    text-align: center !important;
    vertical-align: bottom !important;
    position: relative !important;
    color: #FFF !important;
    display: inline;
    background-color: #8fc33f;
	border: 1px solid #8fc33f;
	border-radius: 5px;
    padding: 0.3em 1rem;
	opacity: 1;
    /* box-shadow: 30px 0 0 green, 30px 0 0 green; */
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
	/*border-radius: 46px;*/
}
.text h1:before {
    content: ' ';
    width: 2px;
	top:5px;
    height: calc(100% - 10px);
    background-color: #8fc33f;
    display: block;
    position: absolute;
    z-index: 1000;
}
.h1s .text h1 {
	line-height:240%;
}
.h1s .text h1:before {
	display:none;
}
.text a {
	display: inline;
	clear: both;
    background-color: #FFF !important;	
	color: #19486a;
	font-size: clamp(0.75rem, 0.5302rem + 0.4396vw, 1rem) !important;
	font-weight: 700;
    padding: 0.6em 1rem;
	line-height: 1rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;	
	border-radius: 5px;
	float:left;
	position: relative;
	bottom:unset;
}
.text .divider {
	height: 5px;
	width: 100%;
	position:relative;
	display:block;
	float:left;
	
}
.banner-overlay {
    position: absolute;
    width: 1280px;
    height: 500px;
    margin: 0 auto;
    display: block;
    overflow: visible;
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: none;
  transition: background-color 0.6s ease;
}

@media screen and (max-width: 64em) {
	.text {
		 left: calc(50vw - 405px);
    width: calc(50vw + 405px);
	}	
	
}

@media only screen and (max-width: 18.75em) {
  .prev, .next {    transform: scale(0.7);margin-top:0;}
}

@media only screen and (max-width:50em) {
	.prev, .next {
		top:80%;
	}

	.row.slide-text-holder {
    position: absolute;
    top: 0;
	width:100%;
}
	
	.slideshow-container img{
		
		height:300px!important;
		max-width:unset;
	position:relative;
		
	}	
	.slideshow-container{
		height:300px!important;
		overflow:hidden;		
	}
	.text {
		max-width: 500px;
	}
	.text h1 {
		/*line-height: 150% !important;*/
	}
	.h1s .text h1 {
		/*line-height: calc(150% + 4vw) !important;*/
		/*padding: 0.75em;*/
	}
	.h1s .text h1:before {
		display:none!important;
	}
	.h1s .text a {
		/*padding: 1.5vw 3vw;*/
	}
	.text{	
  padding: 50px 2rem;
  /*font-size:1.5rem;*/
  position: relative;
  left: 0%;
  width: 100%;
  height:auto;
  background-image: none;
  display:block;
  opacity: 1;
}
	
	
	.text{	
  padding: 50px 2rem;
	}
	.text h1 {
		/*font-size: clamp(1rem, 0.4rem + 3.2vw, 2rem)!important;*/
		font-size: clamp(1rem, 0.4rem + 1.6vw, 1.5rem) !important;
		/*line-height: 300% !important;*/
	}
}

@media only screen and (max-width:40em) {
.slideshow-container img{
		
		aspect-ratio: 500 / 300;
        height: auto!important;
		min-height:300px!important;
        min-width: 100% !important;
		max-width:unset;
	position:relative;
		
	}		
	
	
	
}