/* extra ticketbutton niet bij producten en exposanten */
.ticketLabel {display: none;}
main { width: 100%; max-width: 100%; }
.CompWrapper { display: flex; max-width: 1800px; margin: 150px auto 40px auto; padding: 0; gap: 30px; flex-direction: var(--flex-direction-change); }
.CompWrapper.bedrijf {flex-direction: var(--flex-direction-reverse); }
.BodyProductenlijst .CompWrapper,
.BodyListedesproduits .CompWrapper,
.BodyProductlist .CompWrapper {flex-direction: var(--flex-direction-reverse);}

.Exhibitors .CompWrapperMain {margin: 150px auto 40px auto; padding: 0;}

.CompWrapper .main { width: 70%; }
.CompWrapper .mainAside {margin-top: 60px; width: 30%}

.bdProducten .mainWrapper {display: flex; width: 100%; max-width: 1800px; margin: 0 auto 40px auto; padding: 0; gap: 30px; flex-direction: var(--flex-direction-reverse);  }

.main.producten {width: calc(100% - 340px);}
.mainAside.producten {width: 340px;}
.BodyExposantenlijst  .CompWrapper,
.BodyExhibitorlist .CompWrapper,
.BodyListedesexposants .CompWrapper {display: flex; flex-direction: var(--flex-direction-reverse);}

.CompWrapper .main.bedrijvenregister {width: calc(100% - 340px);}
.CompWrapper .CompAside {width: 30%; margin-bottom: 40px; }
.CompWrapper .CompAside.producten { width: 340px; margin-bottom: 40px; }
.CompWrapper .CompAside.bedrijvenregister { width: 340px; margin-bottom: 40px;  }


.CompWrapper .CompAsideContent .kop {font-family: var(--font-family-extrabold); font-weight: normal; font-size:1.65rem;line-height: 1.2em; margin: 0.5em 0; color: var(--color-tekst) }
.mainWrapper .mainAsideContent .kop {font-family: var(--font-family-extrabold); font-weight: normal; font-size:2rem;line-height: 1.2em; margin: 0.5em 0; color: var(--color-tekst)}
.CompWrapper .CompAsideContent h3 { font-family: var(--font-family-bold); font-weight: normal; font-size:1.6rem;line-height: 1.2em; margin: 0.5em 0; color: var(--color-tekst); margin-top: 30px; }
.CompWrapper .CompAsideContent .filterGroup h3 {display: inline-block;}


.openkolomO { display: none; }
.zbForm .filterGroup p a { line-height:1.5em}
.zbForm .filterGroup p { width: 100%; margin: 10px 0 30px 0; }
.zbForm .filterGroup h3 {cursor: pointer;  font-family:var(--font-family-bold); font-size: 1.4rem; line-height: 1.5em; margin: 0 0 0 30px; padding: 0; white-space: wrap; display: inline-block; width: calc(100% - 30px); color: var(--color-tekst);}
.zbForm .filterGroupExluded h3 { margin-top: 30px; }
.zbForm .filterGroup div { max-height: 0; overflow: hidden;  transition: 0.4s; }
.zbForm .filterGroup h3:before { font-family: 'FontAwesomeSolid'; content: '\f067'; font-size: 1em; padding-right: 10px; margin-left: -30px;  }
.zbForm .filterGroup h3.active:before { font-family: 'FontAwesomeSolid'; content: '\f068'; }

