body {
	background-color: var(--bg-color-main);
}

body,
html {
	font-size: 1rem;
	color: var(--color-niwo-1);
	font: var(--avenir-book);
	-webkit-font-smoothing: antialiased;
}

.skip-link:focus {
	left: 5px;
	padding: 5px;
	top: 5px;
}

a.linkIcon.hamburgerMenu {
	align-items: center;
}

a.linkIcon.hamburgerMenu::before {
	mask-image: var(--icon-mdi-hamburger-menu);
	font-size: inherit;
	margin-right: 3px;
	mask-position: center;
}

a:not(.button):not(.anchor):hover {
	text-decoration: underline;
}

.internalLink.button.hasFlag:after {
	transform: rotate(-45deg);
	position: absolute;
}

.internalLink.button.hasFlag.forceInternal:after {
	transform: rotate(0deg);
}

.blockitem {
	float: none;
}

.blockitem a:not(.button):not(.anchor):not(.backLink) {
	color: var(--color-niwo-3);
	text-decoration: underline;
}

.blockitem .articleBlock.layout2 a,
.blockitem .articleBlock.layout8 a {
	color: var(--color-niwo-1) !important;
}

.fixed {
	position: fixed;
}

.allContent {
	position: relative;
}

.header-container {
	background-color: var(--bg-color-main);
	box-shadow: -1px 10px 10px -1px rgba(110, 110, 110, 0.73);
	width: 100%;
	height: var(--header-height);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}

#content.marginTop {
	margin-top: var(--header-height);
}

#content div .blockContainer .contentCenter,
.header .wrapper .dossierTitle .contentCenter {
	margin: 0 auto;
	max-width: 1024px;
}

#content div .blockContainer .country .contentCenter {
	max-width: 100%;
}

#content div .blockContainer footer .contentCenter {
	box-sizing: border-box;
	max-width: 1330px;
	padding: 0 30px;
	width: 100%;
	position: relative;
}

footer .contentCenter h1 {
	font: var(--avenir-light);
	margin-bottom: 10px;
}

.logo {
	margin-top: 16px;
	width: 112px;
}

.logo.init {
	transition-property: margin-top, width;
	transition-duration: 500ms;
}

.logo.smallLogo {
	margin-top: 6px;
	width: 85px;
}

.logo hr.blue {
	width: 40px;
	height: 5px;
	background: var(--color-niwo-1);
	border: none;
	margin: 30px 0 -30px 0;
}

.hamburger {
	cursor: pointer;
	display: none;
	position: absolute;
	right: 0;
	top: 59px;
	width: 45px;
	z-index: 9999;
}

.topBar {
	width: 100%;
	max-width: 100%;
	font-size: 0.946rem;
	letter-spacing: 0.05rem;
	text-decoration: none;
	font-weight: lighter;
	color: var(--color-niwo-1);
}

.topBar nav {
	font: var(--avenir-black);
	font-size: 1rem;
	padding: 38px 0 0;
}

.topBar nav ul {
	float: left;
	margin: 6px 0 0 0;
}

.topBar nav ul.smallMenu {
	margin-top: -20px;
}

.topBar nav ul li {
	display: inline;
	float: unset;
	list-style: none;
	margin: 0;
	padding: 0 30px 0 0;
	position: relative;
}

.topBar nav ul li:last-child {
	padding: 0;
}

.topBar nav .hamburgerMenuContainer {
	width: 150px;
	float: left;
	margin: 6px 0 0 0;
}

.topBar nav ul li a,
.topBar nav a.hamburgerMenu,
.topBar ul.extra a {
	color: var(--color-niwo-1);
}

.topBar nav ul li a:hover,
.topBar nav ul li.active a,
.topBar nav a.hamburgerMenu:hover {
	color: var(--color-niwo-3);
}

.bigMenu {
	background-color: var(--color-niwo-1);
	height: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	position: fixed;
	top: 0;
	transition: height .5s ease-in-out;
	width: 100%;
	z-index: 120;
}

.bigMenu.open {
	overflow-y: scroll;
}

.bigMenu,
.bigMenu a {
	color: var(--bg-color-main);
}

.bigMenu .subBack .iz-icon {
	transform: rotate(180deg);
	vertical-align: initial;
}

.bigMenu.bigBorder {
	border-bottom: 5px solid var(--color-niwo-3);
}

.bigMenu .menuColumns {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding: 30px 25px 100px;
}

.bigMenu .subs {
	display: none;
}

.bigMenu .subs.visible,
.bigMenu .subs.visible .subs {
	display: block;
}

.bigMenu ul,
.bigMenu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bigMenu li {
	margin-top: 20px;
}

.bigMenu ul li a {
	color: var(--bg-color-main);
	font: var(--avenir-book);
	font-size: 1.1875rem;
}

.bigMenu ul li > .icon-angle,
.bigMenu ul li > .icon-arrow,
.bigMenu ul li > .icon-external {
	display: none;
}

.bigMenu ul li.externalLink > .icon-external {
	display: inline-block;
}

.bigMenu ul li.externalLink > .icon-external:before {
	transform: rotate(-45deg);
}

.bigMenu ul li.subpage:not(.active) > .icon-angle {
	display: inline-block;
	vertical-align: initial;
}

.bigMenu ul li.subpage.active > .icon-arrow {
	display: inline-block;
	vertical-align: initial;
}

.bigMenu .extraNavigation {
	margin-top: 80px;
}

.bigMenu .firstLevel .extraNavigation a {
	color: var(--color-niwo-2);
	font-size: 1.1875rem;
}

.swiper-container.header-slider {
	margin-top: var(--header-height);
}

.swiper-container.header-slider,
.swiper-container.header-slider .swiper-wrapper,
.swiper-container.header-slider .swiper-slide {
	padding-bottom: 15%;
}

#content {
	padding: 0;
	margin-top: var(--header-height);
}

.allContent:has(.header-slider) #content {
	margin-top: 0;
}

.contentCenter {
	max-width: 100%;
}

