/*font-family:'Avenir LT W01_65 Medium1475532';*/
/*font-family:'Avenir LT W01_45 Book1475508';*/
/*font-family:'Avenir LT W01_85 Heavy1475544';*/
/*font-family:'Avenir LT W01_95 Black1475556';*/
/*font-family:'Avenir LT W01_35 Light1475496';*/

:root {
	--bg-color-main: #fff;
	--color-black: #000;
	--color-warning: #c00;
	--color-ok: #5aac5a;

	--bg-color-1: #eeeceb;
	--bg-color-2: #eff2f4;

	--color-niwo-1: #192952;
	--color-niwo-2: #b8c7cb;
	--color-niwo-3: #5D5751; /*#9c938d; */
	--color-niwo-4: #ddd2aa;
	--color-niwo-5: #AAA29D;

	--avenir-book: 'Avenir LT w01_45 Book1475508', Arial, Helvetica, sans-serif;
	--avenir-light: 'Avenir LT W01_35 Light1475496', Arial, Helvetica, sans-serif;
	--avenir-medium: 'Avenir LT W01_65 Medium1475532', Arial, Helvetica, sans-serif;
	--avenir-black: 'Avenir LT W01_95 Black1475556', Arial, Helvetica, sans-serif;
	--avenir-heavy: 'Avenir LT W01_85 Heavy1475544', Arial, Helvetica, sans-serif;
	--fontello: fontello, sans-serif;

	font-size: 16px;
}

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

body,
html {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: normal;
	color: var(--color-niwo-1);
	font-family: var(--avenir-book);
	-webkit-font-smoothing: antialiased;
}

h1 {
	font-family: var(--avenir-book);
	font-size: 2rem;
}

h2 {
	font-family: var(--avenir-light);
	font-size: 1.5rem;
}

h3 {
	font-family: var(--avenir-heavy);
	font-size: 1.1875rem;
}

h4 {
	font-family: var(--avenir-book);
	font-size: 1.2rem;
}

strong {
	font-family: var(--avenir-heavy);
}

p, h1, h2, h3, h4, ul, ol {
	margin: 0 0 10px 0;
	font-weight: normal;
	line-height: normal;
}

ul, ol {
	margin-left: 20px;
}

p.intro {
	font-family: var(--avenir-medium);
	font-size: 1.1875rem;
}

.blockContainer .blockitem p.intro img {
	float: none;
}

em {
	font-family: var(--avenir-light);
}

strong em,
em strong {
	font-family: var(--avenir-medium);
}

.blockitem {
	float: none;
}

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

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

.blockitem a.fatLink {
	font-family: var(--avenir-heavy);
	color: var(--color-niwo-1);
	text-decoration: none;
}

.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);
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10000;
}

#content.marginTop {
	margin-top: 75px;
}

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

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

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

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

