@font-face {font-family: 'Montserrat-Regular'; src: url(/good_includes/fonts/Montserrat-Regular.ttf) format('truetype');}
@font-face {font-family: 'Montserrat-Semibold'; src: url(/good_includes/fonts/Montserrat-SemiBold.ttf) format('truetype');}
@font-face {font-family: 'Montserrat-Bold'; src: url(/good_includes/fonts/Montserrat-Bold.ttf) format('truetype');}
@font-face {font-family: 'Montserrat-Extrabold'; src: url(/good_includes/fonts/Montserrat-ExtraBold.ttf) format('truetype');}
@font-face {font-family: 'Raleway-Medium'; src: url(/good_includes/fonts/Raleway-Medium.ttf) format('truetype');}
@font-face {font-family: 'Raleway-Bold'; src: url(/good_includes/fonts/Raleway-Bold.ttf) format('truetype');}
@font-face {font-family: 'Raleway-Extrabold'; src: url(/good_includes/fonts/Raleway-ExtraBold.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: 
congressolar2030.nl (=solarbusinessday.nl) 
sustainablesolutionskortrijk.de
solarsolutionskortrijk.be
solarsolutionscourtrai.be
niet: congreswarmtepomp.nl (=warmtepompbusinessday.nl), heeft ander lettertype
*/

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:#3c3c3b;
	--color-seminar-titel:#fff;
	--color-error:#e73243;
	--color-error-rgb:231,50,67;
	/* verschilt per site */
    --color-basis:#1e9cd8;
	--color-basis-rgb:30,156,216;
	--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:#1e9cd8;
    --color-link-hover:#1e9cd8;
	--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;
}
html, body {height: 100%; min-height: 100%;}
body {margin: 0; padding: 0; font-family: 'Montserrat-Regular', sans-serif; font-weight: normal; font-size: 0.8vw; 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;}
/* img {pointer-events: none}*/

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

.topContainer.fix {position: fixed; width: 100%; z-index: 10001; background: var(--color-wit);}
.topContainer.fix .logo a img  {width: auto; min-width: auto; height: 40px;margin: 10px 2.5vw; transition: all 1s;}
section#slide.fix {margin-top: 80px;}
.topContent.fix {padding: 0px 20px 0px 20px;}


.topContent {position: relative; max-width: 1900px; 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;}

.logo {position: relative; z-index: 101; max-width: calc(100% - 80px);}
.logo a {display: inline-block; text-align: left; width: 100%;}
.logo img {height:61px; width:460px; padding: 5px 15px 5px 5px; object-position: left; object-fit: contain; max-width: 100%;}

.logoClick {position: absolute; top: 30%; left: 100%; display: flex; flex-direction:column; height: 40%; justify-content: center; align-items: center; width: 40px; color: var(--color-grijs); border-left: solid 1px var(--color-grijs); cursor: pointer;}
.logoClick:after {top: 30%;content:'\f107'; font-family: 'FontAwesomeSolid'; font-size: 1.5em;}
.toOtherSites {display: none; position: absolute; z-index: 100000;  left: -10px; top: 100%; height: auto;  width: calc(100% + 55px);  min-width:420px; padding: 5px;  background: var(--color-wit); border-radius: 8px;box-shadow: 0px 0px 4px var(--color-grijs);}
.logo .toOtherSites img {height: 56px; width: auto; max-width: 100%; padding: 3px 5px 3px 10px;}
.fix .logo .toOtherSites img {height: 26px; width: auto; padding: 3px 0px; margin: 0;}

.toOtherCongresses {display: flex; flex-direction: column; justify-content: flex-start;  position: absolute; z-index: 100000;  left: -10px; top: 100%; height: auto;  width: calc(100% + 55px); padding: 5px;  background: var(--color-wit); border-radius: 8px;box-shadow: 0px 0px 4px var(--color-grijs);}
.logo .toOtherCongresses img {width: 100%; max-width:600px; height: auto; padding: 0px 5px 0px 10px; margin: -6px 0 0 0; }

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:'Montserrat-Bold', sans-serif; font-size: 1.2em; font-weight: normal; position: relative; display: block; color: var(--color-zwart); 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 a.current {color:var(--color-menu-basis)}

.menu li.langMobile {display: none;}
/*.menu li:nth-last-of-type(3) a {color:var(--color-wit); background: var(--color-basis); border-radius: 22px; margin-left: 20px;}
.menu li:nth-last-of-type(3) a:hover {background:var(--color-basis-donkerder);}
.menu li:nth-last-of-type(3) a:before {display: inline-block; content:'\f3ff'; font-family: 'FontAwesomeSolid'; font-size: 1em; color: var(--color-wit); margin: 0 10px 0 0;transform: rotate(300deg);transition: all 400ms;}
.menu li:nth-last-of-type(3) a:hover:before {display: inline-block; content:'\f3ff'; font-family: 'FontAwesomeSolid'; font-size: 1em; color: var(--color-wit); margin: 0 10px 0 0;transform: rotate(240deg);transition: all 300ms;}*/

/* menu extra accenten tickets */
.menu li a.tickets, .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.biglietti:hover {background:var(--color-basis-donkerder);}
.menu li a.tickets:before, .menu li a.biglietti::before{display: inline-block; content:'\f145'; font-family: 'FontAwesomeSolid'; font-size: 1em; color: var(--color-wit); margin: 0 10px 0 0;transform: rotate(300deg);transition: all 400ms;}
.menu li a.tickets:hover:before, .menu li a.biglietti:hover:before {display: inline-block; content:'\f145'; font-family: 'FontAwesomeSolid';  font-size: 1em; color: var(--color-wit); margin: 0 10px 0 0;transform: rotate(240deg);transition: all 300ms;}

/* nieuwsbrief, moet zo worden als tickets */
.menu li a.newsletter {color:var(--color-wit); background: var(--color-basis); border-radius: 22px; margin-left: 10px;}
.menu li a.newsletter: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);}

.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; }

/* versie met vlaggetjes
.language li {position: relative; padding-right: 30px;}
.language li#langUK:after {content:'EN'; position: absolute; top: 10px;}
.language li#langDE:after {content:'DE'; position: absolute; top: 10px;}
.language li#langBE:after {content:'NL'; position: absolute; top: 10px;}
.language li#langFR:after {content:'FR'; position: absolute; top: 10px;}
.language li a img {object-fit:cover; width: 100%; height: 100%;}*/

/* versie met tekst 
.language ul {display: flex; list-style: none;}
.language li a {display: inline-block; line-height: 40px; width: 40px; height: 40px; margin: 0 3px; padding: 0;border-radius: 50%; overflow: hidden;}
.language li {position: relative; padding-right: 0px;}
.language li#langUK:after {content:'EN'; position: absolute; top: 10px; left: 0px; z-index: -1;}
.language li#langDE:after {content:'DE'; position: absolute; top: 10px; left: 0px; z-index: -1;}
.language li#langBE:after {content:'NL'; position: absolute; top: 10px; left: 0px; z-index: -1;}
.language li#langFR:after {content:'FR'; position: absolute; top: 10px; left: 0px; z-index: -1;}
.language li a img {display: none}*/

.language p {position: relative; display: inline-block; color: var(--color-tekst); line-height: 40px;padding: 0 30px 0 15px; width: 100%;  height: 40px; cursor: pointer;}
.language p:hover {background: rgba(var(--color-wit-rgb),0.8); border-radius: 4px}
.language p:after {content:'\f107'; font-family: 'FontAwesomeSolid'; font-size: 0.7em; color:var(--color-tekst); position: absolute; right: 10px; top: 0px;}
.language ul {display: flex; flex-direction: column; list-style: none; border: solid 0px #aaa; background: rgba(var(--color-wit-rgb),0.9);  border-radius: 4px; position: relative; z-index: 1001; width: 100%; justify-content: flex-start; box-shadow: 0px 0px 4px rgba(var(--color-grijs-rgb),0.5);}
.language li {display: none;padding: 0 30px 0 20px;}
.language li a {position: relative; display: inline-block; color: var(--color-tekst); line-height: 40px; width: 100%; padding: 0 30px 0 15px; height: 40px;}
.language li a:hover {background: rgba(var(--color-wit-rgb),0.8); z-index: 0; box-shadow: 0px 0px 4px rgba(var(--color-grijs-rgb),0.5);}
.language li:last-of-type a:hover {border-bottom-left-radius: 4px;border-bottom-right-radius: 4px}
.language li {position: relative; margin: 0; padding: 0; height: 40px;}
.language li:first-of-type a {background: rgba(var(--color-wit-rgb),0.8); z-index: 0; box-shadow: 0px 0px 4px rgba(var(--color-grijs-rgb),0.5);}
.language li:first-of-type a:before {content:'\f00c'; font-family: 'FontAwesomeSolid'; font-size: 0.5em; color:var(--color-tekst); 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:'Montserrat-Extrabold', sans-serif; font-weight: normal; font-size:4.2em; font-weight: normal; line-height: 1.2em; padding: 0px 0 30px 0; display: block;}
.txt h2 {font-family:'Montserrat-Extrabold', sans-serif; font-weight: normal; font-size:4.2em; font-weight: normal; line-height: 1.2em; padding: 0px 0 30px 0;}
.txt h3 {font-family:'Montserrat-Bold', sans-serif; font-weight: normal; font-size: 2.5em; color:var(--color-basis); line-height: 1.2em; padding: 0px 0 20px 0;}
.txt h4 {font-family:'Montserrat-Bold', sans-serif; font-weight: normal; font-size: 2.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:'Montserrat-Bold', sans-serif; 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;}
a[href^="tel:"] {white-space: nowrap; cursor: default; color: var(--color-tekst) !important}
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;}
.txt h2 .fas {margin-left:calc(-1em - 10px);margin-right: calc(1em);}
.txt h2 .fas:before {width: auto;}

/* PW21032025 	.heroTekst.txt p .fas {color:var(--color-wit)} */
/* als Firefox ondersteund: .txt h4:has(.fas) {margin-left: calc(1em + 10px);} */

.BodyVisitorsprofile .sectionBg .tweeKolommen.tekstTekst .main.txt {justify-content: center; align-self:center; text-align: center; padding: 5vw;}
	.BodyVisitorsprofile .sectionBg:nth-of-type(3) {background: none;}

.BodyVisitorsprofile .sectionBg .tweeKolommen.tekstTekst .main.txt h2 {font-size: 18em;color: var(--color-tekst);}
.BodyVisitorsprofile .sectionBg .tweeKolommen.tekstTekst .main.txt h3 {color: var(--color-tekst)}
.BodyVisitorsprofile .sectionBg .tweeKolommen.tekstTekst .main.txt p img {max-width:500px; width: 30vw !important; height: auto;}