a.buttonMeer {font-family: var(--font-family-bold); font-style: normal; position: relative; z-index:2; display: inline-block; padding: 10px 30px 10px 30px; text-align: center; margin: 10px 0px; text-transform: none; text-decoration: none !important; border-radius: calc(0.75em + 10px); cursor: pointer; background: var(--color-accent); color: var(--color-wit); border: 0; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
a.buttonMeer:hover {color: var(--color-wit);background: var(--color-donker); border: 0;  }

a.btnBack {font-family: var(--font-family-bold); font-style: normal; position: relative; z-index:2; display: flex; padding: 10px 50px 10px 30px; text-align: center; width: fit-content; line-height: 1.5em; margin: 0px 25px 25px 40px; text-transform: none; text-decoration: none !important; border-radius: calc(0.75em + 10px); cursor: pointer; background: var(--color-accent); color: var(--color-wit); border: 0; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; }
.beurs_info-en-qrcode a.btnBack {margin: 0 25px 25px 0;}
a.btnBack:before {content: '\f053'; font-family: 'FontAwesomeSolid'; padding-right: 20px; }
a.btnBack:hover {color: var(--color-wit);background: var(--color-donker); border: 0;  }

.TagLink {display: none;}

/* bedrijfs- en productpagina */
section:first-of-type { margin-top: 0; /* uit style.css */}

/* zoeken producten en exposanten */
#compSearch { border: none; width: calc(100% - 45px); max-width: 250px;  background: none; border-radius: 25px; box-shadow: 0 0 10px var(--color-grijs); }
input[type="text"]#compSearch { display: inline; border-right: solid 0px var(--color-wit); width: calc(100% - 45px); font-size: 1.0em; height: 40px; padding: 0 0 0 40px; margin: 0 0 1em 0; border-top-left-radius: 25px; border-bottom-left-radius: 25px; outline: none; background: url(../img/zoomGrijs.png) no-repeat var(--color-wit); background-position: 10px; }

#zoekVeld p {position: relative; display: flex; flex-wrap: nowrap; }
#zoekVeld input[type="text"] { display: inline; border: 1px var(--color-grijs) solid; border-right: solid 0px var(--color-wit); width: calc(100% - 40px); font-size: 1.0em; height: 32px; padding: 0 0 0 25px; margin: 0; border-top-left-radius: 25px; border-bottom-left-radius: 25px; outline: none; background: var(--color-bggrijs); }
#zoekVeld input[type="text"]::placeholder {font-size: 0.8em;}
#zoekVeld input[type="submit"] { position: relative; z-index: 2; display: inline; border: 1px var(--color-grijs) solid; border-left: solid 0px var(--color-wit); cursor: pointer; background: url(../img/icons/icon-zoeken.svg) no-repeat var(--color-bggrijs) center;  color: var(--color-wit); width: 40px; height: 32px; padding: 0; margin: 0; border-top-right-radius: 25px; border-bottom-right-radius: 25px; -webkit-appearance: none;}

/* bedrijven / exposanten overzicht */
.register { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-start;}
.registerBlok { flex: 0 1 calc(25% - 1rem); min-width: 250px;  flex-direction: column; position: relative; padding: 20px 20px 80px 20px; text-align: left; overflow-x: hidden; background: var(--color-wit); border-radius: 20px; box-shadow: 0 0 10px var(--color-grijs); box-sizing: border-box;}
 @media screen and (max-width:1650px) { .registerBlok { flex: 0 1 calc(33% - 1rem); }}
 @media screen and (max-width:1180px) { .registerBlok { flex: 0 1 calc(50% - 1rem); }}
 @media screen and (max-width:560px) { .registerBlok { flex: 0 1 100%; }}
/* alleen voor beurssites, dan .registerBlok padding: 20px 20px 90px 20px; */
.registerBlok:hover {background: var(--color-grijs); }
.registerBlok p {line-height: 1.3em; text-align: left; margin: 0; overflow-wrap: break-word;}
.registerBlok p a img {max-width: calc(100% - 80px); height: 60px !important; width: auto !important; object-fit:contain; margin: 0 auto 20px 0;}
.registerBlok p a:nth-of-type(2) { font-weight: bold; text-decoration: none; display: inline-block; height: 2.4em; overflow: hidden; }
.registerBlok p a:hover {color: var(--color-tekst);}
.registerBlok a.buttonMeer { position: absolute; left: 20px; bottom: 20px; z-index:2; margin: 0;  color: var(--color-grijs-button); background: var(--color-wit); border: solid 1px var(--color-grijs-button);}
.registerBlok a.buttonMeer:hover { color: var(--color-tekst); background: var(--color-grijs); border: solid 1px var(--color-tekst); }
.registerBlok:hover a.buttonMeer  { color: var(--color-tekst); background: var(--color-grijs); border: solid 1px var(--color-tekst) }

/* producten overzicht */
.resultaten { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; padding-top: 50px; }
.select {position: absolute; z-index: 1; top: 0; right: 0; display: inline-block; height: 40px; padding: 0 20px 0 20px; color: var(--color-tekst);  border: solid 1px var(--color-grijs-button); cursor: pointer;}
select#Bedrijf {display: inline-block; max-width: calc(100% - 40px); height: 40px; padding: 0 20px; }

.handelspleinBlok { flex: 0 1 25%; flex-basis: 345px; flex-direction: column; position: relative; padding: 20px 20px 85px 20px; text-align: left; overflow-x: hidden; background: var(--color-wit); border-radius: 20px; box-shadow: 0 0 10px var(--color-grijs); box-sizing: border-box;}
.handelspleinBlok:has(.beursstand) {padding: 20px 20px 125px 20px;}
.handelspleinBlok:hover { cursor: pointer; background: var(--color-grijs); }
.handelspleinBlok p {font-family: var(--font-family-regular); margin: 0; }
.handelspleinBlok p a {text-decoration: none;}
.handelspleinBlok p img { display: inline-block; width: 100%; margin: 0 0 0.5em 0 !important; padding: 10px; height: auto; aspect-ratio: 1 / 1; object-fit:contain; border-radius: 0.5em; border: solid 1px var(--color-lichtgrijs); background: var(--color-wit)}
.handelspleinBlok p.bedrijfsnaam { font-family: var(--font-family-bold); line-height: 1.2em; max-width:100%; color: var(--color-tekst) }
    .home .handelspleinBlok p.bedrijfsnaam {color: var(--color-basis-donkerder)}
.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; left: 20px; bottom: 80px;}
/* alleen voor beurssites, dan .handelspleinBlok padding: 20px 20px 140px 20px; */
.handelspleinBlok a.buttonMeer {position: absolute; left: 20px; bottom: 20px; z-index:2; font-family: var(--font-family-extrabold); font-style: normal; width: fit-content; padding: 0.4em 2.5em 0.4em 2.5em; text-align: center; margin: 0; text-transform: none; text-decoration: none !important; border-radius: calc(0.75em + 10px); cursor: pointer; background: var(--color-wit); color: var(--color-grijs-button); border: solid 1px var(--color-grijs-button); white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.handelspleinBlok a.buttonMeer:hover { color: var(--color-tekst); background: var(--color-grijs); border: solid 1px var(--color-tekst) }
.handelspleinBlok:hover a.buttonMeer  { color: var(--color-tekst); background: var(--color-grijs); border: solid 1px var(--color-tekst) }

.product-thumb {display: flex; flex-direction: column; width: 100%; max-width: 345px; flex-grow: 0; flex-shrink: 1; height: auto; position: relative; margin: 0 10px 20px 10px; padding: 20px 20px 30px 20px; text-align: left; background: var(--color-wit); border-radius: 20px; box-shadow: 0 0 10px var(--color-grijs); }
.product-thumb:hover { cursor: pointer; background: var(--color-grijs);  }
.product-thumb a {display: flex; flex-direction: column-reverse; text-decoration: none; color: var(--color-tekst) }
.product-thumb p {font-family: var(--font-family-bold); margin: 10px 0; }
.product-thumb img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; background: var(--color-wit); border-radius: 1em; border: solid 1px var(--color-lichtgrijs)}

#meerProducten .handelspleinBlok { display: flex; flex: 0 1 calc(33% - 15px);  padding: 0; border-radius: 0px; box-shadow: none; text-align: center; }
#meerProducten .handelspleinBlok:hover { cursor: pointer; background: var(--color-wit); }
#meerProducten .handelspleinBlok p {font-family: var(--font-family-bold); }
#meerProducten .handelspleinBlok p img { display: inline-block; width: 100%; margin: 0 !important; padding: 0; border-radius: 0;}
#meerProducten .handelspleinBlok p.bedrijfsnaam {display: none}
#meerProducten .handelspleinBlok:hover p { color: var(--color-accent)}
#meerProducten .handelspleinBlok p .buttonMeer {display: none}

#alleProducten .product-thumb {width: 25%; flex-grow: 0; padding: 0; border-radius: 0px; box-shadow: none; }
#alleProducten .product-thumb:hover { cursor: pointer; background: var(--color-wit); }
#alleProducten .product-thumb img { display: inline-block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; margin: 0 !important; padding: 0; border-radius: 0; }
#alleProducten .product-thumb p.bedrijfsnaam {display: none}
#alleProducten .product-thumb:hover p { color: var(--color-accent)}
#alleProducten .product-thumb p .buttonMeer {display: none}