.logo.small {
	margin-top: 17px;
	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 {
	font-size: 0.946em;
	letter-spacing: 0.05em;
	text-decoration: none;
	font-weight: lighter;
	color: var(--color-niwo-1);
}

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

.topBar nav ul {
	padding-bottom: 10px;
}

.topBar nav ul {
	padding: 0;
	margin: 0;
}

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

.topBar nav ul li a {
	color: var(--color-niwo-1);
	font-weight: normal;
	text-decoration: none;
}

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

.topBar nav ul li ul {
	z-index: 100;
	position: absolute;
	left: 0;
	top: 24px;
	display: none;
	margin: 0 0 0 -10px;
	padding: 10px;
	white-space: nowrap;
}

.topBar nav ul li:hover ul {
	display: block;
}

.topBar nav ul li ul li {
	display: block;
	margin-left: -10px;
	padding: 0 10px 3px 10px;
	background-color: var(--color-niwo-1);
}

.topBar nav ul li ul li:first-child {
	padding-top: 10px;
}

.topBar nav ul li ul li:last-child {
	padding-bottom: 8px;
}

.topBar nav ul li ul li a,
.topBar nav ul li.active ul li a {
	color: var(--bg-color-main);
	display: block;
}

.topBar .menuIcon {
	display: inline-block;
	width: 100px;
	position: relative;
	cursor: pointer;
}

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

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

.bigMenu.open {
	max-height: 872px;
	transition: max-height .4s ease-in-out;
}

.bigMenu .subBack {
	font-size: 1.25rem;
	position: fixed;
}

.bigMenu .subBack {
	display: none;
}

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

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

.bigMenu .subs {
	display: none;
}

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

.bigMenu .subs a {
	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-family: var(--avenir-book);
	font-size: 1.1875rem;
	font-weight: normal;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.bigMenu ul li a:after,
.bigMenu ul li.externalLink a:before {
	font-family: var(--fontello);
	margin-left: 5px;
	font-weight: normal;
	font-size: 0.9rem;
}

.bigMenu ul li.subpage a:after {
	content: '\e812';
}

.bigMenu ul li.subpage.active a:after {
	content: '\e80f';
}

.bigMenu ul li.externalLink a {
	margin-left: 20px;
}

.bigMenu ul li.externalLink a:before {
	content: '\e80f';
	margin: 0 0 0 -20px;
	transform: rotate(-45deg);
	position: absolute;
	line-height: 1.5rem;
}

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

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

.language-selection > div,
.user-info > div {
	float: right;
	font-size: 0.8em;
	text-align: right;
}

.user-info a {
	color: var(--color-niwo-1);
}

.language-selection img {
	width: 25px;
	opacity: 0.3;
}

.language-selection span {
	color: var(--color-niwo-3);
	display: inline-block;
}

.language-selection .active {
	opacity: 1 !important;
}

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

.blockContainer.noPaddingTop {
	padding-top: 0;
}

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

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

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

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

.blockContainer .blockitem .article-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%;
}

.blockContainer .blockitem p .button,
.blockContainer .blockitem ul .button,
.blockContainer .blockitem ol .button,
.article-introduction .article-text a.button.internalLink {
	display: inline-block;
	text-decoration: none;
	background-color: var(--color-niwo-1);
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
	padding-right: 20px;
	font-size: 0.578em !important;
	color: var(--bg-color-main) !important;
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: lighter !important;
	font-family: var(--avenir-book);
}

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

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

.blockitem a.loadMore,
.articleFilter form a {
	background-color: var(--color-niwo-1);
	border: 1px solid var(--color-niwo-1);
	color: var(--bg-color-main);
	font-family: var(--avenir-heavy);
	font-size: 0.6875rem;
	letter-spacing: 1px;
	padding: 7px 9px 6px;
	text-decoration: none;
}

.blockitem a.loadMore:hover,
.articleFilter form a:hover {
	background-color: var(--bg-color-main);
	border: 1px solid var(--color-niwo-1);
	color: var(--color-niwo-1);
	font-size: 0.6875rem;
	text-decoration: none;
}

.loadMore:after,
.articleFilter form a:after {
	content: '\e80f';
	font-family: var(--fontello);
	font-size: 0.7rem;
	margin-left: 1px;
}

.blockContainer .blockitem p .button:hover {
	background-color: var(--color-niwo-2) !important;
	color: var(--bg-color-main) !important;
}

.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-family: var(--avenir-black);
}

