/* nieuwe layout header beurssites april 2025 */
.topContainer  {position: relative; z-index: 101; box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.home section#slide { padding-bottom: 6.25vw; }

.home .hero {position: relative; z-index: 1;height: auto; max-width: 1920px; min-height: 50vw; overflow:hidden; margin: 0 auto; background-position: top right !important; background-size: contain !important; }
.home .hero:before  { content: ''; position: absolute; z-index:2; top: 0; right: 0; bottom: 0; left: 0; background:  linear-gradient(to right,white 51%, transparent 51%);}
		@media screen and (max-width: 1400px){
			.home .hero:before {content: ''; background:  linear-gradient(to right,white 51%, transparent 51%), linear-gradient(to bottom, transparent 49vw, white 49vw);}
		}
.home .hero:after { content: ''; position: absolute; z-index:3; top: 0; right: 0; bottom: 0; left: 0;  background: url('/good_includes/img/overlay-beurssites-home.png'); background-size: contain; background-repeat: no-repeat;background-position: right top;  }
.home .heroTekst {position: relative; z-index: 10; top: 0; max-width: 1890px; width: 100%; height: auto; margin: 0 auto; padding: 50px 5vw 0 75px; display: flex; flex-direction: column; align-items:flex-start; justify-content:center; text-align: left;}
.home .heroTekst.txt {max-width: 55%; margin-right: calc(45% - 60px); }
.home .heroTekst.txt h1 {font-family: 'Montserrat-Extrabold', sans-serif; font-size: 5em; font-weight:normal; color:var(--color-tekst); line-height: 1.05em; }
.home .heroTekst.txt p {font-size: 1.75em; color:var(--color-tekst); text-align: left; }
.home .heroTekst.txt h1 + p img {margin: 0;}

.home .heroTekst.txt h1 i {font-weight: normal; color: var(--color-sustainable-accent) }

.home .heroTekst.txt ul {display: flex; list-style: none !important; margin: 1em 0 1em 0; padding: 0; width: auto; max-width: 100%;}
.home .heroTekst.txt ul li::before {content: none;}
.home .heroTekst.txt li {margin-right: 0.3em;}
.home .heroTekst.txt li img {display: block; width: auto; height: 1.8vw; min-height: 18px; max-height: 48px; object-fit: contain;}

.home .hero a.wepButton {font-family:'Raleway-Extrabold', serif; font-size: 0.65em; margin: 0; }

.home .hero a.wepButton {color: var(--color-wit); border: solid 0px var(--color-basis); background: var(--color-basis); margin: 0;}
.home .hero a.wepButton:hover {color: var(--color-wit); border: solid 0px var(--color-basis-donkerder);  background: var(--color-basis-donkerder);}

/* hero met video */
.home .hero .videoContainer .wepMovie {position: relative; z-index: 1; position: absolute; top: 0%; right: 0; bottom: 0; left: 50%; transform: translate(-25%,0); height: 100%; max-height: calc(50vw - 20px); overflow:hidden; object-fit: cover; object-position: center; }
@media screen and (min-width:1900px) {
	.home .hero .videoContainer .wepMovie {max-height: 940px } 
}
@media screen and (max-width: 1050px){
	.home .heroTekst.txt {max-width: 55%; margin-right: calc(55% - 0px);}
}
@media screen and (max-width: 840px) {
	body {font-size: 12.5px;}
	.topContent {background: white; }

	.home .hero { min-height: auto; height: auto; overflow: visible; background-position: -50vw 20vw !important; background-size: 130vw !important; margin-top: -7.5vw; }
	.home .hero:before {background: linear-gradient(to bottom, transparent 90vw, white 90vw);}
	.home .hero:after { content: ''; background: url('/good_includes/img/overlay-beurssites-home-mobiel.png'); background-size: 100%; background-repeat: no-repeat;}

	.home .hero .videoContainer .wepMovie {width: 100%; height: 50%; max-width: 100%; max-height: none; min-height: none; left: 0%; max-height: none; top: 10vw; left: 0%; transform: translate(0,0); }

	.home .heroTekst {align-items:center;}
	.home .hero .heroTekst.txt { margin:0 auto; padding: 85vw 20px 0 20px !important; width: 100vw; max-width: 100vw; height: auto; min-height: auto !important;  max-height: auto; text-align: center !important; }
	.home .heroTekst.txt h1 {font-size: 7vw; text-align: center; }
	.home .heroTekst.txt p {text-align: center;}
	.home .heroTekst.txt ul {justify-content: center; }
}