#meerProducten1 .product-thumb { padding: 0; margin: 0; max-width: none; border-radius: 0px; box-shadow: none;}
#meerProducten1 .product-thumb:hover { cursor: pointer; background: var(--color-wit); }
#meerProducten1 .product-thumb img { display: inline-block; width: 100%; height: auto; aspect-ratio: 7 / 4; margin: 0 !important; padding: 0; border-radius: 0; }
#meerProducten1 h3 {display: block; width: 100%; color: var(--color-tekst); margin-bottom: 10px; text-align: left;}
#meerProducten1 .product-thumb p.bedrijfsnaam {display: none}
#meerProducten1 .product-thumb p {}
#meerProducten1 .product-thumb:hover p { color: var(--color-accent)}
#meerProducten1 .product-thumb p .buttonMeer {display: none}

.beurs_info-en-qrcode {padding: 30px 0 0 0; border-bottom: solid 1px var(--color-bggrijs-body); }

.beurs_info {padding: 0 40px;}
.beurs_info p {padding: 0;}
.fileList {padding: 40px 0; }

.beurs_info h1 a {text-decoration: none; color: var(--color-accent);}
.beurs_info .beursstand { background: var(--color-wit);}
.infoProductWrapper {width: 65%;}

.beursstand img {vertical-align:middle; margin: 0 5px 0 0; height: 1.5em;}

.BodyProductenlijst.Products .CompContent {margin-top: 0px;}
.BodyListedesproduits.Products .CompContent {margin-top: 0px;}
.BodyProduktliste.Products .CompContent {margin-top: 0px;}
.BodyProductlist.Products .CompContent {margin-top: 0px;}

.CompContent img {margin: 0; max-width: 100%}
.CompContent .txt {margin-left: 0px; overflow: visible; }
.CompContent .txt ul {display: flex; flex-direction: column; margin: 0 0 20px; padding: 0}
.CompContent .txt ul li {list-style: none;}
.CompContent .txt ul li:before {content:'\f111'; font-family: 'FontAwesomeSolid'; font-size: 0.5em; padding: 0 1em 0 10px; }
.CompContent .beursstand {font-family: var(--font-family-bold); display: inline-block; width: fit-content; font-size: 1em; margin: 1em 0 0 0; padding:0.5em 1em; background: var(--color-wit); border-radius: 1.2em; box-shadow: 0 0 10px var(--color-grijs); }
.CompContent .beursstand img {margin: 0 5px 0 0}
.register .beursstand {display: inline-block; margin:0em auto 0.5em 0px; font-family: var(--font-family-bold); font-size: 0.6em; padding: 0px 15px; width: auto; background: var(--color-bggrijs-body); box-shadow: none; border-radius: 1.2em;}
.resultaten .beursstand {display: inline-block; margin:1em auto 1em 0; font-family: var(--font-family-bold); font-size: 0.6em; padding: 0px 15px; width: auto; background: var(--color-bggrijs-body); box-shadow: none; border-radius: 1.2em;}
.product_title {display: flex; align-items: center;}
.product_title h1 {font-size: 2em;}
.productQR {display: inline-block; text-align: center; width: 180px; margin-right: 2em; }
.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-app.png) no-repeat center; background-size: auto; background-size: contain; }
.productQRScanMsg {display: none;}
#qrProductMobile {display: none;}


/* SELECTIEKOLOM BEDRIJVEN of PRODUCTEN */

.openkolomO { display: none; }
.zbForm input[type="checkbox"] { display: none; }
.zbForm a {line-height: 1em;}
.zbForm input[type="checkbox"] + label { display: block; position: relative; z-index: 3; border: 0; margin: 0; padding: 0 0 3px 30px; cursor: pointer; }
.zbForm input[type="checkbox"] + label:before { font-family: 'FontAwesomeRegular'; content:'\f0c8'; position: relative; font-size: 20px; padding-right: 12px; margin-left: -30px; }
.zbForm input[type="checkbox"]:checked + label:before { font-family: 'FontAwesomeRegular'; content:'\f14a'; position: relative;  }

.zbForm input[type="radio"] { display: none; }
.zbForm a {line-height: 1em;}
.zbForm input[type="radio"] + label { display: block; position: relative; z-index: 3; border: 0; margin: 0; padding: 0 0 3px 30px; cursor: pointer; }
.zbForm input[type="radio"] + label:before { font-family: 'FontAwesomeRegular'; content:'\f0c8'; position: relative; font-size: 20px; padding-right: 12px; margin-left: -30px; }
.zbForm input[type="radio"]:checked + label:before { font-family: 'FontAwesomeRegular'; content:'\f14a'; position: relative;  }
.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; 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 {font-family: var(--font-family-bold);}
.zbForm label.disabled { opacity: 0.5; }
.zbForm select#productLocation { font-family: var(--font-family-bold); color: var(--color-tekst); width: calc(100% - 45px);font-size: 1em; padding: 10px 20px 10px 35px;  background: var(--color-wit); border-radius: 2em; border: none; box-shadow: 0 0 10px var(--color-grijs); cursor: pointer; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.zbForm .filterGroupExluded.location p:after { content:'\f078'; font-family: 'FontAwesomeSolid'; font-size: 0.8em; color: var(--color-grijs); position: absolute; right: 60px; top: 7px; }

.zbForm select#Bedrijf { font-family: var(--font-family-bold); color: var(--color-tekst); width: calc(100% - 45px);font-size: 1em; padding: 10px 20px 10px 35px;  background: var(--color-wit); border-radius: 2em; border: none; box-shadow: 0 0 10px var(--color-grijs); cursor: pointer; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.zbForm .filterGroupExluded.zbPeriod p:after { content:'\f078'; font-family: 'FontAwesomeSolid'; font-size: 0.8em; color: var(--color-grijs); position: absolute; right: 60px; top: 7px; }

.zbForm label img {filter: invert(77%) sepia(10%) saturate(1138%) hue-rotate(138deg) brightness(84%) contrast(89%);}
.zbForm p {position: relative;}
.zbForm #zoekenNieuws strong { font-family: var(--font-family-bold); font-weight: normal; line-height: 3em;}


