/* PRODUCT VARIANTS COLORS ========= */
.variant-xtra.colorfilter,.variant-xtra.black,.variant-xtra.wit,.variant-xtra.white,.variant-xtra.grijs,.variant-xtra.grey,.variant-xtra.geel,.variant-xtra.yellow,.variant-xtra.fuchsia,.variant-xtra.rood,.variant-xtra.red,.variant-xtra.blauw,.variant-xtra.blue,.variant-xtra.navy,.variant-xtra.groen,.variant-xtra.green,.variant-xtra.olijfgroen,.variant-xtra.olivegreen,.variant-xtra.olive-green,.variant-xtra.paars,.variant-xtra.purple,.variant-xtra.aqua,.variant-xtra.bruin,.variant-xtra.brown,.variant-xtra.goud,.variant-xtra.gold,.variant-xtra.eiken,.variant-xtra.oak,.variant-xtra.oranje,.variant-xtra.orange,.variant-xtra.roze,.variant-xtra.rose,.variant-xtra.pink,.variant-xtra.lichtroze,.variant-xtra.lighrose,.variant-xtra.lightpink,.variant-xtra.beige,.variant-xtra.mintgroen,.variant-xtra.mintgreen,.variant-xtra.blauw-roze,.variant-xtra.blue-pink,.variant-xtra.goud-roze,.variant-xtra.gold-pink,.variant-xtra.paars-wit,.variant-xtra.purple-white,.variant-xtra.zilver,.variant-xtra.silver,.variant-xtra.zwart-bruin,.variant-xtra.black-brown,.variant-xtra.zwart-grijs,.variant-xtra.black-grey,.variant-xtra.dark-grey,.variant-xtra.donkergrijs,.variant-xtra.multi,.variant-xtra.multicolor,.variant-xtra.aluminium,.variant-xtra.aluminum,.variant-xtra.brons,.variant-xtra.bronze,.variant-xtra.koper,.variant-xtra.copper,.variant-xtra.roest,.variant-xtra.rust,.variant-xtra.brons,.variant-xtra.bronze,.variant-xtra.rvs,.variant-xtra.rvs-roest-vrij-staal{width:26px;height:26px;border-radius:30px!important;text-indent:-1000px;display:inline-block;overflow:hidden;-webkit-appearance: button;-moz-appearance: button;border:0;outline:none;min-width:unset;margin-right:3px}
.variant-xtra:hover{box-shadow:0 0 0 2px #FFFFFF, 0 0 0 3px #ccc;}
.variant-xtra{padding-left: 5px;padding-right: 5px;margin-left: 3px;margin-bottom: 2px;margin-right: 3px;}
.sidebar-filter-item.color{float:left;margin-right:5px}
.sidebar-filter-item.color label{display:none}
.variant.zwart,.variant.black,.variant.schwarz,
.variant-xtra.zwart, .variant-xtra.black,{background-color:#222;color:transparent}
.variant.wit,.variant.white,.variant.weiss,
.variant-xtra.wit,.variant-xtra.white{background-color:#FFF;color:transparent}
.variant.grijs,.variant.grey,.variant.grau,
.variant.antraciet,.variant.anthracite,.variant-xtra.grijs,.variant-xtra.grey,.variant-xtra.antraciet,.variant-xtra.anthracite{background-color:grey;color:transparent}
.variant.geel,.variant.yellow,.variant.gelb,
.variant-xtra.geel,.variant-xtra.yellow{background-color:#FFEB3B;color:transparent}
.variant.fuchsia,
.variant-xtra.fuchsia{background-color:#EB336E;color:transparent}
.variant.rood,.variant.red,.variant.rot,
.variant-xtra.rood,.variant-xtra.red{background-color:#f44336;color:transparent}
.variant.blauw,.variant.blue,.variant.blau,
.variant-xtra.blauw,.variant-xtra.blue{background-color:#3287D0;color:transparent}
.variant.navy,.variant.marineblau,
.variant-xtra.navy{background-color:#5b82bf;color:transparent}
.variant.groen,.variant.green,.variant.grun,
.variant-xtra.groen,.variant-xtra.green{background-color:#5eaf35;color:transparent}
.variant.olijfgroen,.variant.olivegreen,.variant.olivgrun,
.variant-xtra.olive-green,.variant-xtra.olijfgroen{background-color:#9cb58f;color:transparent}
.variant.paars,.variant.purple,.variant.lila,
.variant-xtra.paars,
.variant-xtra.purple{background-color:#9C27B0;color:transparent}
.variant.aqua,
.variant-xtra.aqua{background-color:#00BCD4;color:transparent}
.variant.taupe,
.variant-xtra.taupe{background-color:#ccc1b7;color:transparent}

.variant.bruin,.variant.brown,.variant.braun,.variant-xtra.bruin,.variant-xtra.brown,.variant-xtra.braun,.variant-xtra.braun{background-color:#ab864d;color:transparent}
.variant.goud,.variant.gold,.variant-xtra.goud,.variant-xtra.gold{background-color:#ecd205;color:transparent}
.variant.eiken,.variant.oak,.variant.eiche,.variant-xtra.eiken,.variant-xtra.oak{background-color:#d8ae5f;color:transparent}
.variant.oranje,.variant.orange,.variant-xtra.oranje,.variant-xtra.orange{background-color:#ff7e00;color:transparent}
.variant.roze,.variant.rose,.variant.pink,.variant-xtra.roze,.variant-xtra.rose,.variant-xtra.pink{background-color:#F991AD;color:transparent}
.variant.lichtroze,.variant.lightrose,.variant.hellrosa,.variant-xtra.lichtroze,.variant-xtra.lightrose{background-color:#ffc0cb;color:transparent}
.variant.beige,.variant-xtra.beige{background-color:#F7DBAF;color:transparent}
.variant.mintgroen,.variant.mintgreen,.variant.mintgrun,.variant-xtra.mintgroen,.variant-xtra.mintgreen{background-color:#A1D9D7;color:transparent}
.variant.blauw-roze,.variant.blue-pink,.variant.blue-rose,.variant-xtra.blauw-roze,.variant-xtra.blue-pink{background:#fc50c3;background:linear-gradient(145deg,rgba(252,80,195,1) 0%,rgba(78,106,221,1) 100%)}
.variant.goud-roze,.variant.gold-pink,.variant.gold-rose,.variant-xtra.goud-roze,.variant-xtra.gold-pink{background:#fcb1a2;background:linear-gradient(145deg,rgba(252,177,162,1) 0%,rgba(246,202,99,1) 75%)}
.variant.paars-wit,.variant.purple-white,.variant.lila-weiss,.variant-xtra.paars-wit,.variant-xtra.purple-white{background:#735495;background:linear-gradient(145deg,rgba(115,84,149,1) 0%,rgba(244,233,255,1) 100%)}
.variant.zilver,.variant.silver,.variant.silber,.variant-xtra.zilver,.variant-xtra.silver{background:#e9e9e9;background:linear-gradient(145deg,rgba(233,233,233,1) 0%,rgba(133,133,133,1) 100%)}
.variant.zwart-bruin,.variant.black-brown,.variant.schwarzbraun-brown,.variant-xtra.zwart-bruin,.variant-xtra.black-brown{background-color:#a55c1b;background-image:linear-gradient(315deg,#000 0%,#a55c1b 74%)}
.variant.zwart-grijs,.variant.black-grey,.variant.schwarzgrau,.variant.dark-grey,.variant.donkergrijs
,.variant-xtra.zwart-grijs,.variant-xtra.black-grey,.variant-xtra.dark-grey,.variant-xtra.donkergrijs{background-color:#999;background-image:linear-gradient(315deg,#000 0%,#999 74%)}
.variant.multicolor,.variant.multi,.variant.mehrfarbig,.variant-xtra.multicolor,.variant-xtra.multi{background:url(multicolor-filter.png) center center;background-size:cover}
.variant.aluminium,.variant.aluminum,.variant[class * ="aluminium"],.variant-xtra.aluminium,.variant-xtra.aluminum,.variant-xtra[class * ="aluminium"]{background:#909aa5;background:-moz-linear-gradient(-45deg,#909aa5 25%,#f4f9fc 50%,#909aa5 75%);background:-webkit-linear-gradient(-45deg,#909aa5 25%,#f4f9fc 50%,#909aa5 75%);background:linear-gradient(135deg,#909aa5 25%,#f4f9fc 50%,#909aa5 75%)}
.variant.brons,.variant.bronze,.variant[class * ="brons"],.variant[class * ="bronze"],.variant-xtra.brons,.variant-xtra.bronze,.variant-xtra[class * ="brons"],.variant-xtra[class * ="bronze"]{background:#64311d;background:-moz-linear-gradient(-45deg,#64311d 25%,#f5d8c7 50%,#64311d 75%);background:-webkit-linear-gradient(-45deg,#64311d 25%,#f5d8c7 50%,#64311d 75%);background:linear-gradient(135deg,#64311d 25%,#f5d8c7 50%,#64311d 75%)}
.variant.koper,.variant.copper,.variant.kupfer,.variant-xtra.koper,.variant-xtra.copper{background:#874b2d;background:-moz-linear-gradient(-45deg,#874b2d 25%,#df966c 49%,#874b2d 75%);background:-webkit-linear-gradient(-45deg,#874b2d 25%,#df966c 49%,#874b2d 75%);background:linear-gradient(135deg,#874b2d 25%,#df966c 49%,#874b2d 75%)}
.variant.roest,.variant.rust,.variant.rost,.variant-xtra.roest,.variant-xtra.rust{background:#9f502f;background:-moz-linear-gradient(-45deg,#9f502f 25%,#e6ad6d 50%,#9b231f 75%);background:-webkit-linear-gradient(-45deg,#9f502f 25%,#e6ad6d 50%,#9b231f 75%);background:linear-gradient(135deg,#9f502f 25%,#e6ad6d 50%,#9b231f 75%)}
.variant.rvs,.variant.rvs-roest-vrij-staal,.variant.edelstahl.variant-xtra.rvs,.variant-xtra.rvs-roest-vrij-staal{background:#7b8a99;background:-moz-linear-gradient(-45deg,#7b8a99 25%,#ddd 50%,#929faf 75%);background:-webkit-linear-gradient(-45deg,#7b8a99 25%,#ddd 50%,#929faf 75%);background:linear-gradient(135deg,#7b8a99 25%,#ddd 50%,#929faf 75%)}
.sidebar-filter-item.color .variant{position:relative;width:26px;height:26px;border-radius:30px!important;text-indent:-1000px;display:inline-block;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;margin-right:2px;border:0;outline:none;min-width:unset}
.sidebar-filter-item.color .variant:after{border: 1px solid rgb(0 0 0 / 50%);content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0;width:26px;height:26px;border-radius:30px;background:linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(0,0,0,0.1) 100%);mix-blend-mode:soft-light;opacity:.8}
.sidebar-filter-item.color .variant.wit:after{background: linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(0,0,0,0.1) 100%);    border: 1px solid rgb(0 0 0 / 5%);mix-blend-mode: inherit;}
.sidebar-filter-item.color .form-control:hover{background:none!important}
.sidebar-filter-item.color:hover input,.sidebar-filter-item.color.checked input{box-shadow:0 0 0 2px #FFFFFF,0 0 0 3px #ccc}
.sidebar-filter-item.color.checked input{position:relative}
.custom-control-input:hover~.custom-control-label::before{border-color:#bbb}