.blockContainer {
	display: block;
	overflow: hidden;
	position: relative;
	padding: 30px 0;
}

.blockContainer.bgNext {
	padding-bottom: 0;
}

.blockContainer.blockType-8 {
	padding: 0;
}

.blockContainer .blockCategories {
	margin: 15px 0 25px;
	font-size: 0.6875rem;
	text-transform: uppercase;
	position: relative;
}

.blockContainer .blockCategories::after {
	display: block;
	content: '';
	position: absolute;
	top: 15px;
	background-color: var(--color-niwo-2);
	width: 35px;
	height: 4px;
}

.blockContainer .blockCategories a {
	color: var(--color-niwo-1);
}

.blockContainer h2.blockTitle {
	font: var(--avenir-book);
	font-size: 1.5rem;
}

.article-title .article-date, .article-title .article-date a {
	position: relative;
	margin-bottom: 25px;
	color: var(--color-niwo-1);
}
.article-layout4 .article-date, .article-title .article-date {
	font-size: 0.6875rem;
	margin-top: 15px;
	text-transform: uppercase;
}

.blockContainer .blockitem img {
	float: left;
	width: auto;
	height: auto;
	line-height: 0;
}

.blockContainer .blockitem .articleBlock.layout7 .blockItemType-8 {
	float: none;
	width: 30%;
	position: relative;
	margin: 0 auto;
}

.blockContainer .blockitem .articleBlock.layout7 .article-readmore {
	text-align: center;
}

.blockContainer.blockType-12 {
	padding-top: 0;
}

.blockContainer.blockWidth-101 > .margin {
	display: none;
}

.blockContainer.blockWidth-101 > .contentCenter {
	max-width: 100%;
	width: 100%;
}

.blockContainer.blockWidth-101 .blockitem {
	width: 100%;
}

.blockContainer.blockWidth-85 > .contentCenter,
.blockContainer.blockWidth-8580 > .contentCenter {
	margin: 0 auto;
	max-width: 1800px;
	width: 85%;
}

.blockContainer.blockWidth-85 > .contentCenter > div,
.blockContainer.blockWidth-8580 > .contentCenter > div,
.dossierTitle.blockWidth-85 > .contentCenter > div,
.dossierTitle.blockWidth-8580 > .contentCenter > div {
	margin: 0 auto;
	width: 85%;
}

.blockContainer.blockWidth-8580 > .contentCenter > div p {
	width: 80%;
}

.blockContainer.blockWidth-8580 > .contentCenter > div ul,
.blockContainer.blockWidth-8580 > .contentCenter > div ol {
	width: calc(80% - 20px);
}

.blockContainer.blockWidth-50 > .contentCenter {
	margin: 0 auto;
	max-width: 44%;
	width: 44%;
}

.blockContainer .contentCenter.breadCrumbs > div,
.blockContainer .contentCenter.backLink > div {
	width: 100%;
}

.loadMoreWrapper {
	text-align: left;
	margin: 25px 0 0 0;
}

.loadMoreWrapper.withFilter {
	margin: 25px auto 0 auto;
}

.header {
	height: 460px;
	margin-top: 72px;
	margin-bottom: -72px;
}

.header .wrapper {
	position: relative;
	overflow: hidden;
	height: 460px;
}
.header.headersize-low,
.header.headersize-low .wrapper {
	height: 260px;
}
.header img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}

.header .wrapper .dossierTitle {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}

.header h2 {
	color: var(--bg-color-main);
	position: absolute;
	width: 200px;
	font-size: 1.9473em;
	line-height: 35px;
	letter-spacing: 0.05em;
	margin-top: 40px;
	text-transform: uppercase;
	font: var(--avenir-black);
}

.header .wrapper .dossierTitle h1 {
	padding: 5px 30px;
	float: left;
	font: var(--avenir-heavy);
	font-size: 1rem;
	margin: 0;
	color: var(--color-niwo-1);
}

.dossierTitle.blockWidth-85 > .contentCenter > div h1,
.dossierTitle.blockWidth-8580 > .contentCenter h1 {
	margin-left: -30px;
}

.header .wrapper .dossierTitle h1:before {
	color: var(--color-niwo-2);
	margin-right: 5px;
}

.header .wrapper .dossierTitle h1.blockColor-2:before {
	color: var(--color-niwo-1);
}

header nav {
	float: left;
}

header a.logo {
	position: absolute;
	display: block;
	left: 50%;
	transform: translateX(-50%);
}

header ul.extra,
.bigMenu ul.extra {
	list-style-type: none;
	float: right;
	margin: 47px 0 0 0;
}

header ul.extra.smallExtra {
	margin-top: 20px;
	position: absolute;
	right: 20px;
	top: 0;
}

.bigMenu ul.extra {
	float: left;
	margin: 0;
	display: none;
	clear: both;
}

.bigMenu ul.extra:after {
	clear: both;
	content: '';
	display: block;
}

header ul.extra li,
.bigMenu ul.extra li {
	float: left;
}

header ul.extra li.myniwo,
.bigMenu ul.extra li.myniwo {
	font: var(--avenir-book);
	font-size: 0.875em;
	margin: 0 25px 0 0;
	width: 110px;
	background: transparent url(/images/app/e-herkenning.png) top right no-repeat;
	background-size: auto 15px;
}

.bigMenu ul.extra li.myniwo {
	width: 130px;
	background: transparent url(/images/app/e-herkenning-outlined.png) top right no-repeat;
	background-size: auto 20px;
}

header ul.extra li.myniwo a,
.bigMenu ul.extra li.myniwo a {
	text-decoration: none;
	color: var(--color-niwo-1);
}

.bigMenu ul.extra li.myniwo a {
	color: var(--color-white);
}

header ul.extra li.myniwo a:hover,
header ul.extra li.myniwo a.active,
.bigMenu ul.extra li.myniwo a:hover,
.bigMenu ul.extra  li.myniwo a.active{
	color: var(--color-niwo-3);
}