/* Bedrijfspagina */
.subMenuBedrijf {display: flex;  justify-content: center; width: auto; margin: 2em 0 0 0; background: var(--color-wit); height: auto; padding: 0.25em; border-radius: 20px; box-shadow: 0 0 10px var(--color-grijs);  }
.subMenuBedrijf ul {display: flex; justify-content: center; list-style: none; column-gap: 30px; row-gap: 5px; flex-wrap: wrap;}
.subMenuBedrijf ul li a {font-family: var(--font-family-bold); color: var(--color-tekst); text-decoration: none; line-height: 1em; }
.subMenuBedrijf ul li a:hover {color: var(--color-accent);}
.infoBedrijf { display: inline-block; margin: 2em 0px 0 0; padding: 20px 0; }
#infoDownloads.sectieProfiel {background: var(--color-wit); }

.meerProducten {display: inline-block; flex-wrap: wrap; gap: 20px; padding: 40px 20px; background: var(--color-wit); overflow: visible; text-align: center}
.hiddenSectionk.meerProducten {width: 100%; clear: both; display: none; text-align: center;}

.kopmetlijn {display: inline-block; text-align: left; width: 100%; font-family: var(--font-family-extrabold); font-weight: normal; font-size:2em; line-height: 1.2em; margin-bottom: 0.5em; padding: 0; }
.meerProducten .txt {display: block; width: 100%;}
a.buttonMeer.btnMeerProducten { position: relative; margin-top: 2em; /* left: 50%; transform: translate(-50%, 0)*/ }
#homeNieuws2 .main.txt p {width: 100%; text-align: center;} 

a.buttonMeer.btnMeerProductenClose { position: relative; max-width: 200px; }

a.buttonMeer.closeItems {display: none;}
#meerInfoProducten {display: none; margin: 0;}

.infoBedrijfWrapper {padding: 0 0 0 40px; width: calc(60% + 10px); }

#meerProducten.sectieProfiel {background: var(--color-wit)}
#meerProducten.sectieProfiel .meerProducten {width: calc(60% + 80px); display: flex; }
#meerProducten.sectieProfiel #meerInfoProducten  {width: 100%;}
#meerProducten.sectieProfiel #meerInfoProducten .meerProducten {width: 100%; padding: 0; }

.kolomRechts { float: right; display: block; height:fit-content; overflow: visible; width: 500px; max-width: 35%; margin-top: 100px;}
.beurs_info-en-qrcode {width: 100%}
.beurs_info-en-qrcode .beurs_info { width: 65%; padding-bottom: 20px; }
section.productContainer { width: 100%; padding: 20px 0; background: var(--color-wit)}

.beurs_info-en-qrcode .meerProducten p {width: 100%;}
.beurs_info-en-qrcode .meerProducten .product-thumb {width: 100%; max-width: 300px; flex-basis: auto;}
.beurs_info-en-qrcode .meerProducten .product-thumb p {width: 100%;}
.beurs_info-en-qrcode .meerProducten .product-thumb img {width: 100%; height: 100%; aspect-ratio: 3 / 1; object-fit: contain }
.productImage {padding: 0 40px 20px 40px;}
.Description {padding: 0 40px 20px 40px; order: 4; width: 65%; }
.Description p {padding: 0; width: 100%;}

.Description a.buttonMeer.productsOpen { position: relative; margin-top: 2em; left: 50%; transform: translate(-50%, 0);}
.kolomRechts a.buttonMeer.productsOpen { display: none !important; position: relative;}
.Description a.buttonMeer.productsClose { position: relative; max-width: 200px; }

.meerInfoShow { width: 100%;}

#infoDownloads.sectieProfiel {width: 100%; padding: 0 0 40px 40px; }

.sectieProfiel#infoNieuws {width:100%; padding: 20px 0 20px 40px; background: var(--color-wit)}
.meerNieuws {width:65%; display: flex; flex-wrap: wrap;  }
.infoBedrijf {width: 65%; }
.infoBedrijfWrapper .infoBedrijf {width: 100%;}

.nieuwsBlok { width: calc(33% - 15px); margin: 15px 15px 15px 0; padding: 0; text-align: left; min-width: 200px;}
main .nieuwsBlok { flex: 0 1 25%; flex-basis: 360px; flex-direction: column; position: relative; padding: 20px 0px 20px 0px; margin-right: 20px; text-align: left; overflow-x: hidden;}
    body.home .nieuwsBlok {flex-basis: auto;}
.nieuwsBlok .nieuwsBlok-thumb { position: relative; width: 100%; height: auto; aspect-ratio: 3 / 2; }
.nieuwsBlok .nieuwsBlok-thumb img {  height: 100%; width: 100%; object-fit: cover; background: var(--color-lichtergrijs); }
.nieuwsBlok .nieuwsBlok-content { color:var(--color-tekst) }
.nieuwsBlok:hover .nieuwsBlok-content { color:var(--color-basis) }
.nieuwsBlok .datum { font-family: var(--font-family-semibold); width: 100%;  font-size: 0.8em;display: block; clear: both; }
.nieuwsBlok a { text-decoration: none; }

.nawgegevens { position: relative; float: right; margin: 0px 30px 20px 30px; padding: 40px 50px 60px 50px; border-radius: 1em; background: var(--color-wit); box-shadow: 0 0 20px var(--color-grijs); width:calc(35% - 80px); max-width: 590px; min-width: 320px; }
.nawgegevens h3 { font-family: var(--font-family-extrabold); color: var(--color-tekst); margin: 1em auto 2em auto; font-size: 1.8em; }
.nawgegevens .txt { text-align: center; }
.nawgegevens p { line-height: 1.5em; margin:  0 }
.nawgegevens .compTypes p { line-height: 1.2em; }
.nawgegevens .txt p span {display: block; clear: both; }
.nawgegevens .txt p strong {  display: inline-block; font-size: 1em; line-height: 1.2em; margin: 1em 0 0 0; width: 100%;}
.nawgegevens .contactDetails {text-align: left; margin: 0 auto; padding-left: 30px; font-size: 1.1em; }
.nawgegevens .contactDetails p {padding-bottom: 0em;}
.nawgegevens p.contactAddress {font-family: var(--font-family-bold);}

