@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@font-face { font-family: 'FontAwesomeRegular'; src: url(/_fonts/FontAwesome/fa-regular-400.ttf) format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FontAwesomeSolid'; src: url(/_fonts/FontAwesome/fa-solid-900.ttf) format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'FontAwesomeBrands'; src: url(/_fonts/FontAwesome/fa-brands-400.ttf) format('truetype'); font-weight: normal; font-style: normal; }



/* bedrijfsinfo */
.subMenuBedrijf {  position: relative!important; z-index: 10; margin: 30px auto 30px 0; text-align: left; width: 100%;}
.subMenuBedrijf ul { position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0; padding: 5px 0; z-index: 4;  }
.subMenuBedrijf ul li { list-style: none; margin: 0; padding: 0; width: auto; }
.subMenuBedrijf ul li a { display: inline-block; font-family:'Montserrat-Bold', sans-serif; min-width: auto !important; font-size: 1em; margin: 0 5px; padding: 7px 20px; text-decoration: none !important; width: auto; height: 33px; border: 0; color: var(--color-wit); background: var(--color-basis-donkerder); border-radius: 16px; }
.subMenuBedrijf ul li:first-of-type a:before {font-family: 'FontAwesomeSolid'; content: '\f053'; padding: 0 5px 0 0px;}
.subMenuBedrijf ul li a:hover { background: var(--color-basis); }
.subMenuBedrijf ul li a.active { color: var(--color-wit); background-color: var(--color-basis); }

.CompWrapperMain {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; width: 100%;}
.CompWrapperMain .CompWrapper {display: flex; max-width: 1640px; margin: 30px auto; padding: 0; }
.CompWrapperMain .main {flex: 3 0px  !important;  padding: 0; margin-right: 5vw; }
.CompWrapper { display: flex; order: 5; max-width: 1640px; margin: 0px auto; padding: 0;}
.CompWrapper.bedrijf {margin: 30px auto}
.CompContent { position: relative; margin: 10px; display: flex; flex-wrap: wrap; padding-bottom: 10px;}
.CompContent p > img {max-width: calc(100% - 200px) !important}
.CompContent img.mainProductImage{max-width: calc(100% - 20px) !important}
.CompAside { order: 7; flex: 1 0px;margin: 10px; }
.CompIntroAside { order: 6; flex: 1 0px; }

.main.bedrijvenregister {flex: 5 0px !important;}

.CompWrapperMain .mainAside {flex: 2 0px; margin: 5vw 0vw 5vw 20px;}
.CompAside {flex: 2 0px !important; margin: 5vw 0vw 5vw 20px; padding: 0 0px; }
.CompAside.bedrijvenregister {flex: 2 0px !important; text-align: left; margin: 0 0 0 auto;}
.CompAside.producten {order: 5; flex: 1 0px !important;  margin: 20px 0 0 0;}
.CompAsideContent {margin: 0; padding: 0;}
.CompAside .uitgelichtBedrijf {width: 100%; margin: 0; padding: 5vw; background:var(--color-wit); border-radius: 50px; box-shadow: 0px 0px 1vw var(--color-grijs);}
.CompAside .uitgelichtBedrijf .txt h3 {color: var(--color-zwart)}

.CompContent .kopmetlijn {all:unset; font-size: 2em; line-height: 2em; width: 100%; font-family:'Montserrat-Bold', sans-serif; font-weight: normal; font-size: 2.4em; text-align: left; ;}
.CompWrapperMain .infoBedrijf {position: relative; display: inline-block; width: 100%; margin: 0 0% 2.5% 0%; padding: 0; justify-content: left;}

.CompWrapperMain a.btnBack  {position: relative; z-index:2; font-size: 1.2em; display: inline-block; max-width: 230px; padding: 6px; text-align: center;  margin: 0 0 2vw 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); border-radius: 38px;}
.CompWrapperMain a.btnBack:hover {background:var(--color-basis-donkerder); color:var(--color-wit); border: solid 3px var(--color-basis-donkerder);}
.CompWrapperMain a.btnBack:before {font-family: 'FontAwesomeSolid'; content:'\f053\f053'; padding-right: 10px; }



.CompWrapperMain .CompContent {padding-bottom: 150px;}
.CompWrapperMain .registerBlok {font-size: 0.75em; width: 100%;}

.video {display: inline-block; position: relative; width: calc(50% - 10px); padding-top: 27%; margin: 0 10px 5px 0;}
.video iframe {position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; bottom: 0; right: 0;}

.CompWrapperMain .nawgegevens {width: 100%; margin: 0; padding: 5vw; background:var(--color-wit); border-radius: 50px; box-shadow: 0px 0px 1vw var(--color-grijs);}
.CompWrapperMain .nawgegevens .txt {display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; font-size: 0.8em;}
.CompWrapperMain .nawgegevens .txt p {margin: 0; font-size: 1.6em; line-height:1.5em; padding: 0; width: 100%;}
.CompWrapperMain .nawgegevens .txt p strong {font-size: 1.5em; padding-bottom: 30px; width: 100%; display: inline-block;  border-bottom: solid 1px var(--color-grijs);}
.CompWrapperMain .nawgegevens .txt p:nth-of-type(2) {border-top: 0; padding: 20px 0;margin: 0 0 10px 0;}

.CompWrapperMain .nawgegevens a {color: var(--color-tekst);}

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

/*.BodySolar2022*/ .CompWrapper > .main {margin: 0 auto; flex: 1 0px;}
/*.BodySolar2022*/ .CompPartner {font-size: 1.5em; line-height: 1.4em; display: flex; flex-direction: column;}
/*.BodySolar2022*/ .CompPartner h1 {font-family:'Montserrat-Extrabold', sans-serif; font-weight: normal; font-size:3em; font-weight: normal; line-height: 1.2em; padding: 0px 0 30px 0; display: block;}

.CompPartner .logo-banner img {max-width: 100%;}

