@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url('fonts.css');
@import url('redactie.css');
@import url('gallery.css');
@import url('contentpage.css');
@import url('test.css');


meta.foundation-version {
  font-family: "/5.1.0/"; }

meta.foundation-mq-small {
  font-family: "/only screen and (max-width: 767px)/";
  width: 0em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:768px)/";
  width: 768px; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:1000px)/";
  width: 1000px; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:1300px)/";
  width: 1300px; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:1920px)/";
  width: 1920px; }
meta.foundation-data-attribute-namespace {
  font-family: false; }



/* Foundation Admin Menu Fix */ a.wnd_cxt div.wnd_cxt{padding:4px 0 4px 5px}table.wnd_cxt_menu td{line-height:1px;height:1px}table.wnd_cxt_ext,table.wnd_cxt_menu,table.wnd_cxt_menu tr.alt,table.wnd_cxt_menu tr.even,table.wnd_cxt_menu tr:nth-of-type(even){background:0 0}table.wnd_cxt_menu table{margin-bottom:0}table.wnd_cxt_menu table table{border:none;background:0 0}table.wnd_cxt_menu{margin-bottom:0;border:none}table.wnd_cxt_menu tr td,table.wnd_cxt_menu tr th{padding:0;font-size:11px}
/* Standard */ .dummy,.hide{display:none}.clear{clear:both}hr{border-width:1px 0 0;margin:0 0 10px;}

body,
body.system body {
	background:transparent;
}
body.editor {
	background:transparent!important;
}
body > .ember-view {
	opacity:1!important;
}
html,body.system  body {
background: transparent!important;
}

.hoogte-1 article {
	height: 202px!important;
}
.hoogte-2 article {
	height: 434px!important;
}

.hoogte-3 article {
	height: 569px!important;
}

.hoogte-21 article {
	height: 152px!important;
}
.hoogte-22 article {
	height: 335px!important;
	min-height:1px!important;
}
.uitlijning-left article h1,
.uitlijning-left article h2,
.uitlijning-left article h3,
.uitlijning-left article p,
.uitlijning-left article .button {
	text-align:left!important;
}
.uitlijning-center article h1,
.uitlijning-center article h2,
.uitlijning-center article h3,
.uitlijning-center article p,
.uitlijning-center article .button {
	text-align:center!important;
}
.uitlijning-right article h1,
.uitlijning-right article h2,
.uitlijning-right article h3,
.uitlijning-right article p,
.uitlijning-right article .button {
	text-align:right!important;
}
header logo {
	margin-top: -9px;
}

	header logo a {
/* 		background: none!important; */
/* 		width: auto!important; */
/* 		height: auto!important; */
/* 		text-indent: 0!important; */
/* 		max-width: 200px; */
/* 		max-height: 50px; */
	}

		header logo a img {
			max-height: 50px;
		}

index .logo-grid {
	margin-bottom: 30px;
}

index .logo-grid ul {
	background-color: #fff;
	padding: 25px 10px 0px;
	margin: 0!important;
}

index .logo-grid ul li {
	padding: 0 10px;
	margin-bottom: 25px;
}
index .logo-grid ul li img {
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	opacity: 0.7;
}
index .logo-grid ul li img:hover {
	filter: none;
	opacity: 1;
	-webkit-filter: grayscale(0);
}

index article[class^="step-"] a.link {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	visibility: visible;
}

index article[class^="step-"] a.link div i {
	margin-bottom: 10px;
}

index article[class^="step- smallerIcon"] i {
	font-size: 36px!important;
	padding-top: 30px!important;
}

index article[class^="step- smallerIcon"] h3 {
	margin: 5px 0;
}

index article[class^="step- smallerIcon"] p {
	padding: 0 25px!important;
}


index article[class^="step- biggerIcon noPadding"] {
	padding-bottom: 0 20px!important;
	text-align: left;
}

index article[class^="step- biggerIcon noPadding"] i.bigIcon {
	font-size: 140px!important;
	margin-right: 39px;
	float: right;
}