.nawgegevens .contactDetails a {text-decoration: none;}
.nawgegevens .contactDetails a:hover {color: var(--color-basis)}
.nawgegevens .contactPhone:before {content:'\f095'; font-family:'FontAwesomeSolid'; display: inline-block; width: 30px; margin-left: -30px; color: var(--color-accent);}
.nawgegevens .contactEmail:before {content:'\f0e0'; font-family:'FontAwesomeSolid'; display: inline-block; width: 30px; margin-left: -30px; color: var(--color-accent);}
.nawgegevens .contactUrl:before {content:'\f0c1'; font-family:'FontAwesomeSolid'; display: inline-block; width: 30px; margin-left: -30px; color: var(--color-accent);} 
.nawgegevens .social ul { display: inline-block; background: var(--color-lichtergrijs); padding: 0 50px; border-radius: 20px; margin: 1em 0 0 -30px; height:40px; }
.nawgegevens .social ul li {  margin: 0; padding: 0; }
.nawgegevens .social ul li.smChannel {position: relative; width: 100%; clear: both; list-style: none; cursor: pointer;  }
.nawgegevens .social ul li:before {content: none}
.nawgegevens .social ul li.smChannel a#smChLI:after {font-family: 'FontAwesomeBrands'; content: '\f0e1'; font-size: 1.4em; line-height: 40px; color: var(--color-accent)}
.nawgegevens .social ul li.smChannel a#smChLI:hover:after { color: var(--color-wit)}

.infoBedrijfWrapper p img { max-width: 500px; max-height: 200px; object-fit: contain;}
.infoProductWrapper p img { max-width: 500px; max-height: 200px; object-fit: contain;}

.uitgelichtBedrijf  {  position: relative; margin: 0px 20px 20px 20px; padding: 40px 20px 60px 20px; border-radius: 1em; background: var(--color-wit); box-shadow: 0 0 20px var(--color-grijs);  flex-grow: 1;}
.uitgelichtBedrijf  .txt { display: flex; flex-direction: column !important; justify-content: center; align-items: center; text-align: center; width: 100%;}
.uitgelichtBedrijf h3 {color: var(--color-tekst); margin: 1em auto 2em auto; font-size: 1.8em;}
.uitgelichtBedrijf .txt p { width: 100%; line-height: 1.5em; }
.uitgelichtBedrijf .txt p span {display: block; clear: both;}
.uitgelichtBedrijf .txt p strong {  display: inline-block; font-size: 1em; line-height: 1.2em; margin: 1em 0 0.5em 0; }
.uitgelichtBedrijf .txt p:nth-last-of-type(2) {margin-bottom: 2em;}

section#infoVideo .infoBedrijf.meerInfoShow { width: calc(60% + 30px); padding: 0 0 40px 20px; }
#compvid.txt {display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; gap: 20px;}
#compvid.txt .video {width: calc(50% - 20px) !important; height: auto !important; margin: 0; max-width: 100%; }
#compvid.txt .video iframe {height: auto !important; aspect-ratio: 3.6 / 2 !important; max-width: 100%; }
h1#infoBedrijf {display: none;}
.txt h4 {display: block; width: 100%; font-family: var(--font-family-extrabold); font-weight: normal; font-size:2em;line-height: 2em;}
.txt a.linkPDF:before {content:'\f1c1'; font-family: 'FontAwesomeSolid'; padding-right: 1em; }
.txt a.linkPDF {font-family: var(--font-family-semibold); text-decoration: none;}
.txt a.linkPDF:hover {text-decoration: underline}

/* Bedrijvenoverzicht 365 */
.bdBedrijvenregister main {max-width: 100%;}
.bdBedrijvenregister .CompWrapper.bedrijf {margin: 0 auto; }
.bdBedrijvenregister main {width: 100%; margin: 0 auto; padding: 2em 0; }
.bdBedrijvenregister .main {margin-top: 220px; }
.bdBedrijvenregister main > .main {margin: 0; padding: 0;}
.bdBedrijvenregister .main.bedrijvenregister {margin-top: 0; }
.bdBedrijvenregister .main.producten {margin-top: 0; }
.bdBedrijvenregister .CompWrapperMain {margin-top: 0px; }

.bdBedrijvenregister.emailform .main {margin-top: 0px; }
.bdBedrijvenregister.emailform .main .CompContent,
.bdBedrijvenregister.emailform .main .CompContent div { margin: 0 auto; text-align: center;}

/* KENNIS EVENTS */
/* Carousel kennisplein */
section#carouselEvenement { padding:1em 0px; width: 100%; margin: 0 auto; background: var(--color-accent-lichter); }
#carouselEvenement h2 { text-align: center; }
.carouselEvenement { margin: 50px auto; padding: 0 50px; overflow: hidden; font-size: 0.9em;  }
.carouselEvenement .flickity-page-dots {display: none;}
.carouselEvenement h3 { font-family: var(--font-family-bold); font-size: 1em; line-height: 1.5em; color: var(--color-wit); height: 3em; display: -webkit-box;
	-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 1em;}
.datumEvenement { font-weight: normal; width: 100%; color: var(--color-wit); }
.cellContainer .datumEvenement {font-size: 1.1em; margin-bottom: 60px; }
.datumEvenement .dag { font-family: var(--font-family-bold); width: 100%; color: var(--color-wit); font-size: 3em; margin-bottom: 15px; display: block; clear: both; }

.carouselEvenement-cell { width: calc(20% - 30px); min-width: 280px; height: auto; margin: 0 15px; background: var(--color-basis-donkerder); counter-increment: gallery-cell; border-radius: 1em; }
.bdBedrijvenregister .carouselEvenement-cell { min-width: 280px; }
.carouselEvenement-cell a { text-decoration: none; }
.carouselEvenement-cell .cellContainer { position: relative; width: 100%; }
.carouselEvenement-cell .cellContainer .cellTekstContainer { padding: 20px; }
.carouselEvenement-cell img { height: 160px; width: 100%; padding: 20px; object-fit: contain; background: var(--color-wit); border-top-left-radius: .95em;  border-top-right-radius: 0.95em; }

.carouselEvenement-cell .tijdEvenement { font-weight: normal; display: inline-block; color: var(--color-wit); clear: both; padding: 0; margin: 0; }
.carouselEvenement-cell .tijdEvenement:before { font-family: 'FontAwesomeRegular'; content: '\f017'; display: inline-block;  width: 30px; color: var(--color-wit); }
.carouselEvenement-cell  .plaatsEvenement { font-weight: normal; width: calc(100% - 40px); display: inline-block; color: var(--color-wit); clear: both; padding: 0; margin: 0px; }
.carouselEvenement-cell  .plaatsEvenement:before { font-family: 'FontAwesomeSolid'; content: '\f3c5'; display: inline-block; width: 30px; color: var(--color-wit); }

.flickity-button {background: none !important; }
.flickity-button:hover {background: white}
.flickity-button:active { border: none; }

/* kennisplein */
#itemKennisplein .mainWrapper.elearning { display: flex; column-gap: 30px; max-width:var(--content-breedte);  margin: 0 auto 30px auto; }
#itemKennisplein  .mainWrapper.elearning .main {width: 100%;}

