/* INTROTEKST */

.paginakopbox {
position:relative;
width:100%;
height:auto;
clear:both;
}
.paginakop {
height:auto;
padding:0;
margin:24px auto 0 auto;
}
@media only screen and (max-width:900px) {
	.introteksten {
	margin:24px auto 0 auto;
	}
}
.paginakop h1 {
font-size:1.2em;
margin-left:48px;
}

.introtekstenbox {
position:relative;
width:100%;
height:auto;
clear:both;
}

.intropagtop {
margin-bottom:-24px;
}
@media only screen and (max-width:900px) {
	.intropagtop {
	margin-bottom:-48px;
	}
}

.introhome .imgbox img {
height:100svh;
object-fit:cover;
}

.introteksten  {
height:auto;
padding:0;
margin:0 auto;
}

.introtekstbox {
width:100%;
height:auto;
padding:0;
margin:0 0 48px 0;
}

.introtekstbox img {
width:100%;
height:auto;
margin:0;
}

.introtekst {
position:relative;
width:100%;
height:auto;
padding:0 48px;
margin:0 auto;
overflow:hidden;
}
.introtekst h1 {
margin:0 0 48px 48px;
}
@media only screen and (max-width:900px) {
	.introtekst h1 {
	margin:0 0 24px 24px;
	}
}

.introtekst .toggle {
position:relative;
width:100%;
height:9em;
padding:0 48px;
margin:0 auto 0 auto;
overflow:hidden;
}
@media only screen and (max-width:900px) {
	.introtekst .toggle {
	height:150px;
	}
}
.introtekst .toggle-open {
height:auto;
}

.introtekst .toggle h1 {
margin:0 0 48px 48px;
}
@media only screen and (max-width:900px) {
	.introtekst .toggle h1 {
	margin:0 0 24px 24px;
	}
}

.introtekst .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; }
}
.introtekst .toggle .verbergleesverderfade {
opacity:0;
animation-name:fadeOut;
animation-iteration-count:1;
animation-timing-function:ease-in;
animation-duration:1s;
cursor:auto;
}

.home-quote-box {
position:absolute;
bottom:60px;
width:100%;
height:auto;
display:block;
}
@media only screen and (max-width:900px) {
	.home-quote-box {
	bottom:24px;
	}
}

.home-quote {
position:relative;
width:88%;
height:auto;
font-family:'Roboto-Light', 'Arial', sans-serif;
color:#fff;
letter-spacing:1px;
margin-left:calc(50% - 640px);
z-index:8;
}
@media only screen and (max-width:1280px) {
	.home-quote {
	margin-left:24px;
	}
}
.home-quote .wit {
font-family:'Roboto-Light', 'Arial', sans-serif;
}
.home-quote h1 {
position:relative;
font-size:50px;
line-height:1.2;
}
@media only screen and (max-width:900px) {
	.home-quote h1 {
	font-size:30px;
	}
}
.home-quote p {
position:relative;
font-size:29px;
line-height:1.3;
}
@media only screen and (max-width:900px) {
	.home-quote p {
	font-size:24px;
	}
}

.home-quote-overlay {
position:absolute;
bottom:0;
left:0;
width:100%;
height:450px;
z-index:3;
background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
@media only screen and (max-width:900px) {
	.home-quote-overlay {
	height:250px;
	background-image:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
	}
}