index article[class^="step- biggerIcon noPadding"] div.row  {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

index article[class^="step- biggerIcon noPadding"] div.columns {
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	-webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  text-align: left;
}


index article[class^="step-"] i {
	display: block!important;
}

index article .button {
	position: relative;
}


index article .button:after {
	top: 0;
}

.customIntro {
}
.customIntro article:first-of-type {
	margin-bottom:0;
}
index .intro {
	min-height:1px;
}
@media (max-width:1023px)  {

	index article {
/* 		margin-bottom: 30px!important; */
	}

	index article[class^="step-"] i {
		margin-bottom: 0!important;
	}

	index .intro p {
		font-size: 18px!important;
	}

	index article[class^="step- smallerIcon"], index article[class^="textBlock"] {
/* 		box-sizing: content-box; */
/* 		padding-bottom: 50%!important; */
		padding-bottom: 10px!important;
		padding-top: 0;
	}
	index article[class^="step- smallerIcon"] i {
		font-size: 50px!important;
  		margin-bottom: 20px!important;
  	}
/* 	index article[class^="step- biggerIcon noPadding"] { */
/* 		box-sizing: content-box; */
/* 		padding-bottom: 22%!important; */
/* 		padding-top: 0; */
/* 	} */

		index article[class^="step- biggerIcon noPadding"] div.row {
			padding: 25px 20px 20px 20px;
		}

		index article[class^="step- biggerIcon noPadding"] .columns {
			padding-left: 0;
			padding-right: 0;
		}

	index article[class^="step- smallerIcon"] p, index article[class^="textBlock"] p, index article[class^="step- biggerIcon noPadding"] p {
		font-size: 13px;
	}



	index article[class^="textBlock"] h3 {
/* 		padding-top: 20px; */
	}

	index article[class^="step- smallerIcon"] i {
		margin-top: 0!important;
	}




/* 	index article[class^="step- biggerIcon noPadding"] i.bigIcon { */
/* 		font-size: 70px!important; */
/* 		text-align: right; */
/* 		margin-right: 15px; */
/* 	} */


/* 	index article[class^="step- biggerIcon noPadding"] .columns { */
/* 		width: 100%!important; */
/* 	} */

/* 	index article[class^="step- biggerIcon noPadding"] .columns:nth-child(1) { */
/* 		padding-top: 100px; */
/* 		text-align:center; */
/* 	} */

/* 	index article[class^="step- biggerIcon noPadding"] .columns:nth-child(2) { */
/* 		margin-top: -250px; */
/* 	} */

/* 		index article[class^="step- biggerIcon noPadding"] .columns:nth-child(2) i { */
/* 			display: block; */
/* 			text-align: center; */
/* 			float: none; */
/* 			margin-right: 0; */
/* 		} */

}
.customIntro article:last-child {
  height: 232px!important;
}


@media only screen and (max-width:1023px)  {
	.hoogte-1 article,
	.hoogte-2 article {
/* 		min-height:1px; */
	}
	.hoogte-1 article {
/* 		min-height:230px; */
/* 		max-height:230px ; */
	}
	.customIntro article:last-child {
		height: auto!important;
	}
	.customIntro article:first-of-type {
		height: 161px;
	}
	.customIntro h1 {
		font-size: 24px;
		line-height: 29px;
	}

	.hoogte-2 article{
		height:auto!important;
	}
	.hoogte-3 article{
		height:auto!important;
	}
/* 	.hoogte-21 arTICLE{ */
/* 		HEIGHT: AUTO!IMPORTANT; */
/* 	} */
	.hoogte-22 article{
		height: auto!important;
	}

}

@media only screen and (min-width: 450px) {
	.medium-block-grid-3 > li {
		clear: none!important;
		width: 33.33333%!important;
	}
}

@media (min-width: 1024px) and (max-width:1300px)  {

	index article[class^="step- smallerIcon"] p, index article[class^="textBlock"] p {
		font-size: 13px;
	}

	index article[class^="step- smallerIcon"] i {
		font-size: 28px!important;
		padding-top: 20px!important;
		margin-top: 0!important;
	}

	.hoogte-3 article {
		height: 560px!important;
	}

}

	index article {
	  padding: 20px 20px 40px!important;
	}

@media only screen and (max-width:1023px) {
	.customIntro article:last-child {
		height: auto;
		min-height: 1px;
	}
	.extraSmall {
	  width: 25%!important;
	}
	.extraSmall article p {
		display:none;
	}
	.extraSmall article .button {
		  font-size: 16px!important;
	}
	.extraSmall article .button:after {
		display:none;
	}
}


index body.editor article[class^="step-"] div, index article[class^="step-"] div.editor,  index article[class^="step-"] div[id^="editor_"] {
	top: auto;
	bottom: auto;
	right: auto;
	left: auto;
	transform: none;
}




index article .button {
  position: absolute;
  bottom: 24px;
  width: 100%;
  text-align: center;
  left: 0;
    padding: 0 23px;
}

span[id^="fs_container"] form {
	clear:none;
}
span[id^="fs_container"] form:after {
	clear:none;
}
#wlm-overlay {
	opacity: 0;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* display: flex; */
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: +51;
    background: rgba(0,0,0,0.3);
	transition: 1.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.wlm-overlay-inner {
	opacity: 0;
	transform: translateY(10px);
	transition: 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	width: 800px;
	max-width: 95%;
    background: rgba(255,255,255,0.97);
    padding: 40px;
    border-radius: 3px;
	box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.1);
	max-height: 90%;
    overflow: auto;
    height: 700px;
}
#wlm-overlay p {
	line-height: 22px;
}
#wlm-overlay p:last-child {
	margin-bottom: 0;
}
#wlm-overlay img {
	max-height: 43px;
    margin-bottom: 22px;
}
.wlm-close {
    display: block;
    position: absolute;
    top: 18px;
    right: 20px;
    width: 40px;
    border-radius: 50%;
    height: 40px;
    background: #eaeaea;
	cursor: pointer;
}
.wlm-close:hover {
	background: #dcdcdc;
}
.wlm-close:before {
    content: "";
    display: block;
    position: absolute;
    top: 44%;
    left: 26%;
    width: 20px;
    height: 4px;
    background: #333;
    transform: rotate(-45deg);
}
.wlm-close:after {
    content: "";
    display: block;
    position: absolute;
    top: 44%;
    left: 26%;
    width: 20px;
    height: 4px;
    background: #333;
    transform: rotate(45deg);
}
#wlm-overlay h1 {
	color: #404040;
	font:17px/32px fontbold, Arial, Sans-Serif;
}
#wlm-overlay h2 {
    color: #404040;
    font: 17px/22px fontbold, Arial, Sans-Serif;
    margin-bottom: 4px;
}