#itemKennisplein .mainWrapper {display: flex; width: 1520px; max-width: 100%; margin: 0 auto; gap: 40px; }
#itemKennisplein  .main { order: 2; }
#itemKennisplein  .mainAside { order: 1; }
#itemKennisplein  .mainAsideContent { padding: 0; margin: 0; background: var(--color-basis-donkerder); width: 400px; max-width: 100%; border-radius: 1em;}
#itemKennisplein  .mainAsideContent .kennispleinLogo { width: 100%; height: 120px; background: var(--color-wit); text-align: center; margin: 0;  border-top-left-radius: .95em;  border-top-right-radius: 0.95em;}
#itemKennisplein  .mainAsideContent .kennispleinLogo img { padding: 0 10px; width: 100%; height: 100%; object-fit: contain; object-position: center;}
#itemKennisplein  .mainAsideContent p { margin: 30px 20px 0 20px; }
#itemKennisplein  .mainAsideContent .datumEvenement {margin: 20px 20px 100px 20px;}
#itemKennisplein  .mainAsideContent .datumEvenement {margin: 20px 20px 100px 20px;}
#itemKennisplein  .mainAsideContent .tijdEvenement { font-weight: normal; display: inline-block; color: var(--color-wit); clear: both; padding: 0; margin: 0 20px; }
#itemKennisplein  .mainAsideContent .tijdEvenement:before { font-family: 'FontAwesomeRegular'; content: '\f017'; display: inline-block;  width: 30px; color: var(--color-wit); }
#itemKennisplein .mainAsideContent .organisator { font-family: var(--font-family-bold); width:  calc(100% - 40px); display: inline-block; color: var(--color-wit); clear: both; padding: 0; margin: 20px;  }
#itemKennisplein  .mainAsideContent .organisator:before { content: ''; }
#itemKennisplein  .mainAsideContent .plaatsAdres { font-weight: normal; width: calc(100% - 40px); display: inline-block; color: var(--color-wit); clear: both; padding: 0; margin: 0 20px; }
#itemKennisplein  .mainAsideContent .plaatsAdres:before { font-family: 'FontAwesomeSolid'; content: '\f3c5'; display: inline-block; width: 30px; margin: 0; color: var(--color-wit);vertical-align: top;  }
#itemKennisplein  .mainAsideContent .plaatsAdres p { display: inline-block; margin: 0; }
#itemKennisplein  .mainAsideContent .plaatsAdres p:first-of-type::before { content: none }
#itemKennisplein  .mainAsideContent .plaatsEvenement { font-weight: normal; width: calc(100% - 40px); display: inline-block; color: var(--color-wit); clear: both; padding: 0; margin: 0 20px; }
#itemKennisplein  .mainAsideContent .plaatsEvenement:before { font-family: 'FontAwesomeSolid'; content: '\f3c5'; display: inline-block; width: 30px; color: var(--color-wit); }
#itemKennisplein  .mainAsideContent .kostenEvenement { font-weight: normal; display: block; color: var(--color-wit); clear: both; padding: 0; margin: 0px 20px; }
#itemKennisplein .mainAsideContent .kostenEvenement:before { font-family: 'FontAwesomeSolid'; content: '\f153'; display: inline-block; width: 30px; margin: 0; color: var(--color-wit); }
#itemKennisplein .mainAsideContent .linkEvenement { display: inline-block; width: calc(100% - 70px); margin: 0 20px 0 50px; padding: 0;  }
#itemKennisplein .mainAsideContent .linkEvenement:before { font-family: 'FontAwesomeSolid'; content: '\f05a'; display: inline-block; margin: 0 0 0 -30px; width: 30px; color: var(--color-wit); }
#itemKennisplein .mainAsideContent .linkEvenement a { display: inline-block;width: 100%; line-height: 1em;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--color-wit) }
#itemKennisplein .mainAsideContent .linkEvenement a:hover { text-decoration: none; }

/* formulieren */
.wepForm#profileContact { width:1000px; max-width: 100%; margin: 0 auto; padding: 50px 20px; background: var(--color-wit); border-radius: 1em; }
.wepForm#profileContact input, 
.wepForm#profileContact textarea { font-weight: normal; font-size: 0.85em; border: 1px solid var(--color-grijs); background: var(--color-wit); color: var(--color-zwart); border-radius: 1em; }
.wepForm#profileContact p input[type="text"],
.wepForm#profileContact p textarea  { width: calc(100% - 10px) !important; margin: 0 10px 10px 0; }
.wepForm#profileContact input[type="text"],
.wepForm#profileContact input[type="email"],
.wepForm#profileContact input[type="password"],
.wepForm#profileContact textarea { padding: 12px 22px; width: calc(100% - 10px); outline-style: none; }
.wepForm#profileContact input[type="text"]:focus,
.wepForm#profileContact input[type="password"]:focus,
.wepForm#profileContact textarea:focus { border-color: var(--color-basis); outline-color: #B6CBE5; outline-style: solid; outline-width: 0px; }
.wepForm#profileContact input[type="checkbox"] { opacity: 0; width: 1px; height: 1px; margin: 0; }
.wepForm#profileContact input[type="checkbox"] + label { font-size: 1em; }
.wepForm#profileContact 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#profileContact input[type="checkbox"]:checked + label span { background-color: var(--color-basis); border: solid 0px var(--color-standaardgrijs); }
.wepForm#profileContact input[type="checkbox"] + label span,  
.wepForm#profileContact 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#profileContact textarea { font-family: var(--font-family-standaard); height:150px; margin:0;}
#profileContact .button#btnSubmit { position: relative; width:fit-content; z-index:2; font-family: var(--font-family-bold); font-size: 1em; 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-weight: normal; color: var(--color-wit); border: solid 0px var(--color-basis); }
#profileContact .button#btnSubmit:active, 
#profileContact .button#btnSubmit:hover { border: solid 0px var(--color-donker); outline: 0; background: var(--color-donker); color: var(--color-wit); }

p.document-item a {font-family: var(--font-family-semibold); text-decoration: none; display: inline-flex; align-items: center; gap: 0.5em; padding: 0; line-height: 1.5em !important; max-width: calc(100% - 40px); margin: 0.5em 0}
p.document-item a:hover {text-decoration: underline;}
p.document-item i.fas {font-size: 2em;}
p.document-item a:has(svg) {line-height: 3em}
p.document-item a svg {height: 2em; vertical-align: middle; flex-shrink: 0;}