.BodyVisitorsprofile .sectionBg2x .tweeKolommen.tekstTekst .main.txt {justify-content:flex-start; align-self:flex-start; text-align: center; padding: 5vw; min-height: 0vh;}
.BodyVisitorsprofile .sectionBg2x {background: linear-gradient(to left, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}
.BodyVisitorsprofile .sectionBg2x .tweeKolommen.tekstTekst .main.txt p {font-family:'ProximaNovaSemibold', sans-serif;   text-align: left; font-size: 3em; line-height: 2.5em; margin: 0 auto;}
.BodyVisitorsprofile .sectionBg2x .tweeKolommen.tekstTekst .main.txt p img {vertical-align: middle; margin-right: 15px;}

.BodyBesucherprofil .sectionBg .tweeKolommen.tekstTekst .main.txt {justify-content: center; align-self:center; text-align: center; padding: 5vw;}
	.BodyBesucherprofil .sectionBg:nth-of-type(3) {background: none;}

.BodyBesucherprofil .sectionBg .tweeKolommen.tekstTekst .main.txt h2 {font-size: 18em;color: var(--color-tekst);}
.BodyBesucherprofil .sectionBg .tweeKolommen.tekstTekst .main.txt h3 {color: var(--color-tekst)}
.BodyBesucherprofil .sectionBg .tweeKolommen.tekstTekst .main.txt p img {max-width:500px; width: 30vw !important; height: auto;}

.BodyBesucherprofil .sectionBg2x .tweeKolommen.tekstTekst .main.txt {justify-content:flex-start; align-self:flex-start; text-align: center; padding: 5vw; min-height: 0vh;}
	.BodyBesucherprofil .sectionBg2x {background: linear-gradient(to left, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}
.BodyBesucherprofil .sectionBg2x .tweeKolommen.tekstTekst .main.txt p {font-family:'ProximaNovaSemibold', sans-serif;   text-align: left; font-size: 3em; line-height: 2.5em; margin: 0 auto;}
.BodyBesucherprofil .sectionBg2x .tweeKolommen.tekstTekst .main.txt p img {vertical-align: middle; margin-right: 15px;}


.txt hr {border-top: solid 1px var(--color-grijs); color: transparent;}
.box p {font-size: 0.9em;}
.txt .videoPlayer {max-width:350px}

a.wepButton {position: relative; z-index:2; font-size: 0.8em; display: inline-block; padding: 6px 50px 6px 65px; text-align: center; line-height: 30px; margin: 25px 0px; text-transform: none; text-decoration: none !important; border-radius: 22px; 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; }
	.tekstTekst .txt a.wepButton {color:var(--color-wit);}
a.wepButton:after {position: absolute; z-index:3; content: '\f105 '; font-family: 'FontAwesomeSolid'; font-size: 34px; text-align: center; left: 0px; top: 0px; padding: 4px;line-height: 34px; height: 34px; width: 34px; border-radius: 22px; transition: all 600ms ease-in-out; color: var(--color-wit); background: var(--color-basis-donkerder);}
a.wepButton:hover {border: solid 3px var(--color-basis-donkerder); background: var(--color-basis-donkerder); color: var(--color-wit);}
a.wepButton:hover:after {left: calc(100% - 42px);  transition: all 600ms ease-in-out;}

a.wepButton.greenheating {border: solid 3px var(--color-basis-groen); background: var(--color-basis-groen);}
a.wepButton.greenheating:after { background: var(--color-basis-groen-donkerder);}
a.wepButton.greenheating:hover {border: solid 3px var(--color-basis-groen-donkerder); background: var(--color-basis-groen-donkerder);}

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

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

.hero {position: relative; width: 100%; padding: 0; height: 83.1vh; min-height: 500px; background-position: right top !important; background-size:cover !important; text-align: center;}
.hero:after {content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: linear-gradient(to right, rgba(var(--color-zwart-rgb),0.5) 0%, rgba(var(--color-wit-rgb),0.23) 50%);}
	.BodyEvcharging .hero:after {content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: linear-gradient(to right, rgba(var(--color-zwart-rgb),0.3) 0%, rgba(var(--color-zwart-rgb),0.3) 100%);}
	.BodySmartstorage .hero:after {content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: linear-gradient(to right, rgba(var(--color-zwart-rgb),0.3) 0%, rgba(var(--color-zwart-rgb),0.3) 100%);}
.home .hero:after {content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: linear-gradient(to right, var(--color-basis) 0%, var(--color-basis) 36%, rgba(var(--color-zwart-rgb),0.5) 36%, transparent 100%);}
.heroTekst {position: relative; z-index: 10; top: 0; max-width: 1890px; width: 100%; margin: 0 auto; padding: 0 5vw; display: flex; flex-direction: column; align-items:flex-start; justify-content:center; height: 100%;}
	.heroTekst.txt h1 {font-family: 'Montserrat-Extrabold', sans-serif; font-size: 5em; font-weight:normal; color:var(--color-wit); text-align: left; line-height: 1em;}
.heroTekst.txt p {font-size: 1.75em; color:var(--color-wit); text-align: left;}
/*.heroTekst.txt p:first-of-type:before {content: '\f073'; font-family: 'FontAwesomeSolid'; font-size: 1.2em; color: var(--color-wit); margin: 0 20px 0 0;}*/

.heroTekst a.wepButton {border: 0;}
.heroTekst a.wepButton:hover {border: 0;}

.cycle-pager {display: none; position: absolute; z-index: 1001; top: calc(50% - 45px); right: 30px; text-align: center; vertical-align: middle; width: 20px; height: 90px; z-index: 500; overflow: hidden;}
.cycle-pager span {font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: var(--color-wit); cursor: pointer;}
.cycle-pager span.cycle-pager-active {color: var(--color-basis);}
.cycle-pager > * {cursor: pointer;}

.fileList {margin: 0; padding: 20px; background: var(--color-lichtgrijs)}
.CompContent .txt a.linkPDF {color: var(--color-zwart); }
.CompContent .txt a.linkPDF:hover {color: var(--color-link-hover); }

.CompContent .txt a.linkPDF:before {font-family: 'FontAwesomeSolid'; content: '\f1c1'; padding-right: 5px; color: #e40d0d;}
.CompContent .txt a.linkImg:before {font-family: 'FontAwesomeSolid'; content: '\f1c5'; padding-right: 5px; color: #e2781e;}
.CompContent .txt a.linkExcel:before {font-family: 'FontAwesomeSolid'; content: '\f1c3'; padding-right: 5px; color: #107c41;}
.CompContent .txt a.linkWord:before {font-family: 'FontAwesomeSolid'; content: '\f1c2'; padding-right: 5px; color: #185abd;}
.CompContent .txt a.linkPowerpoint:before {font-family: 'FontAwesomeSolid'; content: '\f1c4'; padding-right: 5px; color: #c43e1c;}

.countDown {font-family: 'Montserrat-Bold', sans-serif; color: var(--color-wit); display: flex; font-size: 3vw;}
p.countDown {font-size: 3vw;}
.countDown .dd, .countDown .hh, .countDown .mm, .countDown .ss  {position: relative; background: var(--color-basis-donkerder); display: flex; justify-content: center; line-height: 115px; width: 115px; height: 115px; border-radius: 8px; margin: 0.5vw; flex-wrap: wrap;} 

.countDown .dd:after {content:'dag'; position: absolute; top: 85px; font-size: 0.5em;}
.countDown .hh:after {content:'uur'; position: absolute; top: 85px; font-size: 0.5em;}
.countDown .mm:after {content:'min'; position: absolute; top: 85px; font-size: 0.5em;}
.countDown .ss:after {content:'sec'; position: absolute; top: 85px; font-size: 0.5em;}

.countDown:lang(en) .dd:after {content:'day'; position: absolute; top: 85px; font-size: 0.5em;}
.countDown:lang(en) .hh:after {content:'hour'; position: absolute; top: 85px; font-size: 0.5em;}
.countDown:lang(en) .mm:after {content:'min'; position: absolute; top: 85px; font-size: 0.5em;}
.countDown:lang(en) .ss:after {content:'sec'; position: absolute; top: 85px; font-size: 0.5em;}

.sectionBg .countDown { color: var(--color-wit);}
.sectionBg .countDown .dd, .sectionBg .countDown .hh, .sectionBg .countDown .mm, .sectionBg .countDown .ss  {background: var(--color-basis-donkerder);}
.sectionBg .countDown .dd:after {color: var(--color-basis-donkerder);}
.sectionBg .countDown .hh:after {color: var(--color-basis-donkerder);}
.sectionBg .countDown .mm:after {color: var(--color-basis-donkerder);}
.sectionBg .countDown .ss:after {color: var(--color-basis-donkerder);}


.sectionBg2x .countDown { color: var(--color-basis-donkerder);}
.sectionBg2x .countDown .dd, .sectionBg2x .countDown .hh, .sectionBg2x .countDown .mm, .sectionBg2x .countDown .ss  {background: var(--color-wit);}
.sectionBg2x .countDown .dd:after {color: var(--color-wit);}
.sectionBg2x .countDown .hh:after {color: var(--color-wit);}
.sectionBg2x .countDown .mm:after {color: var(--color-wit);}
.sectionBg2x .countDown .ss:after {color: var(--color-wit);}

/* kolommen */

/* 0 - standaard, een kolom*/
.eenkolom {max-width: 1400px; /*max-width:  1140px;*/ margin: 0 auto; padding: 0;}
.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;}

	.tweeKolommen.tekstTekst .main.txt p img {width: 100%;}

.tweeKolommen.tekstTekst p.overlay  {position: relative; z-index: 1; margin: 0;}
.tweeKolommen.tekstTekst p.overlay:after {content: ""; position: absolute; z-index: 2; top: 0; left: 0; bottom: 0px; right:  0; width: 100%; height: calc(100% - 10px); background: transparent linear-gradient(90deg, var(--color-basis-donkerder) 0%, transparent 100%) 0% 0% no-repeat padding-box; opacity: 0.5;} 

/* 2 - drie kolommen tekst - tekst - tekst */
.tweeKolommen.tekstTekstTekst .main.txt {flex-basis: calc(33% - 2vw); flex-shrink: 0; margin: 0;align-self:top; text-align: left;}

/* 3 - twee kolommen tekst doorlopend */
.tweeKolommen.tekstDoorlopend .main.txt {column-count: 2; padding: 0; text-align: left;}
/* 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: 5vw 5vw 5vw 0; margin: 0; object-fit: cover;}

/* 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;}

/* 6 - twee kolommen afbeelding 33% - tekst */
.tweeKolommen.afbeelding33Tekst {display: flex; justify-content: center; margin: 0 auto;}
.tweeKolommen.afbeelding33Tekst .main.txt {order:2; flex-basis: calc(50% - 10px); flex-grow: 0; flex-shrink: 0; padding: 0; margin: 0;text-align:left;}
.tweeKolommen.afbeelding33Tekst .afbeelding {order:1; flex-basis: calc(30% - 10px); flex-grow: 0; flex-shrink: 0; padding: 0; margin: 0; max-width: 100%;}

/* Awards */
.BodyAwards .main.txt table, .BodyAwardshow .main.txt table, .BodyPremi .main.txt table {display: inline-block; vertical-align: top; width: 25%; padding: 2vw 1vw 1vw 1vw; margin:8vw 2vw 6.25vw 2vw; border-radius: 50px; box-shadow: 0px 0px 3vw var(--color-standaardgrijs);}
.BodyAwards .main.txt table h2, .BodyAwardshow .main.txt table h2, .BodyPremi .main.txt table h2  {font-size: 1.8em; color: var(--color-basis)}
.BodyAwards .main.txt table p, .BodyAwardshow .main.txt table p, .BodyPremi .main.txt table p {text-align: left}
.BodyAwards .main.txt table p:first-of-type, .BodyAwardshow .main.txt table p:first-of-type, .BodyPremi .main.txt table p:first-of-type {text-align: center;}
.BodyAwards .main.txt table p img, .BodyAwardshow .main.txt table p img, .BodyPremi .main.txt table p img {max-width: 100%; margin: -40% auto 0 auto;}
.BodyAwards .main.txt table li, .BodyAwardshow .main.txt table li, .BodyPremi .main.txt table li {text-align: left}
.BodyAwards .main.txt table td, .BodyAwardshow .main.txt table td, .BodyPremi .main.txt table td {padding: 1.5vw; text-align: center;}


section.marginT {padding-top: 6.25vw;}
section.marginB {padding-bottom: 6.25vw;}

section#seminars {/*background: var(--color-lichtgrijs);*/ padding: 5vw 0; font-size: 1.2em;}
section#seminars .innerWrapper {max-width: 1140px; 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 */

/* nieuw seminaropzet 
.BodySeminar .txt h2 {color: var(--color-wit); background: var(--color-basis); font-size: 2.5em; line-height: 2em; padding-bottom: 0;  margin: 0 auto; max-width: 1100px;}
.BodySeminar .txt h3 { font-family: "Montserrat-Regular",sans-serif; color: var(--color-wit); background: var(--color-basis); font-size: 2em; font-weight: normal; line-height: 2em; padding-bottom: 0;margin: 0 auto; max-width: 1100px;}
.BodySeminar .txt table {width: 100%; max-width: 1100px; font-size: 1.2em;}
.BodySeminar .txt tr {page-break-inside: avoid; page-break-before: auto;}
.BodySeminar .txt td {vertical-align: left; padding: 10px 20px;}
.BodySeminar .txt td:nth-of-type(1) {width: 20%;white-space: nowrap;}
.BodySeminar .txt td:nth-of-type(2) {white-space: nowrap; text-align:center; width: 30%;  }
.BodySeminar .txt td:nth-of-type(3) {width: 50%;}
.BodySeminar .txt td:nth-of-type(3) p {white-space: wrap; text-align: left;}
.BodySeminar .txt td:nth-of-type(3) div {text-align: left;margin-bottom: 5px;}
.BodySeminar .txt td:nth-of-type(3) #organisatie {color:var(--color-accentgrijs);font-size: 0.95em;} 

.BodySeminar .txt td img {position: relative; border: 0; max-width: 80px; object-fit: cover; object-position: top; border-radius: 50%; display: inline-block;aspect-ratio: 1 / 1; }
.BodySeminar .txt td img:first-of-type {position: relative; margin: 0; }

*/

/* t.b.v. programma */
.seminar table tr {border-bottom: solid 1px var(--color-basis) }
.seminar table td {vertical-align: top; text-align: left; padding: 10px; }
.seminar table td p {vertical-align: top; padding: 0px; }
.seminar table td p strong {color: var(--color-zwart);}
.seminar table td:first-of-type {white-space: nowrap; font-family: "Montserrat-Bold",sans-serif; font-weight: normal;  }

/* bedrijvenregister */
.CompContent {padding-bottom: 150px;}
.registerBlok {font-size: 0.9em; background: var(--color-wit); padding: 10px 10px 0 10px; }
/*.registerBlok .premium {position: relative; background: red}
.registerBlok.labelGold:before {content: ''; display: block; position: absolute; top: 0; right: 10px; width: 64px; height: 84px; background: url(../img/gold-sponsor.png);}
.registerBlok.labelSilver:before {content: ''; display: block; position: absolute; top: 0; right: 10px; width: 64px; height: 84px; background: url(../img/silver-sponsor.png);}*/
/* gold, silver 365 premium, 365 plus members */
.registerBlok.s15:before {content: ''; display: block; position: absolute; top: 0; right: 0px; width: 80px; height: 106px; background: url(../img/s15-gold-sponsor.png);}
.registerBlok.s14:before {content: ''; display: block; position: absolute; top: 0; right: 0px; width: 80px; height: 106px; background: url(../img/s14-silver-sponsor.png);}
.German .registerBlok.s15:before {content: ''; display: block; position: absolute; top: 0; right: 0px; width: 80px; height: 106px; background: url(../img/de-s15-gold-sponsor.png);}
.German .registerBlok.s14:before {content: ''; display: block; position: absolute; top: 0; right: 0px; width: 80px; height: 106px; background: url(../img/de-s14-silver-sponsor.png);}

.registerBlok.s12:before {content: ''; display: block; position: absolute; top: 0; right: 0px; width: 80px; height: 106px; background: url(../img/s12s6-365-premium-member.png);}
.registerBlok.s6:before {content: ''; display: block; position: absolute; top: 0; right: 0px; width: 80px; height: 106px; background: url(../img/s12s6-365-premium-member.png);}
.registerBlok.s9:before {content: ''; display: block; position: absolute; top: 0; right: 0px; width: 80px; height: 106px; background: url(../img/s9s4-365-plus-member.png);}
.registerBlok.s4:before {content: ''; display: block; position: absolute; top: 0; right: 0px; width: 80px; height: 106px; background: url(../img/s9s4-365-plus-member.png);}
/*.zbForm.bloklinkszonderhover h3 {font-size:1.25em;}*/
.zbForm .filterGroup p {font-size:1.25em;}
.registerBlok p:first-of-type {height: 100px; max-width: calc(100% - 90px); margin: 0 0 15px 0;}
.registerBlok p:first-of-type a:last-of-type {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100% !important; color: var(--color-tekst); font-weight: bold;}
.registerBlok p:first-of-type a:last-of-type:hover {color:var(--color-basis-donkerder)}
.registerBlok p:nth-of-type(2){margin: 10px 0; min-height: 140px;}
.Exhibitors .beursstand  {margin:0 auto 0 0; font-size: 1em; padding: 0px 5px; width: auto;  background: #eee;}
.Exhibitors p.beursstand {display: block; width: 250px; clear: both; margin-bottom: 10px; } 
.Products .beursstand  {margin:auto 10px 0 auto; font-size: 1em; padding: 0px 5px; background: #eee;}
.beursstand img {vertical-align:top; margin-right: 5px;}

/* bedrijfspagina naw */
.nawgegevens {width: 100%; margin: 0; padding: 20%; border: solid 1px var(--color-lichtgrijs);}
.nawgegevens .txt {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; font-size: 0.8em;}
.nawgegevens .txt p:nth-of-type(2) {border-top: solid 1px var(--color-lichtgrijs);  padding-top: 20px;}
.nawgegevens p {margin: 0; line-height: 1em;}
.nawgegevens a {color: var(--color-tekst);}

/*.compTypes {border-top: solid 1px var(--color-lichtgrijs);  padding-top: 20px;}
.compTypes p:first-of-type {margin-bottom: 10px}
.compTypes p span {display: block;}
.compTypes p span:nth-of-type(n+5) {display: none}
.compTypes p span:nth-of-type(4):after {content:'+ meer productgroepen'; display: block; width: 100%;}*/

/* productinfo; uit master solar 365 t.b.v. producten en bedrijvengids | overrule profielen.css */
/*.CompWrapper {display: flex; order: 5; max-width: 1800px !important; margin: 30px auto; padding: 0;}
.CompWrapper .kop {display: none; text-align: left !important; padding: 0 0 0 10px !important; background: var(--color-basis) !important}*/



/* agenda */
section#agenda {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: 25vw; min-width: 300px;  aspect-ratio: 400 / 420; font-family:'Montserrat-Regular', sans-serif; font-weight: normal; padding: 50px 50px 30px 50px; box-shadow: 0 0 10px var(--color-lichtgrijs); border-radius: 20px; background: var(--color-wit) }
.agendaBlok.announced {order: 3;}
.agendaBlok h3 {position: relative; color: var(--color-zwart) !important; font-family:'Montserrat-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: 'Montserrat-Semibold'; font-size: 1.4em;}
.agendaBlok a.wepButton {display: inline-block; margin-right: auto; width: auto; text-align: center; text-decoration: none; font-family:'Montserrat-Bold', sans-serif; font-weight: normal; font-size: 1.4em; color: var(--color-info-grijs); border: solid 1px var(--color-info-grijs); 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;  aspect-ratio: 400 / 430;  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-mediam-grijs) }

.meerProducten {justify-content:flex-start !important;}
.handelspleinBlok {width: calc(25% - 10px); margin: 0 10px 30px 0 !important;}
.handelspleinBlok p img {height: 200px !important;}
.handelspleinBlok p.bedrijfsnaam {top: 180px !important;}
/*.product-thumb {height: 200px; width: calc(25% - 40px) !important;margin: 20px 35px 20px 0 !important;}*/
/*.product-thumb {height: 200px;}
.product-thumb:hover {box-shadow: 0px 0px 10px #ccc;}
.product-thumb a p {padding: 10px !important;}
.product-thumb img {height: 100% !important; width: 100%;}*/

/* evenementen, deels ook in profielen.css */
#itemKennisplein .mainWrapper { display: flex; order: 5; max-width: 1640px; margin: 30px auto;  gap: 50px; }
	#itemKennisplein .mainWrapper .mainContent {padding: 0 20px;}
	#itemKennisplein .mainWrapper .mainAsideContent {min-width: 350px;}

/* nieuws van exposanten */
#companyNewsItem  {color: var(--color-tekst); background:linear-gradient(to right, var(--color-wit) 0%, var(--color-wit) calc(50% + 250px), var(--color-lichtgrijs) calc(50% + 250px), var(--color-lichtgrijs) 100%); margin-bottom: 5vw;}
/*	.CompWrapperMain h1#infoBedrijf {font-family:'Montserrat-Extrabold', sans-serif; font-weight: normal; font-size:4em; font-weight: normal; line-height: 1em; padding: 0; display: block; white-space:normal;}*/
#companyNewsItem .innerWrapper {display: flex; max-width: 1640px; margin: 30px auto; padding: 0;}
#companyNewsItem .nieuwskolom { flex: 3 0px; position: relative; display: flex; flex-direction: column; padding: 0; margin-right: 5vw; }
#companyNewsItem .nieuwskolom figure { position: relative; display: inline; width: 100%; }
#companyNewsItem .nieuwskolom figure img { width: 100%; height: auto; object-fit: cover;  aspect-ratio: 2 / 1; z-index: 1; margin-bottom: -40px;  }
#companyNewsItem .nieuwskolom figure + p .datum { position: relative; z-index: 2; top: -40px; display: inline-block; color: var(--color-wit); font-size: 0.7em; font-weight: bold; height: 40px; line-height: 40px; padding: 0 20px 0 10px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; background: var(--color-basis); }
#companyNewsItem .nieuwskolom figure + p .datum:before {font-family: 'FontAwesomeRegular';  content: '\f017'; padding-right: 10px;}
#companyNewsItem .nieuwskolom .main.txt {width: 100%; text-align: left;}
.CompWrapper { display: flex; order: 5; max-width: 1640px; margin: 0px auto; padding: 0;}
#companyNewsItem .mainAsideContent .nawgegevens {margin: 30px auto}
#companyNewsItem .mainAside { order: 7; flex: 2 0px;margin: 10px; }
/*#companyNewsItem .mainAside .mainAsideContent { position: relative; margin: 10px; display: flex; flex-direction: column; flex-wrap: wrap; }
.CompIntroAside { order: 6; flex: 1 0px; }*/
#companyNewsItem .nawgegevens {width: 100%; margin: 0; padding: 5vw; background:var(--color-wit); border-radius: 50px; box-shadow: 0px 0px 1vw var(--color-grijs);}
#companyNewsItem .nawgegevens .txt {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; font-size: 0.8em;}
#companyNewsItem .nawgegevens .txt p {margin: 0; font-size: 1.6em; line-height:1.5em; padding: 0; width: 100%;}
#companyNewsItem .nawgegevens .txt p strong {font-size: 1.5em; padding-bottom: 30px; width: 100%; display: inline-block;  border-bottom: solid 1px var(--color-grijs);}
#companyNewsItem .nawgegevens .txt p:nth-of-type(2) {border-top: 0; padding: 20px 0;margin: 0 0 10px 0;}
#companyNewsItem .nawgegevens a {color: var(--color-tekst);}
#companyNewsItem a.wepButton  {color: var(--color-wit);}
/* op bedrijfspagina */
.nieuwsBlok-content {font-weight: bold;}
.nieuwsBlok-content .datum {font-weight: normal;}

/* Nieuws uit 365 sites */
/*.bdnieuwsoverzicht .columnBreed {width: 50%}*/
.newsOverview {display: flex; justify-content: space-between; width: 100%; margin: 0; padding: 0;}
.newsOverview .columnBreed {width: 50%; order: 2; margin-top: 0px; padding: 0 20px; border-left: solid 1px var(--color-basis-accent); border-right: solid 1px var(--color-basis-accent);}
.newsOverview .columnSmal {order: 1; display: flex; flex-direction: column; padding: 0 10px; margin: 0 10px 0 0;}
.newsOverview .columnSmal:last-of-type {display: flex; flex-direction: column; padding: 0 10px; margin: -57px 0 0 10px; order: 3;}

.columnSmal p a {display: flex; font-size: 0.8em; line-height: 1.5em; color: var(--color-tekst); clear: both}
.columnSmal p a:hover {color: var(--color-basis); text-decoration: none;}
.columnSmal p a img {display: inline-block; width: 120px; max-width: 40%; height: 60px; object-fit: cover; margin: 5px 10px 15px 0;}

.columnSmal:last-of-type p a img {display: block; float: left; width: 51px; height: auto; margin: 5px 10px 15px 0;}
.columnSmal h2 {font-size: 2em; padding: 0 !important; margin-bottom: 10px;}

.newsOverview .columnSmal:last-of-type {margin: 0 0 0 10px; text-align: left;}
.newsOverview .columnSmal h2 {margin: 0 0 10px 0;}
.columnSmal:last-of-type p a img {width: 120px !important;}

.newsOverview {display: flex; justify-content: space-between; width: 100%; max-width: 1800px; margin: 0 auto 20px auto; padding: 0;}
.newsOverview .columnBreed {flex-basis: 50%; order: 2; margin-top: 0px; padding: 0 10px; border-left: solid 1px var(--color-basis-accent); border-right: solid 1px var(--color-basis-accent);}
.newsOverview .columnSmal {flex-basis: 25%; order: 1; padding: 0px 10px; display: flex; flex-direction: column; text-align: left; margin: 0 10px 0 0;}
.newsOverview .columnSmal:last-of-type {display: flex; flex-direction: column; margin: 0 0 0 10px; order: 3;}
.newsOverview .nieuwsberichtBlok {text-align: left; flex-basis: 100%; justify-content: space-between; min-height: 150px; margin: 0 0px 20px 0px; vertical-align: top;}
.newsOverview .nieuwsberichtBlok img {margin: 0; max-width: 100%;}

.nieuwsberichtBlok a:hover .datum strong {color: var(--color-basis);}
.nieuwsberichtBlok h1 {font-size: 2em;line-height: 1.2em; margin: 0; padding: 10px 0;}
.nieuwsberichtBlok h1 a {font-size: 1em;  margin: 0; padding: 0; color: var(--color-tekst); text-decoration: none !important;}
.nieuwsberichtBlok h1 a:hover {color: var(--color-basis);}
.nieuwsberichtBlok p {line-height: 1.5em; color: var(--color-tekst); margin: 0 0 5px 0; padding: 0;}
.nieuwsberichtBlok p:empty {display: none;}
.nieuwsberichtBlok img {max-width: 100%; width: 100%!important; border: solid 1px var(--color-wit);}
.nieuwsberichtBlok p .datum {margin-left: 0px;}

.soortNieuws {display: inline; color: var(--color-donkergrijs);}
.soortNieuws a {text-transform: uppercase; font-size: 0.8em; color: var(--color-donkergrijs); text-decoration: none !important;}
.soortNieuws a:hover {color: var(--color-basis-accent);}

/* kennisevenementen, idem als kennisplein 365 */
.datumEvenement {font-weight: normal; width: 100%; color: var(--color-zwart); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; clear: both;}
.datumEvenement:before {content: 'datum '; font-variant: small-caps; color: var(--color-zwart); display: inline-block; width: 150px;}
.tijdEvenement {font-weight: normal; display: block; color: var(--color-zwart); clear: both; margin: 0 0 0 150px;}
.tijdEvenement:before {content: 'tijd '; font-variant: small-caps; color: var(--color-zwart); display: inline-block; width: 150px; margin: 0 0 0 -150px;}
.plaatsEvenement {font-weight: normal; display: block; color: var(--color-zwart); clear: both; margin: 0 0 0 150px;}
.plaatsEvenement:before {content: 'plaats '; font-variant: small-caps; color: var(--color-zwart); display: inline-block; width: 150px; margin: 0 0 0 -150px;}
.kostenEvenement {font-weight: normal; display: block; color: var(--color-zwart); clear: both; margin: 0 0 0 150px;}
.kostenEvenement:before {content: 'kosten '; font-variant: small-caps; color: var(--color-zwart); display: inline-block; width: 150px; margin: 0 0 0 -150px;}
.linkEvenement {font-weight: normal; display: block; color: var(--color-zwart);	clear: both; margin: 0 0 0 150px;}
.linkEvenement:before {content: 'Informatie '; font-variant: small-caps; color: var(--color-zwart); display: inline-block; width: 150px; margin: 0 0 0 -150px;}
p.organisator {font-weight: normal;	width: 100%; font-size: 1em; display: block; color: var(--color-zwart); clear: both; padding: 0 0 0 150px;}
p.organisator:before {content: 'organisator '; color: var(--color-zwart); font-variant: small-caps; display: inline-block; width: 150px; margin: 0 0 0 -150px;}
#infoAgenda .txt p a {position: relative; z-index:2; font-size: 0.8em; display: inline-block; padding: 4px 20px 4px 20px; text-align: center; line-height: 30px; margin: 25px 25px 25px 0; text-transform: none; text-decoration: none; border-radius: 22px; 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);} /* als wepbutton */
#infoAgenda .txt p a:hover {color: var(--color-wit); border: solid 3px var(--color-basis-donkerder);  background: var(--color-basis-donkerder);}

/* social */
.social {width: 100%; text-align: left;}
/*.social:before {content:'share this:';}*/
.social ul {display: inline; list-style: none; margin: 0 0 0 1vw; padding: 0; text-align: right; box-sizing: unset;}
.social li {position: relative; z-index: 1; list-style: none !important;  display: inline-block; color: var(--color-zwart); font-size: 1.4em !important; text-align: center; margin: 3px; padding: 0 !important;}
.social li:hover {color: var(--color-basis); cursor: pointer;}

.socialLinks ul {display: flex; font-size: 1.9em; margin: 0; padding: 0;}
li.smChannel:before {content:none; display: none;}
li.smChannel {color: var(--color-basis); cursor: pointer; margin-right: 10px;}
li.smChannel:hover {color: var(--color-basis-donkerder)}
li.smChannel#smChEMail:after {font-family: 'FontAwesomeRegular'; content: '\f0e0';}
li.smChannel#smChTW:after {font-family: 'FontAwesomeBrands'; content: '\e61b';}
li.smChannel#smChLI:after {font-family: 'FontAwesomeBrands'; content: '\f08c';}
li.smChannel#smChFB:after {font-family: 'FontAwesomeBrands'; content: '\f09a';}
li.smChannel#smChWA:after {font-family: 'FontAwesomeBrands'; content: '\f232';}
li.smChannel#smChINSTA:after {font-family: 'FontAwesomeBrands'; content: '\f16d';}
li.smChannel#smChMESS:after {font-family: 'FontAwesomeBrands'; content: '\f39f';}

/* TEAM */
.team {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.teamBlok {display: flex; flex-direction: column; position: relative; margin: 0 20px 40px 0px; width: calc(25% - 20px); text-align: left; border-bottom: solid 1px var(--color-grijs);}
.teamBlok.Columnists {border-bottom: 0;}
.teamBlok .contact {min-height: 60px;}
.teamBlok .social {min-height: 40px;}
.teamBlok p {margin: 0 0 10px 0;}
.teamBlok p img {max-width: 100%; width: auto; object-fit: cover; margin: 0 0 10px 0;}

.teamBlok p a:hover {text-decoration: none;}
.team.social {justify-content: flex-start;}
.team.social ul {position: relative; margin: 0;}
.team.social li {position: relative; z-index: 99;}
.team.social a {position: absolute; display: block; width: 100%; height:100%; z-index: 100;}


/* FOOTER */
footer {position: relative; background: var(--color-lichtgrijs);padding: 2.5vw 0;}
footer .contentWrapper .main.txt {max-width: 100%; display: flex; justify-content:flex-start; align-content: center; text-align: left; padding: 2.5vw 5vw 5vw 5vw;}
/*footer .contentWrapper .main.txt:last-of-type {margin-left: 10px;}*/
footer .contentWrapper p {font-size: 1.2em; margin: 0 10px 0 0; padding: 0; max-width: 560px;}
footer .contentWrapper a:not(.wepButton) {font-size: 1em; color: var(--color-tekst); margin: 0;}
footer .contentWrapper a:not(.wepButton):hover {color: var(--color-basis-donkerder);text-decoration: none;}
footer .contentWrapper p img {max-width: 60%; vertical-align: middle;}
footer p img {width: 35vw; min-width: 250px;  max-width: 450px; height: auto; margin: 20px 2.5vw;}
footer .nomenuFooter {width: 400px;line-height: 1.5em;}
footer .menuFooter {width: 400px;line-height: 1.5em;}
footer .menuFooter:before {content:'Menu'; font-family: 'Montserrat-Bold', sans-serif; font-weight: normal; font-size: 1.4em;}
footer .menuFooter ul {list-style: none; margin: 0; padding: 0;}
footer .menuFooter li {font-size: 1.2em; margin: 0; padding: 0;}
footer .menuFooter li:before {content:none}
footer .menuFooter li.langMobile {display: none;}
footer .contactFooter {width: auto;line-height: 1.5em; margin-right: 5vw;}
footer .contactFooter p {white-space: nowrap;font-family: 'Montserrat-Regular';}
footer .contactFooter p strong {font-family: 'Montserrat-Bold', sans-serif; font-size: 1.2em; line-height: 1.4em; margin-top: 0;}
footer .contentFooter {z-index: 1; display: flex; flex-direction: column; justify-content: space-between; }
footer .partofsustainablesolutions {z-index: 2; display: inline; position: relative; width: 260px; height: 72px; margin-top: 0; }
footer .partofsustainablesolutions a { display: block; width: 100%; height: 100%;}

.toTop {display: none;}
.toTop a {position: fixed; z-index: 10; right: 10px; bottom: 10px; width: 40px; height: 40px; text-decoration: none; color: var(--color-tekst);}
.toTop a:after {position: absolute; top: 0px; left: 10px; font-family: 'FontAwesomeSolid'; content: '\f106'; font-size: 2em;}
.toTop a:hover:after {color: var(--color-lichtgrijs);}


/* TEMPLATE IFRAME */
iframe.frmGood {width: 100% !important; overflow-y: visible;}
iframe#frmFull {width: 100%; height: calc(100% - 300px) !important; min-height: 300px; overflow: auto;overflow-x: hidden; display: block;}
.BodyTicketdownload iframe {margin: auto auto; max-width: 840px;}
/* Video Youtube etc. */
/*.embeddedContent {overflow: hidden; padding-top: 40%; position: relative; margin: 0 auto; max-width: 560px;}
.embeddedContent iframe {border: 0;  width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}*/

.embeddedContent iframe {width: 100%; max-width: 560px;  height: auto !important; aspect-ratio: 192/108; }


/* invitatiecode */
.BodyUwinvitatiecode p strong i {font-size: 2em; border: solid 1px var(--color-basis); color: var(--color-wit); font-style: normal; padding: 0 10px;}
.BodyYourinvitationcode p strong i {font-size: 2em; border: solid 1px var(--color-basis); color: var(--color-wit); font-style: normal; padding: 0 10px;}

figure {width: 234px; height: 117px; overflow: hidden; margin-bottom: 10px;}
figure img {min-height: 100px; width: auto;}

/*Background Section*/
.sectionBg {border-bottom: solid 1px transparent; clear: both;}
.sectionBg * {position: relative; z-index: 2;}

.sectionBg h2 {color: var(--color-sectionBg-tekst);}
	.sectionBg.section100 h2 {color:var(--color-basis);}
	.BodyFactsfigures h2 {color: var(--color-basis)}
	.BodyFactsfigures section:not(:nth-of-type(3)) table h2 {color: var(--color-basis-donkerder)}
	.BodyFactsfigures td {width: 50%; padding-right: 20px;}
	.BodyFactsfigures td:first-of-type {text-align: right;}

.sectionBg .txt ul li:before {color:var(--color-basis)}
/*.sectionBg a {color: var(--color-sectionBg-tekst); }
.sectionBg a:hover {text-decoration: none; color: var(--color-sectionBg-tekst);}
.sectionBg a.wepButton {color: var(--color-basis-donkerder) !important; border: solid 3px var(--color-wit); background: var(--color-wit);}
.sectionBg a.wepButton:hover {color: var(--color-wit) !important; border: solid 3px var(--color-basis-donkerder);  background: var(--color-basis-donkerder);}
/* kan straks weg */ .sectionBg.sectionBg2x {background: linear-gradient(to right, var(--color-wit) 0%, var(--color-wit) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}


.BodySmartstorage .sectionBg h2 {color: var(--color-basis)}
.BodyEvcharging .sectionBg h2 {color: var(--color-basis)}

/* buttons */
a.wepButton1 {position: relative; z-index:2; font-size: 0.8em; display: inline-block; padding: 4px 20px 4px 20px; text-align: center; line-height: 30px; margin: 25px 25px 25px 0; text-transform: none; text-decoration: none !important; border-radius: 22px; cursor: pointer; background: var(--color-basis); font-family: 'Montserrat-Bold', sans-serif; font-weight: normal; color: var(--color-wit) !important; border: solid 3px var(--color-basis); }
a:hover.wepButton1 {border: solid 3px var(--color-basis-donkerder); background: var(--color-basis-donkerder); color: var(--color-wit) !important;}

a.wepButton2 {position: relative; z-index:2; font-size: 0.8em; display: inline-block; padding: 4px 20px 4px 20px; text-align: center; line-height: 30px; margin: 25px 25px 25px 0px; text-transform: none; text-decoration: none !important; border-radius: 22px; cursor: pointer; color: var(--color-basis-donkerder) !important; font-family: 'Montserrat-Bold', sans-serif; font-weight: normal; border: solid 3px var(--color-wit); background: var(--color-wit);}
a:hover.wepButton2 {color: var(--color-wit) !important; border: solid 3px var(--color-basis-donkerder);  background: var(--color-basis-donkerder);}

a.wepButton.buttonMeer {position: relative; z-index:2; font-size: 0.8em; display: inline-block; padding: 4px 20px 4px 20px; text-align: center; line-height: 30px; margin: 25px 25px 25px 0; text-transform: none; text-decoration: none; border-radius: 22px; 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);}

a.wepButton.buttonMeer:after {content:none}
a:hover.wepButton.buttonMeer {border: solid 3px var(--color-basis-donkerder); background: var(--color-basis-donkerder); color: var(--color-wit);}

p > a.buttonMeer {text-align: center;}
a.buttonMeer { font-family:'Montserrat-Bold', sans-serif; display: inline-block; text-decoration: none; width: auto; margin: 0 auto; padding: 10px 30px; font-size: 1.1em; color: var(--color-wit); background: var(--color-basis); border-radius: calc(10px + 0.6em); margin: 35px auto; }
a.buttonMeer:hover { color: var(--color-basis) ; border: none; background: var(--color-wit); text-decoration: none; }

/* varianten achtergrond in twee kleuren */
/*.sectionBg2x {background: linear-gradient(to left, var(--color-lichtgrijs) 0%, var(--color-lichtgrijs) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}*/
	/*.sectionBg2x:last-of-type  {background: linear-gradient(to right, var(--color-lichtgrijs) 0%, var(--color-lichtgrijs) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 0;}*//*.tweeKolommen.afbeelding50Tekst*/



	.sectionBg2x.Design1 /*.tweeKolommen.tekstTekst*/ {background:linear-gradient(to right, var(--color-heellichtgrijs) 0%, var(--color-heellichtgrijs) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding:  10vw 0;}
		.sectionBg2x.Design1:first-of-type /*.tweeKolommen.tekstTekst*/ {background:linear-gradient(to left, var(--color-heellichtgrijs) 0%, var(--color-heellichtgrijs) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 10vw 0;}

		


		/*.BodyContact .sectionBg2x .tweeKolommen.tekstTekst {background: linear-gradient(to left, var(--color-lichtgrijs) 0%, var(--color-lichtgrijs) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 5vw;}
		.BodyContact .sectionBg2x .tweeKolommen.tekstTekst .txt {text-align: left;}
		.BodyContact .sectionBg2x .tweeKolommen.tekstTekst .txt h2 {color: var(--color-wit) !important;}

		.BodyContactus .sectionBg2x .tweeKolommen.tekstTekst {background: linear-gradient(to left, var(--color-lichtgrijs) 0%, var(--color-lichtgrijs) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 5vw; 
		}
		.BodyContactus .sectionBg2x .tweeKolommen.tekstTekst .txt {text-align: left;}
		.BodyContactus .sectionBg2x .tweeKolommen.tekstTekst .txt h2 {color: var(--color-wit) !important;}*/

		/*body.Tickets .sectionBg2x  {background:linear-gradient(to left, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 0;}	
		.soFormContainer.send {max-width: 1000px; margin: 0 auto;}
		.soFormContainer.send p {margin-bottom: 50px;}

	/*.BodyTickets .sectionBg2x.Design1  {background:linear-gradient(to left, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 0;}
	.BodyTicketsvip .sectionBg2x.Design1  {background:linear-gradient(to left, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 0;}	

	.BodySsdnb2022 .sectionBg2x.Design1 {background:linear-gradient(to left, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 0;}

	.BodyVipregistration .sectionBg2x.Design1 {background:linear-gradient(to left, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 0;}
	.BodyVipregistrierung .sectionBg2x.Design1  {background:linear-gradient(to left, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 0;}

	.BodyTickets .Design1 .tekstAfbeelding50 .afbeelding img {padding: 2.5vw;}
	.BodyTickets .Design1 .tekstAfbeelding50 .main.txt {margin-top: -2px; padding-top: 7.5vw; display: flex; align-self:flex-start; background:linear-gradient(to bottom, var(--color-basis) calc(2.5vw + 18em), var(--color-wit) calc(2.5vw + 18em));}
	.BodyTickets .Design1 .tekstAfbeelding50 .main.txt h2 {max-width: 50%} */

/* sectionBG varianten */
.sectionBg {background:var(--color-lichtgrijs)}
.sectionBg.kleur {background:var(--color-basis);}
	/*.sectionBg .txt a {text-decoration: underline; font-weight: bold; color: var(--color-tekst);}
	.sectionBg .txt a:hover {text-decoration: none;}
	.sectionBg2x .txt a {text-decoration: underline; font-weight: bold; color: var(--color-tekst);}
	.sectionBg2x .txt a:hover {text-decoration: none;}*/
.sectionBg.zwartoverfoto:after {content:''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6)}
	.sectionBg.zwartoverfoto h2 {color:var(--color-wit)}
.sectionBg2x.witKleur {background: linear-gradient(to right, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}
.sectionBg2x.witKleurDeelachterfoto {background: linear-gradient(to right, var(--color-wit) 0%, var(--color-wit) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}
	.BodyPraktischeinformatie .sectionBg2x.witKleurDeelachterfoto .txt a {font-weight: bold; text-decoration: underline;}
	.BodyPraktischeinformatie .sectionBg2x.witKleurDeelachterfoto .txt a:hover { text-decoration: none;}
	.BodyInformationspratiques .sectionBg2x.witKleurDeelachterfoto .txt a {font-weight: bold; text-decoration: underline;}
	.BodyInformationspratiques .sectionBg2x.witKleurDeelachterfoto .txt a:hover { text-decoration: none;}
	.BodyPraktischeinformationen .sectionBg2x.witKleurDeelachterfoto .txt a {font-weight: bold; text-decoration: underline;}
	.BodyPraktischeinformationen .sectionBg2x.witKleurDeelachterfoto .txt a:hover { text-decoration: none;}
	.BodyPracticalinformation .sectionBg2x.witKleurDeelachterfoto .txt a {font-weight: bold; text-decoration: underline;}
	.BodyPracticalinformation .sectionBg2x.witKleurDeelachterfoto .txt a:hover { text-decoration: none;}
.sectionBg2x.kleurWit {background:linear-gradient(to left, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}
.sectionBg2x.kleurWitKleurDeelachterfoto {background:linear-gradient(to left, var(--color-wit) 0%, var(--color-wit) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-tekst);}
	.BodyPraktischeinformatie .sectionBg2x.kleurWitKleurDeelachterfoto .txt a {font-weight: bold; text-decoration: underline;}
	.BodyPraktischeinformatie .sectionBg2x.kleurWitKleurDeelachterfoto .txt a:hover { text-decoration: none;}
	.BodyInformationspratiques .sectionBg2x.kleurWitKleurDeelachterfoto .txt a {font-weight: bold; text-decoration: underline;}
	.BodyInformationspratiques .sectionBg2x.kleurWitKleurDeelachterfoto .txt a:hover { text-decoration: none;}
	.BodyPraktischeinformationen .sectionBg2x.kleurWitKleurDeelachterfoto .txt a {font-weight: bold; text-decoration: underline;}
	.BodyPraktischeinformationen .sectionBg2x.kleurWitKleurDeelachterfoto .txt a:hover { text-decoration: none;}
	.BodyPracticalinformation .sectionBg2x.kleurWitKleurDeelachterfoto .txt a {font-weight: bold; text-decoration: underline;}
	.BodyPracticalinformation .sectionBg2x.kleurWitKleurDeelachterfoto .txt a:hover { text-decoration: none;}
/* ipv .sectionBg2x.Design1 */
.sectionBg2x.lichtgrijsKleur  {background:linear-gradient(to right, var(--color-heellichtgrijs) 0%, var(--color-heellichtgrijs) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-tekst);}
.sectionBg2x.lichtgrijsKleurDeelachterfoto  {background:linear-gradient(to right, var(--color-heellichtgrijs) 0%, var(--color-heellichtgrijs) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-tekst);}
/* ipv .sectionBg2x */
.sectionBg2x.kleurLichtgrijs {background:linear-gradient(to left, var(--color-heellichtgrijs) 0%, var(--color-heellichtgrijs) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}
.sectionBg2x.kleurLichtgrijsDeelachterfoto  {background:linear-gradient(to left, var(--color-heellichtgrijs) 0%, var(--color-heellichtgrijs) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-tekst);}
	.sectionBg2x .tweeKolommen.tekstTekst .txt {text-align: center; padding: 5vw; margin: 0 auto;}
	/*.sectionBg2x.Design1 .tweeKolommen.tekstTekst .txt h2 {color:var(--color-tekst);}*/
	
.RegistreerNu {max-width: 760px; margin: 0 auto;}

.sectionBg.kleur a.wepButton {color: var(--color-zwart); border: solid 3px var(--color-wit); background: var(--color-wit);}
.sectionBg.kleur a.wepButton:hover {color: var(--color-wit); border: solid 3px var(--color-basis-donkerder);  background: var(--color-basis-donkerder);}*/

.sectionBg.kleur h1 {color: var(--color-wit);}
.sectionBg.kleur h2 {color: var(--color-wit);}
.sectionBg.kleur h3 {color: var(--color-wit);}

.sectionBg2x h1 {color: var(--color-wit);}
.sectionBg2x h2 {color: var(--color-wit);}
.sectionBg2x h3 {color: var(--color-wit);}
.sectionBg2x .txt li:before {color:var(--color-tekst);}
.sectionBg2x a {color: var(--color-sectionBg-tekst); /*text-decoration: underline;*/}
.sectionBg2x a:hover {text-decoration: none; color: var(--color-sectionBg-tekst);}
.sectionBg2x a.wepButton {color: var(--color-basis-donkerder); border: solid 3px var(--color-wit); background: var(--color-wit);}
.sectionBg2x a.wepButton:hover {color: var(--color-wit); border: solid 3px var(--color-basis-donkerder);  background: var(--color-basis-donkerder);}

.sectionBg2x .tweeKolommen.tekstTekst h2 {color: var(--color-zwart)}
.sectionBg2x .tweeKolommen.tekstTekst p img {margin:  0;}
.sectionBg2x .tweeKolommen.afbeelding50Tekst .afbeelding img {padding: 5vw 2.5vw 5vw 0;}

/* SPECIAL SECTIONS - VARIABEL INZETBAAR, ook HOME */
/* contactformulier */
#sectionContactform {margin-bottom: 20px;}
/*#sectionContactform .main.txt h2 {font-family: 'Montserrat-Bold', sans-serif; font-weight: normal; font-size: 2.25em; line-height: 1.2em; text-align: left; color: var(--color-zeerdonkergrijs); padding: 30px 0; display: block; width: 100%;}*/

.containerSustainableSolutions {position: relative; z-index: 10000; font-size: 20px; line-height: 1.5em; margin: 0 auto; max-width: 1640px; text-align: center;display: none;}

/* beursoverzicht */
.blockSustainableSolutions {display: inline-block; vertical-align: top; margin: 0 2px 20px 2px; max-width: calc(100% - 40px)}
.blockSustainableSolutions .imgContainer {width: 400px; max-width: 100%; height: 195px;background: var(--color-heellichtgrijs);}
.blockSustainableSolutions .imgContainer a {display: flex; justify-content: center; align-content: center; width: 100%; height: 100%;}
.blockSustainableSolutions .imgContainer a img {height: 60px; margin: auto 0;  padding: 3px;}
.blockSustainableSolutions ul {list-style: none; margin: 0; padding: 0;}
	.blockSustainableSolutions.solar {background: var(--color-basis-solar)}
	.blockSustainableSolutions.green {background: var(--color-basis-green)}
	.blockSustainableSolutions.smart {background: var(--color-basis-smart)}
	.blockSustainableSolutions.ev {background: var(--color-basis-ev)}
.blockSustainableSolutions li {position: relative; text-align: center; color: var(--color-wit); padding: 15px;}
.blockSustainableSolutions li a {color: var(--color-wit);text-decoration: none; display: block;}
.blockSustainableSolutions li a strong {font-family: 'Montserrat-Bold', sans-serif; font-size: 1.2em;}
	.blockSustainableSolutions.solar li a {color: var(--color-zwart)}
	.blockSustainableSolutions.solar li a strong {color: var(--color-wit)}
.blockSustainableSolutions li a:hover {color: var(--color-zwart);text-decoration: none;}
.blockSustainableSolutions li a:hover strong {color: var(--color-zwart);text-decoration: none;}
.blockSustainableSolutions li a strong {font-weight: bold;}
.blockSustainableSolutions li:not(:first-of-type):not(li.close):before {content:''; position: absolute; top: 0; left: 0; height: 3px; width: 80%; margin: 0 10%; background: var(--color-wit)}	
.blockSustainableSolutions li.open {line-height: 30px; height: 80px; padding-bottom: 10px; cursor: pointer;}
.blockSustainableSolutions li.open:after {content:'\f107'; font-family: 'FontAwesomeSolid'; height: 30px; width: 30px; margin: 0; position: absolute; bottom: 20px; left: calc(50% - 15px); background: var(--color-wit); border-radius: 50%;}
	.blockSustainableSolutions.solar li.open:after {color: var(--color-basis-solar);}
	.blockSustainableSolutions.green li.open:after {color: var(--color-basis-green);}
	.blockSustainableSolutions.smart li.open:after {color: var(--color-basis-smart);}
	.blockSustainableSolutions.ev li.open:after {color: var(--color-basis-ev);}
	.blockSustainableSolutions li.open:hover:after {color: var(--color-zwart)}
.blockSustainableSolutions li.close {line-height: 30px; height: 40px; padding-bottom: 10px; cursor: pointer;}
.blockSustainableSolutions li.close:after {content:'\f106'; font-family: 'FontAwesomeSolid'; height: 30px; width: 30px; margin: 0; position: absolute; bottom: 10px; left: calc(50% - 15px); color: var(--color-basis-solar); background: var(--color-wit); border-radius: 50%;}
	.blockSustainableSolutions.solar li:last-of-type:after {color: var(--color-basis-solar);}
	.blockSustainableSolutions.green li:last-of-type:after {color: var(--color-basis-green);}
	.blockSustainableSolutions.smart li:last-of-type:after {color: var(--color-basis-smart);}
	.blockSustainableSolutions.ev li:last-of-type:after {color: var(--color-basis-ev);}
	.blockSustainableSolutions li:hover:last-of-type:after {color: var(--color-zwart)}
.blockSustainableSolutions li:not(:nth-of-type(-n+3)) {display: none;} /* verberg alles behalve eerste twee blokken */
.blockSustainableSolutions li:not(:nth-of-type(-n+3)).showThis {display: block;}
.blockSustainableSolutions li.open {display: none;}
.blockSustainableSolutions li.open.showThis {display: block;}
.allopen .blockSustainableSolutions li {display: block;}

/* variant met één blok */
.blockSustainableSolutions.large .imgContainer {width:1280px; height: 195px;}
.blockSustainableSolutions.large .imgContainer a img {width: 100%; max-width: 990px; height: auto;  margin: auto 0px;  padding: 10px;}
.blockSustainableSolutions.large li {position: relative; text-align: center; color: var(--color-wit); padding: 30px 15px;}
.blockSustainableSolutions.large li a strong {font-family: 'Montserrat-bold', sans-serif; color:var(--color-wit); font-size: 1.2em;}

/* FORMULIEREN */
.wepForm {width:100%; margin: 0 auto;font-family: 'Montserrat-Regular', sans-serif; padding: 0;}
.wepForm input, .wepForm textarea {font-family: 'Montserrat-Regular', sans-serif; font-weight: normal; font-size: 0.85em; border: 0px solid var(--color-donkergrijs); background: var(--color-wit); color: var(--color-zwart); border-radius: 40px;}
.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: 0.8em; display: inline-block; padding: 4px 50px 4px 55px; text-align: center; line-height: 30px; margin: 25px 10px; text-transform: none; text-decoration: none; border-radius: 22px; 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);}
.button#btnSubmit:after {position: absolute; z-index:1; content: '\f105 '; font-family: 'FontAwesomeSolid'; font-size: 34px; text-align: center; left: -3px; top: -3px; padding: 5px;line-height: 34px; height: 34px; width: 34px; border-radius: 22px; transition: all 600ms ease-in-out; color: var(--color-wit); background: var(--color-basis-donkerder);}
.button#btnSubmit:hover {border: solid 3px var(--color-basis-donkerder); background: var(--color-basis-donkerder); color: var(--color-wit);}
.button#btnSubmit:hover:after {left: calc(100% - 36px);  transition: all 600ms ease-in-out;}

.sectionBg2x .button#btnSubmit {max-width: 80%; color: var(--color-basis-donkerder); border: solid 3px var(--color-wit); background: var(--color-wit);}
.sectionBg2x .button#btnSubmit:hover {color: var(--color-wit); border: solid 3px var(--color-basis-donkerder);  background: var(--color-basis-donkerder);}

#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 */

/*.BodyRequestinformation .sectionBg, .BodyInformationenanfordern .sectionBg, .BodyTickets .sectionBg, .BodyBestelticket .sectionBg, .BodyTicketdownload .sectionBg, .BodyRegistration .sectionBg {position: relative; color:var(--color-wit);}
.BodyTickets .sectionBg .innerWrapper .main.txt, .BodyBestelticket .sectionBg .innerWrapper .main.txt, 
.BodyTicketdownload .innerWrapper .main.txt, .BodyRequestticket .innerWrapper .main.txt, .BodyTicketabrufen .innerWrapper .main.txt {position: relative; opacity: 1; text-align: center;}
/*.BodyRequestinformation .sectionBg h2, .BodyInformationenanfordern .sectionBg h2, , .BodyTicketdownload h1, .BodyBestelticket .sectionBg h1, .BodyContact .sectionBg h2  {color:var(--color-wit)}
.BodyTickets .sectionBg h2 {color:var(--color-wit)}*/
/*
.Tickets .sectionBg:after {content:''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6)}
.BodyBestelticket .sectionBg:after {content:''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6)}
.BodyRequestinformation .sectionBg:after {content:''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6)}
.BodyInformationenanfordern .sectionBg:after {content:''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6)}
.BodyRegistration .sectionBg:after {content:''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6)}
.BodyTicketdownload .sectionBg:after {content:''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6)}
.BodyTickets .sectionBg:after {content:''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6)}
/*.BodyRequestticket .sectionBg:after {content:''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6)}
.BodyTicketabrufen .sectionBg:after {content:''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.6)}*/

/* prestatiecijfers */
section#prestatie {min-height: 100vh; width: 100%; display: block; background-size: cover; padding-top: 60vh;}
	.BodyFactsfigures section#prestatie {min-height: auto; padding: 0 0 6.25vw 0;}
section#prestatie .innerWrapper {background: var(--color-basis); width: 85vw; padding: 2.5vw; margin: 0 auto; max-width: 1640px; display: flex; justify-content:space-around; flex-wrap: wrap; vertical-align: center;}
section#prestatie h2 {width: 100%; text-align: center; color: var(--color-wit); padding: 0 0 50px 0;}
.boxCount {display: flex; width: 20%; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0px; justify-content: center; align-content: center; text-align: center; color: var(--color-wit);}
.boxCount p {font-family: 'Montserrat-Bold', sans-serif; font-size: 2.2em; line-height: 1.1em;}
.boxCount p:first-of-type {width: 100%;}
.boxCount p:last-of-type {width: 100%;overflow: hidden;}
.boxCount p.count[data-content^="0"] {color: red}

/* partners scroll */
#homePartners {/*max-width: 800px;*/ margin: 0 auto; position: relative; padding: 6.5vw 0;}
.symbolen {min-height: 190px; /*width: calc(100% - 120px);*/ 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; max-width: 1800px; margin: 0 auto;}
.simply-scroll .simply-scroll-list li {/*float: left; width: auto !important;*/ height: 200px; display:inline-block}
.simply-scroll .wepContent {display:block;width:100%;height:auto;}

/* NIEUWS */
.BodyNieuws .mainWrapper, .BodyNews .mainWrapper  {display: flex; max-width: 1640px; margin: 0 auto; padding: 60px 20px 100px 20px; font-size: 16px; line-height: 1.2em; }
.BodyNieuws .mainWrapper .main, .BodyNews .mainWrapper .main {order:2; width: 75%; }
.BodyNieuws .mainWrapper .mainAside, .BodyNews .mainWrapper .mainAside {order:1; width: 25%;}
.BodyNieuws .mainWrapper .mainAside .kop, .BodyNews .mainWrapper .mainAside .kop { display: block; font-family: 'Montserrat-Bold', sans-serif; font-size: 2.5em; padding: 0; line-height: 1.5em; color: var(--color-zwart); margin: 20px 0 10px 0; width: 100%; }
/* nieuwsblokken */
.nieuws_overzicht_blok {display: flex; flex-wrap: wrap; gap: 20px; }
.nieuws_overzicht_blok .nieuwsberichtBlok { width: calc(33.3% - 20px); }
.nieuws_overzicht_blok .nieuwsberichtBlok p { font-size: 0.8em;color: var(--color-tekst); margin: 0 0 10px 0; padding: 0; overflow: hidden }
.nieuws_overzicht_blok .nieuwsberichtBlok figure { display: block; margin: 0; padding: 0; width: 100%; height: auto; aspect-ratio: 2 / 1; background: var(--color-lichtgrijs) }
.nieuws_overzicht_blok .nieuwsberichtBlok figure a { text-decoration: none; color: var(--color-wit);  font-size: 0.8em; }
.nieuws_overzicht_blok .nieuwsberichtBlok figure  img { border: 0; width: 100%; height: 100%; object-fit: cover; }
.nieuws_overzicht_blok .nieuwsberichtBlok a { text-decoration: none; color: var(--color-tekst); }
.nieuws_overzicht_blok .nieuwsberichtBlok a:hover { color: var(--color-basis); }
.nieuws_titel_lijst a { font-family:"Montserrat-Bold", sans-serif; font-size: 1em; color:var(--color-tekst) }
.nieuws_overzicht_blok .nieuwsberichtBlok .datum { display: block; text-transform: uppercase; font-size: 0.8em; color: var(--color-donkergrijs) }
.nieuws_overzicht_blok .nieuwsberichtBlok .datum:before { content: '\f017'; font-family: 'FontAwesomeRegular'; padding-right: 5px; font-size: 1em; font-weight: normal; }
/* pagination */
.pgNrs { display: block; clear: both; width: 100%; padding: 4px; overflow: hidden; }
a.pgNr { display: inline-block; border: 1px solid var(--color-basis-donkerder); padding: 0; margin: 2px; width: 40px; line-height: 40px; text-align: center; text-decoration: none; color: var(--color-basis-donkerder); }
a.pgNr:hover, #pgNrActive { background-color: var(--color-basis-donkerder); color: var(--color-wit); border: 1px solid var(--color-basis-donkerder); text-decoration: none; }
#pgNrsLeft, #pgNrsRight { font-size: 1.5em; text-decoration: none; color: var(--color-basis-donkerder); }
/* zoeken pagina nieuws */
.searchTerm { font-weight: bold; margin: 0 8px 0 8px; }
.zoeken { display: block; text-align: left; padding: 0; margin: 0 0 30px 0; }
#zoekVeld p { position: relative; display: flex; width: 240px; height: auto; margin: 0; }
.kolomO #zoekVeld p {margin: 0 0 10px 0}
.zoeken a.wepButton {border: solid 3px var(--color-basis-donkerder); background: var(--color-basis-donkerder); margin:0}
.zoeken a.wepButton:hover {color: var(--color-zwart)}
#zoekVeld input[type="text"] { display: inline; border: 1px var(--color-basis-donkerder) solid; border-right: solid 0px var(--color-wit); width: calc(100% - 0px); font-size: 1em; height: 50px; padding: 0 0 0 20px; margin: 0; border-top-left-radius: 25px; border-bottom-left-radius: 25px; -webkit-appearance: none; -webkit-appearance: none; outline: none; background: transparent; }
#zoekVeld input[type="text"]:focus { background: var(--color-wit); }
#zoekVeld input[type="text"]::placeholder {font-size: 0.8em;}
#zoekVeld input[type="submit"] { position: relative; z-index: 1; display: inline; border: 1px var(--color-basis-donkerder) solid; border-left: solid 0px var(--color-wit); cursor: pointer; background: var(--color-wit)transparent; font-size: 1.0em; color: var(--color-wit); width: 40px; height: 50px; padding: 0; margin: 0; border-top-right-radius: 25px; border-bottom-right-radius: 25px; -webkit-appearance: none; }

#zoekVeld p:first-of-type::after {position: absolute; z-index: 0; top: 0px; left: 200px; font-family: 'FontAwesomeSolid'; content: '\f002'; color:var(--color-basis-donkerder); font-size: 20px; line-height: 50px;}
#zoekVeld div.close { background: url(../img/xClose.png) no-repeat calc(100% - 10px) 50% #fff; width:38px; height:38px; position: relative; left: 195px; z-index: 10000; z-index: 8!important; margin: -55px 39px 0 0;display: none;cursor: pointer; border-radius: 50%; }


/* grote schermen:  maximale grootte */
@media screen and (min-width: 1920px){
	.home .heroTekst  {padding: 50px 5vw 0 60px;} 
}

@media screen and (min-width:1900px){
	body {font-size: 13.5px;}
	.topContent { margin-left: 0 } /*Wouter 2024-08-02*/
	.heroTekst {padding: 0 80px;margin-left: 0 /*Wouter 2024-08-02*/}
	.menu li a {font-size: 15px;}
	.menu li a {padding: 2px 10px;}	
	.tweeKolommen.tekstTekst .main.txt:first-of-type {padding: 10px 10px 0 150px;}
	.tweeKolommen.tekstTekst .main.txt:last-of-type {padding: 10px 150px 0 10px;}
	.sectionBg2x:nth-child(odd) .tweeKolommen.tekstTekst .txt {padding: 80px;}
	.sectionBg2x:nth-child(even) .tweeKolommen.tekstTekst .txt {padding: 80px;}	
	.tweeKolommen.tekstAfbeelding50 .main.txt {flex-basis: calc(50% - 80px); padding: 0 0 0 80px;}
	.tweeKolommen.tekstAfbeelding50 .afbeelding {padding: 80px 80px 80px 0;}
	.tweeKolommen.afbeelding50Tekst .main.txt {flex-basis: calc(50% - 80px); padding: 0 80px 0 0;}
	.tweeKolommen.afbeelding50Tekst .afbeelding {padding: 0 0 0 80px;}

	/*.BodyTickets .sectionBg2x.Design1 {background:none;}
	.BodyTickets .sectionBg2x.Design1 .tweeKolommen.tekstTekst .main.txt:first-of-type {flex-basis: calc(50% - 60px); margin-left: 40px; background: var(--color-basis)}
	.BodyTickets .Design1 .tekstAfbeelding50:before {content:none;} 
	.BodyTickets .Design1 .tekstAfbeelding50 .main.txt {margin-top: -2px; margin-left: 40px; display: flex; flex-basis: calc(50% - 60px); align-self:flex-start; padding: 160px 0 0 80px; background:linear-gradient(to bottom, var(--color-basis) 240px, var(--color-wit) 240px);}
	.BodyTickets .Design1 .tekstAfbeelding50 .main.txt h2 {max-width: 100%} */

	section.marginT{padding-top: 120px!important;}
	section.marginB{padding-bottom: 120px!important;}
	footer .contentWrapper .main.txt {padding: 20px 80px;}
}


/*@media screen and (orientation: portrait) {
	.hero {height: 60vh !important;}
}*/
/* omslagpunt tekstgrootte */
/*
@media screen and (max-width: 1064px) {
	body {font-size: 12px;}
}
*/
@media screen and (max-width: 1350px){
	.home .hero {position: relative; z-index: 1;height: auto;   }
	.home .heroTekst  {padding: 50px 5vw 0 20px;} 
}

@media screen and (max-width: 1200px) {
	.BodyAwards .main.txt table, .BodyAwardshow .main.txt table {width: 30%; padding: 1vw; margin:8vw 1vw 6.25vw 1vw;}
	.BodyAwards .main.txt table p, .BodyAwardshow .main.txt table p {font-size: 1.4em;}
	.BodyAwards .main.txt table li, .BodyAwardshow .main.txt table li {font-size: 1.4em;}
	.tweeKolommen.tekstTekstTekst .main.txt {flex-basis: calc(50% - 2vw);}
	.tweeKolommen.tekstTekstTekst .main.txt:last-of-type {flex-basis: calc(100% - 2vw); max-width: calc(50% - 2vw); margin: 0 auto;}
}
@media screen and (max-width: 1120px) {
	.BodyNieuws .mainWrapper, .BodyNews .mainWrapper  {flex-direction: column; }
	.BodyNieuws .mainWrapper .main, .BodyNews .mainWrapper .main {order:2; width:100%; }
	.BodyNieuws .mainWrapper .mainAside, .BodyNews .mainWrapper .mainAside {order:1; width: 100%;}
	.countDown .dd, .countDown .hh, .countDown .mm, .countDown .ss  {position: relative; display: flex; justify-content: center; line-height: 75px; width: 75px; height: 75px; border-radius: 8px; margin: 3px; flex-wrap: wrap;} 
	.countDown .dd:after {position: absolute; top: 75px; font-size: 0.6em;}
	.countDown .hh:after {position: absolute; top: 75px; font-size: 0.6em;}
	.countDown .mm:after {position: absolute; top: 75px; font-size: 0.6em;}
	.countDown .ss:after {position: absolute; top: 75px; font-size: 0.6em;}
	
}
@media screen and (max-width: 1064px) {
	.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; }
}

@media screen and (max-width: 1040px) {
	.home .heroTekst.txt {margin-left: 20px;}

	/*.heroTekst.txt p {font-size: 3.5vw !important;}
	.heroTekst.txt p a.wepButton {white-space: nowrap; text-overflow: ellipsis; width: auto; max-width: calc(50vw - 60px);}*/
}
@media screen and (max-width: 1000px) {
	
	#companyNewsItem  { background:var(--color-wit);}
	#companyNewsItem .innerWrapper {display: flex; flex-direction: column; }
	#companyNewsItem .nieuwskolom {  margin-right: 0vw; }
}

/* mobiel: één kolom */

@media screen and (max-width: 840px) {
	body {font-size: 12.5px;}
	.topContent {max-height: 120px;}
	.hero {padding: 0;}
	.heroTekst {width:calc(100% - 20px); align-items:center;}
	.heroTekst.txt h1 {font-size: 6vw; color:var(--color-wit); line-height: 1em; text-align: center;}
	.heroTekst.txt p {font-size: 4vw; color:var(--color-wit); text-align: center;}
	.zoeken {width: 100%;}

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


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

	.txt h1 {font-size:6vw;}
	.txt h2 {font-size:6vw;}
	.txt h3 {font-size:5vw;}
	.txt h4 {font-size:4vw;}
	.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);}

	/* awards */
	.BodyAwards .main.txt table, .BodyAwardshow .main.txt table {display: block; width: calc(100% - 20px); padding: 5vw; margin:30vw 10px 6.25vw 10px;}
	.BodyAwards .main.txt table p img, .BodyAwardshow .main.txt table p img {max-width: 60%; margin-top: -35vw;}

	/* 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;}


	.tweeKolommen .afbeelding img {vertical-align: bottom;}

	.SeminarAccordeon div.accBar:after {font-size: 1em; top: 10px}
	.CompWrapperMain .CompWrapper {display: flex; flex-direction: column; background: var(--color-wit);}
	.CompWrapperMain .CompContent {padding-bottom: 0px;}
		.CompWrapperMain .main {flex: 1 0px; padding: 0 10px;}
	.CompWrapperMain .mainAside {flex: 1 0px; margin: 5vw 0;}
	.CompWrapperMain .infoBedrijf {padding-right: 0 !important;}

	.sectionBg2x {background:linear-gradient(to top, var(--color-lichtgrijs) 0%, var(--color-lichtgrijs) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); border-bottom: solid 1px var(--color-lichtgrijs);}
	.sectionBg2x .kleurLichtgrijs {background:linear-gradient(to top, var(--color-lichtgrijs) 0%, var(--color-lichtgrijs) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); border-bottom: solid 1px var(--color-lichtgrijs);}
		.sectionBg2x:nth-child(odd) .tweeKolommen.tekstTekst {background:var(--color-basis); color: var(--color-sectionBg-tekst); padding: 0;}
		.sectionBg2x:nth-child(even) .tweeKolommen.tekstTekst {background:var(--color-basis); color: var(--color-sectionBg-tekst); padding: 0;}

		.sectionBg2x:nth-child(even) .tweeKolommen.tekstTekst .txt:last-of-type a.wepButton {background: var(--color-wit); color: var(--color-zwart); border: solid 3px var(--color-wit);}
		.sectionBg2x:nth-child(even) .tweeKolommen.tekstTekst .txt:last-of-type a.wepButton:after {color: var(--color-zwart); background: var(--color-basis-donkerder);}
		.sectionBg2x:nth-child(even) .tweeKolommen.tekstTekst .txt:last-of-type a.wepButton:hover {border: solid 3px var(--color-basis-donkerder); background: var(--color-basis-donkerder); color: var(--color-wit);}
		

	.sectionBg2x .tweeKolommen.afbeelding50Tekst .afbeelding img {padding: 0;}
	.sectionBg2x .tweeKolommen.tekstAfbeelding50 .main.txt {background: var(--color-basis);}


		.sectionBg2x.Design1 /*.tweeKolommen.tekstTekst*/ {background:linear-gradient(to bottom, var(--color-lichtgrijs) 0%, var(--color-lichtgrijs) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding:  10vw 0;}
		.sectionBg2x.Design1:first-of-type /*.tweeKolommen.tekstTekst*/ {background:linear-gradient(to top, var(--color-lichtgrijs) 0%, var(--color-lichtgrijs) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 10vw 0;}
		.sectionBg2x.Design1 .main.txt:last-of-type {background: var(--color-basis);}

	/*.BodyTickets .sectionBg2x.Design1 {background:var(--color-basis); padding:  2.5vw 0;}	
	.BodyTickets .sectionBg2x.Design1 .tweeKolommen.tekstTekst .main.txt:last-of-type {order: 2;}	

	.BodyTickets .Design1 .tekstAfbeelding50 .main.txt {margin-top: -2px; padding-top: 5vw;  background:var(--color-wit);}
	.BodyTickets .Design1 .tekstAfbeelding50 .main.txt h2 {max-width: 100%}
	
	.BodyTickets .Design1 .tweeKolommen.tekstAfbeelding50 .afbeelding img {padding: 2.5vw;}
	.BodyTickets .Design1 .tweeKolommen.tekstAfbeelding50:before {content:none;}

	body.Tickets .sectionBg2x {background:linear-gradient(to top, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst); padding: 0;}	*/

	.BodyVisitorsprofile .sectionBg:nth-of-type(3) {background: none;}
	.BodyVisitorsprofile .sectionBg:nth-of-type(4) {background: var(--color-sectionBg);}	
	.BodyVisitorsprofile .sectionBg:nth-of-type(3) .tweeKolommen.tekstTekst .main.txt:first-of-type {order: 2;}
	.BodyVisitorsprofile .sectionBg .tweeKolommen.tekstTekst .main.txt h2 {font-size: 12em;}
	.BodyVisitorsprofile .sectionBg .tweeKolommen.tekstTekst .main.txt p img {width: 80vw !important}

	.BodyVisitorsprofile .sectionBg2x .tweeKolommen.tekstTekst {background: var(--color-basis); color: var(--color-sectionBg-tekst);}
		.BodyVisitorsprofile .sectionBg2x .tweeKolommen.tekstTekst .main.txt:last-of-type {background: var(--color-wit);}

	.BodyVisitorsprofile .sectionBg2x .tweeKolommen.tekstTekst .main.txt p {width: calc(100vw - 40px); text-align: left; font-size: 4.5vw; line-height: 2.5em;}
	.BodyVisitorsprofile .sectionBg2x .tweeKolommen.tekstTekst .main.txt p img {vertical-align: middle; margin-right: 15px; width: 25px;}

	.BodyBesucherprofil .sectionBg:nth-of-type(3) {background: none;}
	.BodyBesucherprofil .sectionBg:nth-of-type(4) {background: var(--color-sectionBg);}	
	.BodyBesucherprofil .sectionBg:nth-of-type(3) .tweeKolommen.tekstTekst .main.txt:first-of-type {order: 2;}
	.BodyBesucherprofil .sectionBg .tweeKolommen.tekstTekst .main.txt h2 {font-size: 12em;}
	.BodyBesucherprofil .sectionBg .tweeKolommen.tekstTekst .main.txt p img {width: 80vw !important}

	.BodyBesucherprofil .sectionBg2x .tweeKolommen.tekstTekst {background: var(--color-basis); color: var(--color-sectionBg-tekst);}
		.BodyBesucherprofil .sectionBg2x .tweeKolommen.tekstTekst .main.txt:last-of-type {background: var(--color-wit);}

	.BodyBesucherprofil .sectionBg2x .tweeKolommen.tekstTekst .main.txt p {width: calc(100vw - 40px); text-align: left; font-size: 4.5vw; line-height: 2.5em;}
	.BodyBesucherprofil .sectionBg2x .tweeKolommen.tekstTekst .main.txt p img {vertical-align: middle; margin-right: 15px; width: 25px;}


.sectionBg2x.witKleur {background: linear-gradient(to bottom, var(--color-basis) 0%, var(--color-basis) calc(100% - 100vw - 40px), var(--color-wit) calc(100% - 100vw - 40px), var(--color-wit) 100%); color: var(--color-sectionBg-tekst);}
.sectionBg2x.kleurWit {background:linear-gradient(to top, var(--color-wit) 0%, var(--color-wit) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}
.sectionBg2x.lichtgrijsKleur  {background:linear-gradient(to top, var(--color-heellichtgrijs) 0%, var(--color-heellichtgrijs) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}
.sectionBg2x.kleurLichtgrijs {background:linear-gradient(to top, var(--color-heellichtgrijs) 0%, var(--color-heellichtgrijs) 50%, var(--color-basis) 50%, var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}
.sectionBg2x.witKleurDeelachterfoto {background: linear-gradient(to top, var(--color-wit) 0%, var(--color-wit) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-sectionBg-tekst);}
.sectionBg2x.kleurWitKleurDeelachterfoto {background:linear-gradient(to top, var(--color-heellichtgrijs) 0%, var(--color-heellichtgrijs) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-tekst); border: solid 1px green}
.sectionBg2x.lichtgrijsKleurDeelachterfoto  {background:linear-gradient(to top, var(--color-heellichtgrijs) 0%, var(--color-heellichtgrijs) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-tekst);}
.sectionBg2x.kleurLichtgrijsDeelachterfoto {background:linear-gradient(to top, var(--color-heellichtgrijs) 0%, var(--color-heellichtgrijs) calc(50% - 200px), var(--color-basis) calc(50% - 200px), var(--color-basis) 100%); color: var(--color-tekst);}

	
	.countDown {width: 100%; justify-content: center; font-size: 6vw; margin: 0 auto;}
	.countDown .dd, .countDown .hh, .countDown .mm, .countDown .ss  {position: relative; display: flex; justify-content: center; line-height: 17.5vw; width: 17.5vw; height: 17.5vw; border-radius: 8px; margin: 1vw; flex-wrap: wrap;} 
	.countDown .dd:after {content:'dag'; position: absolute; top: 15vw; font-size: 0.75em;}
	.countDown .hh:after {content:'uur'; position: absolute; top: 15vw; font-size: 0.75em;}
	.countDown .mm:after {content:'min'; position: absolute; top: 15vw; font-size: 0.75em;}
	.countDown .ss:after {content:'sec'; position: absolute; top: 15vw; font-size: 0.75em;}

	a.button.action {background: var(--color-basis); margin: 20px auto; border: solid 3px var(--color-basis);}
	.topRight {width: 100%; height: 60px; justify-content: flex-start;}
	.dates p {margin-bottom: 15px;}
	.location p {margin-bottom: 15px;}

	/*.handelspleinBlok {width: calc(25% - 40px) !important; margin: 0 10px 30px 0 !important; min-width: 155px;}*/

	.wepForm p input[type="text"] {float:none;display:block;width: calc(100% - 10px)!important;}

	.newsOverview {display: flex; flex-direction: column; justify-content: space-between; width: 100%; margin: 0; padding: 0;}
	.newsOverview .columnBreed {width: 100%; order: 1; margin-top: 0px; padding: 0 10px; border-left: solid 0px var(--color-basis-accent); border-right: solid 0px var(--color-basis-accent);}
	.newsOverview .columnSmal {order: 1; display: flex; flex-direction: column; padding: 0 10px; margin: 0 10px 0 0;}
	.newsOverview .columnSmal:last-of-type {display: flex; flex-direction: column; padding: 0 10px; margin: 0px; order: 3;}
	
	/* Video Youtube etc. */
	.embeddedContent {overflow: hidden; padding-top: 65%; position: relative; margin: 0 auto; min-height: calc(65vw - 60px);}
	.embeddedContent iframe {border: 0;  width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

	/* agenda */
	.agendaBlok:hover {margin-top: 0px;  aspect-ratio: 400 / 420; }
	.agendaBlok:hover h3 { padding: 20px 0 20px 0;}
	/* 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: 5px; 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: 10001; left: -101vw; top: 100px; transition: all 600ms ease-in-out; width: 100vw; height: auto; min-height: 100%; padding-bottom: 40px;}
	.menuContainer.open {position: absolute; z-index: 10001; left: 0; top: 100px; width: 100vw; height: auto; min-height: 100%; padding-bottom: 40px; background:var(--color-basis);transition: all 600ms ease-in-out;}
	.menuContainer .contentWrapper {margin: 0; padding: 0;}
	.menu ul {display: flex; flex-direction: column; margin: 50px 0 0 0; padding: 0; height: auto; width: 100%;}
	.menu li {margin: 1px 0 0 0; width: 100%; text-align: center;}
	.menu li a {font-size: 2em; position: relative;color:var(--color-wit); padding: 15px;}
	.menu li a:after {content:''; position: absolute; display: block; left: calc(50% - 50px); bottom: 0; width: 100px; height: 1px; background:var(--color-wit);}
	.menu li:last-of-type a:after {content:''; height: 0px;}
	.menu li a:hover {color:var(--color-wit);}
	.menu li a.current {color:var(--color-menu-basis-donkerder)}

	/*.menu li:nth-last-of-type(2) a {color:var(--color-wit); background: var(--color-basis-donkerder); border-radius: 25px; width: 260px; height: 50px; line-height: 40px; padding: 3px 10px 5px 10px; margin: 0 auto;}
	.menu li:nth-last-of-type(2) a:hover {background:var(--color-basis-donkerder);}
	.menu li:nth-last-of-type(2) a:before {display: inline-block; content:'\f3ff'; font-family: 'FontAwesomeSolid'; font-size: 30px; color: var(--color-wit); margin: 0 10px 0 0;transform: rotate(300deg);transition: all 400ms;}
	.menu li:nth-last-of-type(2) a:hover:before {display: inline-block; content:'\f3ff'; font-family: 'FontAwesomeSolid'; font-size: 30px; color: var(--color-wit); margin: 0 10px 0 0;transform: rotate(240deg);transition: all 400ms;}*/

	.menu li a.tickets {color:var(--color-basis); background: var(--color-wit); border-radius: 22px; margin: -2px 30px 0 30px;}
	.menu li a.tickets:hover {color:var(--color-wit); background:var(--color-basis-donkerder);}
	.menu li a.tickets:before {display: inline-block; content:'\f3ff'; font-family: 'FontAwesomeSolid'; font-size: 1em; color: var(--color-basis); margin: 0 10px 0 0;transform: rotate(300deg);transition: all 400ms; animation:spin 4s linear infinite;}
	.menu li a.tickets:hover:before {display: inline-block; content:'\f3ff'; font-family: 'FontAwesomeSolid'; font-size: 1em; color: var(--color-wit); margin: 0 10px 0 0;transform: rotate(240deg);transition: all 300ms;}

	.topRight .language {display: none;}
	.menu li.langMobile {display: flex; width:auto; margin: 0; padding: 0; }
	.menu li.langMobile a {width: 60px; height: 60px; justify-content: center; align-self: center; padding: 12px; margin: 10px; overflow: hidden; 
		background:var(--color-basis-donkerder);border-radius: 100%;}
	.menu li.langMobile a:after {content:none;}
	.menu li.langMobile img {display: none; vertical-align:middle; width: 60px; height: 60px; border-radius: 100%;}

	.toOtherSites { min-width:auto }

    /* iframe */
	/*iframe.frmGood {min-height: 1100px;}*/
    iframe#frmFull {width: calc(100% - 20px)!important; margin: 0 10px;}
	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;}

		/* seminar nieuw 
	.BodySeminar .txt td {display: block; width: 100% !important; text-align: center; }
	.BodySeminar .txt td:nth-of-type(3) div {text-align: center;}
	.BodySeminar .txt td p { text-align: center !important;}*/
	
    /* team */
	.teamBlok {flex-basis: calc(50% - 20px);}

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

@media screen and (max-width: 600px) {
	.topContent {max-height: 100px;}
	.heroTekst.txt h1 {font-size: 7vw;}
	.heroTekst.txt p {font-size: 4vw;}
	.hero a.wepButton {font-size: 0.7em;}
    .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; border: solid 0px var(--color-basis); white-space: nowrap; /* overflow: hidden;*/ text-overflow: ellipsis; width: auto; max-width: calc(100vw - 60px);}
	a.wepButton1 {margin: 25px 0;}
	a.wepButton2 {margin: 25px 0;}
	.boxCount {width: 45%;  margin: 0 0 20px 0;}
	.wepForm input[type="text"] {width:calc(100% - 10px) !important;margin: 0 0px 15px 0;}
	.wepForm textarea  {width:100%!important;margin: 0 0px 15px 0;}
	section#prestatie {min-height: auto; width: 100%; display: block; background-size: none; padding-top: 0;}
	section#prestatie .innerWrapper {width: 100%; padding: 50px 2.5vw;}
	.Products .beursstand {margin: 0 auto 0 0;}
	footer .contentWrapper .main.txt p:last-of-type {font-size: 2.6vw;}
	/* nieuws */
	.nieuws_overzicht_blok .nieuwsberichtBlok { width: 100%; }
}

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