header ul.extra li.search,
.bigMenu ul.extra li.search {
	font: var(--avenir-book);
	font-size: 0.875em;
	width: 225px;
}

.bigMenu ul.extra li.search {
	margin-top: 7px;
}

header ul.extra li.search span,
.bigMenu ul.extra li.search span {
	display: block;
	cursor: pointer;
	float: left;
	margin-right: 5px;
}

header ul.extra li.search input[type="text"],
.bigMenu ul.extra li.search input[type="text"] {
	display: block;
	float: left;
	margin: -4px 0 0 5px;
	width: 200px;
	border: 1px solid var(--color-gray-2);
}

header ul.extra li.search input[type="submit"],
.bigMenu ul.extra li.search input[type="submit"] {
	border: 0;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	visibility: hidden;
	overflow: hidden;
}

header .topBar {
	padding: 0 25px;
}

header .language {
	float: right;
	padding: 40px 0 5px;
}

.languageSwitchWrapper {
	color: var(--color-niwo-1);
	display: inline-block;
	font-size: 14px;
	height: 19px;
	letter-spacing: 2px;
	line-height: 19px;
	max-height: 55px;
	padding-left: 20px;
}

.languageSwitchWrapper[data-lang="1"] .slider::before {
	transform: translateX(1px);
}

.languageSwitchWrapper[data-lang="2"] .slider::before {
	transform: translateX(12px);
}

.languageSwitchWrapper[data-lang="1"] span[data-lang="1"] {
	color: var(--color-niwo-1);
}

.languageSwitchWrapper[data-lang="2"] span[data-lang="2"] {
	color: var(--color-niwo-1);
}

.languageSwitchWrapper span[data-lang] {
	cursor: pointer;
	margin-top: 4px;
	display: block;
	float: left;
}

.switch {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 19px;
	float: left;
	margin: 1px 4px 0 2px;
}

.switch input {
	display: none;
	height: 0;
	opacity: 0;
	width: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 5px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-niwo-3);
	transition: transform .4s;
}

.slider:before {
	background-color: white;
	content: "";
	height: 10px;
	left: 1px;
	position: absolute;
	-webkit-transition: .4s;
	width: 10px;
	transition: .4s;
	top: 2px;
}

input:checked + .slider {
	background-color: var(--color-niwo-1);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.languageSwitchWrapper .active {
	color: var(--bg-color-main);
}

.vijf-kolommen img {
	width: 184px;
	padding-bottom: 20px;
}

.blockType-3 h2 {
	margin-top: 10px;
	margin-bottom: 20px;
}

.row-flex {
	display: flex;
	flex-wrap: wrap;
}

.kolom {
	width: 185px;
	height: 391px;
	box-sizing: border-box;
	background-color: var(--bg-color-main);
}

.blockColor-0,
.blockColor-1 {
	background-color: var(--bg-color-main);
	background-repeat: repeat;
}

.blockColor-2 {
	background-color: var(--bg-color-1);
	background-repeat: repeat;
}

.blockColor-3 {
	background-color: var(--bg-color-2);
	background-repeat: repeat;
}

.blockColor-3 p,
.blockColor-3 ul,
.blockColor-3 li,
.blockColor-3 h1,
.blockColor-3 h2,
.blockColor-3 h3,
.blockColor-3 h4 {
	color: var(--color-niwo-1);
}

.blockColor-3 a {
	color: var(--color-niwo-3);
}

/* Footer */
footer {
	background-color: var(--color-niwo-1);
	padding: 30px 0;
}

footer > div {
	margin: 0 auto;
	max-width: 100%;
	width: 1200px;
}

footer,
footer a {
	color: var(--bg-color-main);
}

.footerGrid {
	display: grid;
	font-size: 0.9375rem;
	grid-gap: 25px;
	grid-template-columns: auto auto auto auto;
}

.footerGrid .column {
	position: relative;
}

.footerGrid ul {
	margin: 0 !important;
	padding: 0 !important;
}

.footerGrid p {
	margin: 0 0 5px 0;
	padding: 0 !important;
}

.footerGrid .column:last-child {
	padding-bottom: 120px;
}

.footerGrid .column > ul > li:first-child > a,
.footerGrid .column > ul > li:first-child > span,
.footerGrid ul.introColumn > li > a,
.footerGrid ul.introColumn > li > span {
	color: var(--color-niwo-2);
	display: inline-block;
	font-size: 1.1875rem;
	margin-bottom: 35px;
	position: relative;
}

.footerGrid ul.introColumn > li > a,
.footerGrid ul.introColumn > li > span {
	margin-bottom: 10px;
}

.footerGrid .column > ul > li:first-child > a:after,
.footerGrid .column > ul > li:first-child > span:after {
	background-color: var(--color-niwo-2);
	bottom: -10px;
	content: '';
	height: 4px;
	left: 0;
	position: absolute;
	width: 35px;
}

.footerGrid .column ul li ul {
	margin-bottom: 5px;
}

.footerGrid .column ul li ul li > a {
	color: var(--color-niwo-5);
	font: var(--avenir-book);
	text-transform: uppercase;
}

.footerGrid .column > ul > li {
	margin-bottom: 4px;
	margin-top: -4px;
}

.footerGrid .column ul li ul li {
	line-height: 30px;
}

.footerGrid .column ul li ul li ul li > a,
.footerGrid .column .noSub a {
	color: var(--bg-color-main);
	font: var(--avenir-medium);
	text-transform: none;
}

.footerGrid ul,
.footerGrid li {
	list-style: none;
	margin: 0;
}

.footerGrid .subBack {
	margin-top: 30px;
}

.footerGrid .introColumn a {
	color: var(--color-niwo-2);
}

.footerGrid .address,
.bigMenu .address {
	color: var(--bg-color-main);
	font: var(--avenir-medium);
}

.footerGrid .address p,
.bigMenu .address p {
	margin-bottom: 8px;
}

.footerLogo,
.footerLogoText {
	bottom: 0;
	right: 30px;
	position: absolute;
	width: 108px;
}

.footerLogo {
	bottom: 65px;
}

.footerLogoText {
	color: var(--color-niwo-2);
	font: var(--avenir-medium);
	font-size: 1.1875rem;
	line-height: 28px;
	text-align: right;
	min-width: 200px;
}

.mobileColumn,
.mobileAddress {
	display: none;
}

.desktopColumn {
	display: block;
}

/* Mobile Menu */
.mobileMenu {
	background-color: var(--color-niwo-3);
	display: none;
}

header a:hover {
	color: var(--color-niwo-2) !important;
}

.mobileMenu hr.blue {
	width: 40px;
	height: 5px;
	background: var(--color-niwo-1);
	border: none;
	margin: 30px 0 -30px;
}

.mobileMenu .logo {
	margin-left: 20px;
	margin-right: 20px;
}

.mobileMenu ul {
	margin-top: 50px;
	font-size: 0.9473em !important;
	text-transform: uppercase;
	margin-left: 15px;
}

/*
 * Main content
 */
.blockContainer,
.blockContainer.fullWidth {
	width: 100%;
	max-width: 100%;
}

.blockContainer > div {
	padding: 0 10px;
}

.blockContainer > div:not(.circle),
.blockContainer > div > .blockitems {
	width: 100%;
	max-width: 1024px;
}

.blockContainer.fullWidth > div {
	width: 100%;
	max-width: 100% !important;
}

.blockContainer.blockCircle-4 {
	padding: 0;
}

.blockContainer.blockRoundedCorner-1 {
	border-top-left-radius: 235px;
	min-height: 210px;
}

.blockContainer.blockRoundedCorner-2 {
	border-top-right-radius: 235px;
	min-height: 210px;
}

.blockContainer .circle {
	position: absolute;
	background: transparent url('/images/app/o.png') no-repeat;
	background-size: 340px;
	height: 340px;
	width: 340px;
}

.niwo-international .blockContainer .circle {
	display: none;
}

.blockContainer.blockCircle-1,
.blockContainer.blockCircle-2,
.blockContainer.blockCircle-3,
.blockContainer.blockCircle-4 {
	min-height: 200px;
}

.blockContainer.blockCircle-1.nextBlockHasRoundedCorner,
.blockContainer.blockCircle-2.nextBlockHasRoundedCorner,
.blockContainer.blockCircle-3.nextBlockHasRoundedCorner,
.blockContainer.blockCircle-4.nextBlockHasRoundedCorner {
	min-height: 435px;
}

.blockContainer:not(.blockContainer-newsletter).blockCircle-0 .circle {
	background: none;
	z-index: -1;
}

.blockContainer.blockCircle-1 .circle {
	bottom: 0;
	right: 0;
	transform: translate(50%, 50%);
}

.blockContainer.blockCircle-2 .circle {
	top: 0;
	transform: translate(50%, -50%);
	right: 0;
}

.blockContainer.blockCircle-3 .circle,
.blockContainer.blockContainer-newsletter .circle {
	bottom: 0;
	left: 0;
	transform: translate(-50%, 50%);
}

.blockContainer.blockCircle-4 .circle {
	left: 0;
	top: 0;
	transform: translate(-50%, -50%);
}

.blockContainer.nextBlockHasRoundedCorner {
	padding-bottom: 235px;
}

.blockContainer.nextBlockHasRoundedCorner .circle {
	bottom: 205px;
}

.blockContainer.nextBlockHasRoundedCorner + .blockContainer {
	margin-top: -205px;
}

#content div .blockContainer.backgroundVideo .contentCenter {
	margin-top: 16%;
}