.CompWrapper .CompAsideContent .uitgelichtBedrijf h3 {margin: 0 0 1em 0;}

/* labels */
/* s4 365 plus member, s6 365 premium member, s14 silver, s15 gold  */
/*
.registerBlok.labelGold:after {content:''; position: absolute; display: block; top: 0; right: 1em; width:80px; height: 106px; background: url(../img/365-premium-sponsor.png) }
.registerBlok.labelGold p:first-of-type {margin-right: calc(80px + 1em)}
.registerBlok.labelSilver:after {content:''; position: absolute; display: block; top: 0; right: 1em; width:80px; height: 106px; background: url(../img/365-plus-sponsor.png) }
.registerBlok.labelSilver p:first-of-type {margin-right: calc(80px + 1em)}
*/
.registerBlok.s4:after,
.registerBlok.s14:after {content:''; position: absolute; display: block; top: 0; right: 1em; width:80px; height: 106px; background: url(../img/365-plus-sponsor.png) }

.registerBlok.s6:after,
.registerBlok.s15:after {content:''; position: absolute; display: block; top: 0; right: 1em; width:80px; height: 106px; background: url(../img/365-premium-sponsor.png) }

.registerBlok.s4 p:first-of-type p:first-of-type,
.registerBlok.s14 p:first-of-type p:first-of-type,
.registerBlok.s6 p:first-of-type p:first-of-type,
.registerBlok.s15 p:first-of-type p:first-of-type {margin-right: calc(80px + 1em)}

.nawgegevens.s4:after,
.nawgegevens.s14:after {content:''; position: absolute; display: block; top: 0; left: calc(1em + 20px); width:80px; height: 106px; background: url(../img/365-plus-sponsor.png) }/* gold-sponsor.png */

.nawgegevens.s6:after,
.nawgegevens.s15:after {content:''; position: absolute; display: block; top: 0; left: calc(1em + 20px); width:80px; height: 106px; background: url(../img/365-premium-sponsor.png) }/* gold-sponsor.png */
.nawgegevens.s4 h3,
.nawgegevens.s14 h3,
.nawgegevens.s6 h3,
.nawgegevens.s15 h3 { margin: 1em calc(0em + 80px + 0px) 1em calc(0em + 80px + 0px); }

.uitgelichtBedrijf.s4:after,
.uitgelichtBedrijf.s14:after {content:''; position: absolute; display: block; top: 0; left: calc(1em + 20px); width:80px; height: 106px; background: url(../img/365-plus-sponsor.png) }/* gold-sponsor.png */


.uitgelichtBedrijf.s6:after,
.uitgelichtBedrijf.s15:after {content:''; position: absolute; display: block; top: 0; left: calc(1em + 20px); width:80px; height: 106px; background: url(../img/365-premium-sponsor.png) }/* gold-sponsor.png */
.uitgelichtBedrijf.s4 h3,
.uitgelichtBedrijf.s14 h3,
.uitgelichtBedrijf.s6 h3,
.uitgelichtBedrijf.s15 h3 { margin: 0 calc(1em + 80px + 20px) 1em calc(1em + 80px + 20px) !important; }


/*pagination*/
.pgNrs { display: block; clear: both; width: 100%; padding: 4px; overflow: hidden; }
a.pgNr { display: inline-block; border: 1px solid var(--color-donker); padding: 0; margin: 2px; width: 40px; line-height: 40px; text-align: center; text-decoration: none; color: var(--color-donker); }
a.pgNr:hover, #pgNrActive { background-color: var(--color-donker); color: var(--color-wit); border: 1px solid var(--color-donker); text-decoration: none; }
#pgNrsLeft, #pgNrsRight { font-size: 1.5em; text-decoration: none; color: var(--color-donker); }

@media screen and (max-width:1900px) {
    .BodyProductenlijst .CompWrapper,
    .BodyListedesproduits .CompWrapper,
    .BodyProduktliste .CompWrapper,
    .BodyProductlist .CompWrapper  {flex-direction: var(--flex-direction-reverse); margin: 150px 20px 40px 20px; }
    .BodyExposantenlijst .CompWrapper,
    .BodyListedesexposants .CompWrapper,
    .BodyAusstellerliste .CompWrapper,
    .BodyExhibitorlist .CompWrapper {flex-direction: var(--flex-direction-reverse); margin: 150px 20px 40px 20px; }
    .bdProducten .mainWrapper {margin: 0 20px; max-width: calc(100% - 40px); }
    .bdBedrijvenregister .CompWrapper.bedrijf {margin: 0 20px; max-width: calc(100% - 40px);}

}
@media screen and (max-width:1650px) { 
    .handelspleinBlok { flex: 0 1 calc(33% - 1rem); }
    main .nieuwsBlok { flex: 0 1  calc(33% - 1rem); }
}
@media screen and (max-width: 1280px){
    .nawgegevens h3 { margin: 20px 20px 40px 20px;  }
    .nawgegevens.s4 h3,
    .nawgegevens.s6 h3,
    .nawgegevens.s14 h3,
    .nawgegevens.s15 h3 {margin: 80px 20px 40px 20px; }
}
@media screen and (min-width: 1000px) and (max-width: 1280px){
    .uitgelichtBedrijf.s4 h3,
    .uitgelichtBedrijf.s14 h3,
    .uitgelichtBedrijf.s6 h3,
    .uitgelichtBedrijf.s15 h3 { margin: 80px 0 1em 0 !important; }
}
@media screen and (max-width:1180px) { 
    .handelspleinBlok { flex: 0 1 calc(50% - 0.5rem);}
    #meerProducten .handelspleinBlok { flex: 0 1 calc(33% - 1rem); }
 }