.header .wrapper .dossierTitle h1 {
	padding: 5px 30px;
	float: left;
	font-family: 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 {
	font-family: var(--fontello);
	content: '\e803';
	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 .search {
	float: right;
	font-family: var(--avenir-book);;
	font-size: 0.875em;
	padding: 44px 0 5px;
}

header .search .icon-search {
	cursor: pointer;
	float: right;
}

header .search input[type="text"] {
	display: none;
	margin-top: -22px;
}

header .search.open input[type="text"] {
	display: block;
}

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

header .myniwo {
	float: right;
	font-family: var(--avenir-book);
	font-size: 0.875em;
	padding: 43px 20px 5px 0;
}

header .myniwo a {
	text-decoration: none;
	color: var(--color-niwo-1);
	margin-left: 10px;
}

header .myniwo img {
	height: 15px;
	width: auto;
	margin-left: 5px;
}

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

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

.footerGrid .column {
	position: relative;
}

.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-family: 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-family: 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-family: 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-family: 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
 */
.contentCenter {
	max-width: 1200px;
}

.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: 150px;
}

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

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

.blockContainer.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 {
	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%;
}

.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 {
	background-color: var(--color-niwo-1);
	color: var(--bg-color-main);
	text-align: center;
	margin-top: 40px;
}

.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;
	line-height: normal;
}

.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-family: var(--avenir-book);
	font-size: 0.7368em;
	font-weight: normal;
	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);
}

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

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

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

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

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

.country .circle {
	display: none;
}

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

.gotoCountry {
	display: block;
}

.gotoCountry.open {
	display: block;
}

.gotoCountry h2 {
	font-size: 33px;
	text-transform: uppercase;
	font-family: var(--avenir-black);
	font-weight: normal;
}

.country .blockContainer {
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	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;
}

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 */
.articles.withFilter {
	/*width: 87%;*/
	margin: 0 auto;
}

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

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

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

.article-layout3 .article-introduction .article-title {
	padding-bottom: 70px;
}

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

.article-layout3 .article-introduction a.internalLink,
.article-layout8 .article-introduction a.internalLink {
	bottom: 12px;
	position: absolute;
}

.article-layout8 .article-introduction .article-text a.button.internalLink {
	bottom: 0;
	margin-bottom: 0;
	padding-left: 15px;
	padding-right: 10px;
}

.article-layout8 .article-introduction a.internalLink {
	font-family: var(--avenir-heavy);
}

.article-layout8 .article-introduction a.internalLink:after {
	font-family: var(--fontello);
	content: '\e80f';
	font-size: 0.7rem;
}

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

.article-layout1 .article-introduction .background,
.article-layout2 .article-introduction,
.article-layout3 .article-introduction {
	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;
}

.article-layout1 .article-introduction .background {
	height: auto;
}

.article-layout8 .article-introduction {
	background-color: var(--color-niwo-2);
	box-sizing: border-box;
	height: 100%;
	position: relative;
	text-decoration: none;
	z-index: 5;
}

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

.article-layout3 .article-introduction .article-title,
.article-layout3 .article-introduction a {
	transition-property: color;
	transition-duration: 500ms;
}

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

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

.article-layout1 .article-introduction .button {
	background-color: var(--color-niwo-1);
	border: 1px solid var(--color-niwo-1);
	color: var(--bg-color-main);
}

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

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

.article-layout1 .article-introduction .button:hover {
	background-color: var(--bg-color-main);
	border: 1px solid var(--color-niwo-1);
}

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

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

.blockContainer .blockItemType-1 p a.buttonWide {
	background-color: var(--color-niwo-2);
	border-bottom: 2px solid var(--color-niwo-1);
	color: var(--color-niwo-1);
	display: block;
	font-size: 19px;
	height: 30px;
	line-height: 30px;
	padding: 5px 20px 5px 20px;
	position: relative;
	text-decoration: none;
	width: calc(100% - 60px);
}

.blockContainer .blockItemType-1 p a.buttonWide:hover {
	background-color: var(--color-niwo-1);
	color: var(--color-niwo-2);
}

a.buttonWide:before {
	/*content: "\e80e";*/
	/*display: block;*/
	/*font-family: var(--fontello);*/
	/*font-size: 15px;*/
	/*left: 15px;*/
	/*position: absolute;*/
}

.article-layout1 .background .link {
	bottom: 18px;
	display: block;
	width: calc(100% - 40px);
	position: absolute;
}

.article-layout1 h2 {
	/*color: var(--color-niwo-2);*/
	color: var(--color-niwo-1);
}