.blockContainer .search-wrapper {
	margin-bottom: 200px;
}

.blockBackgroundVideo {
	height: 100%;
	left: 0;
	min-width: 100%;
	position: absolute;
	top: 0;
}

.blockBackgroundVideo,
.blockBackgroundVideo video {
	min-width: 100%;
}

.blockBackgroundVideo video {
	left: 0;
	position: absolute;
	top: 0;
	min-width: 100%;
}

.gmapMarkerPopup {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gmapMarkerPopup li {
	margin: 0;
}

/*
 * Login styled
 */
.login .breadCrumbs {
	display: none;
}

.loginHeading {
	color: var(--color-niwo-1);
	font-size: 1.8947em;
	margin-top: 40px;
	margin-bottom: 20px;
	font-weight: lighter;
	text-align: center;
}

.loginHeading:after {
	content: "";
	width: 30px;
	height: 5px;
	margin-top: -40px;
	background-color: var(--color-niwo-1);
}

.login .bg-light-grey {
	background-color: var(--color-niwo-2) !important;
	height: 100px;
	margin-bottom: 50px;
	padding-top: 50px;
}

.login a.recoveryLink:hover {
	background-color: var(--color-niwo-3);
	color: var(--color-niwo-2) !important;
}

.login a.recoveryLink {
	display: inline-block;
	margin-top: 5px;
	padding: 10px;
	font-size: 0.7368em;
}

.login .iz-form input[type="submit"]:hover,
.login .iz-form button[type="submit"]:hover a,
.login .iz-form div.iz-submitContainer:hover a {
	color: var(--color-niwo-1) !important;
	background-color: var(--bg-color-main);
}

.login .iz-form input[type="submit"],
.login .iz-form button[type="submit"],
.login .iz-form div.iz-submitContainer,
.login .button {
	background-color: var(--color-niwo-1);
	border: 0;
	border-radius: 0;
	color: var(--bg-color-main);
	cursor: pointer;
	display: inline-block;
	font: var(--avenir-book);
	font-size: 0.7368em;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	width: auto;
}

.loginMessage {
	padding-top: 30px;
}

.login .iz-form input.formInput {
	border: 1px solid var(--color-niwo-2);
	box-sizing: border-box;
	font-size: 0.8947em;
	margin-bottom: 20px;
	max-width: 90%;
	padding: 10px 0 10px 10px;
	width: 600px;
}

.login .formInput[type="checkbox"] {
	width: 20px;
	float: right;
}

.login h3 {
	padding-bottom: 30px;
	color: var(--bg-color-main);
	padding-top: 50px;
}

input[checkbox] {
	width: 10px !important;
}

.loggedIn {
	height: 50px;
	margin: 0 auto;
	max-width: 90%;
	text-align: center;
	width: 600px;
}

#keepLoggedIn {
	float: right;
	margin-top: 3px;
	width: auto;
}

