/* nieuwe layout header beurssites april 2025 */
.topContainer  {position: relative; z-index: 101; box-shadow: 0px 0px 10px rgba(0,0,0,0.25);}
.home .hero {position: relative; z-index: 1;height: 83.1vh; max-width: 1920px; min-height: 500px;  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: 100%; 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: 50%; margin-right: calc(50% - 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 .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);}

@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 .heroTekst.txt { margin:0; 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;}
}