/* Footer text frontpage uses x-small which is too small for accessibility guidelines */
.columns.small-12:nth-child(3):last-child span {
    font-size: 11px!important;
}

#main p a {
	text-decoration: underline;
}


header nav .menu-button.disabled span, header nav .menu-button.disabled span:before, header nav .menu-button.disabled span:after {
	background-color: #fff;
}





.contrast {
	background: #fff;
	display: inline-block;
	height: 16px;
	width: 8px;
	border-bottom-left-radius: 16px;
	border-top-left-radius: 16px;
	position: absolute;
	top: 6px;
	cursor: pointer;
}
.contrast:after {
	content: '';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:200%;
	height: 100%;
	background:#333;
	border-radius: 50%;
	z-index:-1;
  	box-shadow: 0 0 0 3px #333;
}
body.high-contrast .contrast {
	background: #000;
}
body.high-contrast .contrast:after {
	background: #fff;
	box-shadow: 0 0 0 3px #000;
}

body.high-contrast,
body.high-contrast application,
body.high-contrast index,
body.high-contrast .page-content-right,
body.high-contrast .page-content-left  {
	background-color: #000!important;
}
body.high-contrast * {
	color: #fff!important
}
body.high-contrast .mce-tinymce *,
body.high-contrast input {
	color:#000!important
}

body.high-contrast a {
	/* background: #fff!important; */
	/* color:#000!important; */
}
body.high-contrast .button,
body.high-contrast #buttonnav ul li a {
	background:white!important;
	color:#000!important;
}
body.high-contrast .button:before,
body.high-contrast #buttonnav ul li a:before,
body.high-contrast .button:after,
body.high-contrast #buttonnav ul li a:after {
	content:none!important;
}

body.high-contrast .wzStep .wzSubmit,
body.high-contrast .wzStep .wzButton {
	background: #fff!important;
	color: #000!important;
}
body.high-contrast .textBlock,
body.high-contrast article {
	background: #000!important;
	border: 1px solid #fff;
}
body.high-contrast .textBlock .button {
	bottom: 0;
	padding: 12px 20px;
}

body.high-contrast .foto {
	background:none!important;
	border: 1px solid #fff;
}
body.high-contrast index .logo-grid ul li img {
    filter: grayscale(1)!important;
	-webkit-filter: grayscale(1)!important;
}

body.high-contrast [class*=" icon-"]:before {
	color: #000;
}

header nav .menu-button {
    display: none;
}