/* Map */
.grandGoogleMapsWrapper {
	background-color: var(--color-niwo-2);
}

.worldmap p:first-child {
	margin-top: 0 !important;
}

.worldmap ul li {
	color: var(--color-niwo-1);
}

.worldmap .country a {
	margin-top: 10px;
	padding: 10px;
	font-size: 14px;
	background-color: var(--color-niwo-1);
	color: var(--bg-color-main);
	text-transform: uppercase;
	text-decoration: none;
}

.worldmap .country a[data-event="loadmore"] {
	display: inline-block;
}

.country .blockContainer:not(.blockType-3) h2 {
	margin-top: -10px;
}

.country .circle {
	display: none;
}

.worldmap .country p a {
	padding: 0 !important;
	margin-top: 0 !important;
	background-color: transparent !important;
}

.worldmap {
	display: block;
}

.worldmap.open {
	display: block;
}

.country h2 {
	font: var(--font-bold) !important;
	font-size: 33px;
	text-transform: uppercase;
}

.country h2:after {
	background-color: #052453;
	content: "";
	height: 5px;
	left: 0;
	margin-top: -20px;
	position: absolute;
	width: 35px;
}

.country .blockContainer {
	hyphens: auto;
	hyphenate-limit-chars: 10 4 4;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.country .blockContainer p {
	color: var(--color-niwo-1);
}

.country .blockItemType-1 p a,
.country .blockContainer .blockItemType-1 p a {
	color: var(--color-niwo-1);
	cursor: pointer;
	text-decoration: underline;
}

.country .blockItemType-1 p a:hover,
.country .blockContainer .blockItemType-1 p a:hover {
	text-decoration: none;
}

div.breadCrumbs {
	padding-bottom: 20px;
}

ul.breadCrumbs {
	clear: both;
	display: block;
	list-style-type: none;
	margin: 0 0 20px;
	color: var(--color-niwo-3);
}

.accordion ul.breadCrumbs {
	display: none;
}


.blockContainer.blockType-8 ul.breadCrumbs {
	margin-top: 30px;
}

ul.breadCrumbs a {
	text-decoration: none;
	color: var(--color-niwo-3);
}

ul.breadCrumbs a:hover {
	text-decoration: underline;
}

ul.breadCrumbs::after {
	clear: both;
	display: block;
	content: '';
}

ul.breadCrumbs li {
	float: left;
	margin: 0;
}

ul.breadCrumbs li::after {
	margin: 0 10px 0 5px;
	content: '|';
}

ul.breadCrumbs li:last-child::after {
	margin: 0;
	content: '';
}

/* Articles */
.articleBlock.layout1 .articles {
	display: grid;
	grid-column-gap: 30px;
	grid-row-gap: 65px;
	grid-template-columns: repeat(2, 1fr);
	padding-bottom: 40px;
	z-index: 100;
}

.articleBlock.layout2 .articles,
.articleBlock.layout3 .articles,
.articleBlock.layout4 .articles,
.articleBlock.layout7 .articles,
.articleBlock.layout8 .articles {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(3, 1fr);
}

.articleBlock.layout7 .articles,
.articleBlock.layout8 .articles {
	grid-template-columns: repeat(1, 1fr);
}

.articles.withFilter {
	margin: 0 auto;
}

.article {
	display: block;
	box-sizing: border-box;
}

.article,
.article .article-title {
	color: var(--color-niwo-1);
}

.articleBlock.layout2 .article .article-title,
.articleBlock.layout8 .article .article-title {
	padding-bottom: 30px;
}

.articleBlock.layout7 .article {
	border-bottom: 1px solid var(--color-niwo-1);
	padding: 0 0 25px;
	margin-bottom: 25px;
}

.articleBlock.layout7 .article .article-title,
.articleBlock.layout7 .article .article-text,
.articleBlock.layout7 .article .article-link {
	margin-top: 10px;
}

.articleBlock.layout7 .article .article-image {
	max-width: 40%;
	position: relative;
	margin: 0 auto;
}

.articleBlock.layout3 .article .article-title {
	padding-bottom: 20px;
}

.articleBlock.layout2 .article p {
	width: calc(100% - 80px);
}

.articleBlock.layout1 .article > a,
.articleBlock.layout2 .article,
.articleBlock.layout3 .article {
	display: block;
	background-color: var(--color-niwo-2);
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.53);
	box-sizing: border-box;
	height: 100%;
	padding: 18px 20px 35px 20px;
	position: relative;
	text-decoration: none;
	z-index: 5;
	transition-property: background-color, color;
	transition-duration: 500ms;
}

.articleBlock.layout2 .article {
	padding: 30px 20px 35px 20px;
}

.articleBlock.layout3 .article {
	margin-top: 20px;
}

.articleBlock.layout1 .article > a {
	display: grid;
	height: inherit;
	grid-column-gap: 50px;
	grid-row-gap: 0;
	grid-template-areas:
		'title image'
		'. image'
		'readmore readmore';
	grid-template-columns: 180fr 100fr;
	color: var(--color-niwo-1);
	text-decoration: none !important;
}

.articleBlock.layout1 .article > a:hover h2,
.articleBlock.layout1 .article > a:hover p {
	text-decoration: underline;
}

.articleBlock.layout1 .article > a h2 {
	grid-area: title;
}

.articleBlock.layout1 .article > a picture {
	grid-area: image;
}

.articleBlock.layout1 .article > a p {
	margin: 0;
	padding: 0;
	grid-area: readmore;
}

.articleBlock.layout1 .article img {
	width: 100%;
	height: auto;
}