.article-layout1 .background .link .linkBlokLink {
	color: var(--color-niwo-1);
	font-family: var(--avenir-heavy);
	text-decoration: none;
}

.article-introduction .article-title {
	position: relative;
}

.article-layout1 a.button {
	color: var(--bg-color-main);
	display: inline-block;
	font-size: 0.6875rem;
	letter-spacing: 1px;
	padding: 4px 12px 3px 14px;
	text-decoration: none;
	text-transform: uppercase;
}

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

.article-layout1 a.button.hasFlag.internalLink {
	padding-right: 25px;
}

.article-layout1 .background a.externalLink:not(.button),
.article-layout1 .background a.internalLink:not(.button) {
	color: var(--color-niwo-1);
	font-family: var(--avenir-heavy);
	text-decoration: none;
}

.article-layout1 .background a.externalLink:not(.button):hover,
.article-layout1 .background a.internalLink:not(.button):hover {
	text-decoration: underline;
}

.article-layout1 a.button:hover {
	color: var(--color-niwo-1);
}

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

.article-layout1 .linkButtons > div {
	margin: 0 0 10px 0;
}

.article-layout2 {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(3, 1fr);
	position: relative;
	z-index: 100;
}

.article-layout3,
.article-layout8 {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(4, 1fr);
	position: relative;
	z-index: 100;
}

.article-layout4 {
	display: grid;
	grid-column-gap: 0;
	grid-gap: 30px;
	grid-template-columns: repeat(3, 1fr);
	position: relative;
	z-index: 100;
}

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

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

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

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

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

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

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

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

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

.article-layout6 .button {
	background-color: var(--bg-color-main);
	border: 1px solid var(--bg-color-main);
	color: var(--color-niwo-1);
	display: inline-block;
	font-size: 0.6875rem;
	margin-bottom: 15px;
	margin-right: 11px;
	padding: 5px 8px;
	text-decoration: none;
	text-transform: uppercase;
}

.article-layout6 .button.active,
.article-layout6 .button:hover {
	background-color: var(--color-niwo-1);
	border: 1px solid var(--color-niwo-1);
	color: var(--bg-color-main);
}

.internalLink.button:after {
	content: '\e80f';
	font-family: var(--fontello);
	font-size: 0.7rem;
	margin-left: 5px;
}

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

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

.article-introduction a.internalLink,
.blockitem a.externalLink,
.blockitem a.internalLink,
a.externalLink,
a.internalLink {
	padding-left: 16px;
	position: relative;
	text-decoration: none;
}

.blockitem a.externalLink:not(.button),
.blockitem a.internalLink:not(.button) {
	text-decoration: underline;
}

.article-introduction a.internalLink:not(.button) {
	padding-left: 0;
}

.article-introduction a.internalLink:not(.button):hover,
.blockitem a.externalLink:not(.button):hover,
.blockitem a.internalLink:not(.button):hover,
a.externalLink:not(.button):hover,
a.internalLink:not(.button):hover {
	text-decoration: underline;
}

.article-layout1 a.button.externalLink {
	padding-left: 24px;
}

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

a.externalLink:before,
a.internalLink.link-word:before,
a.internalLink.link-excel:before,
a.internalLink.link-pdf:before,
a.internalLink.link-doc:before,
a.internalLink.link-email:before,
a.internalLink.link-download:before {
	font-family: var(--fontello);
	font-size: 0.7rem;
	left: 0;
	position: absolute;
	top: 1px;
}

/*.blockitem a.internalLink.link-internal:not(.button) {*/
/*	padding-left: 0;*/
/*}*/

.blockitem a.internalLink.link-internal:after {
	content: '\e80f';
	font-family: var(--fontello);
	font-size: 0.7rem;
	margin-left: 7px;
}

a.externalLink:before {
	content: '\e80f';
	transform: rotate(-45deg);
}

a.buttonWide.externalLink:before {
	content: '';
}

