@font-face {font-family: 'OpenSans-Regular'; src: url(/good_includes/templates/v1/fonts/OpenSans-Regular.ttf) format('truetype');}
@font-face {font-family: 'OpenSans-Bold'; src: url(/good_includes/templates/v1/fonts/OpenSans-Bold.ttf) format('truetype');}
@font-face {font-family: 'OpenSans-ExtraBold'; src: url(/good_includes/templates/v1/fonts/OpenSans-ExtraBold.ttf) format('truetype');}
@font-face {font-family: 'Raleway-Medium'; src: url(/good_includes/templates/v1/fonts/Raleway-SemiBold.ttf) format('truetype');}
@font-face {font-family: 'Raleway-Bold'; src: url(/good_includes/templates/v1/fonts/Raleway-Bold.ttf) format('truetype');}
@font-face {font-family: 'Raleway-Extrabold'; src: url(/good_includes/templates/v1/fonts/Raleway-ExtraBold.ttf) format('truetype');}
@font-face {font-family: 'Raleway-Black'; src: url(/good_includes/templates/v1/fonts/Raleway-Black.ttf) format('truetype');}
@font-face {font-family: 'FontAwesomeRegular'; src: url(/good_includes/fonts/fontawesome6/fa-regular-400.ttf) format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'FontAwesomeSolid'; src: url(/good_includes/fonts/fontawesome6/fa-solid-900.ttf) format('truetype'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'FontAwesomeBrands'; src: url(/good_includes/fonts/fontawesome6/fa-brands-400.ttf) format('truetype'); font-weight: normal; font-style: normal;}

/* stylesheet voor: congressites */

html {
	/* alle sites */
	--color-zwart:#161615;
	--color-zwart-rgb:0,0,0;
	--color-wit:#fff;
	--color-wit-rgb:255,255,255;
	--color-heellichtgrijs:#f5f5f5;
	--color-lichtgrijs:#ebebeb;
	--color-lichtgrijs-rgb:235,235,235;
	--color-grijs:#b3b2b2;
	--color-grijs-rgb:204,204,204;
	--color-standaardgrijs:#ccc;
	--color-medium-grijs: #e0e0e0;
    --color-info-grijs: #bcbcbc;
	--color-accentgrijs:#777;
	--color-donkergrijs:#58585a;
	--color-zeerdonkergrijs:#1d1d1b;
	--color-schaduw:#222;
	--color-tekst:#000;
	--color-seminar-titel:#fff;
	--color-error:#e73243;
	--color-error-rgb:231,50,67;
	/* verschilt per site */
    --color-basis:#E94E1B;
	--color-basis-rgb:30,156,216;
	--color-basis-lichter: #F4A285;
	--color-basis-donkerder:#1c81b0;
	--color-basis-accent:#ffcc00;
	--color-extra-accent:#df5240;
	--color-steunkleur: #e94f1c;
	--color-tekst-button:#fff;
	--color-button-hover:#000;
	--color-tekst-button-hover:#fff;
	--color-link:#E94E1B;
    --color-link-hover:#F4A285;
	--color-menu-basis:#1E9CD8;
	--color-menu-basis-donkerder:#1c81b0;
	--color-menu-tekst:#fff;
	--color-menu-tekst-hover:#ffcc00;
	--color-topBG:#000;
	--color-top:#fff; 
	--color-sectionBg:#1c81b0;
	--color-sectionBg-tekst:#fff;
	--color-basis-sustainable: #0f4b5a;
	--color-basis-solar: #ffbf00;
	--color-basis-green: #68b42e;
	--color-basis-groen: #68b42e;
	--color-basis-groen-donkerder: #186c48;
	--color-basis-smart: #e94f1c;
	--color-basis-ev: #1c9bd8;
	--color-sustainable-accent: #61A0A6;
	--color-solar: #feca3b;
	--color-smart: #e94f1b;
	--color-ev: #1f9cd8; 
	--color-green: #69b42d;
	--color-grijs-button: #bcbcbc; 
	--color-accent:#ccc;
	--font-family-bold: 'OpenSans-Bold', sans-serif; 
	--font-family-black:'Raleway-Black', sans-serif; 
}
html, body {height: 100%; min-height: 100%;}
body {margin: 0; padding: 0; font-family: 'OpenSans-Regular', sans-serif; font-weight: normal; font-size: 14px; color: var(--color-tekst); line-height: 1.5em; overflow-x: hidden; background: var(--color-wit); display: flex; flex-direction: column;}

.masterContainer {flex: 1 0 auto; justify-content: flex-start}
.footer {flex-shrink: 0;}
* {box-sizing: border-box; margin: 0; padding: 0;}
a {outline: 0;}

.contentWrapper {max-width: 1920px; width: 100%; margin: 0 auto; padding: 0;}
.innerWrapper {max-width: 1800px; width: 100%; margin: 0 auto; padding: 0;}

.topContent {position: relative; max-width: 1920px; width: 100%; margin: 0 auto; padding: 20px 20px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; text-align: left; height: auto; background: var(--color-zwart); }

.logo {position: relative; z-index: 101; max-width: 40%; margin: 30px 0px 0px 40px}
.logo a {display: inline-block; text-align: left; width: 100%;}
.logo img {height:78px; width:auto; padding: 0; object-position: left top; object-fit: contain; max-width: 100%;}

section {position: relative; padding:0; border-bottom: solid 1px transparent; clear: both;} 

/* all pages MENU */
nav {display: flex; margin: 0px 30px 0 auto; height: 46px;}
.menu ul {display: flex; justify-content:flex-end; flex-wrap: wrap; align-items: center; list-style: none; margin: 0 0 0 auto; padding: 0;}
.menu li {margin: 0; padding: 0;}
.menu li a {font-family: 'Raleway-Bold', sans-serif; font-size: 1.1em; font-weight: normal; position: relative; display: block; color: var(--color-wit); white-space: nowrap; text-decoration: none; margin: 0; line-height: 36px; padding: 2px 1vw;}
.menu li a:hover {color: var(--color-menu-basis);}

.menu li.langMobile {display: none;}

/* menu extra accenten tickets */
.menu li a.tickets, .menu li a#sub8, .menu li a.biglietti {color:var(--color-wit); background: var(--color-basis); border-radius: 22px; margin-left: 10px;}
.menu li a.tickets:hover, .menu li a#sub8:hover, .menu li a.biglietti:hover {background:var(--color-basis-donkerder);}

.linkedin {display: none;}
.linkedin a {display: inline-block; margin: 0 30px 0 0; padding: 0;}
.linkedin a:after {font-family: 'FontAwesomeBrands'; content: '\f08c'; color:var(--color-basis);font-size: 40px; line-height: 40px;}
.linkedin a:hover:after {color:var(--color-basis-donkerder);}

/* vertalingen */
.topRight {display: flex; flex-wrap: nowrap; margin: 10px 2.5vw 0 calc(2.5vw + 54px); height: 60px; }
.topRight .language {position: relative; z-index: 100; margin: 0; padding: 0; height: 36px; }
.topRight .language:before {content: ''; display: block; position: absolute; left: -15px; top: 0; height: 40px; width: 2px; background: var(--color-basis)}

.language p {position: relative; display: inline-block; color: var(--color-wit); line-height: 39px;padding: 0 30px 0 15px; width: 100%;  height: 39px; cursor: pointer;  }
.language p:after {content:'\f107'; font-family: 'FontAwesomeSolid'; font-size: 0.7em; color:var(--color-basis); position: absolute; right: 10px; top: 0px;}
.language p.arrowTurn:after {content:'\f106'; font-family: 'FontAwesomeSolid'; font-size: 0.7em; color:var(--color-basis); position: absolute; right: 10px; top: 0px;}

.language ul {display: flex; flex-direction: column; list-style: none; border: solid 1px var(--color-basis);   position: relative; z-index: 1001; width: 100%; justify-content: flex-start; border-radius: 1.5em;  }
.language li {display: none;padding: 0 30px 0 20px;}
.language li:first-of-type a {border-top: solid 1px var(--color-basis)}
.language li a {position: relative; display: flex; justify-content: center; color: var(--color-wit); line-height: 40px; width: calc(100% - 20px); margin: 0 10px; padding: 0 30px 0 15px; height: 39px;}
.language li a:hover {z-index: 0; }

.language li {position: relative; margin: 0; padding: 0; height: 40px;}
.language li:first-of-type a:before {content:'\f00c'; font-family: 'FontAwesomeSolid'; font-size: 0.8em; color:var(--color-basis); position: absolute; right: 10px; top: 0px;}

.language li#langNL a:after {content:'Nederlands'; position: absolute; top: 0; z-index: -1; line-height: 40px;}
.language li#langUK a:after {content:'English'; position: absolute; top: 0; z-index: -1; line-height: 40px;}
.language li#langDE a:after {content:'Deutsch'; position: absolute; top: 0; z-index: -1; line-height: 40px;}
.language li#langBE a:after {content:'Nederlands'; position: absolute; top: 0; z-index: -1; line-height: 40px;}
.language li#langFR a:after {content:'Fran\00e7 ais'; position: absolute; top: 0; z-index: -1; line-height: 40px;}
.language li#langIT a:after {content:'Italiano'; position: absolute; top: 0; z-index: -1; line-height: 40px;}
.language li a img {display: none}

/* mobiel menu*/
.mobiel {display: none;}

/* all pages TEKST */
.main.txt {padding: 0px 10px; text-align: center; margin: 0 auto;}
	section.section100 .main.txt {max-width: 1900px;}

.txt h1  {font-family:var(--font-family-black); font-weight: normal; font-size:3em; font-weight: normal; line-height: 1.2em; padding: 0; margin-bottom: 0.5em;}
.txt h2 {font-family:var(--font-family-black); font-weight: normal; font-size:3em; font-weight: normal; line-height: 1.2em; padding: 0px 0 30px 0;}
.txt h3 {font-family:var(--font-family-bold); font-weight: normal; font-size:2.5em; font-weight: normal; line-height: 1.2em; padding: 0px 0 30px 0;}
.txt h4 {font-family:var(--font-family-bold); font-weight: normal; font-size: 1.3em; line-height: 1.3em; padding: 0 0 10px 0;}
.txt h4 img {vertical-align: middle;}
.txt p {font-size: 1.5em; margin: 0 0 20px 0;  line-height: 1.5em;}
.txt p strong {font-family:var(--font-family-bold);font-weight: normal; font-size: 1em;}
/*.txt p a strong {color: var(--color-link);}*/
.txt .colorOrange {color: var(--color-basis);}
.txt p.extraSpacing {letter-spacing: 2px;}
/*.txt img {max-width: 100%; height: auto!important;}*/
.hoofdFotoStandaard img {width: 100%; margin: 50px 0 0 0;}
.txt h1 + p img {position: relative; margin: 0 -50px; width: calc(100% + 100px); max-width: calc(100% + 100px); height: auto !important;} 
.txt p img {position: relative; margin: 0; height: auto !important; max-width: 100%;} 
.txt p a img {position: relative; display: inline-block; margin: 0; width: auto; height: auto !important; max-width: 100%; max-height: 800px;} 
/*.txt p img {position: relative; margin: 0 -50px; width: calc(100% + 100px); max-width: calc(100% - 20px)!important; height: auto !important;}*/ 

.txt {overflow-wrap: break-word; max-width: 100%; }
.txt ul {list-style: none; list-style-position: outside; margin: 0px; padding: 0 0 30px 30px; text-align: left;}
.txt ol {list-style-position: outside; margin: 0 0 0 20px; padding: 0;}
.txt ul li, .txt ol li {padding-left: 0px; font-size: 1.5em; line-height: 1.5em;}
.txt ul li p, .txt ol li p {font-size: 1em; display: inline;}
.txt ul li:before {content:'\f111'; font-family: 'FontAwesomeSolid'; font-size: 0.5em; margin-left: -29px; margin-right: 20px; vertical-align: top; color: var(--color-basis)}
.txt a {text-decoration: none; color: var(--color-link);}
.txt a:hover {position: relative; text-decoration: none; color: var(--color-link-hover);}
	.tekstTekst .txt a {text-decoration: underline; color: var(--color-link); font-weight: bold;}
	.tekstTekst .txt a:hover {text-decoration: none; color: var(--color-link); font-weight: bold;}
body:not(footer) a[href^="tel:"] {white-space: nowrap; cursor: default; color: var(--color-tekst) !important}
body:not(footer) a[href^="tel:"]:hover {white-space: nowrap; cursor: default; color: var(--color-tekst) !important;}

/* font awesome via editor */
.txt .fas {color:var(--color-basis); font-size: 1.25em; width: 0; vertical-align: middle;margin-left:calc(-1em - 10px);margin-right: calc(1em + 10px); margin-top: -3px;}
.txt .fas:before {width: auto;}

a.wepButton {position: relative; z-index:2; font-size: 1em; display: inline-block; padding: 0.75em 1.5em; text-align: center; line-height: 1em; text-transform: none; text-decoration: none !important; border-radius: 2em; cursor: pointer; background: var(--color-basis); font-family: var(--font-family-bold); font-weight: normal; color: var(--color-wit); border:0; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
a.wepButton:hover {border: 0; background: var(--color-basis-lichter); color: var(--color-wit);}

/* hero */
.slide {display: none;}
.slide:first-child, .slide.cycle-slide {display: block;width: 100%; }

.hero {font-family: 'Raleway-Medium', sans-serif; position: relative; z-index: 1; width: 100%; max-width: 1920px; margin: 0 auto; padding: 0; height: 83.1vh; margin-bottom: 80px; min-height: 500px; background-position: right top !important; background-size:cover !important; text-align: center;  }
/* zwarte overlay */
.hero::before { content: ""; position: absolute; z-index: 2; left: 0; top: 0px; width: 100%; height: 200px; background: linear-gradient(var(--color-zwart), transparent); background-size: 100% 100%; pointer-events: none; }


/* witte boog */
.hero::after { content: ""; position: absolute;  z-index: 2; left: 0; bottom: 0px; width: 100%; height: 10vw; background: url('../img/curves.svg') no-repeat center bottom; background-size: 100% 100%; pointer-events: none; }
section#seminars::after { content: ""; position: absolute; left: 0; top: 0px; width: 100%; height: 10vw; background: url('../img/curves.svg') no-repeat center top; background-size: 100% 100%; -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1);   filter: FlipV; -ms-filter: "FlipV";pointer-events: none; }
section#Sec_6997AD5365:after, section#Sec_6896AD5160:after /* pagina press/contact id */ { content: ""; position: absolute; left: 0; top: 0px; width: 100%; height: 10vw; background: url('../img/curves.svg') no-repeat center top; background-size: 100% 100%; -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1);   filter: FlipV; -ms-filter: "FlipV";pointer-events: none; }
@media (min-width: 1900px){
	.hero::after { content: ""; height: 200px;}
	section#seminars::after { content: ""; height: 200px;}
	section#Sec_6997AD5365:after, section#Sec_6896AD5160:after { content: ""; height: 200px;}
}

.heroTekst {position: relative; z-index: 10; top: 0; max-width: 900px; width: 100%; margin: 0 auto 0 0; padding: 60px; display: flex; flex-direction: column; align-items:flex-start; justify-content:flex-start; height: 100%; min-height: 650px; }
	.heroTekst.txt h1 {font-family: 'Raleway-Extrabold', sans-serif; font-size: 3.5em; font-weight:normal; color:var(--color-wit); text-align: left; line-height: 1.2em;}
.heroTekst.txt p {font-size: 1.75em; color:var(--color-wit); text-align: left;}

.heroTekst a.wepButton { margin: 1em 0}


/* Praktische info */
.toggle-content {background: var(--color-wit); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding: 40px 80px; transform: translate(0, -50px); text-align: left; }
/* eigenschappen praktische info aan section id */
section#Sec_6896AD5160 .innerWrapper { max-width: 1100px; }
section#Sec_6896AD5160 .wepContent h2 {text-align: left; background: var(--color-wit); line-height: 3em; padding: 0 80px; margin: 0 auto 30px auto; border-radius: 20px; box-shadow: 0 0 10px var(--color-grijs); }
section#Sec_6896AD5160 .txt h2::after { font-family: 'FontAwesomeSolid'; content: '\f078'; float: right;}
section#Sec_6896AD5160 .txt h2.open::after { font-family: 'FontAwesomeSolid'; content: '\f077'; float: right;  }

/* kolommen */

/* 0 - standaard, een kolom*/
.eenkolom { margin: 0 auto; padding: 0 10px;}

.eenkolom .main.txt {text-align: center;}
.eenkolom .main.txt table {text-align: center; margin: 0 auto;}
	.section100 .eenkolom {max-width: 100%;}
/* 1 t/m 8 - varianten twee kolommen */
.tweeKolommen {margin: 0; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
/* 1 - twee kolommen tekst - tekst */
.tweeKolommen.tekstTekst .main.txt {flex-basis: 50%; flex-shrink: 0; margin: 0;align-self:top; text-align: left;}
	.tweeKolommen.tekstTekst .main.txt:first-of-type {padding: 1vw 1vw 0 5vw;}
	.tweeKolommen.tekstTekst .main.txt:last-of-type {padding: 1vw 5vw 0 1vw;}
	/* bredere kolom contactformulier */
	.BodyPress .tweeKolommen.tekstTekst .main.txt:first-of-type {flex-basis: 40%; margin-top: 1em; padding:  2vw 8vw 0 5vw;  }
	.BodyPress .tweeKolommen.tekstTekst .main.txt:last-of-type {flex-basis: 60%; background: var(--color-wit); border-radius: 2em; margin-top: 1em; padding: 40px 40px 0 40px; box-shadow: 0 0 10px var(--color-grijs);}
	.tweeKolommen.tekstTekst .main.txt p img {width: 100%; object-fit: cover;}

/* 4 - twee kolommen tekst - afbeelding 50% */
.tweeKolommen.tekstAfbeelding50 .main.txt {order:1; flex-basis: 50%; flex-grow: 0; flex-shrink: 0; min-height: 100%; align-self: center; padding: 0 5vw; margin: 0; text-align: left; }
.tweeKolommen.tekstAfbeelding50 .afbeelding {order:2; flex-basis: 50%; flex-grow: 0; flex-shrink: 0; padding: 2vw 5vw 0vw 0; margin: 0; object-fit: cover; }
.tweeKolommen.tekstAfbeelding50 .afbeelding img {border-radius: 3em;}

/* 5 - twee kolommen afbeelding 50% - tekst */
.tweeKolommen.afbeelding50Tekst .main.txt {order:2; flex-basis: 50%; flex-grow: 0; flex-shrink: 0; min-height: 100%; align-self: center; padding: 0 2.5vw; margin: 0;text-align: left;}
.tweeKolommen.afbeelding50Tekst .afbeelding {order:1; flex-basis: 50%; flex-grow: 0; flex-shrink: 0; padding: 0 0 0 5vw; margin: 0; object-fit: cover;}
.tweeKolommen .afbeelding img {width: 100%; object-fit: contain;}

/* carousel: toonaangevende sprekers */
#carousel { position: relative; --carousel-item-width: 300px; --carousel-gap: 20px; }
@media (max-width: 600px) {
 	#carousel { --carousel-item-width: calc(50% - 10px); --carousel-gap: 10px; }
}
#carousel .main.txt { width: fit-content } /* centreer carousel */
.carousel { display: flex;  gap: var(--carousel-gap); overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.carousel::-webkit-scrollbar { display: none; }
.carousel-cell { flex: 0 0 var(--carousel-item-width); width: var(--carousel-item-width); scroll-snap-align: start; margin-top: 30px; }
/* Pijltjes */
#carousel button { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .8); color: var(--color-basis); font-size: 40px; line-height: 40px; text-align: center; cursor: pointer; }
.carousel-prev { left: 25px; }
.carousel-prev:before { content:'\f104'; font-family: 'FontAwesomeSolid'; font-size: 0.7em; color:var(--color-basis); position: absolute; left: 10px; top: 0px;}
.carousel-next { right: 25px; }
.carousel-next:before { content:'\f105'; font-family: 'FontAwesomeSolid'; font-size: 0.7em; color:var(--color-basis); position: absolute; left: 10px; top: 0px;}
#carousel button:hover { background: rgba(255, 255, 255, 1.0); }
#carousel button:disabled { display: none; }

.carousel-cell .tekst .teamImageContainer { position: relative; height: auto; border-radius: 20px; background: var(--color-basis-lichter);  }
.carousel-cell:hover .tekst .teamImageContainer { background: var(--color-basis);  }
.carousel-cell .tekst .teamImageContainer img { margin-top: -30px; margin-bottom: -6px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 100%; height: auto;}
.carousel-cell .tekst h3 {color: var(--color-basis-lichter); font-size: 1.5em; margin: 0; padding: 1em 0 0 0;}
.carousel-cell .tekst p {font-weight: bold; font-style: italic; color: var(--color-accentgrijs)}

/* margin top bottom */
section.marginT {padding-top: 6.25vw;}
section.marginB {padding-bottom: 4vw;}

/* background kleur */
section.sectionBg {background: var(--color-lichtgrijs)}

/* agenda */
section#agenda {position: relative; z-index: 1;display: flex; justify-content: center; flex-wrap: wrap; gap: 1em;}
section#agenda .main.txt { flex: 0 0 100%; margin-bottom: 30px;}
.agendaBlok { display: flex; flex-direction: column; justify-content: space-between; width: 400px;  aspect-ratio: 400 / 420; padding: 50px 40px 30px 40px; box-shadow: 0 0 10px var(--color-grijs); border-radius: 20px; background: var(--color-wit) }
.agendaBlok.announced {order: 3;}
.agendaBlok h3 {position: relative; color: var(--color-zwart) !important; font-family:'Raleway-Extrabold', sans-serif; font-weight: normal; font-size:2em; font-weight: normal; line-height: 1.2em; padding: 20px 0 20px 0; margin: 0 0 auto 0;}
.agendaBlok h3:before {content:''; position: absolute; top: 0; width: 3.25em;height: 0.25em; background: var(--color-info-grijs); border-radius: 0.125em;}
    .agendaBlok.solar h3:before {background: var(--color-basis-solar)}
    .agendaBlok.green h3:before {background: var(--color-basis-groen)}
    .agendaBlok.smart h3:before {background: var(--color-basis-smart)}
    .agendaBlok.ev h3:before {background: var(--color-basis-ev)}

.agendaBlok p {font-family: 'Raleway-Medium', sans-serif; font-size: 1.4em;}
.agendaBlok a.wepButton {display: inline-block; margin-right: auto; width: auto; text-align: center; text-decoration: none; font-family: var(--font-family-bold); font-weight: normal; font-size: 1.4em; color: var(--color-info-grijs); border: solid 1px var(--color-info-grijs); margin-top: 3em; padding: 0 3em; line-height: 2.5em; border-radius: 1.25em; background: var(--color-wit)}
.agendaBlok a.wepButton:after {content: none} 

.agendaBlok:hover {background: var(--color-medium-grijs);  margin-top: -50px;   transition: 0.5s;  }
.agendaBlok:hover h3 { padding-bottom: 50px; transition: 0.5s}
.agendaBlok:hover h3:before {transition: 0.5s}
.agendaBlok:hover a.wepButton {color: var(--color-zwart); border: solid 1px var(--color-zwart); transition: 0.5s; background: var(--color-medium-grijs) }

section#seminars {padding: 5vw 0; background: var(--color-lichtgrijs)}
section#seminars .innerWrapper { margin: 0 auto; padding: 0; }
.seminars .txt table {border-collapse: collapse; width: 100%; max-width: 100%; border-radius: 0; box-shadow: 0; margin: 0;}
.seminars .txt table p {text-align: center}
.seminars .txt table p img {margin-top: 0px;}
.SeminarAccordeon div.accBar:after {font-family: 'FontAwesomeSolid'; content: '\f103'; position: absolute; right: 20px; top: 20px; font-size: 1.5em; color: var(--color-wit);}
.SeminarAccordeon div.accBar:last-of-type:after {content: '';}
/* zie ook seminarplein.css */

section:last-of-type {padding-bottom: 6em}

/* FOOTER */
footer {position: relative; background: var(--color-basis); padding: 2.5vw 0; border-top-left-radius: 3em; border-top-right-radius: 3em; margin-top: -3em;}
footer .contentWrapper .main.txt { font-size: 0.7em; max-width: 100%; display: flex; justify-content:flex-start; align-content: center; text-align: left; padding: 2.5vw 5vw 5vw 5vw; color: var(--color-wit)}
/*footer .contentWrapper .main.txt:last-of-type {margin-left: 10px;}*/
footer .contentWrapper p {margin: 0 10px 0 0; padding: 0; max-width: 570px; }
footer .contentWrapper .main.txt:last-of-type p {max-width: 100%; }
footer .contentWrapper a:not(.wepButton) {font-size: 1em; color: var(--color-wit); margin: 0;}
footer .contentWrapper a:not(.wepButton):hover {color: var(--color-zwart);text-decoration: none;}

footer p img {width: 180px; height: auto; margin: 20px 2.5vw;}
footer .nomenuFooter {width: 400px;line-height: 1.5em;}
footer .menuFooter {width: 400px; line-height: 1.5em;  margin: 70px 0 0 0; }
footer .menuFooter ul {list-style: none;padding: 0;}
footer .menuFooter li {margin: 0; padding: 0;}
footer .menuFooter li:before {content:none}
footer .menuFooter li.langMobile {display: none;}
footer .contactFooter {z-index: 1; display: flex; flex-direction: column; justify-content: space-between; width: auto;line-height: 1.5em; margin-right: 5vw;font-size: 1em; line-height: 1.4em;}
footer .contactFooter p {white-space: nowrap;}

footer .partofsustainablesolutions {z-index: 2; display: inline; position: relative; margin-top: 0; display: flex; flex-direction: column; margin-left: auto;}
footer .partofsustainablesolutions .wepButton {background: var(--color-basis-lichter); font-size: 1em; border: 0; padding: 10px 20px; margin-bottom: 2em; }
footer .partofsustainablesolutions .wepButton:hover {background: var(--color-basis-lichter); border: 0;}
footer .partofsustainablesolutions img {margin: 1em 0; max-width: 280px;}
footer .partofsustainablesolutions a { display: block; width: 100%; height: 100%;}

footer #cookieLink:empty {display: none;}

.toTop {display: none;}

/* SPECIAL SECTIONS - VARIABEL INZETBAAR, ook HOME */
/* contactformulier */
#sectionContactform {margin-bottom: 20px;}
#sectionContactform #form label {display: none;}


/* FORMULIEREN */
.wepForm {width:100%; margin: 0 auto; padding: 0;}
.wepForm input, .wepForm textarea {font-family: 'Montserrat-Regular', sans-serif; font-weight: normal; font-size: 0.85em; border: 1px solid var(--color-basis-lichter); background: var(--color-wit); color: var(--color-zwart); border-radius: 10px;}
.wepForm input[type="text"],.wepForm input[type="email"],.wepForm input[type="password"],.wepForm textarea {padding: 12px 22px; width: calc(100% - 10px); outline-style: none;}
.wepForm input[type="text"]:focus, .wepForm input[type="password"]:focus,.wepForm textarea:focus {border-color: var(--color-basis); outline-color: #B6CBE5; outline-style: solid; outline-width: 0px;}
.wepForm input[type="checkbox"] {opacity: 0; width: 1px; height: 1px; margin: 0;}
.wepForm input[type="checkbox"] + label {font-size: 1.1em;}
.wepForm input[type="checkbox"] + label span {display: inline-block; width: 1.1em; height: 1.1em; margin: -1px 4px 10px 0; vertical-align: middle; cursor: pointer; background-color: var(--color-wit); border: solid 0px var(--color-standaardgrijs); margin-right: 10px; cursor: pointer;}
.wepForm input[type="checkbox"]:checked + label span {background-color: var(--color-basis); border: solid 0px var(--color-standaardgrijs);}
.wepForm input[type="checkbox"] + label span,  .wepForm input[type="checkbox"]:checked + label span {-webkit-transition: background-color 0.4s linear; -o-transition: background-color 0.4s linear; -moz-transition: background-color 0.4s linear; transition: background-color 0.4s linear;}
.wepForm p:first-of-type input[type="text"] {width: calc(100% - 10px) !important;margin: 0 10px 10px 0;}

.wepForm textarea {height:150px;margin:0;}

/* form bedrijvengids contact per e-mail */
.wepForm#profileContact p {font-size: 16px; margin:0 0 10px 0; width: 100%; }
.wepForm#profileContact p:first-of-type input[type="text"] {margin: 0;}
.wepForm#profileContact input[type="text"] { background:var(--color-lichtgrijs); border-radius: 7px;}
.wepForm#profileContact textarea  {background:var(--color-lichtgrijs); border-radius: 7px; }

/* button#btnSubmit = a.wepButton */
.button#btnSubmit {position: relative; z-index:2; font-size: 1em; display: inline-block; padding: 1em 1.5em; text-align: center; line-height: 1em; margin: 25px 0px; text-transform: none; text-decoration: none !important; border-radius: 2em; cursor: pointer; background: var(--color-basis); font-family: 'Montserrat-Bold', sans-serif; font-weight: normal; color: var(--color-wit); border: solid 3px var(--color-basis); white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
.button#btnSubmit:hover {border: solid 3px var(--color-basis-lichter); background: var(--color-basis-lichter); color: var(--color-wit);}


#FormError {border: var(--color-error) 1px solid;}
.wepForm .fieldAlert {border: var(--color-error) 1px solid!important;}
.wepForm label.fieldAlert {padding: 10px}
.FormErrorMessage {background-color:rgba(var(--color-error-rgb),0.62);float:left;width: calc(100% - 10px);padding:5px 10px;margin-bottom:15px}
.goodRecaptcha{float:left;margin:15px 0 15px 0}

.BodyRequestinformation .sectionBg:before, .BodyInformationenanfordern .sectionBg:before, .BodyBestelticket .sectionBg:before, 
.BodyTicketdownload .sectionBg:before, .BodyRegistration .sectionBg:before  {background-size: cover; position:absolute; content:""; opacity:0.5; top:0; left:0; right:0; bottom:0;}
/* zie ook slave.css */


/* partners scroll */
#homePartners { margin: 0 auto; position: relative; padding: 5vw 0 0 0;}
.symbolen {min-height: 190px; width: 100vw; overflow: hidden; clear: both; text-align: left; margin: 0 auto; }
.symbolen .cmsBars {margin-top: 0px; position:absolute;left:0;top:0}
	@media screen and (min-width: 841px) {
	.simply-scroll {width: 100% !important; height: 200px; margin-bottom: 1em;}
	}
.simply-scroll .simply-scroll-clip {width: 100% !important;  margin: 0 auto;}
.simply-scroll .simply-scroll-list li {height: 200px; display:block; }
.simply-scroll .simply-scroll-list li img {display: inline-block; width: 100%; height: 100% !important; object-fit: contain; object-position: center; }
.simply-scroll .wepContent {display:block;width:100%;height:auto;}


@media (max-width: 1430px){
	a.wepButton {max-width: 350px;} 
}


@media (max-width: 1240px){	
	.agendaBlok:hover h3 { padding-bottom: 10px; }
	.agendaBlok:hover {background: var(--color-medium-grijs); margin-top: 0px;}
}
@media screen and (max-width: 1040px) {
	.home .heroTekst.txt {margin-left: 20px;}
}



/* mobiel */


@media screen and (max-width: 1020px) {
	body {font-size: 15px;}
	.logo {margin: 20px 0px 0px 20px}
	.heroTekst {width:calc(100% - 20px); align-items:center;}
	.heroTekst.txt h1 { text-align: center;}
	.heroTekst.txt p { text-align: center;}
	.zoeken {width: 100%;}
	
	section#Sec_6896AD5160 .wepContent h2  {font-size: 2em;}

	/*.main.txt {padding: 40px 10px;} */

	.mainWrapper { display: flex; flex-direction: column;  }


	.txt p img {position: relative; margin: 0; max-width: 100%; height: auto !important;}

	/* font awesome via editor */
	.txt .fas {color:var(--color-basis); font-size: 1em; width: 0; vertical-align: middle;margin-top: -4px; margin-right:0;}
	.txt .fas:before {margin-left: calc(-1em - 5px);}


	/* twee kolommen */
	.tweeKolommen {display:flex;flex-direction: column}
	
	.tweeKolommen.tekstDoorlopend .main.txt {column-count: 1; text-align: center;}
	.tweeKolommen.afbeelding50Tekst .main.txt {order:1;}
	.tweeKolommen.afbeelding50Tekst .afbeelding {order:2;}

	.tweeKolommen.tekstTekst .main.txt {padding: 5px 5vw; text-align: center; max-width: 100%;}
		.tweeKolommen.tekstTekst .main.txt:first-of-type {padding: 5vw;}
		.tweeKolommen.tekstTekst .main.txt:last-of-type {padding:  5vw;}

	.tweeKolommen.tekstTekst .main.txt h2 {font-size: 6vw;}

	.tweeKolommen.tekstAfbeelding50 .main.txt {padding: 50px 5vw 50px 5vw; text-align: center;}
	.tweeKolommen.tekstAfbeelding50 .afbeelding {padding: 5vw;}
	
	.tweeKolommen.afbeelding50Tekst .main.txt {order:1; padding: 5vw;  text-align: center;}
	.tweeKolommen.afbeelding50Tekst .afbeelding {order:2; padding: 5vw;}

	
	/* menu */
	.mobiel {display: block;}
	.icon {position: absolute; right: 0px; top: 8px; z-index: 1001; border: 0; margin: 0; height: 81px; width: 81px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; outline: 0;}
	.icon span {height: 3px; width: 30px; background-color: var(--color-basis); border-radius: 0px; position: absolute; -webkit-transition: -webkit-transform 0.3s; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
	.icon span:first-child {top: 28px;}
	.icon span:nth-child(2) {top: 37px;}
	.icon span:last-child {top: 46px;}
	.icon--active span:first-child {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 37px;}
	.icon--active span:last-child {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 37px;}
	.icon--active span:nth-child(2) {opacity: 0;}
	.icon--button {border-radius: 0px;}
	.icon--square {border-radius: 0;}
	.icon--transparent {background-color: transparent;}
	.icon-transition {-webkit-transition: -webkit-transform 0.3s; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
	.menuContainer {position: absolute; z-index: 1000; left: 0; top: -1000px; transition: all 600ms ease-in-out; width: 100vw; height: auto; min-height: 100%; padding-bottom: 40px;}
	.menuContainer.open {position: absolute; z-index: 1000; left: 0; top: 0px; width: 100vw; height: auto; min-height: 100%; transition: all 600ms ease-in-out;}
	.menuContainer .contentWrapper {margin: 0; padding: 0;}
	.menu ul {display: flex; flex-direction: column; margin: 0; padding: 140px 0 100px 0; height: auto; width: 100%; background: var(--color-wit); border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; box-shadow: 0 0 20px var(--color-zwart);}
	.menu li {margin: 1px 0 0 0; width: 100%; text-align: center;}
	.menu li a {font-size: 2em; position: relative;color:var(--color-basis); padding: 15px;}
	.menu li a:hover {color:var(--color-basis-lichter);}

	.menu li a.tickets, .menu li a#sub8 { position: absolute; font-size: 1.3em; top: 27px; right: calc(50% + 70px); line-height: 40px;  padding: 2px 30px; }

	.topRight .language {position: absolute; z-index: 1000; top: -1000px; left:  calc(50% - 40px); display: block; height: 36px;transition: all 600ms ease-in-out;}
	.topRight .language.open {position: absolute; z-index: 1000; top: 27px; left:  calc(50% - 40px); display: block; height: 36px;transition: all 600ms ease-in-out;}

	.language p {position: relative; font-size: 1.3em; display: inline-block; color: var(--color-basis); line-height: 39px;padding: 0 30px 0 15px; width: 100%;  height: 39px; cursor: pointer;  }
	.language p:after {content:'\f107'; font-family: 'FontAwesomeSolid'; font-size: 0.7em; color:var(--color-basis); position: absolute; right: 10px; top: 0px;}
	.language ul {display: flex; flex-direction: column; list-style: none; border: solid 2px var(--color-basis);   position: relative; z-index: 1001; width: 100%; justify-content: flex-start; border-radius: 2em;  background: var(--color-wit)  }
	.language li {display: none;padding: 0 30px 0 20px;}
	.language li:first-of-type a {border-top: solid 2px var(--color-basis)}
	.language li:first-of-type a::before {right: 0;}
	.language li a {position: relative;font-size: 1.3em;  display: flex; justify-content: center; color: var(--color-basis); line-height: 40px; width: calc(100% - 20px); margin: 0 10px; padding: 0 30px 0 15px; height: 39px;}
	

	.menu li.langMobile {display: none;  }


	.toggle-content {padding: 40px; }
	section#Sec_6896AD5160 .wepContent h2 { padding: 0 40px; }

	footer .contentWrapper .main.txt {display: flex; justify-content:center; align-content: center; padding: 20px 0; margin: 0 !important;}
	footer .main.txt p img, footer .main.txt p a img {width: 250px; height: auto; max-width: calc(100% - 60px); min-width: auto;}

	.CompWrapper .main {width: 100%; margin-right: 0%;}
	footer .contentWrapper .main.txt {flex-direction: column; text-align: center;}
	footer .contentWrapper p {margin: 10px auto;}
	footer .menuFooter ul {text-align: center;}
	footer .socialLinks ul {justify-content: center;}
	footer .nomenuFooter {width: 100%; margin-top: 0px;}
	footer .menuFooter {width: 100%; margin-top: 50px;}
	footer .contactFooter {width: 100%; margin-top: 50px;}
	footer .partofsustainablesolutions {margin: 30px auto 0 auto; }

	/* nieuws */
	.nieuws_overzicht_blok .nieuwsberichtBlok { width: calc(50% - 20px); }
}


@media screen and (max-width: 600px) {
    .txt p a img {max-width: 50%;} 
	.txt img {float: none !important;}
	.txt h2, .txt h4 {text-align: center !important;}
	iframe {max-width:100%}
	.tweeKolommen.tekstTekstTekst .main.txt {flex-basis: calc(100% - 2vw); max-width: none;}
	.tweeKolommen.tekstTekstTekst .main.txt:last-of-type {flex-basis: calc(100% - 2vw); max-width: none;}
	.BodyFactsfigures td {display: block; width: 100%;}
	a.wepButton {margin: 25px 0; white-space: nowrap; overflow: hidden; padding: 0.5em 3.5em;  text-overflow: ellipsis; width: auto; max-width: calc(100vw - 60px);}
	.wepForm input[type="text"] {width:calc(100% - 10px) !important;margin: 0 0px 15px 0;}
	.wepForm textarea  {width:100%!important;margin: 0 0px 15px 0;}
}

@media screen and (max-width: 500px){
	body {font-size: 13px;}
	.txt p a {display: inline-block; width: auto; vertical-align: bottom; max-width: calc(100vw - 60px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

	section#Sec_6896AD5160 .wepContent h2 { font-size: 1.6em;  padding: 0 20px;  }
	.agendaBlok { width: calc(100% - 40px); }
	footer {font-size: 15px;}
	footer .txt p a {display: inline;}
	footer a.wepButton:after {font-size: 20px; padding: 4px;line-height: 16px; height: 16px; width: 16px; border-radius: 16px; transition: all 600ms ease-in-out; color: var(--color-wit); background: var(--color-basis-donkerder);}
	a.wepButton.buttonMeer {font-size: 3.2vw;}
}