.articleBlock.layout1 .article img.flag {
	width: 17px;
	margin-right: 7px;
}

.articleBlock.layout1 {
	color: var(--color-niwo-1);
}

.articleBlock.layout1 p {
	font: var(--avenir-heavy);
}

.articleBlock.layout1 a.button.hasFlag {
	padding: 3px 12px 3px 7px;
}

.articleBlock.layout1 .linkButtons {
	margin-top: 14px;
}

.articleBlock.layout8 .article {
	background-color: var(--color-niwo-2);
}

.articleBlock.layout3 .article:hover {
	background-color: var(--color-niwo-1);
	color: var(--bg-color-main);
}

.articleBlock.layout3 .article .article-title,
.articleBlock.layout3 .article a {
	transition-property: color;
	transition-duration: 500ms;
	color: var(--color-niwo-1);
}

.articleBlock.layout3 .article:hover .article-title,
.articleBlock.layout3 .article:hover a {
	color: var(--bg-color-main);
}

.blockContainer.blockType-3.blockColor-2 .articleBlock.layout5 .accordionContent .blockContainer {
	background-color: var(--bg-color-1);
}

.blockContainer.blockType-3.blockColor-3 .articleBlock.layout5 .accordionContent .blockContainer {
	background-color: var(--bg-color-2);
}

.articleBlock.layout4 .article {
	border-bottom: 1px solid var(--color-niwo-1);
}

.articleBlock.layout4 .article .article-link:hover,
.articleBlock.layout4 .article .article-title h2:hover {
	text-decoration: underline;
}

.articleBlock.layout4 .article-date,
.article-title .article-date {
	font-size: 0.6875rem;
	margin-top: 15px;
	text-transform: uppercase;
}

.article-title .article-date,
.article-title .article-date a {
	position: relative;
	margin-bottom: 25px;
	color: var(--color-niwo-1);
}

.articleBlock.layout4 .article-date a {
	color: var(--color-niwo-1);
	text-decoration: none;
}

.articleBlock.layout4 .article-date a:hover {
	color: var(--color-niwo-1);
	text-decoration: underline;
}

.articleBlock.layout4 .article-title {
	margin-top: 22px;
	position: relative;
}

.articleBlock.layout4 .article-text {
	color: var(--color-niwo-1);
	margin-top: 27px;
}

.articleBlock.layout4 .article-link {
	margin: 25px 0;
}

.articleBlock.layout1 .article > a.background {
	display: block;
}

.articleBlock.layout1 .article .article-title:after,
.articleBlock.layout2 .article .article-title:after,
.articleBlock.layout3 .article .article-title:after,
.articleBlock.layout4 .article .article-title:after,
.article-title .article-date:after {
	background-color: var(--bg-color-main);
	content: '';
	display: block;
	height: 4px;
	position: absolute;
	top: -18px;
	width: 35px;
}

.articleBlock.layout2 .article .article-title::after {
	top: 16px;
}

.articleBlock.layout4 .article .article-title:after {
	background-color: var(--color-niwo-2);
}

.articleBlock.layout3 .article .article-title::after {
	top: -16px;
}

.articleBlock.layout8 .article .article-title {
	background-color: var(--bg-color-main);
	min-height: 100px;
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.40);
	padding: 15px;
	z-index: 2;
}

.blockContainer.blockColor-0 .articleBlock.layout8 .article .article-title,
.blockContainer.blockColor-1 .articleBlock.layout8 .article .article-title {
	background-color: var(--bg-color-2);
}

.articleBlock.layout8 .article .article-title:before {
	background-color: var(--color-niwo-2);
	width: 35px;
	height: 4px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
}

.articleBlock.layout8 .article .article-title h2 {
	font-size: 1.1rem;
}

.articleBlock.layout8 .article .article-text {
	position: relative;
	background-color: var(--color-niwo-2);
	padding: 15px 15px 50px 15px;
	border-top: 15px solid var(--bg-color-2);
	z-index: 1;
}

.blockContainer.blockColor-0 .articleBlock.layout8 .article .article-text,
.blockContainer.blockColor-1 .articleBlock.layout8 .article .article-text {
	border-color: var(--bg-color-main);
}

.articleBlock.layout8 .article .article-text:before {
	float: left;
	border: 1px solid var(--color-niwo-1);
	display: block;
	width: 18px;
	height: 18px;
	text-align: center;
	margin: -2px 6px 0 0;
	border-radius: 10px;
	line-height: 1.1;
}

.article-title .article-date:after {
	top: 20px;
	background-color: var(--color-niwo-2);
}

.articleBlock.layout4 .article .article-title:after {
	background-color: var(--color-niwo-2);
}

.articleBlock.layout2 .article div.i {
	background: url('/images/app/i.png') no-repeat;
	background-size: 21px 21px;
	bottom: 22px;
	height: 21px;
	position: absolute;
	right: 20px;
	width: 21px;
	overflow: hidden;
}