@media screen and (max-width: 1000px) {
    .CompWrapper {margin: 180px auto 40px auto; }
    .CompWrapper .main {width: 100%; }
    .CompWrapper .CompAside {width: 100%; margin-bottom: 0px;  }
    .CompWrapper .mainAside {margin-top: 60px; width: calc(100% - 40px);}
    .CompWrapper .main.bedrijvenregister {width: 100%; }
    .CompWrapper .main.producten {width: 100%; }
    .mainAside.producten {width: 100%;}
    .CompWrapper .CompAside.producten { width: 100%;  }
    .CompWrapper .CompAside.bedrijvenregister { width: 100%;   }
    .infoProductWrapper {width: 100%; display: flex; flex-direction: column; }

    .mainWrapper .main.producten {width: 100%;}
    .meerNieuws {width: calc(100% - 40px); }
    .infoBedrijf { width: 100%; }

    .nawgegevens {width: calc(100% - 40px); }
    .uitgelichtBedrijf { width: 100%;}

    .CompContent { display: flex; flex-direction: column; }
    .CompContent .beurs_info {display: flex; flex-direction: column;}
    .CompContent .beursstand { width: fit-content; font-size: 1em; margin: 1em auto 0 auto;}
    .CompContent .register {display: flex; flex-direction: row;display: flex; justify-content: flex-start; align-content: flex-start; }
    .nawgegevens {display: flex; order: 3; margin: -20px auto 20px auto;}
    .uitgelichtBedrijf {display: flex; order: 3; width: 100%; max-width: calc(100% - 40px); margin: -20px 20px 20px 20px;}
    .uitgelichtBedrijf.s1 h3 { margin: 20px calc(1em + 80px + 20px) 1em calc(1em + 80px + 20px) !important; min-width: 280px; }

    .CompContent.productPage .txt { display: flex; flex-direction: column;  margin-top: 20px;}
    body.Products .CompContent.productPage {  margin-top: 100px;}
    .kolomRechts { float: none; width: 100%; max-width: 100%;margin-top: 20px; display: flex; flex-direction: column; display: flex; order: 2; }
    .beurs_info-en-qrcode {width: 100%; display: flex; flex-direction: column; }
    .beurs_info-en-qrcode .beurs_info { width: 100%; padding-bottom: 20px;}

    .Description {width: 100%; order: 2}
    .Description a.buttonMeer.productsOpen {  display: none; }
    .kolomRechts a.buttonMeer.productsOpen { display: inline-block; position: relative;left: 0%; transform: translate(0, 0);}
    .hiddenSectionk.meerProducten {width: 100%; clear: both; text-align: center; order: 3; display: none;}
    #compInfoMobile {display: flex; order: 4;}

    .CompContent p img {max-height: 100%;}
    .product_title {display: flex; flex-direction: column-reverse;}
    .productQR { float: none;width: 100%; clear: both; margin: 0 auto}
    .productQR .logoYDEM {display: none; }
    .productQRScanMsg {display: none;}
    .productQR a img {border-radius: 1em;}
    #qrProductMobile {display: block; }
    #qrProductMobile img {max-width: 200px; }
    .beursstand { font-size: 1em; padding: 5px 10px; }
    .beurs_labels {text-align: center;}

    .infoBedrijfWrapper {padding: 0 40px; width: 100%;}
    
    #meerProducten.sectieProfiel .meerProducten {width: 100%; }
    #meerProducten1 {display: flex; justify-content: flex-start; gap: 1em}
    #meerProducten1 .product-thumb {width: calc(50% - 20px); max-width: auto; border-radius: 0px; box-shadow: none;}

    #alleProducten .product-thumb {width: 50%; }
    section#infoVideo .infoBedrijf.meerInfoShow { width: 100%; padding: 40px; }


}

@media screen and (max-width: 700px){
/*img {width: 300px !important; }*/
iframe {width: 300px !important}
    .meerProducten {justify-content: center; }
    #meerProducten .product-thumb {flex-grow: 0; padding: 0; margin: 0; flex: 0 1 100%; flex-basis: 100%; max-width: none; border-radius: 0px; box-shadow: none;}
    #meerProducten .product-thumb img { display: inline-block; width: 100%; height: auto; aspect-ratio: 7 / 4; margin: 0 !important; padding: 0; border-radius: 0; }
    #meerProducten .handelspleinBlok { flex-grow: 0; padding: 0; margin: 0; flex: 0 1 50%; flex-basis: calc(50% - 20px); max-width: none; border-radius: 0px; box-shadow: none; }
    #meerProducten .handelspleinBlok img { display: inline-block; width: 100%; height: auto; aspect-ratio: 7 / 4; margin: 0 !important; padding: 0; border-radius: 0; }
    #meerProducten.sectieProfiel .meerProducten {width: 100%;  }
    #meerProducten1 {display: flex; justify-content: flex-start; gap: 1em}
    #meerProducten1 .product-thumb {flex-basis: 100%; margin: 0 auto;}

    #alleProducten .product-thumb {width: 100%; margin: 0 auto; }

    main .nieuwsBlok {flex: 0 1 calc(50% - 20px); margin: 15px 10px; }
}


@media screen and (max-width: 600px) {
    .CompWrapper {margin: 100px auto 40px auto;}
    .CompWrapper .CompAside {width: 100%; }
 
    .registerBlok {width: 100%;}
    .BodyProductenlijst .handelspleinBlok,
    .BodyProdukte .handelspleinBlok,
    .BodyListedesproduits .handelspleinBlok,
    .BodyProductlist .handelspleinBlok {flex: 0 1 100%; }
    .beurs_info-en-qrcode p {text-align: center;}
    .infoProductWrapper p img { max-width: 100%; }
    .beurs_info-en-qrcode {padding: 0px 0 0 0; background: var(--color-bggrijs-body); border-bottom: solid 1px var(--color-bggrijs-body);}
    .zbForm {text-align: center;}
    .CompWrapper .CompAsideContent .kop {text-align: center; }
    .mainWrapper .mainAsideContent .kop,
    .CompWrapper .mainAsideContent .kop {text-align: center;}
    .zbForm .filterGroup div {text-align: left; width: fit-content; max-width: 300px; margin: 0 auto;}
    .select {-webkit-appearance: none;}

    #compvid.txt .video {width:100% !important;  }
    .infoBedrijfWrapper p {text-align: center;}
    a.buttonMeer.btnMeerProducten  { position: relative; left: auto; transform: none; }
    a.buttonMeer.btnMeerProductenClose { position: relative; left: auto; transform: none;}
    .infoBedrijfWrapper p img { max-width:100%; max-height: 200px; object-fit: contain; }
    .infoProductWrapper p img { max-width: calc(100% - 80px); max-height: 200px; object-fit: contain;}

    /*.nawgegevens {max-width: calc(100% - 80px); margin: 20px 40px}*/
}
@media screen and (max-width: 500px) {
    #meerProducten .handelspleinBlok { flex: 0 1 100%; flex-basis: 100%;  }
    main .nieuwsBlok {flex: 0 1 100%; margin: 15px 0px; }
}