a.buttonWide:hover {
	text-decoration: none !important;
}

a.buttonWide.externalLink:after {
	content: '\e80f';
	font-family: var(--fontello);
	font-size: 0.7rem;
	left: unset;
	margin-left: 7px;
	top: 6px;
	transform: rotate(-45deg);
}
a.buttonWide.externalLink:after {
	content: '\e80f';
	position: absolute;
	transform: rotate(-45deg);
}











a.internalLink.link-word:before {
	content: '\f1c2';
}

a.internalLink.link-excel:before {
	content: '\f1c3';
}

a.internalLink.link-pdf:before {
	content: '\f1c1';
}

a.internalLink.link-doc:before {
	content: '\e820';
}

a.internalLink.link-email:before {
	content: '\e822';
}

a.internalLink.link-download:before {
	content: '\e821';
}

a.button.internalLink:before {
	left: 3px;
	top: 0;
	margin-left: 5px;
}

a.button.externalLink {
	padding-right: 37px !important;
}

a.button.externalLink:before {
	left: unset;
	right: 20px;
	top: 0;
}

.article-layout1 .article-introduction .article-title:after,
.article-layout2 .article-introduction .article-title:after,
.article-layout3 .article-introduction .article-title:after,
.article-layout4 .article-introduction .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;
}

.article-layout8 .article-introduction .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-1 .article-layout8 .article-introduction .article-title {
	background-color: var(--bg-color-2);
}

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

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

.article-layout8 .article-introduction .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-1 .article-layout8 .article-introduction .article-text {
	border-color: var(--bg-color-main);
}

.article-layout8 .article-introduction .article-text:before {
	font-family: var(--fontello);
	content: '\f129';
	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);
}

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

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

.article-layout2 .article-introduction div.i a,
.article-layout8 .article-introduction div.i a {
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
}

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

.article-layout3 .article-introduction .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-family: 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;
	line-height: normal;
}

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

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

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

.blockContainer p:last-child {
	margin-bottom: 0;
}

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

.subscribe form {
	margin-top: 30px;
}

.subscribe img {
	margin-top: 12px;
	width: 220px;
}

.subscribe input[type="text"] {
	background-color: var(--bg-color-1);
	box-sizing: border-box;
	border: 0;
	margin-bottom: 9px;
	padding: 11px 11px 12px;
	width: 100%;
	line-height: 1.5;
	font-weight: normal;
	font-family: var(--avenir-book);
	font-size: 1rem;
}

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

.subscribe input[type="text"]:focus {
	outline: 1px solid var(--color-niwo-2);
}

.subscribe button {
	background-color: var(--color-niwo-1);
	border: 1px solid var(--color-niwo-1);
	color: var(--bg-color-main);
	cursor: pointer;
	float: right;
	font-family: var(--avenir-medium);
	font-size: 11px;
	letter-spacing: 1px;
	margin-top: 5px;
	padding: 9px 28px 7px 12px;
	position: relative;
	text-transform: uppercase;
}

.subscribe button:after {
	content: '\e80f';
	display: block;
	font-family: var(--fontello);
	position: absolute;
	right: 9px;
	top: 10px;
}

.subscribe button:hover {
	background-color: var(--bg-color-main);
	color: var(--color-niwo-1);
}

.subscribe p {
	margin-bottom: 16px;
}

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

.searchResult {
	margin-bottom: 15px;
}

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

/*ACCORDION*/

.accordions {
	margin: 0;
	box-sizing: border-box;
	line-height: 2;
}

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

.accordion.level1 {
	border-bottom: 1px solid var(--color-niwo-1);
}

.accordion.level1 .accordionContent.level1 .blockContainer {
	border-top: 1px solid var(--color-niwo-1);
}

.accordions.level2 {
	border-top: 1px solid var(--color-niwo-1);
}

.accordion.level2 {
	border-bottom: 1px solid var(--color-niwo-1);
}