.articleBlock.layout2 .article div.i a {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.article-image.no-image {
	display: none;
}

.articleBlock.layout3 .article .article-title:after {
	background: var(--color-niwo-3);
}

.hyphenate {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	hyphenate-limit-chars: 10 4 4;
}

.forum {
	padding-top: 20px;
}

.forum,
.forum .blockType-1 .contentCenter > div {
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}

.forum p,
.forum ul,
.forum ol {
	color: var(--color-black) !important;
}

.forum input,
.forum textarea,
.forum select,
.forum h3,
.forum a {
	font: var(--avenir-book);
	font-size: 19px;
	line-height: 138%;
	color: var(--color-niwo-1);
}

.forum input,
.forum textarea,
.forum select,
.forum .cke_textarea_inline {
	border: 1px solid var(--color-niwo-3);
}

.forum .cke_textarea_inline {
	min-height: 150px;
	color: var(--color-black);
}

.forum .cke_textarea_inline * {
	color: var(--color-black);
}

.forum .cke .cke_button__image_icon {
	display: none !important;
}

.forum input[type="text"] {
	width: 50%;
	padding: 2px 5px;
}

.forum input[type="text"].videoUrl {
	padding-right: 50px;
}

.forum .error {
	border-color: var(--color-warning);
}

.forum .error + span:before,
.forum .error + a + span:before {
	color: var(--color-warning);
	margin: 0 0 0 10px;
	content: 'Dit is een verplicht veld';
}

.forum .flex {
	display: flex;
}

.forum .videoUrl.error + a + span:before {
	content: 'Ongeldige videolink';
}

.forum .bigButton {
	background-color: var(--color-niwo-1);
	color: var(--bg-color-main);
	padding: 10px 20px;
	cursor: pointer;
	text-align: center;
	float: left;
	display: block;
	margin: 0;
	border: 1px solid var(--bg-color-main);
	min-width: 200px;
	transition-property: background-color;
	transition-duration: 250ms;
}

.forum .bigButton.littleButton {
	padding: 5px 10px;
	font-size: 0.8em;
	min-width: 100px;
	clear: both;
}

.forum .bigButton.alignBottom {
	position: absolute;
	bottom: 0;
}

.forum .bigButton.marginTop {
	margin-top: 10px;
}

.forum .bigButton.marginBottom {
	margin-bottom: 10px;
}

.forum .bigButton:hover {
	color: var(--color-niwo-1);
	background-color: var(--bg-color-1);
	border-color: var(--color-niwo-1);
}

.forum .topicInfo {
	font-size: 0.8em;
}

.forum .forumUpload .bigButton {
	padding: 2px 5px;
	font-size: 1.1em;
	margin: 10px 0 0 0;
}

.forum .topicButtons {
	margin-top: 20px;
}

.forum .topicButtons .bigButton {
	float: right;
}

.forum .topicButtons .bigButton.littleButton {
	clear: none;
}

.forum .categories {
	margin: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-row-gap: 15px;
	grid-column-gap: 15px;
}

.forum .categories .category {
	color: var(--color-niwo-1);
	background-color: var(--bg-color-main);
	padding: 20px 15px;
	transition-property: background-color, color;
	transition-duration: 500ms;
	position: relative;
}

.forum .categories .category:after {
	clear: both;
	display: block;
	content: '';
}

.forum .categories .category h5 {
	min-height: 64px;
}

.forum .categories .category.active,
.forum .categories .category:hover {
	background-color: var(--color-niwo-1);
	color: var(--bg-color-main);
}

.forum .cke_textarea_inline {
	background-color: var(--bg-color-main);
	padding: 10px;
	margin: 0 0 10px 0;
}

.forum .topic {
	background-color: var(--bg-color-2);
}

.forum .topic h2 {
	margin-top: 0;
}

.forum .topic form label {
	clear: both;
	display: block;
	margin: 10px 0 0 0;
}

.forum .topic form label.compulsary:after {
	color: var(--color-warning);
	content: '*';
	margin: 0 0 0 10px;
}

.forum .topic {
	margin-bottom: 20px;
	background-color: var(--bg-color-main);
	position: relative;
}

.forum .topic:after {
	clear: both;
	display: block;
	content: '';
}

.forum .topics .topic,
.forum .posts .topic {
	background-color: var(--color-niwo-2);
}

.forum .topics .white,
.forum .posts .white {
	background-color: var(--bg-color-main);
}

.forum .nopadding {
	padding: 0;
}

.forum .padding {
	padding: 20px;
}

.forum .topic label {
	clear: both;
	display: block;
}

.forum .topic h2:after {
	display: none;
}

.forum .topic .media {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(4, 1fr);
	margin: 20px 0;
	font-size: 0.6em;
}

.forum .topic .media .forumUpload {
	border: 1px solid var(--color-niwo-2);
	padding: 10px;
	background-color: var(--bg-color-main);
}

.forum .topic .media .forumUpload.new {
	background-color: var(--color-ok);
	color: var(--bg-color-main);
}

.forum .topic .media .forumUpload.deleted {
	background-color: var(--color-warning);
	color: var(--bg-color-main);
}

.forum .topic .media .forumUpload .image img {
	width: 100%;
	height: auto;
}

.forum .topic .media .forumUpload .image span {
	width: 100%;
	padding-bottom: 100%;
	background-size: contain;
}

.forum .topic a.searchVideo {
	color: var(--color-niwo-1);
	margin-left: -40px;
}

.forum .topic .videoContainer {
	position: absolute;
	left: 0;
	top: 0;
	background-color: var(--bg-color-1);
}

.forum .topic .topic .videoContainer {
	background-color: var(--bg-color-2);
}

.forum .topic .videoPlayer {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 0;
	height: 0;
	background-color: var(--bg-color-main);
	border: 1px solid var(--color-niwo-2);
	box-sizing: border-box;
}

.forum .topic a.videoClose {
	position: absolute;
	right: -6px;
	top: 0;
	font-size: 2em;
	color: var(--color-niwo-1);
}

.forum .topic a.videoClose:hover {
	color: var(--bg-color-main);
}

.forum .topic .videoPlayer iframe {
	width: 100%;
	height: 100%;
}

.cke_textarea_inline a {
	text-decoration: underline;
}

.dropArea .icon-upload {
	color: var(--color-niwo-1);
}

.articleBlock.layout2 .article-title a,
.articleBlock.layout4 .article-title a,
.articleBlock.layout8 .article-title a {
	color: var(--color-niwo-1);
	text-decoration: none !important;
}

.articleBlock.layout2 .article-title a:hover,
.articleBlock.layout4 .article-title a:hover,
.articleBlock.layout8 .article-title a:hover {
	text-decoration: underline;
}

.newsLetter {
	display: grid;
	grid-template-columns: 3fr 5fr;
	grid-column-gap: 40px;
}

.subscribe {
	padding-bottom: 45px;
	padding-top: 45px;
	margin-top: -200px;
}

.subscribe img {
	margin-top: 12px;
	width: 100%;
	max-width: 320px;
	float: right;
}

.blockColor-2.subscribe input[type="text"] {
	background-color: var(--bg-color-main);
}

.searchResults .highlight {
	background-color: var(--color-niwo-4);
}

.searchResult {
	margin-bottom: 15px;
}

.searchResult > a {
	font: var(--avenir-medium);
}

details > summary {
	display: flex;
	cursor: pointer;
	font: var(--avenir-medium);
	font-size: 1.0625rem;
	padding: 5px 0 10px 20px;
	position: relative;
	box-sizing: border-box;
	border-bottom: 1px solid var(--color-niwo-1);
}

details.level0 > summary {
	border: 0;
}

details > summary:focus-visible {
	outline: 2px solid blue;
}

details > div {
	min-height: 0;
	padding: 0;
	color: var(--color-niwo-1);
	background-color: var(--bg-color-main);
	box-sizing: border-box;
	box-shadow: inset 0 3px 8px -1px rgba(25, 41, 82, 0.3);
	border-bottom: 1px solid var(--color-niwo-1);
}

.blockContainer.blockColor-2 details > div {
	background-color: var(--color-white);
}

.blockContainer.blockColor-3 details > div {
	background-color: var(--color-white);
}

details.level0 > div {
	border: 0;
	box-shadow: none;
}

details > div .blockContainer {
	background-color: transparent !important;
	padding: 30px 0 !important;
	min-height: 0 !important;
}

details.level1 {
	margin: 45px 0;
	border: 1px solid var(--color-niwo-1);
	border-bottom: 0;
}

details.level0 > summary,
details.level0 > div {
	padding-left: 0;
}

.layout5 details.level0 > div {
	padding: 20px 0 20px 23px;
	margin-bottom: 20px;
	border-bottom: 1px solid var(--color-niwo-2);
}

details.level1 > summary,
details.level1 > div {
	padding-left: 20px;
}

details.level2 > summary,
details.level2 > div {
	padding-left: 40px;
}

details.level3 > summary,
details.level3 > div  {
	padding-left: 60px;
}

details.level4 > summary,
details.level4 > div {
	padding-left: 80px;
}

details.level1 > summary {
	background-color: var(--color-niwo-1);
	color: var(--bg-color-main);
}

details.level2 > summary {
	background-color: var(--color-white);
	color: var(--color-niwo-1);
}

details.level3 > summary {
	background-color: var(--bg-color-1);
	color: var(--color-niwo-1);
}

details.level4 > summary {
	background-color: var(--bg-color-main);
	color: var(--color-niwo-1);
}

/*END ACCORDION*/

a[data-extension] {
	display: inline-block;
	position: relative;
	padding-right: 24px;
}

a[data-extension]:after {
	background-size: 20px 20px;
	background-repeat: no-repeat;
	content: '';
	display: block;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}

a[data-extension="pdf"]:after {
	background-image: url('/images/app/file-pdf.svg');
}

a[data-extension="csv"]:after {
	background-image: url('/images/app/file-csv.svg');
}

a[data-extension="zip"]:after {
	background-image: url('/images/app/file-zip.svg');
}

a[data-extension="doc"]:after {
	background-image: url('/images/app/file-doc.svg');
}

a[data-extension="docx"]:after {
	background-image: url('/images/app/file-docx.svg');
}

a[data-extension="jpg"]:after {
	background-image: url('/images/app/file-jpg.svg');
}

#content div .blockContainer div.backLink {
	clear: both;
	margin: 40px auto 0;
}

