/* :root {
  --kleur1: #F15A5A;
  --kleur2: #FDE7E7;
  --kleur3: #EAF7FC;
  --kleur4: #1E2743;
  --kleur5: #00B900;
  --fontkleur: #555;
  --font1: "FreightSans Pro", Helvetica, Arial, sans-serif;
}
 */
:root {
  --color1: #F15A5A;
  --color2: #FDE7E7;
  --color3: #EAF7FC;
  --color4: #1E2743;
  --color5: #00B900;
  --fontColor: #555;
  --fontFamily1: "FreightSans Pro", Helvetica, Arial, sans-serif;
  --bodyFontSize: 16px;
  --h1Size: 40px;
  --h2Size: 32px;
  --h5Size: 20px;
  --space10: 10px;
  --space15: 15px;
  --space20: 20px;
  --space30: 30px;
  --space40: 40px;
  --space50: 50px;
  --space80: 80px;
  --space100: 100px;
}


html {overflow-x: hidden;}

body {font-family: var(--fontFamily1); background: var(--color3); color: var(--fontColor); font-size: 16px; font-weight: normal; line-height: 1.85em; font-feature-settings: 'lnum' 1;}

::selection {background: #000; color: #FFF;}

select {padding: 12px 25px 12px 10px; border-radius: 5px;}

textarea, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="number"] {color: var(--fontColor); border-radius: 5px; border: 1px solid #cbd4dd; padding: 10px;}
input[type="checkbox"]:checked::before, input[type="radio"]:checked::before {color: var(--color1);}

h1, .h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover,
h2, .h2, h3, .h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {font-family: var(--fontFamily1); color: var(--fontColor); font-weight: bold;}

h1, .h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {font-size: 40px;} 
h2, .h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover {font-size: 32px;}
h5, .h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover {font-size: 20px; font-weight: normal; color: var(--fontColor); line-height: 1.85em;}

h1      {font-weight: 900;}
h1 + h5 {margin-top: -0.50em; margin-bottom: 1em;}
h2 + h5 {margin-top: -0.70em; margin-bottom: 1em;}

.art-Sheet .art-sidebar1 {margin-right: 30px; padding-right: 30px;}
.art-Sheet .art-sidebar1::before {background: #FFFF; content: ""; top: -30px; bottom: -30px; right: 0; width: 50vw; position: absolute; z-index: -1;}
.art-Sheet .art-sidebar1:empty {display: none;}

.breadcrumbs {display: none;}

a:link, a, a:link, a:visited, a.visited, a:hover, a.hover {color:var(--color1);}

a.knop, .button, a.button, button {background: var(--color1); color: #FFF; font-weight: 600; font-size: 16px; text-transform: uppercase; border-radius: 100px; padding: 15px 25px; line-height: 1; font-family: inherit;}
a.knop:hover, .button:hover, a.button:hover, button:hover {background: var(--color4);}
a.knop.donker {background-color: var(--color4);}
a.knop.volledig {display: block; box-sizing: border-box;}
a.knop + a.knop {margin-top: 10px;}

a.logo {margin: auto 0; outline: 0;}
a.logo img {width: 175px;}

.bovenkantHolder {border: 0; background: var(--color1); position: sticky; top: 0; z-index: 22;}
.bovenkantHolder .bovenkant {min-height: 50px;}
.bovenkantHolder .bovenkant .resZoeken {margin: auto 15px auto auto; display: none; position: relative; cursor: pointer;}
.bovenkantHolder .bovenkant .resZoeken::before {content: ""; display: block; margin: 0 auto; background: url(images/search.svg) no-repeat; background-position: center center; background-size: contain; height: 22px; width: 22px; filter: brightness(0) invert(1);}

.bovenkantHolder .winkelmenuHolder {background: var(--color2);}
.bovenkantHolder .winkelmenuHolder .art-menu {text-align: left; display: flex; gap: 15px;}
.bovenkantHolder .winkelmenuHolder .art-menu li {position: static;}
.bovenkantHolder .winkelmenuHolder .art-menu li.separatorHouder {display: none;}
.bovenkantHolder .winkelmenuHolder .art-menu li a .t {font-size: 16px; padding: 18px 0; font-weight: 600; color: var(--color1); cursor: pointer;}
.bovenkantHolder .winkelmenuHolder .art-menu li a .t::after {display: none;}
.bovenkantHolder .winkelmenuHolder .art-menu li a .t:hover, .bovenkantHolder .winkelmenuHolder .art-menu li a.active .t {color: var(--color4);}
.bovenkantHolder .winkelmenuHolder .art-menu .telefoon {background: var(--color1); white-space: nowrap; color: #FFF; font-weight: 600; font-size: 16px; text-transform: uppercase; border-radius: 100px; padding: 10px 20px; line-height: 1; font-family: inherit; text-decoration: none; margin: auto 0 auto auto;}
.bovenkantHolder .winkelmenuHolder .art-menu .telefoon::before {content: "\f879"; font-family: "Font Awesome 5 Pro"; margin-right: 10px; font-weight: bold;}

.winkelwagenHouder .winkelknop {background: unset; padding: 10px;}
.winkelwagenHouder .winkelknop .icoon::before {content: ""; display: block; margin: 0 auto; background: url(images/cart.svg) no-repeat; background-position: center center; background-size: contain; height: 22px; width: 22px;}
.winkelwagenHouder .winkelknop .aantal {box-shadow: unset; background-color: #FFF; color: var(--color1) !important; padding: 0 6px 2px 6px; border-radius: 100%; line-height: 16px; top: -12px; right: -12px;}

.account li {border: 0;}
.account .inloggenKnop::before, .account .mijnAccountKnop::before {content: ""; display: block; margin: 0 auto; background: url(images/user.svg) no-repeat; background-position: center center; background-size: contain; height: 22px; width: 20px; order: 2;}
.account .welkom .bericht,
.account .mijnAccountKnop .titel, 
.account .favorietenKnop .titel, 
.account .favorietenKnop .haakje, 
.account .favorietenKnop .favAantal {display: none;}
.account .inloggenKnop {display: flex; gap: 20px; text-decoration: none !important;}
.account .inloggenKnop .titel {display: block; color: #FFF; font-size: 16px; font-weight: 600;}
.account .houder .houder1 {padding: 20px;}
.account .houder .houder1 a {text-decoration: none; margin: 0;}
.account .houder .houder2 {background: var(--color3); border: 0; padding: 10px 20px; border-radius: 0 0 10px 10px;}
.account .houder .houder2 .registreer {color: var(--fontColor); font-size: 14px;}
.account .houder .houder2 .registreer a {color: var(--hoofdkleur);}
.account .houder .houder2 .uitloggen a {background-color: var(--color4); color: #FFF; font-weight: 600; font-size: 16px; text-transform: uppercase; border-radius: 100px; padding: 15px; text-decoration: none; line-height: 1; font-family: inherit; display: block; text-align: center;}
.account .inloggenKnop:hover, .account .favorietenKnop:hover, .account .verlanglijstKnop:hover, .account .mijnAccountKnop:hover {text-decoration: none; color: unset;}
.account .favorietenKnop::before {content: ""; display: block; margin: 0 auto; background: url(images/favourite.svg) no-repeat; background-position: center center; background-size: contain; height: 22px; width: 22px;}
.account .welkom {color: #FFF; font-size: 16px; font-weight: 600; margin: auto;}
.account .houder {border-radius: 10px;}
.account .inloggen .inlogKnop {display: block;}
.account .houder .houder1 a.button {display: block; background: var(--color5); margin: 5px 0;}
.account .inloggen .inlogKnop .wachtwoordKwijt {margin: 10px 0 0 0; text-align: center;}
.account .inloggen .inlogKnop .wachtwoordKwijt a {color: var(--fontColor); font-size: 14px;}
.account .inloggen .cookie {margin-top: 10px; font-size: 14px;}
.account .inloggen .cookie label {display: flex; align-items: center;}
.account .houder .accountKop {font-family: var(--fontFamily1); color: var(--color1); font-size: 18px; font-weight: 600; line-height: 1.35em;}
.account .mijnAccount .houder {width: 300px;}
.account .mijnAccount .houder .houder1 a {font-weight: normal; color: var(--fontColor); line-height: 1; padding: 10px 0; border-bottom: 1px solid #E6E6E6; position: relative; display: flex; align-items: center;}
.account .mijnAccount .houder .houder1 a::after {content: "\f178"; font-family: "Font Awesome 5 Pro"; color: var(--fontColor); font-weight: normal; margin-left: auto;}
.account .mijnAccount .houder .houder1 a:hover, .account .houder .houder1 a:hover::after  {color:  var(--color1);}
.account .mijnAccount .houder .houder2 {padding: 20px;}

.bovenkantHolder .bovenkant .zoekenHolder {margin: auto;}
.zoeken {background: #FFF; border: 0; border-radius: 3px; min-width: 600px;}
.zoeken .veld {width: 100%;}
.zoeken .veld #zoekWoordID {padding: 12px; color: #bac3cd;}
.zoeken .veld #zoekWoordID:focus {color: #253491 !important;}
.zoeken .knop:before {content: ""; display: block; margin: 0 auto; background: url(images/search.svg) no-repeat; background-position: center center; background-size: contain; height: 22px; width: 22px;}

.speedsearchResultBg {background: unset !important;}
#speedsearchResult {left: 0; right: 0; border-radius: 3px; max-width: 1520px; margin: 0 auto; padding: 0px;}
#speedsearchResult .houder {display:block; border-radius: 3px; border: 0; box-shadow: 0 20px 50px 0 rgba(0,0,0,0.20); font-size:inherit; width: 100%; box-sizing: border-box; padding: 15px;}
.speedSearch.categorie {order:1;}
.speedSearch.artikelen {width: 100%;}
.speedsearchLoader {display: none;}
#speedsearchResult .houder .speedSearch ul li a {border:0; border-radius: 5px; line-height: 1.35em;}
#speedsearchResult .houder .speedSearch ul li a .omschrijving {margin: auto 0; font-weight: 600; font-size: 15px;}
#speedsearchResult .houder .speedSearch ul li a strong {font-weight: bold; color: var(--hoofdkleur);}
#speedsearchResult .houder .speedSearch.artikelen ul li .artikelNr {font-size: 12px;}
#speedsearchResult .houder .speedSearch .resultaat {padding: 10px; margin: 0; color: var(--fontColor); font-weight: bold; font-size: 17px;}
#speedsearchResult .houder .speedSearch .resultaat a.knopAlles {display: none;}
#speedsearchResult .houder .speedSearch ul li a:hover {background: rgb(253 231 231 / 50%);}
#speedsearchResult .houder .speedSearch ul li {margin: 0;}
#speedsearchResult .houder .knopAllesOnder a {padding: 15px 25px; line-height: 1; background: var(--color4); border: 0; color: #fff; font-size: 16px; font-weight: 600; border-radius: 100px; text-transform: uppercase;}
#speedsearchResult .houder .knopAllesOnder a:hover {background: #444;}
.speedSearch ul li .thumbnail 					{height: 60px; width: 60px; margin-right: 15px; text-align: center; overflow: hidden; padding: 0; box-sizing: border-box; position: relative;}
.speedSearch ul li .thumbnail img 			{max-width: 85%; max-height: 85%; position: absolute; left: -50%; right: -50%; margin: auto; top: -50%; bottom: -50%; mix-blend-mode: darken;}
#speedsearchResult .houder .speedSearch.categorie ul li a {display: flex;}

.hoverMenu {left: 0; right: 0; width: 100%; max-width: 1580px; overflow: unset; margin: 0 auto; border-radius: 0; box-shadow: unset; transform: unset; top: 100%; display: grid; grid-template-columns: 3fr 1fr; gap: 30px;}
.hoverMenu::after {content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: #FFF; z-index: -1;}
.hoverMenu.actief {opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0px); z-index: 11;}
.hoverMenu .kolommen {width: 100%; padding: 50px 30px; box-sizing: border-box; display: block;  column-count: 2; column-gap: 50px; margin-top: 100px;}
.hoverMenu .kolommen .kolom {padding: 0; width: 100%;}
.hoverMenu .kolommen .kolom > ul {opacity: 1; visibility: visible; position: relative; box-shadow: unset; border: 0; transition: unset; background: unset;}
.hoverMenu .kolommen .kolom > ul li a {color: #484848; font-size: 14px; line-height: 1; border: 0; padding: 10px 0; transition: .3s all ease;}
.hoverMenu .kolommen .kolom > ul li a:hover {text-decoration: none; color: var(--color1); background: unset;}
.hoverMenu .kolommen .kolom > ul li a::before {display: none;}
.hoverMenu .kolommen .kolom .titel a {font-size: 17px; font-weight: normal; color: var(--fontColor); line-height: 1; padding: 15px 0; border-bottom: 1px solid #E6E6E6; position: relative; display: flex; align-items: center;}
.hoverMenu .kolommen .kolom .titel a:hover {text-decoration: none; color: var(--color1);}
.hoverMenu .kolommen .kolom .titel a::after {content: "\f178"; font-family: "Font Awesome 5 Pro"; color: var(--fontColor); font-size: 17px; font-weight: normal; margin-left: auto;}
.hoverMenu .kolommen .kolom .titel a:hover::after {color: var(--color1);}
.hoverMenu .categorie {padding: 50px 30px; margin: 0; order: 2; box-sizing: border-box;}
.hoverMenu .categorie .kop {display: block; position: absolute; left: 30px; font-size: 40px; color: var(--color1);}
.hoverMenu .categorie .aankeiler .h5 {position: absolute; left: 30px; margin-top: 50px;}
.hoverMenu .categorie .afbeelding {float: unset; margin: 0;}
.hoverMenu .categorie .aankeiler .blokjeRechts {background: #FDE7E7; padding: 50px 30px; border-radius: 30px; text-align: center; box-sizing: border-box;}
.hoverMenu .categorie .aankeiler .blokjeRechts .h2 {font-size: 23px; margin: 0 0 20px 0;}
.hoverMenu .categorie .aankeiler .blokjeRechts a.knop {padding: 18px 25px;}

.hoverMenuBg {z-index: 21; opacity: 0; position: fixed; left: 0; top: 0; right: 0; background: rgb(0 0 0 / 20%); background-repeat: repeat; transition: opacity 0.3s ease 0s;}
.hoverMenuBg.actief {opacity: 1; bottom: 0;}

section .inhoud, .vak .inhoud {padding: 50px 30px;}
.vak.donker::before {content: ""; position: absolute; right: 0; left: 30%; width: 30%; background: var(--color1); top: 0; bottom: 0; border-radius: 0 600px 600px 0; z-index: -1;}
.vak.donker::after  {content: ""; position: absolute; left: 0; width: 30%; background: var(--color1); top: 0; bottom: 0; z-index:-1;}
.vak.donker h1 {color: #FFF;}

.max900 {max-width: 900px !important; margin-left: auto;margin-right: auto;}

.grid-2x.header {align-items: center;}
.grid-2x.header h1 {font-size: 68px; line-height: 1em;}
.grid-2x.header p {font-size: 20px;}

.shopCategorieHolder.widget {display:block; margin: 30px 0; gap: 0;}
.shopCategorieHolder.widget .categorie {width: calc(100% / 4 - 30px); margin: 0 15px; transition: unset;}

.productCarousel {margin: 30px 0;}
.productCarousel .flickity-button {display: none;}
.productCarousel .artikel {width: calc(100% / 4 - 30px); margin: 0 15px;}

.shopCategorieHolder {gap: 20px;}
.shopCategorieHolder .categorie {border: 0; border-radius: 20px; background: #FFF; transition: .3s all ease;}
.shopCategorieHolder .categorie:hover {box-shadow: unset;}
.shopCategorieHolder .categorie .titel {background: var(--color2); border-radius: 0 0 20px 20px;}
.shopCategorieHolder .categorie .titel h2 {color: var(--color1); font-weight: bold; font-size: 16px;}
.shopCategorieHolder .afbeeldingHouder .verhouding {padding-bottom: 75%;}

.shopSortOptie {padding: 0; border-radius: 0; border: 0; margin: 0 0 20px;}
.shopSortOptie .sorteerLijst {margin: 0 0 0 auto;}
.aantalPerPagina {display:flex; align-items: center;}
.aantalPerPagina select {margin: 0 5px;}

.art-sidebar1 .filters {border: 0;}
.art-sidebar1 .filters .kenmerkgroep {padding: 0; border: 0; margin: 0 0 20px 0;}
.art-sidebar1 .filters .kenmerkgroep:last-child {margin: 0;}
.art-sidebar1 .filters .kenmerkgroep a {padding: 0 0 15px 0; cursor: pointer; overflow: hidden; border-top: 0; position: relative; margin-top: 0; border-radius: 0; border-bottom: 1px solid #E0E0E0;}
.art-sidebar1 .filters .kenmerkgroep a.titel {margin: 0; font-size: 16px; font-family: var(--fontFamily1); position: relative; font-weight: 600; color: var(--fontColor);}
.art-sidebar1 .filters .kenmerkgroep a.titel::after {content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: bold; position: absolute; right: 5px; font-size: 15px; transition: .3s all ease; box-sizing: border-box;}
.art-sidebar1 .filters .kenmerkgroep a.titel.gesloten::after {transform: rotate(180deg);}
.art-sidebar1 .filters .kenmerkgroep .kenmerken {z-index: 1; overflow: hidden; position: relative; margin-top: 0; height: auto; padding: 15px 0 0 0; opacity: 1; transition: .3s all ease; margin: 0; border-radius: 0;}
.art-sidebar1 .filters .kenmerkgroep .kenmerken.gesloten {max-height: 145px;}
.art-sidebar1 .filters .kenmerkgroep .kenmerken.open {max-height: 100%;}
.art-sidebar1 .filters .kenmerkgroep.gesloten .kenmerken {height: 0; opacity: 0; padding: 0;}
.art-sidebar1 .filters .kenmerkgroep .tonen {transition: all .3s ease; padding: 10px 0 0 0; font-weight: bold; cursor: pointer; color: var(--color1); font-size: 14px; align-items: center; display: inline-block;}
.art-sidebar1 .filters .kenmerkgroep .tonen.gesloten {display: none;}

.art-sidebar1 .filters .actieveKenmerken {border: 0; cursor: pointer; overflow: hidden; border-top: 0; position: relative; margin-top: 20px; box-shadow: unset; border-radius: 0; padding: 0;}
.art-sidebar1 .filters .actieveKenmerken .actiefKenmerk {border-radius: 5px;}
.art-sidebar1 .filters .kenmerkgroep .kenmerken label .omschrijving {font-size: 15px; color: var(--fontColor); margin-right: 10px;}
.art-sidebar1 .filters .kenmerkgroep .kenmerken label .kenmerkAfbeelding {width: 16px; border-radius: 100%; position: relative; top: -1px; height: 16px !important; margin: auto 10px auto 0;}
.art-sidebar1 .filters .kenmerkgroep .kenmerken .kenmerk:hover {background-color: #FFF;}
.art-sidebar1 .filters .kenmerkgroep .kenmerken label .aantal {float: unset; color: #BCBBBB; font-size: 11px; margin: 8px 0 0 auto; }
.art-sidebar1 .filters .kenmerkgroep .kenmerken label {display: flex;}
.art-sidebar1 .filters .kenmerkgroep .kenmerken label input {top: 7px !important; position: relative; margin-right: 7px;}

#extraSchermWinkelmand .schermWinkelMandje .shopTegel .artikel {width:100%;}
#extraSchermWinkelmand .schermWinkelMandje .shopTegel .artikel .bestellen {display: block !important;}
#extraSchermWinkelmand .schermWinkelMandje .shopTegel .artikel .bestellen .aantalMinPlus {display: none;}

#extraSchermWinkelmand .schermWinkelMandje .knoppen a.doorgaanKassa { background-color: var(--color1); }

#extraSchermWinkelmand .schermWinkelMandje .knoppen a.verderWinkelen { color: var(--font-kleur); text-decoration: underline; background: none; text-transform: unset; font-weight: normal;}

.shopTegel {gap: 20px;}
.shopTegel .artikel .inner {border: 0; border-radius: 20px;}
.shopTegel .artikel .inner:hover {box-shadow: unset;}
.shopTegel .artikel .inner .afbeeldingHouder {margin: 0 0 15px;}
.shopTegel .artikel .inner .afbeeldingHouder .verhouding {padding-bottom: 75%;}
.shopTegel .artikel .inner .omschrijving {margin: 0 0 10px 0;}
.shopTegel .artikel .inner .omschrijving h2.titel {font-weight: 600;}
.shopTegel .artikel .inner .omschrijving h2.titel a {color: var(--color1);}
.shopTegel .artikel .inner .prijzen {margin: auto 0 0 0; line-height: 1em; padding: 0px 0 0 0;}
.shopTegel .artikel .inner .prijzen .prijs {font-weight: bold; font-size: 20px;}
.shopTegel .artikel .inner .prijzen .valuta {display: none;}
.shopTegel .artikel .inner .prijzen .inclBtwPrijs .prijs {font-size: 13px; margin: 0; font-weight: inherit; line-height: normal; color: inherit;}
.shopTegel .artikel .inner .prijzen .inclBtwPrijs .btwinfo {font-size:13px;}
.shopTegel .artikel .inner .rechtsboven div {margin: 15px 15px 0;}
.shopTegel .artikel .inner .rechtsboven div a {border-radius: 5px; background: #f7f7f7;}
.shopTegel .artikel .inner .voorraad {margin: 0; font-size: 14px;}
.shopTegel .artikel .inner .voorraad .status .toelichting::before {display: none;}
.shopTegel .artikel .inner .voorraad .status .toelichting.negatief {color: #d55929;}
.shopTegel .artikel .inner .voorraad .status .toelichting.positief {color: var(--color5);}
.shopTegel .artikel .meerinfo {margin: 0;}
.shopTegel .artikel .inner .rechtsboven div.aan a {color: var(--color1);}
.shopTegel .artikel .inner .kenmerkArt .groep {display: none;}
.shopTegel .artikel .inner .kenmerkArt {margin: 0 0 5px 0;}
.shopTegel .artikel .inner .kenmerkArt .kenmerken {gap: 10px; line-height: 1.5em;}
.shopTegel .artikel .inner .kenmerkArt .kenmerken .kenmerk {background: unset !important; display: block; padding: 0; font-size: 14px; padding-left: 20px; position: relative;}
.shopTegel .artikel .inner .kenmerkArt .kenmerken .kenmerk:before {content: "\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: normal; color: var(--color5); left: -8px; font-size: 13px; margin-right: 10px; position: absolute; left: 0;}
.shopTegel .artikel .inner .rechtsboven div a i {font-weight: normal; color: var(--color1);}
.shopTegel .artikel .inner .rechtsboven div.aan a i {font-weight: bold;}
.shopTegel .artikel .inner .bestellen .bestelknop input {display: none;}
.shopTegel .artikel .bestellen .bestelknop a.wButBestel {text-align: center; display: block; background: var(--color5); width: 100%; border-color: var(--color5); padding:5px 10px;}


.artikel .labels .label {border-radius: 15px; color:#fff; background-color: var(--color1); font-weight: 600; line-height: 1em; padding:6px 10px;}

.artikel .labels .label.assortiment {display: none;}

.artikel .artikelnr {color: #8F9496;}
.artikel .artikelnr > .titel {display: none;}
.artikel .prijzen .prijs .centen {font-size: 70%; transform: translate(-15%, -30%); display: inline-block;}

.artikel.detail > .omschrijving {margin: 0 0 30px 0;}
.artikel.detail > .omschrijving .artikelnr {font-size: 17px;}
.artikel.detail > .omschrijving h1 {font-size: 25px; color: var(--color1);}
.artikel.detail > .omschrijving .breadcrumbs {display: block !important; margin: 0; font-size: inherit;}
.artikel.detail > .omschrijving .breadcrumbs ol li:first-child,
.artikel.detail > .omschrijving .breadcrumbs ol li.crumbSpace:nth-child(2),
.artikel.detail > .omschrijving .breadcrumbs ol li.crumbSpace:nth-last-child(2),
.artikel.detail > .omschrijving .breadcrumbs ol li:last-child {display: none;}
.artikel.detail > .omschrijving .breadcrumbs ol li.crumbSpace {border: 0; overflow: unset; left: unset; width: unset; top: unset; height: unset; margin: 0 7px;}

.artikel.detail > .omschrijving .gekoppeldeCategorie {border: 0; margin: 0; padding: 0;}
.artikel.detail > .omschrijving .gekoppeldeCategorie h3 {display: none;}
.artikel.detail > .omschrijving .gekoppeldeCategorie li::before {display: none;}
.artikel.detail > .omschrijving .gekoppeldeCategorie li a {color: var(--fontColor);}
.artikel.detail > .omschrijving .gekoppeldeCategorie li a:hover {color: var(--color1);}

.artikel.detail .detailinkollommen {display: grid; margin: 0; grid-template-columns: 3fr 2fr; gap: 30px; grid-template-areas: "a b" "c b";}
.artikel.detail .detailinkollommen .afbeelding {width: 100%; grid-area: a;}
.artikel.detail .detailinkollommen .afbeelding .volledigGallery {background-color: #FFF; border-radius: 10px; padding: 50px; box-sizing: border-box; margin: 0 0 20px 0;}
.artikel.detail .volledigGallery .carousel-cell-groot .verhouding {height: calc(100vh - 500px); min-height:250px; max-height: 450px; padding-bottom: 0;}
.artikel.detail .detailinkollommen .afbeelding .volledigGallery button {opacity: 1; background: var(--color2); width: 40px; height: 40px; padding: 0;}
.artikel.detail .detailinkollommen .afbeelding .volledigGallery button:disabled {opacity: .3;}
.artikel.detail .detailinkollommen .afbeelding .volledigGallery button .flickity-button-icon {position: relative; left: unset; top: unset; width: 45%; height: 45%; color: var(--color1);}
.artikel.detail .detailinkollommen .afbeelding .thumbnailGallery .carousel-cell img {border: 1px solid #ddd; border-radius: 5px; background: #FFF; box-sizing: border-box;}
.artikel.detail .detailinkollommen .afbeelding .thumbnailGallery .carousel-cell.is-selected img {border-color: var(--color1);}
.artikel.detail .detailinkollommen .afbeelding .thumbnailGallery button { display: none;}
.artikel.detail .detailinkollommen .afbeelding .favorieten {position: absolute; right: 20px; top: 10px;}
.artikel.detail .detailinkollommen .afbeelding .favorieten a {border-radius: 5px; background: #f7f7f7; padding: 8px; display: block; color: #777; line-height: 1;}
.artikel.detail .detailinkollommen .afbeelding .favorieten.aan a {color: var(--color1);}
.artikel.detail .detailinkollommen .afbeelding .favorieten a i {font-weight: normal; color: var(--color1);}
.artikel.detail .detailinkollommen .afbeelding .favorieten.aan a i {font-weight: bold;}
.artikel.detail .detailinkollommen .afbeelding .favorieten a .toelichting {display: none;}
.artikel.detail .detailinkollommen .afbeelding .favorieten a .image {padding: 0;}

.artikel.detail .detailinkollommen .rechts {width: 100%; margin: 0; background: #FFF; padding: 0; border-radius: 10px; grid-area: b; box-sizing: border-box; margin-bottom: auto; position: sticky; top: 136px;}
.artikel.detail .detailinkollommen .rechts .inhoud {padding: 30px; box-sizing: border-box;}
.artikel.detail .detailinkollommen .rechts .bestellen {margin: 15px 0;}
.artikel.detail .detailinkollommen .rechts .bestellen .bestelknop {gap: 20px;}
.artikel.detail .detailinkollommen .rechts .bestellen .bestelknop a.wButBestel {line-height: 1; display: block; background: var(--color5); width: 100%; border-color: var(--color5); ;}
.artikel.detail .detailinkollommen .rechts .bestellen .bestelknop a.wButBestel::before {display: none;}
.artikel.detail .detailinkollommen .rechts .bestellen .bestelknop input {margin-right: 0; width: 100% !important;}
.artikel.detail .detailinkollommen .rechts .prijzen .prijs {font-size: 32px; color: var(--fontColor); margin: 10px 0;}
.artikel.detail .detailinkollommen .rechts .prijzen .inclBtwPrijs {display: flex; align-items: center;}
.artikel.detail .detailinkollommen .rechts .prijzen .inclBtwPrijs .prijs {font-size: 16px; margin: 0; font-weight: normal; line-height: normal; color: #777;}
.artikel.detail .detailinkollommen .rechts .prijzen .inclBtwPrijs .valuta {display: none;}
.artikel.detail .detailinkollommen .rechts .prijzen .inclBtwPrijs .exBtwToelichting {display: block;}
.artikel.detail .detailinkollommen .rechts .prijzen .inclBtwPrijs .btwinfo { margin-left: 0.25em; display: block; align-items: center; font-size: 16px; font-weight: normal; line-height: normal; color: #777; }
.artikel.detail .detailinkollommen .rechts .voorraad {margin: 10px 0 0 0;}
.artikel.detail .detailinkollommen .rechts .voorraad .toelichting::before {display: none;}
.artikel.detail .detailinkollommen .rechts .voorraad .toelichting.negatief {color: #d55929;}
.artikel.detail .detailinkollommen .rechts .voorraad .toelichting.positief {color: var(--color5);}

.artikel.detail .detailinkollommen .rechts ul.vinkjes {list-style: none; padding-left:0; margin: 0; line-height: 1.35em;}
.artikel.detail .detailinkollommen .rechts ul.vinkjes li {font-size: 15px; position: relative; padding: 3px 0 3px 34px;}
.artikel.detail .detailinkollommen .rechts ul.vinkjes li:before {content:"\f00c"; font-family: "Font Awesome 5 Pro"; font-weight: normal; color: var(--color5); left: -8px;  padding:0 0 0 10px; font-size: 13px; margin-right: 10px; position: absolute; left: 0;}
.artikel.detail .detailinkollommen .rechts ul.vinkjes li strong {color: var(--color1);}

.artikel.detail .detailinkollommen .rechts .hulp {background: var(--color2); display: block; border-radius: 0 0 10px 10px; text-align: center; padding: 7px; font-size: 15px; text-decoration: none; color: var(--fontColor);}
.artikel.detail .detailinkollommen .rechts .hulp strong {color: var(--color1); font-weight: normal;}
.artikel.detail .detailinkollommen .rechts .hulp span::before {content: "\f82d"; font-family: "Font Awesome 5 Pro"; color: var(--color1); font-size: 16px; font-weight: bold; margin-right: 10px;}

.artikel.detail .detailinkollommen .tabsV2 {grid-area: c;}
.artikel.detail .detailinkollommen .tabsV2 .titels {display: flex;}
.artikel.detail .detailinkollommen .tabsV2 .titels > div {border: 0; border-radius: 0; background: unset; font-weight: normal; font-size: 16px; padding: 10px 10px; top: unset;}
.artikel.detail .detailinkollommen .tabsV2 .titels > div.actief {border: 0; background-color: unset; color: var(--color1); font-weight: 600;}
.artikel.detail .detailinkollommen .tabsV2 .titels {padding: 0 20px; background: #FFF; border-bottom: 2px solid #eaf7fc; border-radius: 10px 10px 0 0;}
.artikel.detail .detailinkollommen .tabsV2 > .inhoud {border: 0; padding: 30px; box-sizing: border-box; border-radius: 0 0 10px 10px;}
.artikel.detail .detailinkollommen .tabsV2 > .inhoud > div .shopTegel .artikel .inner {border: 1px solid #ddd;}
/* .artikel.detail .detailinkollommen .tabsV2 > .inhoud h2 {font-size: 24px;} */

.disEenConfiguratieArtikel .detailinkollommen > .afbeelding,
.disEenConfiguratieArtikel .detailinkollommen > .tabsV2 {display: none;}
.artikel.detail .detailinkollommen .configurator {background: #FFF; padding: 30px; box-sizing: border-box; border-radius: 10px;}
.artikel.detail .detailinkollommen .configurator .tekstblokBoven {display: none;}
.artikel.detail .detailinkollommen .configurator .configuratieOptie {display: block; background: unset;}
.artikel.detail .detailinkollommen .configurator .configuratieOptie .uitleg h2 {margin: 0; font-size: 22px; color: var(--color1);}
.artikel.detail .detailinkollommen .configurator .configuratieOptie .uitleg p {margin: 0 0 10px 0;}
.artikel.detail .detailinkollommen .configurator .configuratieOptie .optie .afbeelding {grid-area: unset; margin: auto; position: relative; width: 100%;}
.artikel.detail .detailinkollommen .configurator .configuratieOptie .optie .afbeelding 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;}
.artikel.detail .detailinkollommen .configurator .configuratieOptie .optie .afbeelding .verhouding {display: block; padding-bottom: 75%;}
.artikel.detail .detailinkollommen .configurator .configuratieOptie .optie .tekst h3 {margin: 0; color: var(--color1); font-weight: 600; font-size: 15px;}
.artikel.detail .detailinkollommen .configurator .configuratieOptie .optie .tekst .titel,
.artikel.detail .detailinkollommen .configurator .configuratieOptie .optie .tekst .nummer,
.artikel.detail .detailinkollommen .configurator .configuratieOptie .optie .tekst .voorraad {display: none;}
.artikel.detail .detailinkollommen .configurator .configuratieOptie .optie .prijsInfo {color: var(--fontColor); font-weight: 600; margin-left: auto; text-align: right; flex-direction: unset; align-items: center;}
.artikel.detail .detailinkollommen .configurator .configuratieOptie .optie::before {z-index: 1; color: var(--color5);}
.artikel.detail .detailinkollommen .configurator .configuratieOptie input:checked ~ div.optie {border-color: var(--color5);}

.artikel.detail .detailinkollommen .rechts .inhoud .configuratieTotaal {background: unset; bottom: unset; border-radius: 0; position: relative; margin: 0; display: block; padding: 0;}
.artikel.detail .detailinkollommen .rechts .inhoud .configuratieTotaal .totaalPrijs .prijs {font-size:24px; font-weight: bold; color: var(--fontColor);}
.artikel.detail .detailinkollommen .rechts .inhoud .configuratieTotaal .totaalPrijs .uitleg {display: none;}
.artikel.detail .detailinkollommen .rechts .inhoud .configuratieTotaal .totaalPrijs #configuratieTotaalPrijsExc {font-size: 16px; display: flex; font-weight: normal; line-height: normal; white-space: nowrap; color: #777;}
.artikel.detail .detailinkollommen .rechts .inhoud .configuratieTotaal .bestellen a {display: block; background-color: #00B900;}
.artikel.detail .dropdown.openGeklapt ul {position: relative;}
.verzameldeArtikelen ul:empty{display:none}
.verzameldeArtikelen ul {background:var(--color2); padding:20px 30px; border-radius:5px; list-style: none;}
.verzameldeArtikelen ul::before {content:"Verzamelde artikelen"; display:block; font-weight: bold; color: var(--color1); font-size: 20px;}

.artikelConfiguratieRegel .artikelnummer {display: none;}

.shopDetailTabKenmerken {margin: 20px 0 0 0;}
.kenmerkArt {display: block; padding: 0; margin: 15px 0; border: 0;}
.kenmerkArt .groep {font-weight: bold; font-size: 16px; color: var(--fontColor); margin: 0 0 10px 0;}
.kenmerkArt .kenmerken .kenmerk {display: grid; padding: 7px 15px; grid-template-columns: 1fr 1fr; color: var(--fontColor); border: 0; font-size: 16px; line-height: 1.35em;}
.kenmerkArt .kenmerken .kenmerk:nth-child(odd) {background-color: #F7F7F7;}
.kenmerkArt .kenmerken .kenmerk .toevoeging::before,
.kenmerkArt .kenmerken .kenmerk .toevoeging::after,
.kenmerkArt .kenmerken .kenmerk::after {display: none;}
.kenmerkArt .kenmerken .kenmerk .kenmerkPlaatje {display: none;}
.winkelwagenHouder .winkelwagen {border-radius: 10px; background-color: var(--color3);}
.winkelwagenHouder .winkelwagen .inhoud.artikelen .h3 {font-family: var(--fontFamily1); color: var(--color1); font-size: 18px; font-weight: 600; margin: 0 0 20px 0; line-height: 1.35em;}
.winkelwagenHouder .winkelwagen .inhoud.totaal .winkelmandjeKnoppen a.winkelmandjeKnopKassa {background: var(--color5);}
.winkelwagenHouder .winkelwagen .inhoud.totaal .prijzen .prijs {font-size: 22px;}

.artikel .bestellen .bestelknop > * {margin-right: 0; display: flex; background: #fff; border: 1px solid #cbd4dd; border-radius: 5px; width: 100% !important; box-sizing: border-box;}
.artikel .bestellen .bestelknop input {margin: 0; width: 100% !important; border-radius: 5px 0 0 5px; border-color: #cbd4dd;}
.artikel .aantalMinPlus > *, .artikel .aantalVolgorde > * {width: 100% !important; padding: 8px 0;}

.artikel .relatieBtwPrijs .exBtwToelichting {display: none;}

.kassaArtikelen .artikel .tekst a.kassaArtikelTitel {font-weight: 600; color: var(--color1);}
.kassaArtikelen .artikel .tekst .meerinfo .voorraad {font-size: 14px;}
.kassaArtikelen .artikel .tekst .meerinfo .voorraad .toelichting::before {display: none;}
.kassaArtikelen .artikel .tekst .meerinfo .voorraad .toelichting.positief {color: var(--color1);}
.kassaArtikelen .artikel .tekst .meerinfo .voorraad .toelichting.negatief {color: #d55929;}
.kassaArtikelen .artikel .aantallen .verwijderen a {font-size: 11px; text-decoration: none; font-weight: 600;}
.kassaArtikelen .artikel td.regelTotaal .prijzen, .kassaArtikelen .artikel td.regelStuk .prijzen {font-weight: bold; color: var(--fontColor);}

.kassainkollommen > .rechts {width: 400px;}
.kassainkollommen > .links .kassaArtikelen {background: #FFF; border-radius: 10px; padding: 20px; box-sizing: border-box;}
.kassainkollommen > .rechts .blok, .couponcodeHouder {background-color: #FFF; border-radius: 10px; box-sizing: border-box;}
.kassainkollommen > .rechts .blok h2 {font-family: var(--fontFamily1); color: var(--color1); font-size: 18px; font-weight: 600; line-height: 1.35em;}
.couponcodeHouder .couponcode a.wButControleer {font-size: 14px;}

.stap .totalen .totaalArtikelen td {line-height: 1; padding: 5px 0;} 
.stap .totalen .totaalArtikelen .bedragExclusiefRelatie {visibility: hidden;}
.stap .totalen .totaalArtikelen .beschrijving .totaalGewicht {display: none;}
.stap .totalen .totaalVerzendkosten .omschrijving {display: none;}
.stap .totalen .totaalExclBtw td {font-weight: normal; color: var(--fontColor); line-height: 1;}
.stap .totalen .totaalTeBetalen td {font-size: 100%; font-weight: 600; color: var(--fontColor);}
.stap .totalen .stappenKnop a {background-color: var(--color5); font-size: 15px; margin: 10px 0 0 0;}
.stap .totalen .bedrag .gratis {background-color: var(--color5);}

.stappenbalk .klaar::after {border-color: var(--color5);}
.stappenbalk .klaar a::before {background-color: var(--color5);}

.stap .blokholder {background-color: #FFF; border-radius: 10px;}
.stap .blokholder > .titel {font-family: var(--fontFamily1); color: var(--color1); font-size: 18px; font-weight: 600; line-height: 1.35em;}

.stap.twee .links>div, .stap.drie .links>div {width: 100%; margin: 0;}
.stap.twee .links, .stap.drie .links {margin: 0; display: grid; gap: 20px;}
.stap.twee .adres .geselecteerd {border: 2px solid var(--color5) !important;}
.stap.twee .nieuwAdres.geselecteerd:before, .stap.twee .bestaandAdres.geselecteerd:before {background: var(--color5);}
.stap.twee .tekstNieuwAdres a {font-family: inherit; font-size: 15px; padding: 15px 20px; margin-bottom: 10px; background: var(--color1); line-height: 1; text-decoration: none !important; border-radius: 100px; font-weight: 600; text-transform: uppercase;}
.stap.twee .blok .inloggen .knoppen {display: block;}
.stap.twee .blok .inloggen .knoppen a.button {display: block; background-color: var(--color5); padding: 15px;}
.stap.twee .blok .inloggen .knoppen a.kwijt {color: var(--fontColor); font-size: 14px; padding: 0; text-decoration: none; text-align: center; display: block; margin: 5px 0 0 0;}
.stap.twee #stap2_factuuruitklap, .stap.twee #stap2_bewaaraccount {padding: 0 20px 20px 20px;}

.typeKlant input[type="radio"]:checked+label::before, .geslacht input[type="radio"]:checked+label::before {color: var(--color5);}
.typeKlant input[type="radio"]:checked+label, .geslacht input[type="radio"]:checked+label {border-color: var(--color5); color: var(--fontColor);}
.typeKlant input[type="radio"]+label:hover, .geslacht input[type="radio"]+label:hover {border-color: var(--color5);}
.typeKlant input[type="radio"]+label::before, .geslacht input[type="radio"]+label::before {top: 16px;}

.stap.drie .regel .bedrag .gratis {background-color: var(--color5);}
.stap.drie .regel.actief {border: 2px solid var(--color5) !important; background-color: #FFF !important;}
.stap.drie .regel.actief input[type="radio"]:checked::before {color: var(--color5);}
.stap.drie .regel .bedrag .relatieBtwPrijs {display: none;}

.stap.vier .blokholder {position: relative;}
.stap.vier .factuurAfleverHouder h3 a {position: absolute; float: unset; top: 20px; right: 20px; opacity: 1;}

.uspHolder {background: var(--color2);}
.uspHolder .uspInhoud {padding: 20px 30px; max-width: 1580px; box-sizing: border-box; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px;}
.uspHolder .uspInhoud .usp {position: relative; line-height: 1.5em; display: flex; align-items: center; gap: 20px;}
.uspHolder .uspInhoud .usp::before {content: "\f058"; font-family: "Font Awesome 5 Pro"; font-weight: bold; color: var(--color1); font-size: 26px;}
.uspHolder .uspInhoud .usp span {display: block; font-size: 20px; color: var(--color1); font-weight: bold;}

.pageFooterHolder {background: #FFF;}
.pageFooter h2, .pageFooter .h2 {color: var(--fontColor); font-weight: bold; font-size: 23px;}
.pageFooterHolder .pageFooter {color: var(--fontColor); padding: 50px 30px;}
.pageFooterHolder .pageFooter a {text-decoration: none; color: inherit;}
.pageFooterHolder .pageFooter ul {list-style: none; margin: 0; padding: 0;}
.pageFooterHolder .pageFooter ul .STPMenu1li .sitemap2ul {display: none;}
.pageFooterKnoppenHolder {background-color: #FFF; border-top: 1px solid #E0E0E0;}
.pageFooterKnoppenHolder .pageFooterKnoppen {color: inherit;}
.pageFooterKnoppenHolder .pageFooterKnoppen .copyright {opacity: 1;}
.pageFooterKnoppenHolder .pageFooterKnoppen .extramenu {margin: 0 auto;}
.pageFooterKnoppenHolder .pageFooterKnoppen .extramenu span {margin: 0 5px;}
.pageFooterHolder .pageFooter .SMHolder a {background: var(--color3); color: var(--fontColor); padding: 5px 0px 5px 5px; width: 30px; height: 23px; display: inline-flex; margin: 0 5px 0 0; font-size: 16px; border-radius: 10px;}
.pageFooterHolder .pageFooter .SMHolder a em {margin: auto;}
.pageFooterHolder .pageFooter .SMHolder a:hover {background: var(--fontColor); opacity: 1; color: #FFF;}

.inloggen_holder {max-width: 500px; background: #FFF; border: 0; border-radius: 10px;}
.inloggen_holder .inloggen_content {border: 0; padding: 30px; box-sizing: border-box;}
.inloggen_holder .inloggen_content h2 {color: var(--color1); font-size: 18px; font-weight: 600;}
.inloggen_holder .inloggen_content button {display: block; width: 100%; box-sizing: border-box; background-color: var(--color5); margin:  5px 0;}
.inloggen_holder .inloggen_content span {display: block; width: 100%; text-align: center;}
.inloggen_holder .inloggen_content span > a {text-decoration: none; color: var(--fontColor); font-size: 14px;}

.inschrijvenKolom .blokholder > .titel {font-family: var(--fontFamily1); color: var(--color1); font-weight: 600; font-size: 18px; line-height: 1.35em; margin: 0 0 10px 0;}
#inschijfformulier_holder {display: block; box-sizing: border-box; max-width: 900px; margin: 0 auto; background: #FFF; padding: 30px; border-radius: 10px;}
#inschijfformulier_holder .inschrijvenKolom {display: block;}
#inschijfformulier_holder .inschrijvenKolom .blokholder {background-color: unset; padding: 0; margin: 0; border: 0;}
#inschijfformulier_holder .typeKlant, #inschijfformulier_holder .geslacht {display: none;}
#inschijfformulier_holder h3 {color: var(--color1);}
#inschijfformulier_holder .inschrijvenKolom > .rechts {width: 100%; margin: 0;}
#inschijfformulier_holder .inschrijvenKolom .blokholder.knopVersturen .button {padding: 15px; background: var(--color5); margin: 20px 0 0 0;}

.klantWorden { background: var(--color2); border-radius: 5px; padding: 30px 30px 15px 30px; }
.klantWorden .h2 {font-size: 20px; color: var(--color1); margin: 0;}
.alleenNiv1 {display: none;}

table.lijst {border: 0; border-radius: 10px;}
table.lijst tr th {font-weight: 600; font-size: 14px; background: #f7f7f7;}
.zoekenOrders {border-radius: 5px; border: 1px solid #cbd4dd;}
.zoekenOrders .knop {border-radius: 0 5px 5px 0;}
.zoekenOrders .veld {border-radius: 5px 0 0 5px;}

.blokholder.accountWijzigen .content {padding: 0;}
.blokholder.accountWijzigen .titel {background-color: unset; padding: 0; border-radius: 0; color: var(--color1); font-weight: 600; font-size: 18px; line-height: 1.35em; margin: 0 0 10px 0;}
.blokholder.accountWijzigen .opslaanKnop a { display: block; margin: 20px 0 0 0; background: var(--color5); }
/* .adresHolder .kop {display: none;} */
.blokholder.accountWijzigen.adressen {margin: 20px 0 0 0;}

.bovenkantHolder .bovenkant .resMenubalk {margin: auto 0;}
.bovenkantHolder .bovenkant .resMenubalk .resMenubalkinhoud a {margin: 0;}
.bovenkantHolder .bovenkant .resMenubalk .resMenubalkinhoud a.resMenucategorieknop {margin-left: 15px; color: #FFF; font-size: 22px; cursor: pointer;}
.bovenkantHolder .bovenkant .resMenubalk .resMenubalkinhoud a.resMenucategorieknop i {font-weight: bold;}

.bovenkantHolder .bovenkant .resMenubalkinhoud a.resMenuwinkelmandje i {display: none;}
.bovenkantHolder .bovenkant .resMenubalkinhoud a.resMenuwinkelmandje::before {content: ""; display: block; margin: 0 auto; background: url(images/cart.svg) no-repeat; background-position: center center; background-size: contain; height: 22px; width: 22px;}

.resMenuHolder {top: 100%;}
.resMenuinhoud {padding: 15px 10px;}
.resMenublokinhoud .resMenuItem a {padding: 13px; border: 0; font-size: 15px; color: var(--fontColor); font-weight: normal; line-height: 1; border-bottom: 1px solid #E6E6E6; position: relative; display: flex; align-items: center;}
.resMenublokinhoud .resMenuItem.active > a, .resMenublokinhoud .resMenuItem.active > a::after {color: var(--color1);}
.resMenublokinhoud .resMenuItem a::after {content: "\f178"; font-family: "Font Awesome 5 Pro"; color: var(--fontColor); font-size: 15px; font-weight: normal; margin-left: auto;}
.resMenublokinhoud .resMenuItem .laag1 a {border: 0; padding: 10px; padding-left: 30px; font-size: 14px;}
.resMenublokinhoud .resMenuItem .laag1 a::after {display: none;}
.openklapper::before {display: none;}
.resMenuItem.favorieten a span, .resMenuItem.verlanglijst a span { background: var(--color1); border: 0; color: #FFF; margin: auto 0 auto 10px;}
.resMenuwinkelmandje #reswinkelMandjeAantal {box-shadow: unset; background-color: #FFF; color: var(--color1) !important; border-radius: 100%; top: -12px; right: -12px; display: block; line-height: 1.5em;}

.kenmerkMobielHouder.slide .toonFiltersKnop {line-height: 1; margin: 20px 0; background: var(--color1); font-weight: 600; font-size: 16px; text-transform: uppercase; border-radius: 100px; padding: 15px 25px; color: #fff;}
.kenmerkMobielHouder.slide .filters .filterBovenkant {background: var(--color1); align-items: center; padding: 10px 15px;}
.kenmerkMobielHouder.slide .filters .filterBovenkant .filtersSluiten {cursor: pointer; font-size: 22px; color: #FFF; padding: 5px; line-height: 1;}
.kenmerkMobielHouder.slide .filters .filterknop a {display: block; position: absolute; border: 0; text-align: center; margin: 10px; width: calc(100% - 20px); box-sizing: border-box; z-index: 20; transition: none; line-height: 1; background: var(--color5); font-weight: 600; font-size: 16px; text-transform: uppercase; border-radius: 100px; padding: 15px; color: #fff; text-decoration: none; }
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep {border-top: 0; border-color: #E0E0E0;}
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep::after {display: none;}
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep .titel {font-size: 16px; text-transform: none; margin: 0; padding: 15px; line-height: 1; font-weight: 600; color: var(--fontColor);}
.kenmerkMobielHouder.slide .filters .filterBovenkant .terugFilteren {display: inline-block; cursor: pointer; text-decoration: none; background: #fafafa; border: 1px solid #e2e2e2; padding: 10px 0; border-radius: 3px; color: #666; opacity: 0; width: 0; transition: .3s all ease; margin: auto 0;}
.kenmerkMobielHouder.slide .filters.volgende .filterBovenkant .terugFilteren {padding: 10px 13px; margin-right: 10px;}
.kenmerkMobielHouder.slide .filters .kenmerkgroep .kenmerken .kenmerk {padding: 0; margin: 0;}
.kenmerkMobielHouder.slide .filters .kenmerkgroep .kenmerken .kenmerk .kenmerkAfbeelding {width: 16px; border-radius: 100%; position: relative; top: 2px; height: 16px !important; margin: auto 5px auto 0;}
.kenmerkMobielHouder.slide .filters .filterBovenkant .alleFiltersWissen {flex: 1;}
.kenmerkMobielHouder.slide .filters .filterBovenkant .alleFiltersWissen a {text-decoration: none; background: #fafafa; border: 1px solid #e2e2e2; padding: 7px 13px; border-radius: 3px; margin: 0; color: #666;}
.kenmerkMobielHouder.slide .filters .kenmerkgroep .titel .groepActieveKenmerken {margin-top: 0; font-weight: normal;}
.kenmerkMobielHouder.slide .filters .kenmerkgroep a.filterGroepHerstel {position: absolute; top: 17px; right: 20px; text-decoration: none; background: #fafafa; border: 1px solid #e2e2e2; padding: 5px; color: inherit; border-radius: 3px; line-height: 1;}
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep .kenmerken {padding: 10px 20px;}

.UPScontainer {margin: 20px 0 0 0;}
.UPScontainer .UPSacc_trigger {display: none;}

.formulier_holder.uniekeForm {max-width: 700px; margin: 0 auto; background: #FFF; padding: 50px; border-radius: 20px;}
.formulier_holder.uniekeForm .formulier_tabel1_td1 {width: 40%;}
.formulier_holder.uniekeForm a.knopVersturen {float: right; margin: 20px 0 0 0;}
.formulier_holder.uniekeForm h3 {margin: 20px 0 0 0;}
.formulier_holder.uniekeForm .uploadHolder {width: 100%; color: var(--fontColor); border-radius: 5px; border: 1px solid #cbd4dd; padding: 10px; background: #FFF;}

@media screen and (max-width: 1500px) {

  .hoverMenu {grid-template-columns: 2fr 1fr;}

}

@media screen and (max-width: 1200px) {


  .bovenkantHolder .bovenkant .zoekenHolder .zoeken {min-width: 350px;}

  .shopCategorieHolder.widget .categorie, .productCarousel .artikel {width: calc(100% / 3 - 20px); margin: 0 10px;}

  .uspHolder .uspInhoud {grid-template-columns: 1fr 1fr;}
  .uspHolder .uspInhoud .usp:last-child {display: none;}

  .artikel.detail .detailinkollommen {grid-template-columns: 1fr 1fr;}

}

@media screen and (max-width: 900px) {

      :root {  
     --h1Size: 33px;

     --space10: 10px;
     --space15: 15px;
     --space20: 10px;
     --space30: 20px;
     --space40: 20px;
     --space50: 25px;
     --space80: 40px;
     --space100: 50px;
  }


  h1, .h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover {font-size: 33px;}

  .bovenkantHolder .winkelmenuHolder {display: none;}

  .bovenkantHolder .bovenkant {min-height: 60px; padding: 15px 20px;}
  .bovenkantHolder .bovenkant .zoekenHolder {margin: 0;}
  .bovenkantHolder .bovenkant .zoekenHolder .zoeken {display: flex; max-height: 0; position: absolute; transition: .3s all ease; box-sizing: border-box; top: 60px; z-index: 17; opacity: 0; pointer-events: none; right: 0; left: 0; width: 100%; margin: 0 auto; background: #FFF; border: 0; border-radius: 0;}
  .bovenkantHolder .bovenkant .zoekenHolder .zoeken.open {opacity: 1; pointer-events: all; max-height: 45px;}
  .bovenkantHolder .bovenkant .zoekenHolder .zoeken .knop {padding: 10px 20px;}
  .bovenkantHolder .bovenkant .zoekenHolder .zoeken .veld #zoekWoordID {padding: 10px 20px;}
  .bovenkantHolder .bovenkant .resZoeken {display: block;}

  .vak {padding: 0;}
  section .inhoud, .vak .inhoud {padding: 20px;}
  .vak.donker::before {border-radius: 0; left: 0; width: 100%;}
  .vak.donker::after {display: none;}

  .grid-2x.header h1 {font-size: 48px;}

  .shopCategorieHolder.widget .categorie, .productCarousel .artikel {width: calc(100% / 2 - 20px); margin: 0 10px;}

  .shopTegel {gap: 10px;}

  .uspHolder .uspInhoud {grid-template-columns: 1fr; gap: 0;}
  .uspHolder .uspInhoud .usp {margin: 0 auto;}
  .uspHolder .uspInhoud .usp:nth-child(2) {display: none;}

  .pageFooterHolder .pageFooter {padding: 30px 20px;}
  .pageFooterHolder .pageFooter img {max-width: 150px;}

  .artikel.detail .detailinkollommen {grid-template-columns: 1fr; grid-template-areas: "a" "b" "c"; gap: 20px;}
  .artikel.detail .detailinkollommen .rechts {position: relative; top: unset;}
  .artikel.detail .detailinkollommen .rechts .inhoud {padding: 20px;}
  .artikel.detail .detailinkollommen .configurator {padding: 20px;}
  .artikel.detail .detailinkollommen .afbeelding .volledigGallery {padding: 10px;}
  .artikel.detail .detailinkollommen .tabsV2 > .inhoud {padding: 20px;}
  .artikel.detail .omschrijving h1 {font-size: 22px;}
  .thumbnailGallery {line-height: 0;}
  .thumbnailGallery .carousel-cell img {max-height: 40px;}
  .artikel.detail .volledigGallery .carousel-cell-groot .verhouding {max-height: 300px; min-height: 200px;}

  .artikel.detail .detailinkollommen .configurator .configuratieOptie .optie {grid-template-columns: 80px 1fr;}
  .artikel.detail .detailinkollommen .configurator .configuratieOptie .optie .afbeelding {grid-row: span 2;}
  .configuratieOptie .optie .tekst {padding: 10px 0 10px 10px;}
  .artikel.detail .detailinkollommen .configurator .configuratieOptie .optie .prijsInfo {padding: 0 10px 10px 10px; margin: 0;}

  .kassainkollommen > .rechts {width: 100%;}

  #speedsearchResult {top: 100%;}

  .formulier_holder.uniekeForm {padding: 20px;}

}
 
@media screen and (max-width: 680px) {
  
  .shopCategorieHolder.widget .categorie, .productCarousel .artikel {width: 100%; margin: 0;}

}