:root {
  --oranje: #f86302;
  --oranje-licht: rgba(248,99,2, .2);
  --groen: #97BF32;
}

table {width:auto;}
body {background: #fff; font-family: "Poppins", Helvetica Neue,Helvetica,Sans-Serif !important; font-size: 15px;}

.bovenkantHolder {position: sticky; top: 0; background-color: var(--oranje); border: 0;}
.bovenkantHolder .winkelmenuHolder {background-color: #282828; display: flex; position: relative;}
.bovenkantHolder .winkelmenuHolder .center {position: relative; padding: 0px 30px; max-width: 1580px; box-sizing: border-box; margin: 0 auto; text-align: center; line-height: normal; width: 100%; display: flex;}
.bovenkantHolder .winkelmenuHolder .center .winkelmenu {text-align: center; margin: 0; padding: 0; display: flex; justify-content: space-between; width: 100%;}
.bovenkantHolder .winkelmenuHolder .center .winkelmenu li a .t {color: #fff;}
.bovenkantHolder .winkelmenuHolder .center .winkelmenu li a .t.hoverMenuActief::after {color: #fff; content: "\f078"; margin-left: 5px;}
.bovenkantHolder .winkelmenuHolder .center .contact {line-height: 1; margin: auto 0 auto auto; color: #fff; text-align: right;}

.bovenkantHolder .winkelmenuHolder .center .winkelmenu li a .t.sale {}
.bovenkantHolder .winkelmenuHolder .center .winkelmenu li a .t.sale::after {content: "\f541"; font-family: "Font Awesome 5 Pro"; margin-left: 10px; font-weight: bold; color: var(--oranje);}

.bovenkantHolder .bovenkant {padding-top: 20px !important; padding-bottom: 20px !important;}
.bovenkantHolder .bovenkant .zoekenHolder {margin: auto; width:40%; max-width: 410px; flex-direction: column;}
.bovenkantHolder .bovenkant .zoekenHolder .zoeken {width: 100%; display: grid; grid-template-columns: 1fr 38px;}

.bovenkantHolder .bovenkant .zoekenHolder .usp {
  color: #fff;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  white-space: nowrap;
  font-size: 13px;
  text-align: center;
  line-height: normal;
}
.bovenkantHolder .bovenkant .zoekenHolder .usp li {display: inline-block; margin: 0 5px;}
.bovenkantHolder .bovenkant .zoekenHolder .usp li::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  margin-right: 5px;
}

.meldingHoofdmenuHouder {padding: 10px; background: #d30000;}
.meldingHoofdmenuHouder .meldingHoofdmenu {text-align: center; line-height: 1.4em; color: #fff; font-size: 15px; font-weight:500; max-width: 1580px; padding: 0 30px; box-sizing: border-box; margin: 0 auto;}
.meldingHoofdmenuHouder .meldingHoofdmenu p {margin-bottom:0;}

a.beoordeling .kiyohLogo {display: flex; align-items: center; padding-right:10px;}
a.beoordeling          {text-decoration: none; margin:3px 30px; display:flex;} 
.beoordeling .uitleg  {font-size:14px; color:#fff; display:block; text-align: center;}
.beoordeling .sterren {display:block; font-size:20px; color:#fff; white-space: nowrap; line-height:1em;}
.beoordeling .sterren .transparant {position: absolute; opacity:.3}

/* review balk groen resp */
.reviewBalk {display: none; background:#217238; color:#fff;}
.reviewBalk .beoordelingHolder {text-align: center; padding: 5px;}
.reviewBalk .beoordelingHolder .span,
.reviewBalk .beoordelingHolder .sterren,
.reviewBalk .beoordelingHolder .cijfer {display: inline-block;}

.reviewBalk .beoordelingHolder a.link {display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0;}

/* reviews artikel detail */
.reviewTekst .beoordelingHolder {padding: 5px 0;}
.reviewTekst .beoordelingHolder .sterren {color: #FFB73D; padding-left: 5px;}
.reviewTekst .beoordelingHolder .span,
.reviewTekst .beoordelingHolder .sterren,
.reviewTekst .beoordelingHolder .cijfer {display: inline-block;}

a.logo {text-decoration: none;}
a.logo img {line-height: 0; display: block; width: 240px;}

.breadcrumbsHolder {background: #eee;}
.breadcrumbsHolder .breadcrumbs {max-width: 1580px; padding: 10px 30px; margin: 0 auto; box-sizing: border-box;}

.artikelSerieActief {border: 2px solid var(--oranje) !important;}

h1, .h1,
h2, .h2,
h3, .h3,
h5, .h5 {font-family: "Poppins", Helvetica Neue,Helvetica,Sans-Serif !important;}

h5 + h1,
h5 + .h1,
.h5 + .h1,
.h5 + h1 {
  margin-top: -5px !important;
}

h4, .h4 {font-weight: bold; color: #222;}

p {margin-bottom:2em;}



a.knop, .button, a.button, button {border-radius: 30px; background-color: var(--oranje); color: #fff; padding: 14px 20px; font-weight: bold; font-family: "Poppins", Helvetica Neue,Helvetica,Sans-Serif !important; font-size: inherit;}

.pageFooterHolder {background-color: #282828; overflow: hidden; border-top: 1px solid #3e3e3e; border-bottom: 1px solid #3e3e3e; font-size:14px;}
.pageFooterHolder .pageFooter {position: relative; z-index: 1;}
.pageFooter h2, .pageFooter .h2 {font-weight: bold; font-size: 21px; color: inherit;}
.pageFooterHolder .pageFooter a {text-decoration: none; color: inherit;}
.pageFooterHolder .pageFooter a:hover {text-decoration: underline;}
.pageFooterHolder .pageFooter h2,
.pageFooterHolder .pageFooter .h2 {padding-bottom: 12px; margin-bottom: 22px; display: inline-block; border-bottom: 2px solid var(--oranje);}
.pageFooterHolder .pageFooter ul {margin: 0 0 10px; padding: 0; list-style: none;}
.pageFooterHolder .pageFooter ul ul {display: none;}
.pageFooterHolder .pageFooter hr {position: relative; background-color: #282828; margin: 30px 0 40px;}
.pageFooterHolder .pageFooter hr::before {content: ""; border: 3px solid rgba(0,0,0,.1); right: -1000px; left: -1000px; position: absolute;}
.pageFooterKnoppenHolder {background-color: #282828;}
.pageFooterKnoppenHolder .pageFooterKnoppen {padding: 30px;}
.pageFooterKnoppenHolder .pageFooterKnoppen img {margin: auto 0;}

.SMIconen {margin-top:20px;}
.SMIconen i, .SMIconen em {font-size: 26px; margin-right: 3px; transition: .3s all ease;}

.usps {display: flex;}
.usps li {flex: 1; display: grid; grid-gap: 10px; grid-template-columns: 60px 1fr; line-height: normal; font-size:15px;}
.usps li img {margin: auto 0;}
.usps li strong {display: block;}
.usps small {opacity: .7; font-size:15px}

.zoeken {margin: auto 0; background: #e15b04; border: 0; border-radius: 50px; padding: 0 6px;}
.zoeken .veld #zoekWoordID,
.zoeken .veld #zoekWoordID::placeholder,
.zoeken .knop:before,
.resMenubalkinhoud a {color: #fff;}

.resMenubalk {position: sticky; background: var(--oranje); padding: 5px 10px; top: 0; z-index: 5;}
.resMenubalkinhoud {display: flex;  line-height: normal;}
.resMenubalkinhoud > * {padding: 10px; margin: auto 0;}
.resMenubalkinhoud > * i {font-size: 24px;}

a.reslogo {display: block; max-width: 170px; margin: auto; line-height: 0; position: absolute; top: 5px; left: -50%; right: -50%;}
a.reslogo img {max-width: 100%; height: auto;}

.account {color: #fff; margin: auto 10px auto auto;}
.account .openGeklapt .inloggenKnop, .account .openGeklapt .favorietenKnop, .account .openGeklapt .verlanglijstKnop, .account .openGeklapt .mijnAccountKnop,
.account .inloggenKnop:hover, .account .favorietenKnop:hover, .account .verlanglijstKnop:hover, .account .mijnAccountKnop:hover {color: #fff;}
.account li {padding: 0;}
.account li.welkom {display: none;}
.account li .houder {text-align: left; color: #303030; font-weight: normal;}

.account .inloggenKnop .titel, .account .mijnAccountKnop .titel, .account .favorietenKnop .titel, .account .favorietenKnop .favAantal, .account .favorietenKnop .haakje {display: none;}
.account .inloggenKnop::before, .account .mijnAccountKnop::before {content: "\f007"; font-family: "Font Awesome 5 Pro"; font-size: 22px;}

.art-menu li.separatorHouder {display: none;}
.art-menu li:hover .hoverMenuActief {background: #282828;}
.art-menu li a .t {padding: 18px 0px 15px; color: #fff; border-bottom: 2px solid transparent; margin: 0 5px; font-weight: bold; letter-spacing: 0.2px;}
.art-menu li a .t.home {display: none;}
.art-menu li a.active .t {color: #fff; border-color: rgba(0,0,0,.1);}
.bovenkantHolder .winkelmenuHolder .art-menu li a.active .t {border-color: rgba(255,255,255,.8);}

.hoverMenu {position: absolute; opacity: 0; top: 100%; pointer-events: none; visibility: hidden; z-index: 10; background: #282828; box-shadow: 0 24px 120px -10px rgba(0,0,0,.3); width: auto; left: 0px; border-radius: 0; white-space: nowrap;}
.hoverMenu.rechts {left: auto; right: 0;}
.hoverMenu .categorie {display: none;}
.hoverMenu .kolommen {padding: 20px 30px 20px; display: block;}
.hoverMenu .kolommen .kolom {width: auto; padding: 0; margin: 0 0 5px;}
.hoverMenu .kolommen .kolom > ul {font-size: inherit;}
.hoverMenu .kolommen .kolom a {color: #fff; opacity: .7;}
.hoverMenu .kolommen .kolom .titel a {color: #fff; opacity: 1;}

.winkelwagenHouder .winkelknop {background: initial;}
.winkelwagenHouder .winkelknop .icoon::before {color: #fff;}
.artikel .bestellen .bestelknop > .aantalMinPlus {width: 200px !important;}
.artikel .bestellen .bestelknop a.wButBestel {background: var(--oranje); color: #fff; padding: 8px;}
.winkelwagenHouder .winkelknop .aantal {background: #fff; color: var(--oranje);}

img.volledig {width: 100% !important;}

ul.vinkjes    {list-style: none; padding: 0; margin: 0 0 20px;}
ul.vinkjes li {padding: 0 0 0 23px; position: relative; margin: 5px 0 5px; line-height: 1.5em;}
ul.vinkjes li span {color: var(--oranje);}
ul.vinkjes li::before {content: "\f058"; font-weight: bold; font-family: "Font Awesome 5 Pro"; margin-right: 5px; color: var(--groen); left: 0; top: 1px; position: absolute;}
ul.vinkjes li:empty {display: none;}

ul.vinkjes ul {list-style: none; margin: 0; padding: 10px 0 0 15px;}
ul.vinkjes li li {padding: 0;}
ul.vinkjes li li::before {display: none;}

.shopSortOptie {*display: none; border:0; padding:0;}
.aantalPerPagina {margin-left: auto;}

.filters {border: 0;}
.filters .kenmerkgroep,
.filters .actieveKenmerken {padding: 0; border: 0; margin-bottom: 20px;}
.filters .kenmerkgroep .kenmerken { z-index: 0;transition: .3s all ease; overflow: hidden; position: relative; margin-top: 0; max-height: 169px; height: auto; opacity: 1; padding: 0 10px;}
.filters .kenmerkgroep .kenmerken.open {max-height: 1340px; padding: 0 10px 10px;}

.filters .kenmerkgroep .kenmerken label          {padding: 5px 0; line-height: normal; display: flex; cursor: pointer;}
.filters .kenmerkgroep .kenmerken .kenmerk input[type="checkbox"] {margin: 2.5px 7px 0 0; top: 0 !important;}
.filters .kenmerkgroep .kenmerken label .omschrijving {hyphens: auto; line-height: 1.25em;}
.filters .kenmerkgroep .kenmerken label .aantal  {margin: 3px 0 auto auto; padding: 0 0 0 2px; white-space: nowrap; color: #8F8F8F; float: none;}

.filters .kenmerkgroep .kenmerken label .aantal::before {content:'(';}
.filters .kenmerkgroep .kenmerken label .aantal::after  {content:')';}

.filters .kenmerkgroep .kenmerken label.nietBeschikbaar {cursor: default;}

.filters .tonen {position: relative; color: var(--oranje); cursor: pointer; box-shadow: 0 -10px 10px -12px rgb(0 0 0 / 20%); transition: .3s all ease;}


input[type="checkbox"]:checked::before {color: var(--oranje);}

.productCarousel .artikel .inner {border: 1px solid #ddd; box-shadow: none !important;}
.productCarousel .artikel .inner .merk {display:none !important}

.artikel .bestellen { margin: 0 0 20px; }
.artikel .prijzen {line-height: normal;}
.artikel .prijzen .prijs {color: var(--oranje);}
.artikel .prijzen .btwinfo {display: block;}
.artikel .relatieBtwPrijs {color: inherit; display: initial; font-size: inherit; line-height: 1;}

.artikel .voorraad .status .toelichting.positief::before {margin-right: 7px; color: var(--groen)}
.artikel .aantalMinPlus {border-radius: 30px; overflow: hidden;}
.kenmerkgroepKeuze.afbeeldingen .artikel.actief,
.kenmerkgroepKeuze.tags .artikel.actief {border-color: var(--oranje)}
.artikel .voorraad .status .toelichting.negatief::before {color: var(--oranje)}

.shopNavigatie {width: auto; margin-bottom: 20px; position: absolute; right:10px;}
.shopNavigatie div {display: inline-block; width: auto !important;}
.shopNavigatie div:empty {display: none;}
.shopNavigatie div .button {
  white-space: nowrap;
  padding: 5px;
  background: #fff;
  color: var(--oranje);
  font-size: 14px;
  min-width: 24px;
  box-sizing: border-box;
  border-radius: 3px;
  text-align: center;
}

.artikel.detail h1 {font-size: 31px; margin: 0 0 10px;}
.artikel.detail .detailinkollommen {margin: 0 -20px; margin-bottom:40px;}
.artikel.detail .detailinkollommen .blok {padding: 20px; border: 1px solid #eee; border-radius: 3px; margin-bottom: 20px;}
.artikel.detail .detailinkollommen .links, .artikel.detail .detailinkollommen .rechts {width: calc(50% - 40px); margin: 0 20px;}
.artikel.detail .detailinkollommen .links .afbeelding {position: sticky; top: 180px;}
.artikel.detail .detailinkollommen .rechts {margin-top: auto; margin-bottom: auto;}
.artikel.detail .detailinkollommen .rechts .bestellen .bestelknop input {width: 40% !important;}
.artikel.detail table.customPrijzen {margin: 20px 0; width: auto;}
.artikel.detail table.customPrijzen td {border-left: 1px solid #979797; padding: 0 20px; line-height: 1;}
.artikel.detail table.customPrijzen td:first-child {border-left: 0; padding-left: 0;}
.artikel.detail table.customPrijzen td:last-child {padding-right: 0;}
.artikel.detail table.customPrijzen td > div {font-size: 32px; color: var(--oranje); font-weight: bold;}
.artikel.detail table.customPrijzen td > div .adviesprijs .toelichting {display: none;}

.artikel.detail table.customPrijzen td > div .van {text-decoration: line-through; color:#000;}
.artikel.detail table.customPrijzen td > div .prijs.voor {margin-left:.75em}

.artikel.detail table.customPrijzen td.korting > div {color: var(--groen);}
.artikel.detail table.customPrijzen td small {display: block;}

.artikel.detail .artikelEenheid {margin: 0 0 10px;}

.artikel.detail .gerelateerde-artikelen {display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(90px, 100%), 1fr));}
.artikel.detail .gerelateerde-artikelen .artikel {border: 2px solid #eee; border-radius: 3px; position: relative;}
.artikel.detail .gerelateerde-artikelen .artikel:hover {border-color: #ddd;}
.artikel.detail .gerelateerde-artikelen .artikel.actief {border-color: var(--groen)}
.artikel.detail .gerelateerde-artikelen .artikel a.link {text-indent: -9999px; position: absolute; left: 0; right: 0; overflow: hidden; top: 0; bottom: 0; z-index: 1;}

.artikel.detail .voorraad {margin-bottom:15px;}
/* .artikel.detail .voorraad .status .toelichting.positief::before {display:none;} */
/* .artikel.detail .voorraad .status .toelichting.positief {padding: 6px 15px; border-radius: 20px; background: var(--groen); color: #fff; margin: 0px 0;} */

.thumbnailGallery .carousel-cell.is-selected img, .thumbnailGallery .carousel-cell-yt.is-selected img {border-color: var(--oranje)}
#tabArtikelOmschrijvingInhoud,
#tabBijlagenInhoud,
#tabKenmerkenInhoud {margin: 0 0 30px;}

a.klarna {background-color: #ffb3c7; border-radius: 3px; text-decoration: none; display: grid; grid-template-columns: 1fr 70px; grid-gap: 10px; padding: 10px;}
a.klarna > * {margin: auto 0;}
a.klarna .afbeelding {line-height: 0;}

.tabsV2 .titels > div {font-weight: normal; font-size: inherit; padding: 10px 17px;}
.tabsV2 .titels > div.actief {border-top-color: var(--oranje);}

.shopCategorieHolder {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap:10px; margin-bottom:30px;}
.shopCategorieHolder .categorie::before {content:""; display:block; padding-top:60%;}
.shopCategorieHolder .categorie {text-decoration: none; color:#000; font-weight: bold; position:relative; grid-column: span 2; transition: all .3s ease; opacity:1; border: 0; box-shadow: none !important;}
.shopCategorieHolder .categorie::after {content: ""; background-image: linear-gradient( 180deg , rgba(0,0,0,0.00) 60%, #0c0b0bb8 100%); opacity: .7; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1;}
.shopCategorieHolder .categorie .tekst {position: absolute; bottom: 0; left: 0; transition: all .3s ease; z-index: 2; display: grid; grid-gap: 20px; grid-template-columns: 1fr 48.5px; right: 0; padding: 25px;}
.shopCategorieHolder .categorie .tekst h2 {color:#fff; font-weight: bold; margin: auto 0; line-height: normal;}
.shopCategorieHolder .categorie .tekst .knop {margin: auto 0; color:#fff; border-radius: 30px; background:#282828; padding:14px 18px; font-size:20px; line-height: 1em; transition: all .3s ease; z-index:2;}

.shopCategorieHolder .categorie:hover {filter: brightness(.95); opacity: 1}
.shopCategorieHolder .categorie:hover .tekst {grid-gap: 10px; padding-left: 35px; padding-right: 35px;}
.shopCategorieHolder .categorie:hover .knop {color:#282828; background:#fff; right:35px;}

.shopCategorieHolder .categorie:nth-child(1)  {grid-column: span 3;}
.shopCategorieHolder .categorie:nth-child(2)  {grid-column: span 3;}


.shopTegel .artikel .artikelnr > .titel {display: none;}

.catMenuLink0li, .catMenuLink0liSel {font-size: 15px;}
.catMenu0ul a {font-family: "Poppins", Helvetica Neue,Helvetica,Sans-Serif !important;}

#speedsearchResult {
  top: calc(100% + 10px);
  position: absolute;
  right: 0;
  z-index: 20;
  left: -20% !important;
  right: -20% !important;
  margin: 0 auto;
}
#speedsearchResult .houder {padding: 20px; width: 100%; box-sizing: border-box;display: grid; grid-template-columns: 1fr 1fr;}
#speedsearchResult .houder .speedSearch ul li a {border: none; position: relative; padding-left: 60px; min-height: 60px; box-sizing: border-box;}
#speedsearchResult .houder .speedSearch ul li a:hover {background: #f1f1f1;}
#speedsearchResult .houder .speedSearch ul li .omschrijving {font-weight: bold; font-size: 14px; line-height: 1.1em; margin-bottom: 2px;}
#speedsearchResult .houder .speedSearch ul li .omschrijving strong {font-weight: inherit; color: var(--oranje);}
#speedsearchResult .houder .speedSearch ul li a strong {border: none;}
#speedsearchResult .houder .speedSearch ul li .thumbnail {position: absolute !important; height: 50px; width: 50px; margin-right: 10px; text-align: center; overflow: hidden; top: 5px; left: 5px;}
#speedsearchResult .houder .speedSearch ul li .thumbnail img {position: absolute; top: 0; right: 0; left: 0; bottom: 0; max-height: 100%; max-width: 100%; margin: auto; height: auto !important; width: auto !important; }
#speedsearchResult .houder .speedSearch .resultaat {font-weight: bold; font-size: 16px;}


/* Account */
.zoekenOrders, .inloggen_holder, .adresHolder .adressen .item, .kassainkollommen > .rechts .blok, .couponcodeHouder {background: #fff;}
.blokholder.accountWijzigen .content {padding: 0;}
.blokholder {background: none; margin-bottom: 40px;}
.blokholder.accountWijzigen .titel {background: none; padding: 0; color: #222; font-size: 16px; font-weight: bold; letter-spacing: .8px; margin: 0 0 10px 0; line-height: 1.35em;}

/* Order proces */
.winkelwagenHouder .winkelwagen .inhoud.totaal .winkelmandjeKnoppen a.winkelmandjeKnopKassa {background: var(--oranje);}
.stap .kassainkollommen .links {background: #fff; border-radius: 3px; padding: 20px; margin-bottom: 20px; min-height: 1px;}
.stap .totalen .stappenKnop a {background-color: var(--oranje); color: #fff; margin-top:15px;}
.stap .totalen .stappenKnop a::after {margin-left: 15px; content: "\f054"; font-family: "Font Awesome 5 Pro";}
.stap .bedrag .gratis {background: #222;}
.stap .totaalArtikelen .relatieBtwPrijs, .stap .gewicht {display:none;}
.stap .totaalVerzendkosten .omschrijving, .stap .totaalBetalingskosten .omschrijving {display:block; font-size:12px; opacity:.6; line-height: 1.85em;}
.stappenbalk li {text-transform:unset; font-size:13px;}

.stap .blokholder {background:#fff; padding:0; border:1px solid #eee;}
.stap .blokholder .titel {background:#f2f2f0; padding:10px 20px;}
.stap .blokholder .content {padding:10px 20px;}
.stap.drie .regel        {position: relative;}
.stap.drie .regel.actief {background:none; border-color: var(--groen); cursor: default;}
.stap.drie .regel.actief:before { opacity: 1; }
.stap.drie .regel:before { opacity: 0; content: "\f00c"; position: absolute; right: 0; top: 0; padding: 4px; font-size: 12px; background: var(--groen); color: #fff; font-family: "Font Awesome 5 Pro"; line-height: 1em; border-bottom-left-radius: 3px; z-index: 1; }
.stap.drie .regel .bedrag .gratis {display: none;}
.stap.drie .regel .label {order:2; margin: auto 0 auto auto;}
.stap.drie .regel .select {display:none;}
.stap.drie .regel .inhoud {padding-left:5px;}
.stap .totalen .totaalArtikelen, .stap .totalen .totaalVerzendkosten .omschrijving {display: none;}
.stap .totaalExclBtw td {color:inherit; font-weight: inherit; border:0}

.max700 {max-width: 700px; margin-left:auto; margin-right:auto;}

.resMenuHolder { background: #282828 !important; max-width:400px !important; width:80% !important;}
.resMenublokinhoud .resMenuItem a { color: #fff !important; font-weight: bold; border-bottom: 1px solid rgba(255,255,255,.1) !important; }
.resMenublok .resMenubloktitel {
  background-color: #000;
  border-bottom: none;
  color: #ccc;
}
.resMenublok .openklapper {color:#ccc;}
.resMenublokinhoud .resMenuItem.active > a {color:var(--oranje) !important;}

.actieBlok {padding:15px 20px; background:#9F0505; color:#ffffff; border-radius: 3px;}
.actieBlok h2,.actieBlok h3 {color:#ffffff; font-weight: bold;}

a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

.artikel .labels {display: flex; flex-direction: column;}
.artikel .labels .label {font-weight: bold; border-radius: 5px; margin-right: auto;}
.artikel .labels .label.korting {background: #e53e35; color: #FFF;}

/* Responsive */
@media (max-width: 1200px) {
  a.beoordeling .kiyohLogo {display:none;}
  .bovenkantHolder .bovenkant .zoekenHolder .usp li:last-of-type {display:none;}
  .bovenkantHolder .winkelmenuHolder .center .winkelmenu li a .t.hoverMenuActief::after {display:none;}
  .art-menu li a .t {letter-spacing: 0; white-space: nowrap; margin:0;}

}


@media (max-width: 900px) {
  .reviewBalk {display: block;}
  .accountcustom {display: none;}
  .HeaderHolder {padding: 0 15px;}
  .productCarrousel li {width: calc(100% - 10px);}
  .bovenkantHolder .bovenkant .zoekenHolder { width: auto; margin: auto; }

  .bovenkantHolder {position: relative !important;}
  .bovenkantHolder .winkelmenuHolder {display:none;}

  .bovenkantHolder .bovenkant .zoekenHolder {max-width: 100%; width: 100%; margin: 0;}
  .bovenkantHolder .bovenkant .zoekenHolder .usp {display: none;}
  .bovenkantHolder .bovenkant .zoekenHolder .zoeken {position: static; box-sizing: border-box; background-color:rgba(255,255,255,.1);}

  .bovenkantHolder {background-color: #282828;}
  .resMenubalkinhoud a.resMenuZoekenKnop {margin: auto 0 auto 10px; transition: .3s all ease; opacity: 0; transform: scale(0.8);}
  .resMenubalkinhoud.gescrolled a.resMenuZoekenKnop {opacity: 1; margin: auto 0 auto 10px; transform: scale(1);}
  .bovenkantHolder .winkelmenuHolder .center .winkelmenu li a .t.sale::after {display: none;}

  a.logo,
  a.beoordeling {display: none;}

  #speedsearchResult {left: 0 !important; right: 0 !important; top: 100%;}
  #speedsearchResult .houder {grid-template-columns: 1fr; padding: 0;}
  .bovenkantHolder .bovenkant,
  .pageFooterKnoppenHolder .pageFooterKnoppen,
  .pageFooterHolder .pageFooter,
  .art-Sheet, section .inhoud, .vak .inhoud {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .bovenkantHolder .bovenkant {padding-top: 10px !important; padding-bottom: 10px !important; min-height: 0;}
  .breadcrumbsHolder .breadcrumbs {padding: 10px 20px;}
  .thumbnailGallery .carousel-cell img {max-width: 60px !important;}

  .pageFooterKnoppenHolder .pageFooterKnoppen {text-align: center;}
  .pageFooterKnoppenHolder .pageFooterKnoppen .extramenu {margin: 0;}
  .pageFooterKnoppenHolder .pageFooterKnoppen img {margin: 10px auto 0;}

  .artikel.detail .gerelateerde-artikelen {grid-template-columns: repeat(auto-fill, minmax(min(70px, 100%), 1fr));}

  .usps {flex-direction: column;}
  .usps li {margin: 0 0 20px;}
  .usps li:last-child {margin: 0;}

  .filters .kenmerkgroep, .filters .actieveKenmerken {margin: 0;}
  .filters .kenmerkgroep .kenmerken {max-height: none !important;}

  .shopCategorieHolder {grid-template-columns: 1fr 1fr}
  .shopCategorieHolder .categorie {grid-column: auto !important;}
  .artikel.detail .detailinkollommen .links, .artikel.detail .detailinkollommen .rechts {width:100%; margin:0;}
  .artikel.detail table.customPrijzen td > div {font-size:20px;}
  .artikel.detail table.customPrijzen td > div .prijs.voor {display: block; margin:0;}
}

@media (max-width: 760px) {
  .shopCategorieHolder {grid-template-columns: 1fr !important}

  .artikel.detail h1 {font-size: 27px;}
  .artikel.detail table.customPrijzen td > div {font-size: 25px;}
}