.articleFilter,
.blockContainer .backLink {
	width: 100%;
	box-sizing: border-box;
	background-color: var(--color-niwo-2);
}

.articleFilter {
	margin-bottom: 40px;
	box-sizing: border-box;
	padding: 10px 20px;
}

.blockContainer .backLink a {
	display: block;
	border-bottom: 1px solid var(--color-niwo-1);
	color: var(--color-niwo-1);
	text-decoration: none;
	box-sizing: border-box;
	padding: 10px 20px;
	font: var(--avenir-medium);
	font-size: 1.2rem;
}

.articleFilter form {
	width: 100%;
	box-sizing: border-box;
	background-color: var(--bg-color-main);
	padding: 0;
	overflow: hidden;
	margin: 10px 0;
}

.articleFilter form input[type=submit],
.articleFilter form label {
	display: inline-block;
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.articleFilter form input[type=text] {
	width: calc(100% - 100px);
	float: left;
	border: 0;
	outline: 0;
	background-color: var(--bg-color-main);
	font: var(--avenir-medium);
	font-size: 1rem;
	color: var(--color-niwo-1);
	margin: 5px 0 0 0;
	padding: 0 10px;
}

.articleFilter form a.button {
	padding: 6px 12px;
	margin: 0;
	width: 100px;
	float: left;
}

.license {
	clear: both;
}

.license div,
.license .inactive {
	display: none;
}

.license .active {
	display: block;
}

.license a.start {
	display: block;
	border-bottom: 1px solid var(--color-niwo-1);
	color: var(--color-niwo-1);
	text-decoration: none !important;
	box-sizing: border-box;
	padding: 10px 0 5px 0;
	font: var(--avenir-medium);
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.license input[type="button"] {
	border: 1px solid var(--color-niwo-1);
	font: var(--avenir-medium);
	font-size: 1rem;
	line-height: 1rem;
	color: var(--color-niwo-1);
	cursor: pointer;
	background-color: var(--color-niwo-2);
	padding: 2px 10px;
	margin: 5px 10px 10px 0;
}

.license input[type="button"]:hover,
.license input[type="button"].activeAnswer {
	background-color: var(--color-niwo-1);
	color: var(--bg-color-main);
	cursor: default;
}

.license span {
	font: var(--avenir-heavy);
	display: block;
	clear: both;
}

.spotlerIframe {
	border: none;
	height: 300px;
	width: 100%;
}

.worldmap {
	width: 100%;
	height: auto;
}

.worldmap .map {
	width: 100%;
	height: calc(100vh - 150px);
}

.worldmap .country .breadCrumbs {
	display: none;
}