/* ELEMENTEN */

.elementen {
width:100%;
height:auto;
padding:0;
margin:0 auto;
}

.elementenrij {
width:100%;
height:auto;
padding:0;
margin:0 auto;
display:flex;
flex-direction:row;
gap:1%;
}
@media only screen and (max-width:900px) {
	.elementenrij {
	flex-wrap:wrap;
	}
}

.nopagtop {
margin-top:48px;
}

.element {
padding:0;
margin:0 auto 48px 0;
}
@media only screen and (max-width:900px) {
	.element {
	margin:0 auto 24px 0;
	}
}
.element-25 {
width:24.2%;
padding:0;
margin:0 0 24px 0;
}
@media only screen and (max-width:900px) {
	.element-25 {
	width:49.5%;
	margin:0 0 6px 0;
	}
}

.element h1 {
margin:-16px 0 36px 48px;
}
@media only screen and (max-width:900px) {
	.element h1 {
	margin:-4px 0 24px 24px;
	}
}
.koptopmargin h1 {
margin-top:12px;
}
.kopklein h1 {
font-size:1.8em;
}

.element .slides {
overflow:hidden;
}
.element .quotetekstbox {
position:relative;
width:50%;
height:auto;
background-color:rgba(234,231,224,1);
float:left;
overflow:hidden;
}
.element .quotetekstbox .quotetekst {
position:relative;
width:100%;
height:auto;
font-size:1.2em;
text-align:center;
vertical-align:middle;
padding:0 24px;
margin:0;
z-index:10;
display:inline-block;
}
@media only screen and (max-width:900px) {
	.element .quotetekstbox .quotetekst {
	font-size:1em;
	}
}

.element .tekst {
position:relative;
width:100%;
height:auto;
font-size:1em;
padding:0 48px;
margin:0;
}
@media only screen and (max-width:900px) {
	.element .tekst {
	padding:0 24px;
	}
}

.element .toggle {
width:100%;
height:240px;
padding:0 48px;
margin:0;
overflow:hidden;
}
@media only screen and (max-width:900px) {
	.element .toggle {
	height:150px;
	padding:0 24px;
	}
}
.element .toggle-open {
height:auto;
}

.element .toggle .leesverderfade {
position:absolute;
bottom:0;
width:100%;
height:30%;
background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
cursor:s-resize;
}
@keyframes fadeOut {
	0% { opacity:1; }
	100% { opacity:0; }
}
.element .toggle .verbergleesverderfade {
opacity:0;
animation-name:fadeOut;
animation-iteration-count:1;
animation-timing-function:ease-in;
animation-duration:1s;
cursor:auto;
}

.element .lijst {
width:100%;
height:auto;
margin:0;
}
.element .lijst h1 {
margin:0 0 48px 96px;
}
@media only screen and (max-width:900px) {
	.element .lijst h1 {
	margin:0 0 24px 48px;
	}
}
.element .lijstkolommen {
width:100%;
height:auto;
margin:0;
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.element .lijstitem {
width:50%;
font-size:0.7em;
padding:0 24px 1px 48px;
}
.element .lijstitem .lijstkop {
font-family:'Roboto-Bold', 'Arial', sans-serif;
font-weight:bold;
margin:0 0 1px 0;
}

.element .quote {
position:relative;
width:100%;
height:auto;
font-size:1.5em;
line-height:1.3em;
text-align:center;
padding:0 96px;
margin:0;
}
@media only screen and (max-width:900px) {
	.element .quote {
	padding:0 24px;
	}
}
.element .quote .quote-tekst {
font-family:'Roboto-Medium', 'Arial', sans-serif;
}

.element .quote .quote-onderschrift {
font-family:'Roboto-Light', 'Arial', sans-serif;
}