/*editor*/
.TagLink a { color:#555;font-size:12px;}
.TagLink:before { font-family: 'FontAwesomeSolid'; content: '\f02b';padding:0 6px 0 5px; color:#555;font-size:12px;}
/*end editor*/

.CompContent .txt p img { margin: 0; width: auto; max-width: 100%; height: auto; }

/* BEDRIJVENREGISTER */
.main.bedrijvenregister { order: 2; flex: 3 0px; flex-wrap: wrap; justify-content: space-around; align-items: center; padding: 0; margin: 0 0 0 10px; background: #e7e7e8; }
.register { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0; margin: 0; width: 100%; }

.CompAside.bedrijvenregister { order: 1; flex: 1 0px; padding: 0; }
.mainAside {padding: 10px 10px;}
.CompAside .mainAsideContent { margin: 10px;}
.CompAside .mainAsideContent .txt p:last-of-type { text-align: center; }
.CompAside .CompAsideContent {margin: 0 20px; }

.registerBlok { display: flex; flex-direction: column; position: relative; margin: 0 10px 20px 10px; width: calc(33.33% - 20px); text-align: left; overflow-x: hidden }
.registerBlok p { margin: 0 0 5% 10px;}
.txt .registerBlok p img { max-width: 100%; height: 60px !important; width: auto !important; object-fit:contain; margin: 0 0 10px 0; }
.registerBlok a.buttonMeer, a.btnMeerProducten, a.btnMeerProductenClose, a.wepButton.btnMeerProducten, a.wepButton.btnMeerProductenClose {position: relative; z-index:2; font-size: 1.2em; 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);}
.registerBlok a.buttonMeer:hover, a.btnMeerProducten:hover, a.btnMeerProductenClose:hover { color: #fff !important; text-decoration: none; background: var(--color-basis-donkerder); border: solid 3px var(--color-basis-donkerder);}
/* Premium sposoren */
.premium { position: relative; height: 400px; padding: 20px; text-align: left; background: #fff; }
.registerBlok.s14 .premium, .registerBlok.s15 .premium  { border: solid 10px var(--color-basis); background:  var(--color-basis); background: linear-gradient(to top left, var(--color-basis) 50px, white 50px) !important; padding-top: 10px;  /*box-shadow: 0 0 10px var(--color-basis);*/ }
/*21-02-2023:: .registerBlok.s3 .premium, .registerBlok.s4 .premium, .registerBlok.s5 .premium, .registerBlok.s6 .premium  { border: solid 10px var(--color-basis); background:  var(--color-basis); background: linear-gradient(to top left, var(--color-basis) 50px, white 50px) !important; padding-top: 10px;  }*/

.wepButton.buttonMeer.centreer {left: 50%; -ms-transform: translate(-50%);	transform: translate(-50%);}

/* bedrijfspagina social */
.social { position: relative; display: flex; justify-content: center; margin: 10px; }
.social ul { list-style: none; margin: 0; padding: 0; }
.social li { display: inline; }
.social li a { position: relative; z-index: 1; display: inline-block; color: #000; font-size: 1em; line-height: 36px; text-align: center; width: 36px; height: 36px; padding: 1px; margin: 3px; background: #fff; border-radius: 50%; }
.social li a:hover { color: #fff; background: var(--color-basis); cursor: pointer; text-decoration: none; }
.social li#smLI a:after { position: absolute; left: 7px; top: 1px; z-index: 2; font-family: 'FontAwesomeBrands'; content: '\f099'; }
.social li#smTW a:after { position: absolute; left: 7px; top: 1px; z-index: 2; font-family: 'FontAwesomeBrands'; content: '\f08c'; }
.social li#smFB a:after { position: absolute; left: 9px; top: 1px; z-index: 2; font-family: 'FontAwesomeBrands'; content: '\f09a'; }
.social li#smWA a:after { position: absolute; left: 9px; top: 1px; z-index: 2; font-family: 'FontAwesomeBrands'; content: '\f232'; }
.social li#smLI a:after { position: absolute; left: 7px; top: 1px; z-index: 2; font-family: 'FontAwesomeBrands'; content: '\f099'; }
.social li#smTW a:after { position: absolute; left: 7px; top: 1px; z-index: 2; font-family: 'FontAwesomeBrands'; content: '\f08c'; }
.social li#smFB a:after { position: absolute; left: 9px; top: 1px; z-index: 2; font-family: 'FontAwesomeBrands'; content: '\f09a'; }
.social li#smWA a:after { position: absolute; left: 9px; top: 1px; z-index: 2; font-family: 'FontAwesomeBrands'; content: '\f232'; }
.social li a#smChLI:after { font-size: 24px; line-height: 30px; height: 30px; z-index: 2; font-family: 'FontAwesomeBrands'; content: '\f0e1'; }
.social li a#smChTW:after { font-size: 24px; line-height: 30px; height: 30px; z-index: 2; font-family: 'FontAwesomeBrands'; content: '\e61b'; }
.social li a#smChFB:after { font-size: 24px; line-height: 30px; height: 30px; z-index: 2; font-family: 'FontAwesomeBrands'; content: '\f39e'; }
.social li a#smChWA:after { font-size: 24px; line-height: 30px; height: 30px;  z-index: 2; font-family: 'FontAwesomeBrands'; content: '\f232'; }
.social li:hover a {color: var(--color-basis); background: none}


/* super account */
/*
.nonpremium { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.nonpremium p { color: #aaa; }
.nonpremium p strong { font-weight: normal; }
*/

/* speciale koppen */
.kop { font-weight: 700; font-size: 2.25em; line-height: 1.2em; color: #1d1d1b; padding-bottom: 30px; display: block; width: 100%; }
.CompWrapper .kop { font-family: 'Montserrat-Bold', sans-serif; font-size: 2.25em; 	line-height: 1.2em;	padding: 0px; margin: 0 0 20px 0; display: block; width: 100%; text-transform: lowercase; }
.CompWrapper .kop::first-letter {text-transform: capitalize;}
.kop + .txt h1 { font-size: 1.5em; }
.kopmetlijn { position: relative; color: #000001; text-align: center; text-transform: uppercase; font-size: 1em; font-weight: 700; white-space: nowrap; display: table; margin: 0px 0 15px 0; width: 100%; }
.kopmetlijn:before, .kopmetlijn:after { content: ''; width: 25%; background: linear-gradient(#fff 0,#fff 12px,#ffcc00 12px,#ffcc00 13px,#fff 13px); display: table-cell; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; }
.kopmetlijn:before { border-right: 10px solid transparent; }
.kopmetlijn:after { border-left: 10px solid transparent; }

/* SELECTIEKOLOM BEDRIJVEN of PRODUCTEN */
.select { font-family: 'Open Sans', sans-serif; border: solid 1px #b5b4b4; font-weight: 300; font-size: 15px; padding: 10px; width: 100%; text-align: center; background: #fff; color: #000; margin-bottom: 10px;border-radius: 0; }
#sorteerProducten { width: 180px; height: 38px; line-height: 38px; padding: 0; margin-top: 18px; margin-left: calc(100% - 200px); cursor: pointer; }
.kolomO { background: #fff; padding: 0; margin-bottom: 30px; }
.openkolomO { display: none; }
.match h3 { font-family: 'Montserrat-Bold', sans-serif; cursor: pointer; width: 100%; border: none; transition: 0.4s; text-transform: none; font-size: 22px; margin-bottom: 20px; }
/*.match h3:after { content: ''; width: 100%; background: linear-gradient(transparent 0,transparent 12px,#ffcc00 12px,#ffcc00 13px,transparent 13px); display: table-cell; border-left: 20px solid #fff;}*/
.match #compSearch { background: #fff url(../img/zoom.png) no-repeat 5px center; border: solid 1px #b5b4b4; width: calc(100% - 45px); margin-bottom: 15px; padding: 10px 15px 10px 30px; }
.zbForm input[type="checkbox"] { display: none; }
.zbForm input[type="checkbox"] + label { display: block; position: relative; z-index: 3; border: 0; margin: 0; padding: 0 0 3px 24px; cursor: pointer; background: url(../img/bgCheckboxOff.png) no-repeat left 4px; white-space: normal; }
.zbForm input[type="checkbox"]:checked + label { background: url(../img/bgCheckboxOn.png) no-repeat left 4px; border: 0; }
.zbForm input[type="radio"] { display: none; }
/* .zbForm input[type="radio"] + label { display: block; position: relative; z-index: 3; border: 0; margin: 0; padding: 0 0 3px 24px; cursor: pointer; background: url(../img/bgCheckboxOff.png) no-repeat left 4px; }
.zbForm input[type="radio"]:checked + label { background: url(../img/bgCheckboxOn.png) no-repeat left 4px; border: 0; }*/

.zbForm a {line-height: 24px;}
.zbForm input[type="radio"] + label { display: block; position: relative; z-index: 3; border: 0; margin: 0; padding: 0 0 3px 32px; cursor: pointer;  }
.zbForm input[type="radio"] + label:before { font-family: 'FontAwesomeRegular'; content:'\f0c8'; position: absolute; left: 0; font-size: 20px;  }
.zbForm input[type="radio"]:checked + label:before { font-family: 'FontAwesomeRegular'; content:'\f14a'; position: absolute; left: 0; }

.zbForm .ui-segment { color: #000001; border: 1px solid #000001; border-radius: 4px; display: inline-block; }
.zbForm .ui-segment span.option.active { background-color: #000001; color: white; }
.zbForm .ui-segment span.option { font-size: 0.9em; padding-left: 15px; padding-right: 15px; height: 25px; text-align: center; display: inline-block; line-height: 25px; margin: 0px; cursor: pointer; border-right: 1px solid #000001; }
.zbForm .ui-segment span.option:last-child { border-right: none; }
.zbForm .segment-select { display: none; }
.zbForm .Goep2 { display: none; }
.zbForm #gID3 { display: block; }
.zbForm label.disabled { opacity: 0.5; }

/* OPEN / CLOSE */
.zbForm .filterGroup h3 { font-family: 'Montserrat-Bold', sans-serif; cursor: pointer; width: 100%; border: none; transition: 0.4s; text-transform: none; font-size: 22px;line-height: 1em; margin-bottom: 10px; padding-left:30px; }
.zbForm .filterGroupExluded h3 { margin-top: 30px; }
.zbForm .filterGroup div { padding: 0 18px 0px 0px;  background-color: #fff; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.zbForm .filterGroup h3:before { font-family: 'FontAwesomeSolid'; content: '\f067'; font-size: 16px; padding-right: 15px; margin-left: -30px; }
.zbForm .filterGroup h3.active:before { font-family: 'FontAwesomeSolid'; content: '\f068'; }

.zbForm .filterGroup p { margin-bottom: 20px; }

/* bedrijfspagina naw */
.nawgegevens { width: 100%; margin: 0px;  border: solid 1px #ebebeb; }
.nawgegevens .txt { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.nawgegevens p { line-height: 1.2em; margin: 0; }
.nawgegevens a { color: #3c3c3b; }
.infoBedrijf { position: relative; display: inline-block; width: 100%; margin: 0 0% 2.5% 0%; padding: 0; justify-content: center; }
h1#infoBedrijf { text-align: left; line-height: 1em; margin: 0px 5px 30px 0; }
.infoBedrijf .txt h3 { display: table; width: 100%; white-space: nowrap; margin: 5px 0 15px 0; }
.infoBedrijf .txt h3:before, .infoBedrijf .txt h3:after { content: ''; width: 50%; background: linear-gradient(#fff 0,#fff 7px,#ffcc00 7px,#ffcc00 10px,#fff 10px); display: table-cell; background-clip: padding-box; }
.infoBedrijf .txt h3:before { border-right: 10px solid transparent; }
.infoBedrijf .txt h3:after { border-left: 10px solid transparent; }
.infoBedrijf p img { margin: 0; /* width: auto; */ width:auto;max-width: 100%; height: auto; }

.infoBedrijfCategorie { float: left; position: relative; width: calc(33% - 10px); padding: 20px; margin: 0 10px 20px 0; background: #eee; }
.infoBedrijfCategorie .txt h4 { margin-bottom: 20px; }
.infoBedrijfCategorie .txt a { text-decoration: none; border-bottom: 0; color: #161615; }
.infoBedrijfCategorie .txt a:hover { text-decoration: none; border-bottom: 0; color: #ffcc00; }
.infoBedrijfCategorie .txt a:before { font-family: 'FontAwesomeSolid'; content: '\f1c1'; color: #e80f10; margin-right: 5px; }
.infoBedrijfCategorie .txt a:hover:before { color: #ffcc00; }


.nawgegevens .contactPhone:before {
    font-family: 'FontAwesomeSolid';
    content: '\f095';
    font-size: 0.8em;
    padding-right: 3px;
}

.nawgegevens .encMail:before,.nawgegevens #mProfile:before {
    font-family: 'FontAwesomeRegular';
    content: '\f0e0';
    font-size: 0.8em;
    padding-right: 10px;
}

.nawgegevens .urlExternal:before {
    font-family: 'FontAwesomeSolid';
    content: '\f08e';
    font-size: 0.8em;
    padding-right: 10px;
}

/* UITGELICHT PRODUCTEN EN HANDELSPLEIN */
section#accentkleurUitgelicht { background: rgba(254,204,0,1); text-align: center; padding: 20px 0; }
#accentkleurUitgelicht .contentWrapper { display: flex; flex-direction: row; justify-content: space-between; }
#accentkleurUitgelicht .buttonMeer { color: #000; background: #fff; }
#accentkleurUitgelicht .buttonMeer:hover { color: #fff; background: #000; }
.main.producten { order: 6; flex: 3 0px; margin-bottom: 20px; }

.CompWrapper .resultaten { display: flex; flex-wrap: wrap;  width: 100%; height: auto; }
.CompWrapper .resultaten .main.txt {margin: 0; padding: 0;}
.CompWrapper .resultaten .main.txt h2 { margin: 0; padding: 0 0 20px 0;}
.CompWrapper .resultaten .handelspleinBlok { vertical-align: top;}

.uitgelichtProducten { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: 0 auto; max-width: 1200px; width: 100%; /*width: calc(50% - 1px); border-right: solid 1px #fff*/ }
.uitgelichtProducten h2 { width: 100%; }
.uitgelichtProducten .txt { width: 100%; }
.uitgelichtHandelsplein { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: 50%; }
.uitgelichtHandelsplein h2 { width: 100%; }
.uitgelichtHandelsplein .txt { width: 100%; }

/*.product-thumb { position: relative; display: flex; justify-content: center; width: calc(25% - 10px); padding: 0; margin: 0 0 10px 10px; background: #58585a; overflow: hidden; }
.product-thumb img { min-width: 100%; height: 265px; object-fit: cover; }
.product-thumb p { position: absolute;   left: 0; text-align: center; bottom: 0px; z-index: 2; color: #000; width: 100%; min-height: 40px; padding: 20px 0; line-height: auto; margin: 0; background: rgba(255,255,255,0.8); transition: all 0.3s; }
.product-thumb:hover p{background: rgba(255,255,255,1.0);}

/*.product-thumb a:hover > p { position: absolute; bottom: 0px; }
.product-thumb p:after { position: absolute; bottom: 10px; width: 120px; left: calc(50% - 60px); white-space: nowrap; content: '\A \00a0 \00a0 meer info \00a0'; display: inline; color: #000; font-variant: small-caps; font-size: 0.8em; background: #fecc00; padding: 2px 0 3px 0; }*/

.product-thumb { position: relative; display: flex; flex-direction: column; position: relative; margin: 0 20px 20px 0; padding: 0px;width: calc(25% - 20px); max-width: 400px; /* width: 230px */ text-align: left; cursor: pointer; }
.product-thumb a {position: relative; display: block; text-decoration: none;width: 100%; padding-top: 100%;}
.product-thumb a img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit: cover; background: var(--color-wit); font-size: 10px; line-height: 12px; color: var(--color-zwart); text-decoration: none; }
.product-thumb p { position: absolute; z-index:2; top: calc(50% + 50px); margin: 0 30px; padding: 10px; font-family: 'Montserrat-Bold', sans-serif; font-size: 0.9em; color: var(--color-tekst); background: var(--color-wit); max-width: calc(100% - 60px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product-thumb:hover p {background: var(--color-basis); }

.meerProducten .product-thumb { margin: 0 5px 20px 5px;}

.handelsplein.txt { display: flex; flex-direction: row; flex-wrap: wrap; }
.meerProducten .product-thumb { display: flex; flex-direction: column; height: 300px; position: relative; margin: 0 10px 10px 0; padding: 20px 20px 50px 20px; width: calc(33% - 10px);  text-align: left; background: #ededed; }
.meerProducten .product-thumb:hover { cursor: pointer; background: #fff; box-shadow: 0px 0px 10px #ccc; }
.meerProducten .product-thumb p:first-of-type { width: auto; width: 100%; max-width: 100%; margin: 0; padding: 10px 0; display: flex; justify-content: left; flex-wrap: wrap; white-space: wrap; order: 1; background: none; margin-bottom: 10px;font-family: 'Montserrat-Regular', sans-serif;} 
/*.meerProducten .product-thumb p:nth-of-type(2) {display: flex; order: 3;font-family: 'Montserrat-Regular', sans-serif;}
.meerProducten .product-thumb p:last-of-type {display: flex; order: 2; font-family: 'Montserrat-Semibold', sans-serif;}*/
.meerProducten .product-thumb p a {text-decoration: none;}
.meerProducten .product-thumb img { display: block; width: 100%; height: 70%; object-fit: contain; font-size: 10px; line-height: 12px; color: #000; text-decoration: none; }
.meerProducten .product-thumb p.bedrijfsnaam {font-weight: normal; line-height: 20px; white-space: nowrap; max-width:100%; overflow: hidden; text-overflow: ellipsis;color: #707070 }

.meerProducten { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; text-align: center; margin: 0; padding: 0; }
.meerProducten .txt {width: 100%; }
#meerInfoProducten { display: none; width: 100%; }
#advSearch { background: #fff url(../img/zoom.png) no-repeat 5px center; border: solid 1px #b5b4b4; width: 100%; margin-bottom: 15px; padding: 10px 15px 10px 30px; }
.meerProducten .btnMeerProductenClose { display:none}
.txt.hiddenItem {width: 100%;}
.txt.hiddenItem p {display: inline-block!important}

/* ZOEKEN */
.searchTerm { font-weight: bold; margin: 0 8px 0 8px; }
.zoeken { display: block; text-align: right; width: 100%; padding: 0; margin: 0 0 10px 0; }
#zoekVeld { max-width: 100%; width: 360px; margin: 0 auto; }
#zoekVeld input[type="text"] { display: inline-block; border: 1px #ffcc00 solid; border-right: solid 0px #fff; width: calc(100% - 31px); font-size: 1.0em; height: 30px; padding: 0 5px; margin: 0; border-radius: 0; outline: none; }
#zoekVeld input[type="text"]:focus { background: #fff; }
#zoekVeld input[type="submit"] { display: inline-block; border: 1px #ffcc00 solid; border-left: solid 0px #fff; cursor: pointer; background: #fff url(../img/zoom.png) no-repeat right center; font-size: 1.0em; color: #fff; width: 30px; height: 30px; padding: 0; margin: 0; border-radius: 0; }
.spacer { display: block; width: 100%; height: 30px; }


/*pagination*/
.pgNrs { display: block; clear: both; width: 100%; padding: 4px; overflow: hidden; }
a.pgNr { display: inline-block; border: 1px solid #f9af19; padding: 0 10px; margin: 2px; width: 40px; line-height: 40px; text-align: center; text-decoration: none; color: #f9af19; }
a.pgNr:hover, #pgNrActive { background-color: #f9af19; color: #fff; border: 1px solid #f9af19; text-decoration: none; }
#pgNrsLeft, #pgNrsRight { font-size: 2.2em; text-decoration: none; color: #f9af19; }
a.pgJumpL {margin-right:30px }
a.pgJumpR {margin-left:30px }

/* -- NIEUW HANDELSPLEIN --*/
.main.handelsplein { order: 2; flex: 3 0px; align-items: center; padding: 0; margin: 0 0 0 10px; background: #fff; }
.mainAside.handelsplein { order: 1; flex: 1 0px; padding: 0; }
.handelspleinMain .txt p img { margin: 0; }

.handelsplein.txt { display: flex; flex-direction: row; flex-wrap: wrap; }
.handelspleinBlok { display: flex; flex-direction: column; height: 380px; position: relative; margin: 0 10px 10px 0; padding: 20px 20px 50px 20px; width: calc(33% - 10px);  text-align: left; background: #ededed; }
	.resultaten .handelspleinBlok {width: calc(25% - 10px);}
.handelspleinBlok:hover { cursor: pointer; background: #fff; box-shadow: 0px 0px 10px #ccc; }
.handelspleinBlok p { display: flex; font-weight: bold; margin: 0; color: #707070 }
.handelspleinBlok p:first-of-type {display: flex; justify-content: center; order: 1; background: #fff; margin-bottom: 10px;} 
.handelspleinBlok p:nth-of-type(2) {display: flex; order: 3;font-family: 'Montserrat-Regular', sans-serif;}
.handelspleinBlok p:last-of-type {display: flex; order: 2; font-family: 'Montserrat-Semibold', sans-serif;}
.handelspleinBlok p a {text-decoration: none;}
.handelspleinBlok p img { display: block; width: 100%;  object-fit: contain; font-size: 10px; line-height: 12px; color: #000; text-decoration: none; }
.handelspleinBlok p.bedrijfsnaam {font-weight: normal; line-height: 20px; max-width:100%; color: #707070 }
.handelspleinBlok p.datum { font-size: 0.8em; padding: 2px; margin: 85px 0 0 0; position: absolute; bottom: 3px; right: 10px; color: #aaa; }
.handelspleinBlok p.datum:before { display: none; }

.handelspleinBlok .beursstand {position: absolute; top: calc(100% - 50px); height: 30px; width: calc(100% - 40px); display: flex; align-content: center; font-size: 0.8em;background:#E0E0E0; }

.filterGroupExluded select { font-family: 'Open Sans', sans-serif; border: solid 1px #b5b4b4; font-weight: 300; font-size: 15px; padding: 10px; width: 100%; text-align: left; background: #fff; color: #000; margin-bottom: 10px;-webkit-border-radius: 0; border-radius: 0; }
.mainAside .handelsplein.txt { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; flex-shrink: 0; width: 500px; }
.mainAside .handelspleinBlok { margin: 0 5px 10px 5px; width: 240px; }
.mainAside .handelspleinBlok p img { margin: 0 0 5px 0; }
.mainAside .txt h2 { text-align: center; width: 100%; }

button#reageerAdvertentie { cursor: pointer; display: inline-block; padding: 7px 20px; text-align: center; line-height: 30px; margin: 25px 10px; background: #ffcc00; color: #fff; border: solid 3px #ffcc00; font-weight: 700; min-width: 200px; font-size: 0.9em; text-transform: uppercase; transition: all 600ms ease-in-out; text-decoration: none; }
button#reageerAdvertentie:hover { color: #fff; background: #000; border: solid 3px #000; text-decoration: none; }
#toonContactgegevens { display: none; padding: 0 0 20px 0; }
#toonContactgegevens li { list-style: none; }
#toonContactgegevens li a { color: #000; }
#toonContactgegevens li a:hover { color: #0095da; }
#toonContactgegevens li#contactpersoon:before { font-family: 'FontAwesomeRegular'; content: '\f2bb'; margin-right: 10px; }
#toonContactgegevens li#email:before { font-family: 'FontAwesomeRegular'; content: '\f0e0'; margin-right: 10px; }
#toonContactgegevens li#telefoon:before { font-family: 'FontAwesomeSolid'; content: '\f095'; margin-right: 10px; }

/*BEURS*/
.beurs_info-en-qrcode {position: relative; display: flex; flex-direction:column; margin-bottom: 10px;}
.beurs_info {display: flex; flex-direction:column; justify-content:flex-start; flex-wrap: wrap; width: 100%; padding-bottom:0px; }
.beurs_info h1 {display: block;  font-size:3em !important; font-weight: normal; line-height: 1em; }
.productQR {position: absolute; top: calc(100%); display: flex; flex-direction: column; align-self: flex-end; width: 150px; vertical-align: middle; z-index:1; padding: 0; margin: 0; }
.productQR .logoYDEM { position: relative; display: inline-block}
.productQR .logoYDEM:after { position: absolute; z-index:10; left: 30%; top: 40%; content:''; display: block; width: 40%; height: 20%; background:url(../img/YDEM-QR.png) no-repeat center; background-size: contain; }
.productQR img {position: relative; width: 150px;}
.productQRScanMsg {position: absolute;top:0px;left:0; z-index: 11; display: none; width: 100%; height: 50px; padding: 10px; font-size: 12px; line-height: 14px; margin: 0;white-space:wrap; background: white;border:0px solid red}
.productQRScanMsgMobile{left:0;margin-top:16px;}
.productQR a#qrProductMobile{display: none; margin-top:6px;} 
.productQR:hover .productQRScanMsg {display: block;}
/* eerste plaatje bij product */
.vervolg  .CompWrapperMain .CompWrapper .main .CompContent .txt p img {max-width: 500px; }



/*.registerBlok .beursstand {margin: 0 0 10px 10px;}*/
.beurs_labels {display: inline-block;  }
.txt h1 { padding: 0 0 10px 0;} /* geen padding vanwege beurslabels */



.beurs_labels label img {margin: 0; vertical-align: text-bottom; padding: 0 5px 0 0; }
.beurs_labels .productFavoriet {position: relative; padding: 0 5px; line-height: 28px; display: inline-block; height: 28px; width: 28px; background: #ffcc00; border-radius: 50%;}
.beurs_labels .productFavoriet:hover {background: #fff;}
.beurs_labels .productFavoriet:before { position: relative; left: 0px; top: 0px; display: inline-block;  top: auto; right: auto;  }
.beurs_labels .productFavoriet:hover:after {position: absolute; top: 0px; left:30px; right: auto;}
.beurs_labels .productFavoriet.chosen:before {position: relative; display: inline-block; top: auto; right: auto; }
.beurs_labels .productFavoriet.chosen:hover:after {position: absolute;left: 30px; right: auto; top: 0px; }
.productScanned { display: inline-block }
.beurs_labels .productScanned:before { position: relative; display: inline-block; left: 0; top: 0; top: auto; right: auto;  }
.beurs_labels .productScanned:hover:after {position: absolute; left: auto; right: 0px; top: -14px; white-space: nowrap}

/* BEDRIJFSPAGINA */
#meerInfoProjecten { display: none; }
#meerInfoAgenda { display: none; }
.sectieProfiel { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; margin: 0; }

/* bedrijfspagina nieuws */
/*.nieuwsBlok { display: flex; flex-direction: column; width: 100%; margin: 2.5% 0; padding: 0; text-align: left; }*/
.nieuwsBlok {width: calc(25% - 15px); margin: 15px 15px 15px 0; padding: 0; text-align: left; min-width: 200px;}
/*.nieuwsBlok-thumb { display: inline-block; width: 120px; height: 60px; object-fit: cover; overflow: hidden; background: #58585a; vertical-align: top; }
.nieuwsBlok-thumb img { width: 100%; height: auto; }
.nieuwsBlok-content { display: inline-block; width: calc(95% - 135px); padding: 0 2.5%; line-height: 1.5em; color: #000; }*/
.nieuwsBlok-content .datum {display: block; color: var(--color-donkergrijs);}
.nieuwsBlok-content .datum:before { font-family: 'FontAwesomeRegular'; content: '\f017'; padding-right: 15px; margin: 0px;  }
.nieuwsBlok.aside { width: 100%; }

.nieuwsBlok .nieuwsBlok-thumb {position: relative; width: 100%; padding-top: 80%;}
.nieuwsBlok .nieuwsBlok-thumb img {position: absolute; height: 100%; width: 100%; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; background: var(--color-lichtergrijs);}
.nieuwsBlok .nieuwsBlok-content {color:var(--color-tekst)}
.nieuwsBlok:hover .nieuwsBlok-content { color:var(--color-basis) }
.nieuwsBlok a { text-decoration: none; }


.mainAsideContentNieuws a { text-decoration: none; color: #3c3c3b; }
.mainAsideContentNieuws a:hover { color: #999; }
.mainAsideContentNieuwsContent { display: flex; flex-direction: column; margin-bottom: 10px; }
#meerInfoNieuws { display: none; }
.meerInfoShow { display: flex !important; flex-wrap: wrap; width: 100%; }
.meerInfoShow .nieuwsBlok { display: flex; width: 47.5%; margin: 2.5% 0; padding: 0; text-align: left; }

/* bedrijfspagina naw */
.infoBedrijfCategorie { width: calc(100% - 10px); padding: 20px; margin: 0 10px 20px 0; background: var(--color-lichtgrijs); }
.infoBedrijfCategorie .txt h4 { margin-bottom: 20px; }
.infoBedrijfCategorie .txt a { text-decoration: none; border-bottom: 0; }
.infoBedrijfCategorie .txt a:hover { text-decoration: none; border-bottom: 0; color: #ffcc00; }
.infoBedrijfCategorie .txt a:before { font-family: 'FontAwesomeSolid'; content: '\f1c1'; color: #e80f10; margin-right: 5px; }
.infoBedrijfCategorie .txt a:hover:before { color: #ffcc00; }

/* bedrijfspagina video */
#infoVideo .txt { display: block; width: 100%; height: auto; }
/*.video { display: inline-block; position: relative; width: calc(33.3% - 10px); padding-top: 65%; margin: 0 10px 10px 0; }
.video iframe { position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; bottom: 0; right: 0; }*/

/* bedrijfspagina nieuws */

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

#companyNewsItem .innerWrapper {
    display: flex;
    max-width: 1800px;
    margin: 30px auto;
    padding: 0;
}

#companyNewsItem .nieuwskolom {
    flex: 3 0px !important;
    padding: 0vw 0 5vw 5vw;
    margin-right: 5vw;
}

#companyNewsItem .bedrijfskolom {flex: 2 0px; margin: 5vw; text-align: center;}

#companyNewsItem > .nieuwskolom {
    margin: 0 auto;
    flex: 1 0px;
}
#companyNewsItem .nieuwskolom .main.txt{text-align: left;}
#companyNewsItem .main.txt p img { margin: 0; width: auto; max-width: 100%; height: auto; }
#companyNewsItem .nieuwskolom .main.txt figure  {position: relative; display: block; width: 100%; height: auto; }
#companyNewsItem .nieuwskolom .main.txt figure picture {position: relative; display: block; width: 100%; height: auto; }
#companyNewsItem .nieuwskolom .main.txt figure img {width: 100%; height: 100%; object-fit: contain;}
#companyNewsItem .nieuwskolom .main.txt p span.datum {font-size: 0.8em;}

#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);}

 .bedrijfskolom { margin: 10px;}

.bedrijfskolom .bedrijfskolom { width: 100%; margin: 0px;  border: solid 1px #ebebeb; }
.bedrijfskolom .bedrijfskolom .txt { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.bedrijfskolom .bedrijfskolom .txt p { line-height: 1.2em; margin: 0; }
.bedrijfskolom .bedrijfskolom .txt a { color: #3c3c3b; }



  /* Carousel kennisplein */
  section#carouselEvenement {/*background: var(--color-lichtergrijs);*/ width: 100%;  padding:50px 0; margin: 0; margin: 0; }
  #carouselEvenement h2 { font-family: 'Montserrat-Bold', sans-serif;  color: var(--color-tekst); font-size: 2.4em; text-align: left; margin: 0;}
  .carouselEvenement {
	  max-width: 1840px;
	  width: 100%;
	  margin: 50px 0px;
	  padding: 0 0px;
	  overflow: hidden;
	  font-size: 1em;
	}
	.carouselEvenement .flickity-page-dots {display: none;}
	.bdBedrijvenregister #carouselEvenement {margin: 0; padding: 0; }
	.bdBedrijvenregister .carouselEvenement {margin: 0;}

	.carouselEvenement h3 {font-family: 'Montserrat-Bold', sans-serif; font-size: 1em; line-height: 1.2em; color: var(--color-wit); height: 4em;  }

	.carouselEvenement .datumEvenement { font-weight: normal; width: 100%; color: var(--color-wit); font-size: 1.1em; margin-bottom: 100px; }
	.carouselEvenement .datumEvenement:before {content: none;}
	#itemKennisplein .datumEvenement:before {content: none;}
	.carouselEvenement .datumEvenement .dag {font-family: 'Montserrat-Bold', sans-serif; width: 100%; color: var(--color-wit); font-size: 3em; margin-top: 10px; margin-bottom: 10px; display: block; clear: both; }
	#itemKennisplein .datumEvenement .dag {margin-top: 10px;}
	.carouselEvenement .tijdEvenement {  font-weight: normal; display: block; color: var(--color-wit); clear: both; padding: 0 0 0 40px; margin: 0; }
	.carouselEvenement .tijdEvenement:before { font-family: 'FontAwesomeRegular'; content: '\f017'; width: 40px; margin: 0 0 0 -40px; color: var(--color-wit);  }
	.carouselEvenement .plaatsEvenement {  font-weight: normal; width: 100%; display: block; color: var(--color-wit); clear: both; padding: 0 0 0 40px; margin: 0;}
	.carouselEvenement .plaatsEvenement:before { font-family: 'FontAwesomeSolid'; content: '\f3c5';width: 40px; margin: 0 0 0 -38px; color: var(--color-wit);  }
	.carouselEvenement .organisator { font-family: 'Montserrat-Bold', sans-serif; width: 100%; display: block; color: var(--color-wit); clear: both; padding: 0; }
	.carouselEvenement .organisator:before { content: '';  }

	.carouselEvenement-cell {
		text-align: left;
	  width: calc(50% - 0px);
	  max-width: 320px; 
	  height: auto;
	  margin: 0 15px;
	  background: var(--color-basis-donkerder);
	  counter-increment: gallery-cell;
	}
	.bdBedrijvenregister .carouselEvenement-cell {min-width: 320px;}
	.carouselEvenement-cell a {text-decoration: none;}
	.carouselEvenement-cell .cellContainer { position: relative; width: 320px; }
	.carouselEvenement-cell .cellContainer .cellTekstContainer {padding: 20px; display: flex; flex-direction: column;}
	.carouselEvenement-cell img { height: 160px; width: 100%; padding: 40px 20px; object-fit: contain; background: var(--color-wit)}
	.flickity-button {
	  background: var(--color-basis-donkerder) !important;
	  color: var(--color-wit) !important;
	  border: none;
	  }
	  .flickity-button:hover {
	  background:var(--color-wit) !important;
	  color: var(--color-basis-donkerder) !important;
	  }
	  .flickity-button:active {border: none;}

    /* EINDE: Carousel kennisplein */


/* Kennisplein item*/

#itemKennisplein .mainWrapper {display: flex; column-gap: 30px;}
#itemKennisplein .main {order: 2;}
#itemKennisplein .mainAside {order: 1; }
#itemKennisplein .mainAsideContent {padding: 0; margin: 30px 0 0 0;  background: var(--color-basis-donkerder);  max-width: 100%;}
#itemKennisplein .mainAsideContent .kennispleinLogo {width: 100%; background: var(--color-wit); text-align: center; padding-bottom: 30px;}
#itemKennisplein .mainAsideContent .kennispleinLogo img {padding: 0;max-width: calc(100% - 40px);}
#itemKennisplein .mainAsideContent p {margin: 0 20px;}
#itemKennisplein .mainAsideContent .datumEvenement { font-weight: normal; width: calc(100% - 40px); color: var(--color-wit); font-size: 1.1em; margin: 20px 20px 10px 20px; }
#itemKennisplein .mainAsideContent .datumEvenement .dag {font-family: 'Montserrat-Bold', sans-serif;  width: 100%; color: var(--color-wit); font-size: 3em; margin-bottom: 10px; display: block; clear: both; }
#itemKennisplein .mainAsideContent .tijdEvenement {  font-weight: normal; display: block; color: var(--color-wit); clear: both; padding: 0 0 0 40px; margin: 0px 20px 100px 20px;  }
#itemKennisplein .mainAsideContent .tijdEvenement:before { font-family: 'FontAwesomeRegular'; content: '\f017'; width: 40px; margin: 0 0 0 -40px; color: var(--color-wit);  }
#itemKennisplein .mainAsideContent .plaatsEvenement {  font-weight: normal;width: calc(100% - 40px); display: block; color: var(--color-wit); clear: both; padding: 0 0 0 40px; margin: 0 20px;}
#itemKennisplein .mainAsideContent .plaatsEvenement:before { font-family: 'FontAwesomeSolid'; content: '\f3c5';width: 40px; margin: 0 0 0 -38px; color: var(--color-wit);  }
#itemKennisplein .mainAsideContent .organisator { font-family: 'Montserrat-Bold', sans-serif; width: calc(100% - 40px); display: block; color: var(--color-wit); clear: both; padding: 0; margin:0px 20px }
#itemKennisplein .mainAsideContent .organisator:before { content: '';  }
#itemKennisplein .mainAsideContent .linkEvenement { width: calc(100% - 40px); margin: 0 20px; padding: 0; max-width: 300px;  }
#itemKennisplein .mainAsideContent .linkEvenement:before { float: left; font-family: 'FontAwesomeSolid'; content: '\f05a'; margin: 0; width: 40px; color: var(--color-wit); }
#itemKennisplein .mainAsideContent .linkEvenement a {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: var(--color-wit)}
#itemKennisplein .mainAsideContent .linkEvenement a:hover {text-decoration: none;}

#itemKennisplein .mainAsideContent .plaatsAdres {  font-weight: normal; width: calc(100% - 40px); display: block; color: var(--color-wit); clear: both; padding: 0 0 0 40px; margin: 0 20px;}
#itemKennisplein .mainAsideContent .plaatsAdres:before { float: left; font-family: 'FontAwesomeSolid'; content: '\f3c5';width: 40px; margin: 0 0 0 -38px; color: var(--color-wit);  }
#itemKennisplein .mainAsideContent .plaatsAdres p {display: inline; margin: 0;}
#itemKennisplein .mainAsideContent .plaatsAdres p:first-of-type::before {content: none}
#itemKennisplein .mainAsideContent .kostenEvenement {  font-weight: normal; display: block; color: var(--color-wit); clear: both; padding: 0 0 0 40px; margin: 0px 20px 0px 20px;  }
#itemKennisplein .mainAsideContent .kostenEvenement:before { font-family: 'FontAwesomeSolid'; content: '\f153'; width: 40px; margin: 0 0 0 -40px; color: var(--color-wit);  }



/* KLEINE SCHERMEN */

@media screen and (max-width: 1500px){
	/*section#carouselEvenement {padding:50px 0px 50px 0; margin: 0 -45px 0 -45px;}*/
	.resultaten .handelspleinBlok {width: calc(33% - 10px);}
}
@media screen and (max-width:1240px) {
	/*.handelspleinBlok { width: calc(33.3% - 10px); }*/
	.registerBlok { width: calc(50% - 10px); }
    .video { width: calc(50% - 10px); }
	.resultaten .handelspleinBlok {width: calc(50% - 10px);}
}

@media screen and (max-width: 1000px) {
    .CompWrapper { flex-direction: column; }
	.CompWrapperMain {background: var(--color-wit);}
	.CompWrapperMain .mainAside {margin: 0vw 0vw 5vw 0px;}
	.CompAside {margin: 0;}
    .CompAside.bedrijvenregister {width: 100%; }
	section#carouselEvenement { padding:20px 10px; margin: 0;}

	#companyNewsItem {background: var(--color-wit);}
	#companyNewsItem .innerWrapper {flex-direction: column;	}
	
	/* submenu bedrijf */
	.subMenuBedrijf { width: 100%; padding: 0px;}
}
@media screen and (max-width: 900px) {
    .main.bedrijvenregister { margin: 0; }
    .register {flex-direction: column; }
    .register.txt {max-width: calc(100% - 10px)}
    .registerBlok { width: 100%;}
    .registerBlok a:nth-of-type(2) {white-space: normal;}
	.handelspleinBlok { width: calc(50% - 10px); }
    .video{ display: block; padding-top: 60%; width: 100%;}
    .video iframe { position: absolute; width: 100% !important; height: 100% !important; min-height: auto; top: 0; left: 0; bottom: 0; right: 0; object-fit: contain; }
    .infoBedrijfCategorie {width: 100%; margin: 0 0 20px 0}
}
@media screen and (max-width: 740px){
	#infoNieuws {flex-direction: column;}
	.nieuwsBlok {width: calc(50% - 15px); }
	.subMenuBedrijf ul li a:not(.button) {display: none;}
}


@media screen and (max-width: 600px) {
    .beurs_info-en-qrcode {display: flex; flex-direction:column; justify-content: flex-start;}
    .productQR:after {left: 5px; white-space:normal;}
    .beursstand  { margin: 5px 0;}
	.productQR {position: relative; z-index: 2; top: calc(100% + 34px); display: flex; flex-direction: column; align-self: flex-start; width: 100% ; vertical-align: middle; z-index:1; padding: 3px0; margin: 0; }
	.productQR a {position: relative; z-index: 3; padding-top:20px; }
	.productQR a img {padding: 3px;}
	.productQRScanMsg {display: block; left: 0px; }
	.productQR:after {left: 5px; white-space:normal; }
	.productQRScanMsgMobile{position: absolute;z-index: 1; left:150px; width: 150px;top: 20px; margin-top:16px; }
	.productQRScanMsgMobile:after {content: '\f56e'; font-family: 'FontAwesomeSolid'; font-size: 2em; position: absolute; top: 16px; right: -30px; color: #5e7d85; }
	.vervolg  .CompWrapperMain .CompWrapper .main .CompContent .txt p img {max-width: calc(100% - 20px); }
    .CompWrapper .resultaten {text-align: center}

	.product-thumb { width: calc(50% - 10px); min-width: auto;}
    /*.productFavoriet:before {position: absolute; top: 15px; right: 15px; font-size: 25px; font-family: 'FontAwesomeRegular'; content: '\f004'; color: #3c3c3b;}
    .productFavoriet.chosen:before {position: absolute; top: 15px; right: 15px; font-size: 25px; font-family: 'FontAwesomeSolid'; content: '\f004'; color: #3c3c3b;}
    .productScanned:before { position: absolute; top: 15px; right: 50px; font-size: 25px; font-family: 'FontAwesomeSolid'; content: '\f02a'; color: #3c3c3b;}    
    .beursstand .productFavoriet:before {  margin-top: 5px; }*/
    a.pgTwoSteps {display: none; } /*verbergen indien mobiel*/
	.carouselEvenement-cell {width: calc(100% - 40px);}
	.resultaten .handelspleinBlok {width: calc(100% - 0px);}
}
@media screen and (max-width: 460px) {
    #sorteerProducten {width: 210px; height: 38px; line-height: 38px; padding: 0 5px; margin: 18px 6px 18px 0; }
}
@media screen and (max-width: 460px) {
	.subMenuBedrijf  {margin: 0 0 20px 0; padding: 0; }
	.subMenuBedrijf ul {margin: 0; padding: 0; height: 31px;}
	.subMenuBedrijf ul li {margin: 0; padding: 0;}
	.subMenuBedrijf ul li a { display: inline-block; padding: 7px; margin: 0;}
}
@media screen and (max-width:370px) {
    .pgNrs { display: block; clear: both; width: 100%; padding: 4px; overflow: hidden; }
    a.pgNr { display: inline-block; border: 1px solid #f9af19; padding: 0 6px; margin: 2px; width: 30px; line-height: 30px; text-align: center; text-decoration: none; color: #f9af19; }
    a.pgTwoSteps {display: none; }
	.subMenuBedrijf ul li a { max-width: 120px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--color-wit)}
}