.accordion.level2 .accordionContent.level2 .blockContainer {
	border-top: 1px solid var(--color-niwo-1);
}

.accordions.level3 {
	border-top: 1px solid var(--color-niwo-1);
}

.accordion.level3 {
	border-bottom: 1px solid var(--color-niwo-1);
}

.accordion.level3 .accordionContent.level3 .blockContainer {
	border-top: 1px solid var(--color-niwo-1);
}

.accordions.level4 {
	border-top: 1px solid var(--color-niwo-1);
}

.accordion.level4 {
	border-bottom: 1px solid var(--color-niwo-1);
}

.accordion.level4 .accordionContent.level4 .blockContainer {
	border-top: 1px solid var(--color-niwo-1);
}

.accordion .accordionContent.answer .blockContainer {
	box-shadow: inset 0 3px 8px -1px rgba(25, 41, 82, 0.3);
}

.accordion.level1:last-child,
.accordion.level2:last-child,
.accordion.level3:last-child,
.accordion.level4:last-child {
	border-bottom: 0;
}

.accordion {
	box-sizing: border-box;
}

.accordion .accordionTitle {
	cursor: pointer;
	font-family: var(--avenir-medium);
	font-size: 1.0625rem;
	font-weight: normal;
	padding: 3px 20px;
	position: relative;
	box-sizing: border-box;
}

.accordion .accordionTitle.level0 {
	padding-left: 0;
}

.accordion .accordionTitle.categoryTitle {
	font-family: var(--avenir-light);
}

.accordion .accordionContent .circle {
	display: none;
}

.accordion .accordionContent .blockContainer {
	min-height: 0;
	padding: 0 20px 20px 0;
	color: var(--color-niwo-1);
}

.accordion .accordionContent.level1 .blockContainer,
.accordion .accordionTitle.level1 {
	padding-left: 20px;
}

.accordion .accordionContent.level2 .blockContainer,
.accordion .accordionTitle.level2 {
	padding-left: 40px;
}

.accordion .accordionContent.level3 .blockContainer,
.accordion .accordionTitle.level3 {
	padding-left: 60px;
}

.accordion .accordionContent.level4 .blockContainer,
.accordion .accordionTitle.level4 {
	padding-left: 80px;
}

.accordion .accordionContent .blockContainer p {
	padding: 20px 0 0;
}

.accordion .accordionTitle::after {
	content: "\e81d";
	display: block;
	font-family: var(--fontello);
	font-size: 19px;
	position: absolute;
	right: 20px;
	top: 0;
}

.accordion.level0 {
	background-color: transparent;
}

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

.accordion.level2 {
	background-color: var(--color-niwo-2);
	color: var(--color-niwo-1);
}

.accordion.level3 {
	background-color: var(--bg-color-1);
}

.accordion.level4,
.accordion .question {
	background-color: var(--bg-color-main);
}

.accordion.level0.open .accordionTitle.level0::after,
.accordion.level1.open .accordionTitle.level1::after,
.accordion.level2.open .accordionTitle.level2::after,
.accordion.level3.open .accordionTitle.level3::after,
.accordion.level4.open .accordionTitle.level4::after {
	content: "\e81f";
}

.accordion .blockContainer > div {
	padding: 0;
}

/*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/user/file-pdf.svg');
}

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

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

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

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

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

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

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

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

.contentCenter.backLink > div a.backLink {
	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-family: var(--avenir-medium);
	font-size: 1.2rem;
}

.contentCenter.backLink > div a.backLink:before {
	font-family: var(--fontello);
	content: '\e80e';
}

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

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

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

.articleFilter form a {
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	letter-spacing: 1px;
	float: right;
}

.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;
	box-sizing: border-box;
	padding: 10px 0 5px 0;
	font-family: var(--avenir-medium);
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.license input[type="button"] {
	border: 1px solid var(--color-niwo-1);
	font-family: 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-family: var(--avenir-heavy);
	font-weight: normal;
	display: block;
	clear: both;
}

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