/* maatwerk.css - elektro-opruiming.nl
   Gegenereerd uit de oude CSS-fork tegen skin_default (zie --migratie/LEESMIJ.md).
   Handwerk hoort in --migratie/hand.css; dat staat onderaan. */

:root {
  --color1: #cb0000;
  --fontColor1: #606060;
  --fontColor2: #ffffff;
  --fontFamily1: "Lato", Helvetica Neue, Arial, Helvetica, Sans-Serif;
  --borderColor1: #e1e1e1;
}

/* basis */
blockquote p {margin: 0 0 10px; color: #FFFFFF; font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal;}
table.lijst tr td {padding: 10px;}
table.lijst tr td a {color: var(--color1);}
table.lijst tr td.id, table.lijst td.id {width: 30px;}
table.lijst tr td.omschrijving a {text-decoration: underline;}
table.lijst tr th {border-bottom: 1px solid #eee; padding: 5px 10px; text-align: left;}
table.lijst tr:nth-child(even) td {background: #fff;}
body {line-height: 1.65em; overflow-y: scroll; color: #606060; font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif; font-size: 13px; background-image: url("images/bg.jpg"); height: revert-layer !important;}
a, a:link, a:visited {font-family: Arial, Helvetica, Sans-Serif; color: var(--color1); transition: revert-layer;}
a:hover {font-family: Arial, Helvetica, Sans-Serif; color: #757575; transition: revert-layer;}
a.hover {font-family: Arial, Helvetica, Sans-Serif; color: #757575;}
ol {color: #404040; line-height: revert-layer;}
ul {color: #404040; margin: 0 0 10px; padding: 0 0 0 10px; list-style-type: none; line-height: revert-layer; list-style-position: revert-layer;}
li {margin: 0.2em 0;}
hr {background: var(--borderColor1); border-width: medium; margin-bottom: 20px; margin-top: 20px; clear: revert-layer;}
blockquote {color: #FFFFFF; font-family: Arial, Helvetica, Sans-Serif; font-style: normal; font-weight: normal; margin: 10px 10px 10px 50px; padding: 5px 5px 5px 41px; background-color: #0A317B; background-image: url('images/PostQuote.png'); background-position-x: left; background-position-y: top; background-repeat: no-repeat;}
p {margin-bottom: 10px;}
table.lijst {margin-bottom: 20px;}
table.lijst th {text-align: left; border-bottom: 1px solid #eee; padding: 5px 10px; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #888;}
table.lijst tr.inactief td.omschrijving {text-decoration: line-through; color: #f00;}
table.lijst td {border-bottom: 1px solid #eee; padding: 10px; background: #fff; transition: all .3 ease; white-space: nowrap;}
table.lijst td > .titel {font-weight: bold;}
table.lijst td > .subtitel {color: #aaa;}
table.lijst tr:hover td {background: #fafafa;}
table.lijst tr.inactief:hover td {background: #f1f1f1;}
span.relatieBtwPrijs {display: block;}
body > .laadtijd {margin-right: .25em;}
div[class*="grid"] {hyphens: auto; -webkit-hyphens: auto;}
img {object-fit: revert-layer;}
a.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop:link, a.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop:visited {color: var(--color1); text-decoration: underline;}

/* formulieren */
.meldingHouder .melding .formulierArtikelToevoegen select {margin-bottom: 0;}
.stap.drie .regel .select:empty {display: none;}
.telefoonLandcodeHouder > select.telefoonLandcode {box-sizing: border-box; margin: 0;}
.variatieKeuzePopup input[type="text"], .variatieKeuzePopup textarea {box-sizing: border-box;}
input {vertical-align: middle; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; font-style: normal; font-weight: normal;}
select {font-style: normal; font-weight: normal; border-color: #cccccc; line-height: 1.5em; cursor: revert-layer;}
button {padding: 0; border-width: medium; outline: none; background-color: #ffffff00 !important; color: var(--color1); font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; text-decoration: underline; border-radius: revert-layer; display: revert-layer; text-align: revert-layer; transition: revert-layer; position: revert-layer;}
button:hover {text-decoration: none;}
.stap.drie .regel .select {display: none !important; margin: revert-layer;}
.dealerImportVeld input[type="file"] + label, .dealerImportVeld input[type="file"]:focus + label, .dealerImportVeld input[type="file"] + label:hover {background-color: var(--color1);}
textarea, input[type="password"], input[type="email"], input[type="tel"] {border-color: #c4c4c4; line-height: 1.5em; widows: 100%;}
input[type="text"] {border-color: #c4c4c4; line-height: 1.5em; widows: 100%; width: revert-layer;}
input[type="number"] {border-left-color: #c4c4c4; border-right-color: #c4c4c4; widows: 100%;}
input:focus {border: 1px solid var(--color1);}
textarea:focus, select:focus, input:focus[type="text"][type="text"][type="text"][type="text"][type="text"] {border-color: var(--color1);}
input.verplicht, textarea.verplicht {background-position-x: right 5px; background-position-y: top 5px;}
input.nietMeerVerplicht {background-color: #fff;}
input[type="radio"]:checked::before, input[type="checkbox"]:checked::before {color: var(--color1); font-weight: revert-layer;}
.formulier_holder {width: 100%;}
.formulier_textarea {width: 400px;}
button::-moz-focus-inner {border: 0; padding: 0px;}
.upload_2 input {border: 0; border-collapse: collapse; margin: 0; font-size: 10px;}
.formulier {display: block;}
.formulier legend {font-size: 15px; font-weight: bold; margin: 0; padding: 0; color: #000;}
.formulier label {float: left; width: 300px; clear: both; padding-right: 10px; font-size: 15px;}
.formulier input[type="text"] {float: left; width: 230px;}
.formulier input.straat, .formulier input.straat2 {width: 156px;}
.formulier label.huisnummer, .formulier label.huisnummer2 {clear: none; width: 10px; padding-left: 10px;}
.formulier input.huisnummer, .formulier input.huisnummer2 {clear: none; width: 40px;}
.formulier .checkboxes {display: block; clear: both;}
.formulier .checkboxes label {float: left; padding-right: 10px; width: 120px; clear: none;}
input[type="number"][type="number"] {background-color: #fff; border-radius: 3px !important; line-height: 1.5em; border-bottom: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4; color: #666;}
input[type="text"][type="text"] {background-color: #fff; border-radius: 3px !important; line-height: 1.5em; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #c4c4c4; border-top: 1px solid #c4c4c4; color: #666;}
.mijnOrdersFilterVeld.mijnOrdersFilterVeld > select {border-color: var(--borderColor1, var(--borderColor, #ccc));}
.mijnOrdersZoekVeld.mijnOrdersZoekVeld input {border: 0; line-height: 1.1em; width: 100%;}
.formulier_text {margin-left: revert-layer; margin-right: revert-layer; margin-top: revert-layer;}
input[type="radio"][type="radio"][type="radio"][type="radio"][type="radio"] {margin-right: 5px;}
input[type="number"][type="number"][type="number"] {padding: 8px 10px;}
.formuleHolder.reset .content {background-attachment: revert-layer; background-color: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer; padding: revert-layer;}
input[type="text"][type="text"][type="text"][type="text"][type="text"] {border-color: #c4c4c4;}
.formuleHolder > .titel {color: revert-layer; font-size: revert-layer; font-style: revert-layer; font-weight: revert-layer; line-height: revert-layer; margin: revert-layer; text-decoration: revert-layer;}
.formuleHolder.reset > .titel {display: revert-layer;}
.formulier.widget label {margin: revert-layer;}
.mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld input {background-color: rgba(0, 0, 0, 0); border-radius: inherit !important; padding-left: 12px; padding-right: 12px;}
.mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld input, .mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld input {border-color: currentcolor;}
.mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld.mijnOrdersZoekVeld input {border-bottom-style: none; border-bottom-width: 0; border-top-style: none; border-top-width: 0;}
.mijnOrdersFilterVeld.mijnOrdersFilterVeld > select:hover {border-color: #999;}

/* koppen */
.gb_aanmelden h2, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6 {margin-top: 0;}
h1 + h5, h2 + h5 {margin-bottom: 10px; margin-top: 0;}
h6 a {text-decoration: underline; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #696969;}
h6 a:hover {text-decoration: none; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #696969;}
h6 a h1 a:hover, h6 a:hover h1 a:visited {font-weight: normal; font-style: normal; text-decoration: none;}
h1, h1 a:visited, h1 a:hover {font-family: var(--fontFamily1); font-size: 26px; line-height: 1.25em;}
h1 a:link {font-family: var(--fontFamily1); font-size: 26px; margin-right: 0; margin-bottom: 10px; margin-left: 0; line-height: 1.25em;}
h2, h2 a, h2 a:visited, h2 a:hover {font-family: var(--fontFamily1); font-size: 20px; font-weight: bold; color: #000000; line-height: 1.25em;}
h2 a:link {font-family: var(--fontFamily1); font-size: 20px; color: #000000;}
h3 {font-family: var(--fontFamily1); color: #000000; line-height: revert-layer;}
h3 a, h3 a:visited, h3 a:hover {font-family: var(--fontFamily1); line-height: revert-layer;}
h3 a:link {font-family: var(--fontFamily1);}
h4 {font-family: var(--fontFamily1); font-size: 16px; font-weight: bold; color: #696969; line-height: revert-layer;}
h4 a, h4 a:visited, h4 a:hover {font-family: var(--fontFamily1); font-size: 16px; font-weight: bold; color: #696969;}
h4 a:link {font-family: var(--fontFamily1); font-size: 16px; font-style: normal; font-weight: bold; color: #696969; margin: 0 0 10px;}
h5, h5 a, h5 a:visited, h5 a:hover {font-family: var(--fontFamily1); font-size: 13px; font-weight: bold; color: #696969;}
h5 a:link {font-family: var(--fontFamily1); font-size: 13px; font-style: normal; font-weight: bold; color: #696969; margin: 0 0 10px;}
h6, h6 a:visited {font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #696969;}
h6 a:link {font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; color: #696969; margin: 0 0 10px;}
#tooltip h3 {color: #7F7F7F; font-weight: bold; font-size: 1px; position: absolute; visibility: hidden;}
h2.titel.titel.titel.titel, h2.titel.titel.titel.titel.titel {font-size: 20px;}
.h3 {font-style: revert-layer; font-weight: revert-layer; line-height: revert-layer; margin-left: revert-layer; margin-right: revert-layer; margin-top: revert-layer; text-decoration: revert-layer;}
h1 a:link.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop, h2 a:link.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop, h1 a:visited.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop {color: #000000;}
h2 a:visited.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop {color: #000000; text-decoration: none;}
h3 a:visited.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop {text-decoration: none;}

/* knoppen */
#extraSchermWinkelmand .schermWinkelMandje .knoppen a.bevestigen, .knoppen.metTekst > a.uit, table.lijst tr td.knoppenHouder .knoppen.metTekst > a.uit, .lijstOpties .zoek .knop:hover {color: var(--color1);}
.knoppen.metTekst > a {color: var(--color1); text-decoration: underline;}
.knoppen.metTekst > a:hover, table.lijst tr td.knoppenHouder .knoppen.metTekst > a:hover {color: #757575;}
.lijst.orders .knoppen a, a.knopKaal {text-decoration: underline;}
.nogNietGeladen a.button {background-color: #ECECEC;}
.privacyMelding .knoppen a.knop.akkoord, a.button.button.button.button.button.button, a.button.button.button.button.button.button.button, a.knop.knop.knop.knop.knop.knop.knop, a.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop:link.button, a.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop:visited.button {color: #3C3C3D;}
table.lijst tr td.knoppenHouder {font-size: 16px; white-space: nowrap;}
table.lijst tr td.knoppenHouder .knoppen.metTekst > a {color: var(--color1); font-size: inherit; padding: 0 5px; text-decoration: underline;}
table.lijst tr td.knoppenHouder .knoppen.metTekst > a .tekst {background: #415e81; border-radius: 3px; color: #fff; font-size: 11px; line-height: 1.25em; opacity: 0; padding: 5px 9px; pointer-events: none; position: absolute; transform: translateX(-50%);}
table.lijst tr td.knoppenHouder a, table.lijst td.knoppenHouder a {font-size: inherit; padding: 0 5px; position: relative;}
table.lijst tr td.knoppenHouder a .tekst {background: #415e81; border-radius: 3px; color: #fff; font-size: 11px; font-weight: normal; left: 50%; line-height: 1.25em; opacity: 0; padding: 5px 9px; pointer-events: none; position: absolute; top: -125%; transform: translateX(-50%); transition: .3s all ease; white-space: nowrap;}
table.lijst tr td.knoppenHouder a .tekst::before {border-width: 6px 6px 0px; border-style: solid; border-color: #415e81 transparent; bottom: -4px; content: ""; left: 50%; position: absolute; transform: translateX(-50%); transition: .3s all ease;}
table.lijst tr td.knoppenHouder a:hover .tekst, table.lijst td.knoppenHouder a:hover .tekst {opacity: 1; pointer-events: all;}
table.lijst tr td.knoppenHouder:has(.knoppen.metTekst) {white-space: nowrap;}
.mijnAccountOrderHolder .knoppen a {background-color: rgba(54, 82, 95, .1); color: #365276; border-radius: 3px; display: inline-block; font-size: 12px; padding: 5px 8px; position: relative; text-decoration: none; transition: all 0.3s ease 0s; line-height: normal; margin-right: 5px; margin-top: 5px;}
.mijnAccountOrderHolder .knoppen a.activeren {background-color: #365276; color: #fff;}
.mijnAccountOrderHolder .knoppen a.verwijderen:hover {background-color: rgba(239, 104, 104, .1); color: #ef6868;}
.stap .couponcode a.wButControleer {vertical-align: middle;}
.speedSearch .resultaat a.knopAlles {background-color: var(--color1); color: #fff; border-radius: 3px; bottom: 12px; text-decoration: none; font-size: 12px; font-weight: normal; padding: 3px 10px; position: absolute; right: 10px;}
.knopAllesOnder a {background-color: #f5f5f5; border-radius: 0; border-top: 1px solid #ddd; display: block; font-weight: bold; margin: 0; padding: 10px; text-align: center; text-decoration: none;}
.knopAllesOnder a:hover {background-color: #e5e5e5;}
table.lijst td.knoppenHouder {font-size: 16px; line-height: 0; vertical-align: middle;}
table.lijst td.knoppenHouder a .tekst {background: #415e81; border-radius: 3px; top: -125%; color: #fff; line-height: 1.25em; white-space: nowrap; padding: 5px 9px; position: absolute; transition: .3s all ease; left: 50%; font-size: 11px; transform: translateX(-50%); opacity: 0; pointer-events: none; font-weight: normal;}
table.lijst td.knoppenHouder a .tekst::before {border-width: 6px 6px 0px; border-style: solid; border-color: #415e81 transparent; bottom: -4px; content: ""; position: absolute; transition: .3s all ease; left: 50%; transform: translateX(-50%);}
.button {font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('images/css3buttons_backgrounds.png') no-repeat 0 0; white-space: nowrap; overflow: visible; border: 1px solid #CACACA; outline: none; zoom: 1; line-height: 1.11; *display: inline; *vertical-align: middle; text-indent: 0; height: auto; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding-top: 5px; *padding: 6px 10px; margin: revert-layer; transition: revert-layer;}
a.button {padding-top: 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; background-color: #ECECEC; border: 1px solid #CACACA; border-radius: 2px; line-height: 1.11; -moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none; margin: revert-layer; text-align: revert-layer; transition: revert-layer;}
button.knop {display: inline-block; padding: 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background-image: url('images/css3buttons_backgrounds.png'); background-repeat: no-repeat; background-attachment: scroll; background-position-x: 0; background-position-y: 0; background-size: auto; white-space: nowrap; overflow: visible; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; zoom: 1; line-height: 1.11; *display: inline; *vertical-align: middle; text-indent: 0; height: auto; box-shadow: none; *padding: 5px 5px 3px 5px;}
a.knop {padding: 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; text-shadow: 1px 1px 0 #FFFFFF; background-image: url('images/css3buttons_backgrounds.png'); background-repeat: no-repeat; background-attachment: scroll; background-position-x: 0; background-position-y: 0; background-size: auto; white-space: nowrap; overflow: visible; cursor: pointer; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; zoom: 1; line-height: 1.11; *display: inline; *vertical-align: middle; text-indent: 0; height: auto; box-shadow: none; margin: revert-layer; text-align: revert-layer; transition: revert-layer;}
a.button.primary {font-weight: bold;}
a.button:active, a.button.active {text-shadow: none;}
button.knop:active {text-shadow: none; top: 1px;}
.button:active {top: 1px;}
a.button.negative:hover {color: #FFFFFF; background-position-x: 0; background-position-y: -121px; background-color: #D84743; border-color: #911D1B;}
a.button.negative:active, a.button.negative.active {background-position-x: 0; background-position-y: -161px; background-color: #A5211E; border-color: #911D1B;}
a.button.positive:hover {background-position-x: 0; background-position-y: -280px; background-color: #96ED89; border-color: #45BF55;}
a.button.positive:active, a.button.positive.active {background-position-x: 0; background-position-y: -320px; background-color: #45BF55;}
a.button.pill {padding-right: 10px; padding-bottom: 6px; padding-left: 10px;}
button.pill {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 5px 10px 6px; *padding: 6px 10px; text-decoration: none;}
a.button.left {-webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px;}
a.button.middle {-webkit-border-radius: 0px; -moz-border-radius: 0px;}
a.button.right {-webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px;}
a.button.big {font-size: 16px; padding-left: 14px; padding-right: 17px;}
.button.disabled {-ms-user-select: none;}
.meldingHouder .melding .knoppen a {background-image: none; background-repeat: repeat; color: #fff; display: inline-block; line-height: 1.25em; margin-left: 5px; margin-right: 5px; padding: 7px 10px; transition: all 0.3s ease 0s; text-align: revert-layer;}
.meldingHouder .melding .knoppen a.bevestigen, .meldingHouder .melding .knoppen a.bevestigen.bevestigen {background-color: var(--color1);}
.privacyMelding .knoppen a.knop {background: #aaa;}
a.button.button.button.button.button {background-color: #ECECEC; background-image: url('images/css3buttons_backgrounds.png'); background-repeat: no-repeat; color: #3C3C3D; line-height: 1.11;}
h1 a.button {margin-bottom: 10px; margin-left: 0; margin-right: 0;}
a.wButControleer.wButControleer {margin-top: 5px;}
h1 a.button.button, h1 a:hover.button, h1 a:link.button, h1 a:visited.button {margin-top: 0;}
a.knop.knop.knop.knop {background-color: #ECECEC; color: #3C3C3D;}
.stap .couponcode a.wButControleer.wButControleer.wButControleer.wButControleer {line-height: 1em;}
a.button.pill.pill.pill.pill.pill, a.button.pill.pill.pill.pill.pill.pill.pill {text-decoration: none;}
.meldingHouder .melding .knoppen.knoppen.knoppen a:hover, .meldingHouder .melding .knoppen.knoppen.knoppen.knoppen.knoppen a:hover, .meldingHouder .melding .knoppen.knoppen.knoppen.knoppen.knoppen.knoppen.knoppen a {color: #fff;}
a.knop.knop.knop.knop.knop.knop, a.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop:link.knop, a.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop:visited.knop {color: #3C3C3D; text-decoration: none;}
h1 a:hover.button.button.button.button, h1 a:link.button.button.button.button, h1 a:visited.button.button.button.button {line-height: 1.25em;}
.meldingHouder .melding .knoppen.knoppen.knoppen.knoppen a {text-decoration: none; color: #fff;}
h1 a:link.button.button.button.button.button, h1 a:visited.button.button.button.button.button, h1 a:hover.button.button.button.button.button.button, h1 a:link.mijnOrdersSorteerKnop.button.button.button.button.button.button, h1 a:visited.mijnOrdersSorteerKnop.button.button.button.button.button.button {color: #000000;}
.meldingHouder .melding .knoppen.knoppen.knoppen.knoppen.knoppen.knoppen a {color: #fff; text-decoration: none;}

/* paginaframe */
#art-main {left: 0; top: 0;}
.art-Sheet {margin-bottom: 15px; margin-top: 15px; max-width: 1200px; min-height: 200px; min-width: 1px; padding: 0 20px; z-index: 0; display: revert-layer;}
.art-Sheet-body {position: relative; z-index: 1; padding: 0px;}
.art-contentLayout {position: relative; max-width: 1200px;}
.art-Block {z-index: 0; margin: 0px 0px 10px;}
.art-BlockHeader {z-index: 0; height: 20px; padding-left: 10px; padding-right: 10px;}
.art-BlockHeader .t {height: 30px; color: #000000; font-family: var(--fontFamily1); font-style: normal; white-space: nowrap; padding: 0 1px; line-height: 30px;}
.art-Post {position: relative; z-index: 0; min-width: 1px; min-height: 1px; margin: 7px;}
.art-Post-body {position: relative; z-index: 1; padding: 10px;}
.art-contentLayout .art-sidebar1 {margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 313px;}
.art-contentLayout .art-content {margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 470px;}
.art-contentLayout .art-sidebar2 {margin: 0; padding: 0; border: 0; float: left; overflow: hidden; width: 196px;}
.breadcrumbHolder {box-sizing: border-box; margin: 15px auto 0; max-width: 1200px; padding: 0 20px;}
.breadcrumbs {padding: 0; margin-bottom: 0; overflow: auto; font-size: revert-layer; line-height: revert-layer; position: revert-layer;}
.crumbSpace {font-weight: bold; padding-right: 7px; padding-left: 7px;}
.crumbLink {text-decoration: none !important;}
.breadcrumbs ol li a:hover {color: #757575 !important;}
.breadcrumbs ol li.crumbSpace {border: revert-layer; content: revert-layer; height: revert-layer; left: revert-layer; overflow: revert-layer; position: revert-layer; top: revert-layer; width: revert-layer;}
.art-Sheet .art-sidebar1, .art-Sheet .art-sidebar2 {box-sizing: revert-layer;}
.breadcrumbs ol li a {color: var(--color1) !important;}
.art-Sheet .art-content {flex: revert-layer;}
li.crumbSpace.crumbSpace.crumbSpace {margin: 0.2em 0;}

/* header */
#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven {position: absolute;}
#extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven .inhoud p {margin: 0 0 10px;}
#speedsearchResult .houder .knopAllesOnder a {background-color: #f5f5f5; border-radius: 0; display: block; font-weight: bold; margin: 0; padding: 10px; text-align: center; text-decoration: none;}
#speedsearchResult .houder .knopAllesOnder a:hover {background-color: #e5e5e5;}
#speedsearchResult .houder .speedSearch .resultaat a.knopAlles, .hoverMenu .kolommen .kolom a:hover, .art-menu.art-menu.art-menu.art-menu.art-menu a:hover, .artikel .favorieten.favorieten.favorieten.favorieten.favorieten a, .resMenubalkinhoud.resMenubalkinhoud.resMenubalkinhoud.resMenubalkinhoud.resMenubalkinhoud.resMenubalkinhoud a, .art-menu.art-menu.art-menu.art-menu.art-menu a:link, .art-menu.art-menu.art-menu.art-menu.art-menu a:visited, .art-menu.art-menu.art-menu.art-menu.art-menu.art-menu a, .art-menu.art-menu.art-menu.art-menu.art-menu.art-menu.art-menu a:link, .artikel .favorieten.favorieten.favorieten.favorieten.favorieten.favorieten.favorieten a, .resMenubalkinhoud a.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop, .art-menu.art-menu.art-menu.art-menu.art-menu.art-menu.art-menu a:visited {text-decoration: none;}
#speedsearchResult .houder .speedSearch.artikelen ul li .thumbnail {float: right; height: 50px; overflow: hidden; text-align: center; width: 50px;}
#speedsearchResult .houder .speedSearch.artikelen ul li .thumbnail img {height: 50px; width: auto;}
#speedsearchResult .houder .speedSearch.artikelen ul li a .categorie {color: #aaa; font-style: italic;}
#speedsearchResult .houder .speedSearch.artikelen ul li a .categorie .titel {float: left; margin-right: 5px;}
#speedsearchResult .houder .speedSearch.artikelen ul li a .categorie ul {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#speedsearchResult .houder .speedSearch.artikelen ul li a .categorie ul li {display: inline-block; margin: 0 0.5em 0 0;}
#speedsearchResult .houder .speedSearch.artikelen ul li a .categorie ul li::after {content: ", ";}
#speedsearchResult .houder .speedSearch.artikelen ul li a .categorie ul li:last-child::after {content: "";}
.account .openGeklapt .favorietenKnop, .account .favorietenKnop.favorietenKnop.favorietenKnop, .account .inloggenKnop.inloggenKnop.inloggenKnop, .account .mijnAccountKnop.mijnAccountKnop.mijnAccountKnop, .account .favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop {color: inherit;}
.account li:last-child {padding-right: 10px;}
.art-menu li a .r, .resMenublokinhoud .resMenuItem.resMenuItem a {display: block;}
.art-menu li a .t.action {color: #666666;}
.art-menu ul li {display: inline-block; clear: both;}
.art-menu ul li a {color: var(--color1); display: block; overflow: hidden; padding: 0 8px;}
.art-menu ul li a.active, .hoverMenu .kolommen .kolom a, .blokholder.accountWijzigen .titel, .winkelwagenHouder .winkelknop:hover, .speedsearchLoader i, .supermenuInhoud ul li.title.title.title.title.title a, .supermenuInhoud ul li.title.title.title.title.title.title.title a {color: var(--color1);}
.artikel .favorieten.aan .image i, .artikel .favorieten.aan i {font-weight: bold;}
.bovenkantHolder .bovenkant .resMenubalkinhoud {line-height: 0;}
.bovenkantHolder .bovenkant .resMenubalkinhoud a {display: inline-block; position: relative; text-decoration: none;}
.extrabovenkantHolder .valuta {margin-right: 0.25em;}
.extrabovenkantHolder .valuta ul {list-style-type: none; margin: 0 0 10px; padding: 0 0 0 10px;}
.extrabovenkantHolder .valuta ul li {padding: 0;}
.extrabovenkantHolder .valuta ul li a {color: var(--color1); text-decoration: underline;}
.hoverMenu .kolommen .kolom > ul {font-size: inherit;}
.inloggen_holder .inloggen_content > input {margin: 0 0 10px; width: 100%;}
.ordersFilters .zoekenOrders {margin: 0 0 15px;}
.resMenuItem.open > .openklapper {width: 45px;}
.supermenu ul.kolom2, .supermenu ul.kolom4, .supermenu ul.kolom5, .supermenu ul.kolom6, .supermenu ul.kolom7 {margin-right: 20px; width: calc(25% - 20px);}
.art-menu a {text-align: left; letter-spacing: normal; word-spacing: normal; cursor: pointer; height: 36px; margin: 0 2px; overflow: hidden; position: relative;}
.art-menu {border: 0; display: block; min-height: 0;}
.art-menu ul {border: 0; display: block; z-index: 10; background-color: rgba(0, 0, 0, 0); min-height: 0; background-image: url(images/spacer.gif); filter: alpha(opacity = 0);}
.art-menu li {margin-top: 0; margin-bottom: 0; border: 0; background: none; z-index: 5;}
.art-menu li:hover {z-index: 1000; white-space: normal;}
.art-menu li li {float: none; left: 0;}
.art-menu li:hover>ul {visibility: visible; top: 100%; opacity: 1; filter: alpha(opacity = 100);}
.art-menu li li:hover>ul {top: 0; left: 100%;}
.art-menu:after, .art-menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
.art-menu ul ul {padding: 0; margin: 0;}
.art-nav {height: 36px; left: 20px; position: absolute; top: 0;}
.art-menu a .r {position: absolute; display: block; top: 0; z-index: -1; height: 36px; width: 418px; right: 0;}
.art-menu a .l {position: absolute; display: block; top: 0; z-index: -1; height: 36px; left: 0; right: 0;}
.art-menu a .t {font-family: "Lato",Helvetica Neue,Helvetica Neue,Helvetica,sans-serif !important; font-style: normal; font-weight: normal; margin: 0; text-align: center;}
.art-menu li:hover a .t {color: #666;}
.art-menu a.active .t {color: #fff !important;}
.accountHouder .art-menu .active {background-color: var(--color1); border-radius: 0 0 3px 3px;}
.bovenkantWinkel .art-menu a:hover .t, .bovenkantWinkel .art-menu .active, .bovenkantWinkel .art-menu a .t, .meldingBoven ul, .bovenkantWinkel .art-menu .active.active.active.active, .resMenubalkinhoud .resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop, .resMenubalkinhoud .resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje, .bovenkantWinkel .art-menu a .t.t, .bovenkantWinkel .art-menu .active.active.active.active.active, .resMenubalkinhoud .resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop, .resMenubalkinhoud .resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje, .bovenkantWinkel .art-menu .active.active.active.active.active.active, .resMenubalkinhoud .resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop.resMenuZoekenKnop, .resMenubalkinhoud .resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje.resMenuwinkelmandje {color: #fff;}
.account {display: flex !important; gap: 14px; float: right; z-index: 50; position: relative; line-height: 30px; margin-bottom: 0; margin-left: 0; margin-top: 0; list-style-type: revert-layer; padding: revert-layer;}
.account .welkom {padding-right: 15px; border-right: 1px solid #ccc; margin-right: 15px; color: revert-layer; font-weight: revert-layer;}
.account .content {padding: 20px; box-sizing: border-box; line-height: 1.95;}
.account .inloggen .inloggenKnop {padding: 0 10px 0 20px; box-sizing: border-box;}
.account .inloggen .email input {margin-bottom: 3px; margin-left: revert-layer; margin-right: revert-layer; margin-top: revert-layer;}
.account .houder .h3 {color: #555; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-size: 17px;}
.account .houder2 {font-size: 12px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position-x: 0%; background-position-y: 0%; background-size: auto;}
.account .houder .knoppenHouder {margin-top: 3px;}
.artikel .favorieten {clear: both; font-size: 12px; margin-bottom: 0; margin-top: 0.25em; position: revert-layer;}
.shopTegel .artikel .favorieten, .winkelwagenHouder .kassaArtikel .regelStuk, .accountHouder .valuta .titel, .bovenkantWinkel .art-menu li, .bovenkantWinkel .art-menu.art-menu li {display: none;}
.zoekenOrders {z-index: 13;}
.zoekenOrders .veld, .zoekenOrders .knop {z-index: 10;}
.zoekenOrders .veld input {width: 150px;}
.inloggen3 {float: left;}
.stap.twee .stap2_bestaandeKlant .inloggen {float: left; width: 47%; position: relative; margin-right: 6%;}
.accountHouder {display: block; width: 100%; background-color: #f3f3f3; border-bottom: 1px solid var(--borderColor1); position: relative; font-family: "Lato", Helvetica Neue, Helvetica, Arial, Sans-Serif;}
.accountHouder2 {max-width: 1200px; margin: 0 auto; position: relative; padding: 5px 20px; box-sizing: border-box;}
.account li {float: left; margin: 0 0px; padding-bottom: 0; padding-top: 0; list-style: none; color: #666; font-size: 12px;}
.account .seperator {border-right: 1px solid #ccc; height: 16px; position: relative; top: 8px; width: 0; padding: 0;}
.account .houder {max-height: 0; overflow: hidden; background-attachment: scroll; background-image: none; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; box-shadow: 0 4px 4px rgba(0,0,0,.2); top: 35px; width: 300px; transition: all 0.3s ease 0s; transform: revert-layer;}
.account .accountKop {border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.account .onderdrukken {filter: alpha(opacity=1);}
.account .openGeklapt .houder {max-height: 500px; filter: alpha(opacity=100); top: 35px; color: #666; transform: revert-layer;}
.account .inloggen .inlogKnop {padding-top: 3px;}
.account .inloggen .wachtwoordKwijt {float: right;}
.winkelwagenHouder {position: absolute; right: 20px; top: 23px; color: #606060; padding: 0px; border-radius: 0 5px 5px 0;}
.winkelwagenHouder .winkelknop {height: 46px; background-attachment: revert-layer; background-color: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer; border-radius: revert-layer; margin-left: revert-layer; padding: revert-layer;}
.winkelwagenHouder .winkelknop .titel {color: #fff; font-size: 13px; font-weight: normal; line-height: 1.35em; margin: 0 50px 0 0; padding: 5px 0 0; text-align: right; display: revert-layer;}
.winkelwagenHouder .winkelknop .bedrag {color: #fff; font-size: 13px; font-weight: normal; line-height: 1.35em; margin: 0 50px 0 0; text-align: right; display: revert-layer;}
.winkelwagenHouder .winkelknop .icoon {background: url("images/winkelmandje.png") no-repeat center center; height: 46px; position: absolute; right: 0; width: 46px; line-height: revert-layer;}
.winkelwagenHouder .winkelknop .aantal {background-color: var(--color1); border: 0; border-radius: 50px; bottom: 2px; font-size: 12px; height: 22px; line-height: 22px; min-width: 12px; padding-left: 5px; padding-right: 5px; right: 0; box-shadow: revert-layer; top: revert-layer;}
.winkelwagenHouder .winkelwagen {top: 36px; background-color: #eee; box-shadow: 0 0px 50px -8px rgba(0,0,0,.25); right: 5px;}
.winkelwagenHouder.openGeklapt .winkelwagen {height: auto; top: 46px;}
.winkelwagenHouder .winkelwagen .inhoud.artikelen .winkelTitel {font-size: 17px; font-weight: bold; margin: 0 0 15px; color: #000;}
.winkelwagenHouder .winkelwagen .inhoud .prijs {float: right; font-size: 16px; padding: 10px; text-align: right; line-height: 1em;}
.winkelwagenHouder .kassaArtikel .kassaArtikelAfbeeldingHolder {width: 50px; padding-right: 10px;}
.zoeken {display: block; left: 410px; position: absolute; top: 27px; background-color: revert-layer; border: revert-layer; border-radius: revert-layer; min-width: revert-layer; z-index: revert-layer;}
.zoeken .veld {float: left; overflow: revert-layer; z-index: revert-layer;}
.zoeken .veld #zoekWoordID {border: 1px solid #f3f3f3; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; font-size: 14px; font-style: italic; border-radius: 2px 0 0 2px; margin: 0; width: 200px; background-color: #f3f3f3;}
.zoeken .knop {float: left; display: block; width: 42px; padding: 0; height: 38px; background: #f3f3f3 url("images/iconZoeken-20.png") no-repeat center center; border-radius: 0 2px 2px 0; transition: all .3s ease; cursor: pointer; line-height: revert-layer; margin: revert-layer;}
.zoeken .knop:hover {background-color: #e4e4e4;}
#speedsearchResult {clear: both; top: 100%; left: -450px;}
#speedsearchResult .houder {box-shadow: 0 50px 50px rgba(0, 0, 0, 0.4); overflow: hidden; font-size: revert-layer; line-height: revert-layer; max-height: revert-layer; width: revert-layer;}
.accountHouder .valuta {max-height: 30px; overflow: hidden; position: relative; top: 0; background: rgba(255,255,255,0); z-index: 5; transition: .3s all ease; display: block; float: right; cursor: pointer;}
.accountHouder .valuta:hover {max-height: 150px; box-shadow: 0 0px 50px -8px rgba(0,0,0,.25); border-radius: 0 0 3px 3px; background: rgba(255,255,255,1);}
.accountHouder .valuta ul {margin: 0; padding: 0; list-style: none;}
.accountHouder .valuta ul li {padding: 0 8px; line-height: 30px;}
.accountHouder .valuta ul li:last-child {border: 0;}
.accountHouder .valuta ul li a, .account .favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop, .account .favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop {color: inherit; text-decoration: none;}
.accountHouder .valuta ul li .symbool {font-weight: bold; float: right; margin-left: 5px; padding-left: 5px;}
.supermenuHouder .supermenuTrigger {color: #ffffff; left: 20px; float: left; font-size: 20px; top: 9px; z-index: 10;}
.supermenuHouder .supermenuTrigger.active {opacity: .5;}
.supermenuHouder .supermenuInhoud.open {display: block; overflow-y: scroll;}
.supermenuHouder .supermenuInhoud {background-image: none; background-repeat: repeat; background-attachment: scroll; background-position-x: 0; background-position-y: 0; background-size: auto; box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.15); display: none; margin: 0 auto; max-height: calc(100vh - 110px); max-width: 1170px; padding: 0 20px 20px; top: 41px; z-index: 32;}
.supermenu ul {display: block; margin-bottom: 30px; min-height: 1px; position: relative; list-style-image: revert-layer; list-style-position: revert-layer;}
.supermenuInhoud ul li.title {border-bottom: 1px solid #e3e3e3; font-size: 14px; margin-top: 20px; margin-bottom: 5px; padding-bottom: 5px;}
.supermenuInhoud ul li.title a {color: var(--color1); font-family: "Lato",Helvetica Neue,Helvetica,Arial,sans-serif !important; font-size: 14px; font-weight: normal; margin: 0; white-space: revert-layer;}
.supermenu ul li a, .supermenu.supermenu.supermenu.supermenu.supermenu.supermenu ul li a {color: #656565;}
.inloggen_holder .inloggen_content {background-color: #f2f2f2;}
.inloggen_holder .inloggen_content input {width: 100%; margin: 0 0 10px;}
a.logo {left: 10px; position: absolute; top: 8px; width: 205px; line-height: revert-layer; margin: revert-layer;}
a.logo img {width: 100%;}
.bovenkantHolder {background: var(--color1); z-index: 11; border-top: revert-layer;}
.bovenkant {position: relative; height: 90px;}
.bovenkantWinkel {background-color: #bb0000; position: relative;}
.bovenkantWinkel .art-menu {padding-left: 25px;}
.bovenkantWinkel .art-menu li.weergeven, .art-menu.art-menu li, .bovenkantWinkel .art-menu li.weergeven.weergeven {display: inline-block;}
.bovenkantHolder.scrolled {position: fixed; top: 0; z-index: 14;}
.bovenkantHolder.scrolled .bovenkant {height: 48px;}
.bovenkantHolder.scrolled .bovenkant .zoeken {top: 5px;}
.bovenkantHolder.scrolled .bovenkant .winkelwagenHouder {top: 0;}
.bovenkantHolder.scrolled .bovenkant a.logo {top: 2px; width: 115px;}
.bovenkantHolder.scrolled .bovenkant .meldingBoven {top: 5px; line-height: normal;}
.bovenkantWinkel.scrolled {position: fixed; top: 48px; width: 100%; z-index: 13;}
.bovenkantvervanger.scrolled {height: 88px; position: relative;}
.bovenkantWinkel .inhoud {box-sizing: border-box; margin: 0 auto; max-width: 1200px; padding: 0 20px; position: relative;}
.meldingBoven {position: absolute; right: 270px; top: 20px;}
.meldingBoven ul li::before {content: "\f00c"; font-family: "Font Awesome 5 Pro"; margin-right: 10px;}
.resMenubalk {height: 56px; padding: 0; position: relative; top: 0; width: 100%; z-index: 100; margin: revert-layer;}
.resMenubalkinhoud {background: var(--color1); top: 0; left: 0; right: 0; padding: 10px 15px 10px 10px; z-index: 50; position: fixed; line-height: 0;}
.resMenubalkinhoud a {display: inline-block; text-decoration: none; position: relative; padding: 5px;}
.resMenubalkinhoud img {width: 28px;}
.resMenubalkinhoud .resMenucategorienaam {color: #fff; float: right; cursor: pointer; font-family: var(--fontFamily1); font-size: 18px; font-weight: normal; margin: 0 0 0 10px; position: relative; line-height: 28px; text-decoration: none;}
.resMenubalkinhoud .resMenuwinkelmandje, .resMenubalkinhoud .resMenuZoekenKnop {float: right; font-size: 27px; color: #fff;}
.resMenubalkinhoud .resZoeken.open {padding-top: 5px; padding-bottom: 5px;}
.resMenubalkinhoud #resZoekveld {border-radius: 3px; margin-top: 5px; width: calc(100% - 10px);}
.resMenuHolder {background: #f5f5f5; top: 58px; overflow-y: scroll; max-width: revert-layer;}
.resMenubloktitel {background: var(--color1); color: #fff; font-size: 16px; font-weight: normal; font-family: var(--fontFamily1); padding-bottom: 12px; padding-top: 12px; border-bottom: revert-layer; line-height: revert-layer; text-transform: revert-layer;}
.resMenubloktitel i {margin: 0 15px 0 0;}
.resMenublokinhoud .resMenuItem {overflow: hidden; margin-top: 0; margin-bottom: 0;}
.resMenublokinhoud .resMenuItem a {border-bottom-color: #e7e7e7; font-weight: normal; color: #333; transition: background-color .3s ease;}
.resMenublokinhoud .resMenuItem a:hover {background: #eee;}
.resMenublokinhoud .resMenuItem.active > a {background-color: #ffffff; color: #dba53c;}
.resMenuItem .laag1 a {padding-left: 35px;}
.resMenuItem .laag2 a {padding-left: 50px;}
.resMenuItem .laag3 a {padding-left: 65px;}
.resMenuwinkelmandje #reswinkelMandjeAantal {background: #dba53c 0 0; border: 1px solid #fff; right: -9px; top: -4px; display: revert-layer;}
.resMenuItemHolder {transition: .6s all ease;}
.account .inloggen .wachtwoord input {margin: revert-layer;}
.supermenuTrigger {-moz-user-select: revert-layer; user-select: revert-layer;}
#speedsearchResult .houder .speedSearch ul li a {background-attachment: revert-layer; background-color: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer; border: revert-layer;}
.art-menu li a .t, .supermenu ul.laatste li, .supermenu ul.laatste li.title, .winkelwagenHouder .winkelwagen .inhoud.artikelen .voorraad, .resMenuHolder::-webkit-scrollbar {display: revert-layer;}
.art-menu a .t.t {font-size: 13px; line-height: 40px; padding: 0; color: #666666;}
.supermenuInhoud ul li a {font-size: revert-layer;}
#speedsearchResult .speedSearch.speedSearch.speedSearch > ul > li {margin-bottom: 0; margin-left: 0; margin-right: 0;}
#speedsearchResult .speedSearch.speedSearch.speedSearch.speedSearch > ul > li {margin-bottom: 0;}
.art-menu.art-menu a {padding-left: 8px; padding-right: 8px;}
#speedsearchResult .speedSearch.speedSearch.speedSearch > ul > li a {padding-left: 10px; padding-right: 10px;}
.artikel .favorieten a {transition: revert-layer;}
.resMenuItem.favorieten a span {background-attachment: revert-layer; background-color: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer; border: revert-layer; border-radius: revert-layer; box-sizing: revert-layer; line-height: revert-layer; margin: revert-layer; min-width: revert-layer; padding: revert-layer; text-align: revert-layer;}
#speedsearchResult .houder .speedSearch ul li a strong {border-bottom: revert-layer; display: revert-layer; font-weight: revert-layer; line-height: revert-layer; position: revert-layer;}
#speedsearchResult .houder .speedSearch.artikelen ul li .artikelNr {color: revert-layer;}
.account .houder .accountKop {color: revert-layer; font-style: revert-layer; line-height: revert-layer; margin-left: revert-layer; margin-right: revert-layer; margin-top: revert-layer;}
.bovenkantHolder .bovenkant {display: revert-layer; min-height: revert-layer;}
.winkelwagenHouder .winkelwagen .inhoud.totaal {display: revert-layer; line-height: revert-layer;}
.artikel .favorieten.favorieten.favorieten.favorieten {font-size: 12px; margin-left: 0; margin-right: 0; margin-top: 0.25em;}
.resMenublokinhoud 	ul {line-height: revert-layer;}
.supermenuInhoud {line-height: revert-layer; opacity: revert-layer; pointer-events: revert-layer; transition: revert-layer; visibility: revert-layer;}
.winkelwagenHouder .winkelwagen .inhoud.totaal .prijzen {margin: revert-layer; text-align: revert-layer;}
.supermenu.supermenu.supermenu ul {margin-right: 20px !important; width: calc(25% - 20px);}
.supermenuInhoud ul li.title.title.title {margin-top: 20px;}
.supermenuInhoud .supermenu {max-height: revert-layer; overflow-y: revert-layer;}
.supermenuInhoud.open {opacity: revert-layer; pointer-events: revert-layer; visibility: revert-layer;}
.account .houder1.houder1.houder1, .account .houder2.houder2.houder2 {padding: 15px 25px;}
.bovenkant.bovenkant.bovenkant {padding-bottom: 0; padding-top: 0;}
#speedsearchResult .speedSearch .resultaat.resultaat.resultaat {padding: 15px 20px;}
#speedsearchResult .speedSearch.speedSearch.speedSearch ul {padding: 20px;}
#speedsearchResult .houder .speedSearch.artikelen ul li .artikelNr .nummer {text-transform: revert-layer;}
#speedsearchResult .houder .speedSearch ul li a::after {clear: revert-layer; content: revert-layer; display: revert-layer;}
.zoeken .knop:before, .winkelwagenHouder .winkelknop .icoon:before {content: revert-layer; font-family: revert-layer; font-size: revert-layer;}
.supermenuInhoud::before {background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; content: revert-layer; display: revert-layer; height: revert-layer; position: revert-layer; right: revert-layer; top: revert-layer; width: revert-layer;}
.resMenublokinhoud .resMenuItem.resMenuItem.resMenuItem.resMenuItem.resMenuItem a, .resMenublokinhoud .resMenuItem.resMenuItem.resMenuItem.resMenuItem.resMenuItem.resMenuItem.resMenuItem a {color: #333; text-decoration: none;}
.resMenublokinhoud .resMenuItem.active.active.active.active > a, .resMenublokinhoud .resMenuItem.active.active.active.active.active > a, .resMenublokinhoud .resMenuItem.active.active.active.active.active.active > a {color: #dba53c;}
.supermenu.supermenu.supermenu.supermenu.supermenu ul li a, .supermenu.supermenu.supermenu.supermenu.supermenu.supermenu.supermenu ul li a {color: #656565; text-decoration: none;}
.art-menu.art-menu.art-menu.art-menu li, .resMenublokinhoud .resMenuItem.resMenuItem.resMenuItem {margin-bottom: 0; margin-top: 0;}
.supermenuInhoud ul li.title.title {margin-bottom: 5px;}
.resMenublokinhoud .resMenuItem.resMenuItem.resMenuItem.resMenuItem.resMenuItem.resMenuItem a {color: #333;}
.account .favorietenKnop:hover.favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop, .supermenu.supermenu.supermenu.supermenu.supermenu ul li a:hover, .account .favorietenKnop:hover.favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop.favorietenKnop, .supermenu.supermenu.supermenu.supermenu.supermenu.supermenu.supermenu ul li a:hover {text-decoration: underline;}

/* usps */
.stap.vier .totalen .vwHolder {margin-top: 10px;}
.stap.vier .totalen .vwHolder .vwTonen input[type="checkbox"] {margin-top: 0;}
.stap.vier .gegevens {background: #eee; padding: 20px; border-radius: 3px;}
.stap.vier .vwHolder {margin-top: 10px; line-height: 1.5em; position: relative; padding-left: 30px;}
.stap.vier .vwHolder input#algemeneVoorwaarden {position: absolute; left: 0; top: 4px;}
.uspsHolder {background: #fff; border-bottom: 1px solid var(--borderColor1); border-top: 1px solid var(--borderColor1);}
.uspsHolder .usps {margin: 0 auto; max-width: 1200px; padding: 20px; box-sizing: border-box;}
.uspsHolder .usps .vier {float: left; width: 25%; box-sizing: border-box; position: relative;}
.uspsHolder .usps .vier h4 {margin-bottom: 0;}
.uspsHolder .usps .vier h4 span {display: block; font-size: 13px; font-weight: normal;}
.uspsHolder .usps .vier::before {padding-right: 10px; position: relative; float: left; font-size: 18px; font-family: "Font Awesome 5 Pro";}
.uspsHolder .usps .vier.secure::before {content: "\f023";}
.uspsHolder .usps .vier.shop::before {content: "\f07a";}
.uspsHolder .usps .vier.levertijd::before {content: "\f017";}
.uspsHolder .usps .vier.verzending::before {content: "\f1d8";}
.stap.vier .factuurAfleverHouder.factuurAfleverHouder h3 a:hover, .stap.vier .factuurAfleverHouder.factuurAfleverHouder.factuurAfleverHouder h3 a:hover, .stap.vier .factuurAfleverHouder.factuurAfleverHouder.factuurAfleverHouder.factuurAfleverHouder.factuurAfleverHouder h3 a:hover {color: #666;}
.stap.vier .factuurAfleverHouder.factuurAfleverHouder.factuurAfleverHouder h3 a, .stap.vier .factuurAfleverHouder.factuurAfleverHouder.factuurAfleverHouder.factuurAfleverHouder.factuurAfleverHouder h3 a {color: #aaa;}

/* bouwblokken */
.mijnAccountOrderHolder .item .inhoud .omschrijving, .privacyMelding .inhoud .titel {font-family: "Open Sans", Helvetica, Arial, Sans-Serif;}
.stap .blokholder > .titel {background: #eee; padding: 10px 15px; border-radius: 5px 5px 0 0; margin-bottom: revert-layer;}
.stap .blokholder > .content {padding: 15px; background: #f5f5f5; border-radius: 0 0 5px 5px;}
.stap.twee > .blokholder.algemeneGegevens, .stap.drie .blokholder:first-of-type {float: left;}
.stap.twee > .blokholder {float: right; width: 48%; clear: right;}
.stap.drie .blokholder {width: 48%;}
.nieuws.lijst .bericht .inhoud {border-top: 1px dashed #ddd; padding: 15px 0 0;}
.cookieMelding .inhoud .sluiten {background-color: #64d064;}
.stap .blokholder {background-attachment: revert-layer; background-color: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer; border-radius: revert-layer; padding: revert-layer;}
.stap.drie .regel .inhoud .omschrijving {font-weight: revert-layer;}
.stap.drie .regel .inhoud {margin: revert-layer;}
.FCK5kolTd {vertical-align: revert-layer;}
.FCK3kol, .FCK3kolTdS, .FCK5kol, .FCK5kolTdS {width: revert-layer;}

/* webshop */
#extraSchermWinkelmand .schermWinkelMandje .shopTegel .artikel {width: 25%;}
#tabSerieInhoud .artikel .artikelGewicht, .artikel.detail .artikelGewicht:empty {display: flex;}
#tabSerieInhoud .shopLijst .artikel .inner .col1 {padding-right: 10px; width: 100px;}
#tabSerieInhoud .shopLijst .artikel .inner .col3, #tabSerieInhoud .shopTegel .artikel .voorraad .status .toelichting, #tabSerieInhoud .shopTegel .artikel .voorraad .status .toelichting.negatief, #tabSerieInhoud .shopTegel .artikel .voorraad .status .toelichting.positief {display: table-cell;}
#tabSerieInhoud .shopTegel .artikel .inner {border-width: 1px; padding: 10px;}
#tabSerieInhoud .shopTegel .artikel.artikelSerieActief .inner {border-color: #ccc;}
.artikel .variatie select {margin-bottom: 0;}
.artikel .verlang.aan .image i, .presentatieWijze a i, ul.stappenBalk li.stap.bezig .naam, .presentatieWijze i, .artikel .verlang.aan i, .stappenbalk .klaar a::before, .kassaArtikel .tekst a.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel {font-weight: bold;}
.artikel.detail .bestellen .prijzen {margin: 0.25em 0;}
.artikel.detail .detailinkollommen .links, .artikel.detail .detailinkollommen .rechts {width: 50%;}
.artikel.detail .rechts .bestellen .bestelknop .aantalMinPlus input {margin-right: 0px; width: 40px;}
.blader_tabel1 td, .kenmerkMobielHouder.accordion .filters .kenmerkgroep, .kenmerkMobielHouder.accordion .filters .kenmerkgroepHouder, .kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep, .prijsafspraakLos td {padding: 0;}
.blader_tabel1_n a, .kenmerkMobielHouder .filters .filterBovenkant .alleFiltersWissen a, .kenmerkMobielHouder .filters .filterknop a, .kenmerkMobielHouder .filters .kenmerkgroep a.filterGroepHerstel, .kenmerkMobielHouder.accordion .filters .filterknop a, .kenmerkMobielHouder.slide .filters .kenmerkgroep a.filterGroepHerstel, .relatieItem.detail .website a, a:link.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, a:visited.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, a.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel {color: var(--color1); text-decoration: underline;}
.blader_tabel1_n:hover a, a:hover.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, .shopTegel .artikel .inner .rechtsboven div a:hover {color: #757575;}
.filters .actiefKenmerk a, ul.stappenBalk li.stap a, .shopCategorieHolder a:link, .shopCategorieHolder a:visited, a:link.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel {text-decoration: underline;}
.fotoAlbum .volledigGallery .carousel-cell-groot .verhouding {padding-bottom: 100%;}
.kassaArtikelen .artikel .tekst .formule .formuleVolume > div .wCVarText {display: block; font-weight: bold;}
.kassaArtikelen .artikel .tekst .formule .formuleVolume > div .wCVarTitle, .kenmerkMobielHouder.standaard .filters.open, .shopCompact .artikel .bestellen a.wButBestel.knopMoederArtikel::before, ul.stappenBalk li.stap:first-child::before, .artikel .prijzen .van, .tabsV2 .inhoud > div.actief, .kassaArtikel .artikelPrijsEenheid, .filtersLinks .kenmerkgroep a.titel {display: block;}
.kassaArtikelen .artikel.gratis a.kassaArtikelTitel, .shopSortOptie a.actief, .shopTegel .artikel .inner .rechtsboven div.aan a {color: var(--color1);}
.kassaArtikelen .artikel.nietMeerLeverbaar > td:first-child, .kassaArtikelen .artikel td.verwijderKnop {padding-left: 0;}
.kassaArtikelen .artikel.nietMeerLeverbaar > td:last-child {padding-right: 0;}
.kassaArtikelen .gratisSetKeuzeRegel td {padding-top: 0;}
.kenmerkMobielHouder .filters .kenmerkgroep .prijsFilterHolder .noUi-target {margin-top: 15px;}
.kenmerkMobielHouder .filters .kenmerkgroep .prijsFilterHolder .prijsfilterVelden input {font-size: inherit;}
.kenmerkMobielHouder.accordion .filters, .kenmerkMobielHouder.slide .filters {background: #f3f3f3; border: 1px solid var(--borderColor1); margin: 10px 0; padding: 10px 5px; position: relative;}
.kenmerkMobielHouder.accordion .filters .kenmerkgroep .kenmerken, .filters .kenmerkgroep .kenmerken {z-index: 10;}
.kenmerkMobielHouder.slide .filters .kenmerkgroepHouder .kenmerkgroep.open, :where(html:has(.stappenbalk)) .art-Post-inner, .artikel .afbeelding.afbeelding {position: relative;}
.kenmerkMobielHouder.standaard .filters {border: 1px solid var(--borderColor1); display: block; margin: 10px 0; padding: 10px 5px;}
.meebestellenSelectie .meebestellenSelectieArtikel input[type="checkbox"] {margin: 0 5px 0 0;}
.ordersFilters .filterVeld > select {-moz-appearance: none; -webkit-appearance: none; appearance: none; background: #fff url('data:image/svg+xml;utf8,<svg fill="%23666666" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>') no-repeat right center; border: 1px solid #cccccc; border-radius: 3px; color: #666; font-size: inherit; padding: 8px 25px 8px 10px;}
.presentatieWijze a .titel, ul.stappenBalk li.stap:last-child::after, .presentatieWijze .titel, .shopLijst .artikel .prijsafspraakInLijst, .shopLijst .artikel .kenmerken, .shopTegel .artikel .omschrijving .artikelnr .titel, .shopTegel .artikel .verlang, .shopTegel .artikel .prijsafspraakInLijst, .shopTegel .artikel .artikelBestelEenheid, .shopTegel .artikel .artikelEenheid, .shopTegel .artikel .merk, .shopTegel .artikel .kenmerken, .shopCompact .artikel .prijsafspraakInLijst, .shopCompact .artikel .kenmerken, #winkelmandjeAantal, .kassaArtikel .tekst .artikelnr .titel, .stap.twee .stap2_naw .keuze, :where(html:has(.artikel.detail)) .art-Sheet .art-sidebar1 {display: none;}
.prijsafspraakInLijst .kortTab1, .prijsafspraakLos .kortTab1, .blader_tabel1, .artikel .inner .afbeeldingHouder.afbeeldingHouder.afbeeldingHouder {width: 100%;}
.productCarousel .flickity-button {background: hsla(0, 0%, 100%, 0.75); height: 35px; opacity: 0; width: 35px;}
.productCarousel .flickity-button:hover {background: white;}
.productCarousel .flickity-page-dots {margin: 0; position: absolute;}
.relatieItem.detail .bedrijfsnaam, .artikel .prijzen .prijs.prijs, .kassaArtikel .tekst a.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel {color: #000;}
.relatieItem.detail h2 {font-size: 20px;}
.relatieItem.detail hr {background-color: var(--borderColor1); margin: 20px 0;}
.shopCategorieHolder ol {margin: 0 0 10px;}
.shopCategorieHolder ul {list-style-type: none; margin: 0 0 10px;}
.shopCategorieLijstDiep ul, .kassaArtikel .verwijderKnop, .kassaArtikel .aantallen.aantallen.aantallen {padding-left: 10px;}
.shopCompact .artikel .bestellen a.wButBestel.knopMoederArtikel {width: 17px;}
.shopCompact .artikel h2.titel a {font-size: 12px; font-weight: bold; line-height: 2em; margin: 0;}
.shopLijst .artikel .prijzen .artikelEenheid, .artikel .artikelEenheid, .artikel .artikelBestelEenheid {font-size: 12px; font-weight: normal;}
.shopTegel .artikel .inner .afbeeldingHouder .labels img {height: auto; width: 50px;}
table.lijst tr td.bedrag {text-align: right; white-space: nowrap;}
table.lijst tr th.bedrag, .shopSortOptie2, .kortTab1 .prijsNaKorting {text-align: right;}
ul.stappenBalk {margin: 0 0 30px; padding: 0 0 0 10px;}
ul.stappenBalk li.stap {display: block; padding: 0; position: relative;}
ul.stappenBalk li.stap.klaar::after {border-color: #41ae28;}
ul.stappenBalk li.stap::after {border-top: 2px solid #ddd; content: ""; left: 50%; position: absolute; top: 12px; width: 100%; z-index: -1;}
ul.stappenBalk li.stap::before {content: ""; position: relative; width: 25px;}
.shopSortOptie {text-align: right; border: revert-layer; border-radius: revert-layer; margin: revert-layer; padding: revert-layer;}
.aantalPerPagina select {padding-top: 5px; padding-bottom: 5px;}
.aantalPerPagina span {line-height: 31px; padding-right: 5px;}
.presentatieWijze {display: inline-block; vertical-align: middle; padding: 0; *border: 1px solid #eee; border-radius: 4px; overflow: hidden; background-attachment: revert-layer; background-color: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer; border: revert-layer; box-sizing: revert-layer;}
.presentatieWijze a {padding: 5px; display: inline-block; line-height: 1.5em; color: #666;}
.presentatieWijze a:hover {*background: #eee;}
.shopCategorieHolder .categorie {width: 33.3%; float: left; border: revert-layer; box-sizing: revert-layer;}
.shopCategorieHolder .categorie .inner {position: relative; border: 1px solid var(--borderColor1); margin: 5px; transition: all .3s ease; background-color: #fff; z-index: 0;}
.shopCategorieHolder .categorie .inner:hover, .shopTegel .artikel .inner:hover {box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);}
.shopCategorieHolder .categorie a {z-index: 100; overflow: revert-layer;}
.shopCategorieHolder .categorie .titel {background: #fff; padding: 8px 5px; height: 40px; z-index: -1; text-align: revert-layer;}
.shopCategorieHolder .categorie .titel h2 {color: var(--color1); font-weight: normal; margin-bottom: 10px;}
.artikel .inner {*height: auto !important;}
.artikel .inner .afbeeldingHouder, .artikel .voorraad .status {display: table; border-spacing: 0;}
.artikel .inner .afbeeldingHouder .valign {display: table-cell; text-align: center; vertical-align: middle; width: 100%;}
.artikel .labels {z-index: 55; font-size: revert-layer; line-height: revert-layer;}
.artikel h2.titel a {font-family: arial,helvetica,sans-serif;}
.artikel .artikelnr > .titel {*display: none; padding-right: 0.3em; margin-right: revert-layer;}
.artikel .artikelnr > .nummer, .kassaArtikel .regelTotaal.regelTotaal.regelTotaal {white-space: nowrap;}
.artikel .voorraad, .artikel .extraUitleg, .artikel .prijzen.prijzen.prijzen, .artikel .voorraad.voorraad.voorraad {margin-bottom: 0.25em; margin-top: 0.25em;}
.artikel .voorraad .status .image {display: table-cell; vertical-align: middle; *display: none;}
.artikel .voorraad .status .toelichting {display: table-cell; vertical-align: middle; font-size: 12px; font-weight: bold;}
.artikel .voorraad .status .negatief {color: #fff; background-color: #E10101; border-radius: 5px; padding: 4px 7px; line-height: 1em;}
.artikel .voorraad .status .positief {color: #fff; background-color: #64A43A; border-radius: 5px; padding: 4px 7px; line-height: 1em;}
.artikel .voorraad .getal {background: #d9f7d9; padding: 3px 7px; border-radius: 5px; margin: 5px 0; display: inline-block;}
.artikel .prijzen {margin: 0.25em 0; font-weight: normal; color: #000; font-size: 18px; font-family: "Lato",arial,helvetica,sans-serif;}
.artikel .prijzen .valuta {padding-right: 0em; font-family: "Lato", Helvetica,Arial,sans-serif;}
.artikel .prijzen .prijs {font-family: "Open Sans","Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 17px;}
.artikel .prijzen .vanaf {font-size: 12px;}
.artikel .btwinfo {font-size: 10px; font-weight: normal;}
.artikel .exBtwToelichting, .artikel .btwinfo.btwinfo.btwinfo, .artikel .btwinfo.btwinfo.btwinfo.btwinfo {font-size: 10px;}
.artikel .bestellen, .artikel .bestellen.bestellen.bestellen {z-index: 2;}
.artikel .bestellen .variatie select {width: 100%; margin-bottom: 0.25em;}
.artikel .bestellen .bestelknop input {width: 24px; margin-right: revert-layer;}
.artikel .verlang {clear: both; font-size: 12px;}
.artikel .verlang .image img {position: relative; top: 2px;}
.artikel .project, .shopVerlanglijstTekst .titel, .shopVerlanglijstEmailAdd .titel {background-attachment: scroll; background-image: none; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto;}
.artikel #extraVrachtkosten {display: inline-block; padding: 5px 10px; margin: 0.5em 0; background-color: #eee; border-radius: 5px;}
.artikel #extraVrachtkosten a, .artikel h2.titel.titel.titel.titel a, .winkelmandjeKnoppen a.knop.knop.knop.knop.knop, h3 a:hover.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, h3 a:visited.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, h3 a.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, .artikel h2.titel.titel.titel.titel.titel.titel a {text-decoration: none;}
.shopLijst .artikel {background-attachment: scroll; background-image: none; background-position-x: 0; background-position-y: 0; background-repeat: repeat; background-size: auto; border-color: #ccc; margin-bottom: 5px; border-radius: revert-layer; padding: revert-layer; position: revert-layer;}
.shopLijst .artikel > a {display: none; z-index: 0;}
.shopLijst .artikel .inner {width: 100%; border-spacing: 5px;}
.shopLijst .artikel .inner .col1 {display: table-cell; vertical-align: top; width: 100px; padding-right: 10px; border-right: 1px solid #ccc;}
.shopLijst .artikel .inner .col2 {display: table-cell; vertical-align: top; width: auto; padding: 0 0px 0 10px;}
.shopLijst .artikel .inner .col3 {display: table-cell; vertical-align: top; width: 140px; padding-left: 0px;}
.shopLijst .artikel .afbeeldingHouder {height: 90px;}
.shopLijst .artikel .omschrijving h2.titel a {font-size: 16px; font-weight: normal; font-family: "Lato",arial,helvetica,sans-serif;}
.shopLijst .artikel .omschrijving .artikelnr {font-size: 11px; font-weight: revert-layer;}
.shopLijst .artikel .prijzen {font-size: 14px; width: revert-layer;}
.shopLijst .artikel .bestellen {padding: 10px; margin: revert-layer;}
.shopTegel .artikel {display: block; width: 25%; float: left;}
.shopTegel .artikel:nth-of-type(4n+1), .filters #actieveKenmerken {clear: both;}
.shopTegel .artikel .inner {border-color: #ccc; padding: 10px; margin: 5px; background-attachment: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer; box-sizing: revert-layer; display: revert-layer; flex-direction: revert-layer; height: revert-layer; width: revert-layer;}
.shopTegel .artikel .inner > a, .shopCompact .artikel > a {z-index: 0;}
.shopTegel .artikel .afbeeldingHouder {height: 150px;}
.shopTegel .artikel .afbeeldingHouder img {max-width: 120px;}
.shopTegel .artikel .afbeeldingHouder .labels img {width: 50px; height: auto;}
.shopTegel .artikel .omschrijving {border-top: 1px solid #eee; margin: 5px 0 10px; padding: 5px 0 0;}
.shopTegel .artikel .omschrijving h2.titel a {font-size: 13px; height: 2.5em; overflow: hidden; display: block; margin-bottom: 0.25em; color: #555; font-weight: bold;}
.shopTegel .artikel .omschrijving .artikelnr {color: #7f7f7f; font-size: 10px; font-weight: bold;}
.shopTegel .artikel .prijzen {font-size: 14px; display: inline-block;}
.shopTegel .artikel .prijzen .prijs {color: #000; font-size: 14px;}
.shopTegel .artikel .bestellen {display: block; float: none; margin: revert-layer;}
.shopTegel .artikel .bestellen .bestelknop input {width: 24px; display: none; margin: revert-layer;}
.shopTegel .artikel .opDeHoogteHoudenKnop {font-family: "Open Sans", Helvetica, Arial, Sans-Serif;}
.shopCompact .artikel {background-attachment: scroll; background-image: none; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; padding: revert-layer;}
.shopCompact .artikel:hover {background-color: #fff; z-index: 1;}
.shopCompact .artikel 		.details {position: relative; max-height: 0; opacity: 0; transition: all .5s ease; margin: 0; overflow: hidden;}
.shopCompact .artikel .inner {display: table; width: 100%; border-spacing: 5px; table-layout: fixed;}
.shopCompact .artikel .inner .col1 {display: table-cell; vertical-align: top; padding: 0 10px 0 0; width: 90px;}
.shopCompact .artikel .inner .col2 {display: table-cell; vertical-align: top; padding: 0 10px 0 0; width: auto;}
.shopCompact .artikel .inner .col3 {display: table-cell; vertical-align: top; padding: 0 10px 0 0; width: 105px; white-space: nowrap;}
.shopCompact .artikel .inner .col4 {display: table-cell; vertical-align: top; width: 55px; padding: 0 0 0 10px;}
.shopCompact .artikel .afbeeldingHouder {display: block; border: 3px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,.2); position: relative; float: right; margin-bottom: 10px; margin-left: 10px; margin-top: 10px; min-width: revert-layer;}
.shopCompact h2.titel a {font-size: 12px; margin: 0; line-height: 2em;}
.shopCompact .artikel .prijzen {font-size: 14px; margin: 0; line-height: revert-layer;}
.shopCompact .artikel .prijzen .prijs {font-size: 14px !important;}
.shopCompact .artikel .bestellen input {height: auto; line-height: 1em; padding: 4px; width: 22px; margin-top: 0; margin-bottom: 0; margin-left: 0; float: left;}
.shopCompact .artikel .bestellen a.wButBestel {height: 19px; overflow: hidden; padding: 2px; text-indent: 9999px; width: 17px; border: 0;}
.shopCompact .artikel .bestellen a.wButBestel:before {content: "+"; display: block; margin-bottom: 5px; text-indent: 0; text-align: center; font-size: 18px; font-weight: bold; line-height: 1em;}
.shopCompact .artikel .artikelEenheid {float: right;}
.artikel.detail {padding-top: 20px;}
.artikel.detail .links {float: left; width: 50%;}
.artikel.detail .links  .afbeelding, .shopCompact .artikel.artikel.artikel {background-color: #fff;}
.artikel.detail .prijzen .van {display: contents;}
.artikel.detail .rechts {box-sizing: border-box; float: left; padding-left: 20px; width: 50%;}
.artikel.detail .artikelTabs {clear: both; margin-top: 20px;}
.artikel.detail h1 {color: var(--color1); font-family: "Lato","Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 19px;}
.artikel.detail .rechts .bestellen {padding: 10px 0px;}
.artikel.detail .bestelknop {position: relative; border-spacing: 0;}
.artikel.detail .bestellen .bestelknop input {display: table-cell; border-top-right-radius: 0px; border-bottom-right-radius: 0px; height: 38px; position: relative; margin: 0px;}
.artikel.detail .bestellen .bestelknop .wButBestel {font-size: 14px; display: table-cell; vertical-align: middle; border-radius: 0px 3px 3px 0px; padding: 8px 20px; text-align: center; transition: .3s all ease;}
.artikel.detail .rechts .omschrijving .artikelnr {font-size: 10px; font-weight: normal; margin-top: 5px;}
.artikel.detail .gekoppeldeCategorie li {display: inline-block; margin-top: 0; margin-right: 10px; margin-bottom: 0; background: none;}
.artikel.detail .gekoppeldeCategorie li a {text-transform: capitalize;}
.artikel.detail .gekoppeldeCategorie li:last-of-type::after {content: ".";}
.artikel.detail .gekoppeldeCategorie h3 {font-size: 19px;}
.thumbnailGallery .carousel-cell.is-selected img, .thumbnailGallery .carousel-cell-yt.is-selected img {border-color: #365376;}
.winkelmandje1 {padding: 2px;}
.winkelmandje2 {padding: 2px; border-bottom: 1px solid #666666; font-family: Arial,Helvetica,Sans-Serif; font-size: 16px; font-weight: bold; line-height: 30px;}
.winkelmandje4 {font-size: 15px; font-weight: bold; padding: 10px; text-align: right;}
.winkelmandje10, .kassaArtikelen {padding: 1px;}
.winkelmandje11 {width: 20px; vertical-align: top; font-size: 10px; padding-top: 2px; padding-left: 4px;}
.winkelmandje12 {width: 10px; vertical-align: top; font-size: 10px; padding-top: 2px;}
.winkelmandje13 {vertical-align: top; font-size: 10px; padding-top: 2px;}
.winkelmandje14 {width: 60px; font-size: 10px; padding-top: 2px; vertical-align: top; text-align: right;}
.winkelmandje15 {padding-left: 8px; padding-top: 8px; vertical-align: top; width: 17px;}
.shopNavigatie {height: 30px;}
.winkelmandje21, .winkelmandje22 {background-image: url('images/tabeltitel2.jpg'); font-weight: bold; height: 26px;}
.tabsV2 .titels > div {padding: 10px 20px;}
.tabsV2 .inhoud {border: 1px solid #eee; padding: 20px;}
.mijnAccountOrderHolder .item .artikelen {margin: auto 0 auto auto;}
.mijnAccountOrderHolder .item .artikelen .afbeeldingHouder {margin-bottom: 5px; margin-top: 5px;}
.mijnAccountOrderHolder .item .artikelen .afbeeldingHouder.plusje .meeraantal {background-color: #365276;}
.mijnAccountOrderHolder.detail .omschrijving .titel {color: #365376;}
.mijnAccountOrderHolder.detail .omschrijving .knoppen a {margin-left: 5px;}
.prijsafspraakLos {border: 1px solid #ddd; padding: 5px; margin: 10px 0 5px; background: #eee;}
.shopCategorieLijstDiep .tweeKolommen .kolomA, .shopCategorieLijstDiep .tweeKolommen .kolomB {width: 45%;}
.opmerkingVeld {width: 240px; height: 30px; font-size: 11px; border: 1px solid #BFBFBF;}
.stappenbalk li {background: none !important;}
.stappenKnop {margin-top: 10px;}
.stappenKnop a.volgendeStap {width: 100%; box-sizing: border-box; font-size: 15px;}
.stap .kassaArtikelen {margin-bottom: 20px; border-bottom: 2px solid #ddd;}
.kassaArtikelen th {font-size: 90%; *color: #000; border-bottom-width: 2px;}
.kassaArtikel .regelTotaal {max-width: 100px;}
.kassaArtikel .regelTotaal .prijs {font-size: 14px; line-height: 1.4em;}
.kassaArtikel .aantallen input {width: 54px;}
.kassaArtikel .aantallen .eenheid, .kassaArtikel .tekst .variatie .eenheid, .kassaArtikelen .kassaArtikel .regelVolgorde .eenheid {display: block; margin: 0 0 5px;}
.kassaArtikel .aantallen .verwijderen:hover a, .kassaArtikel .aantallen .verwijderen:hover.verwijderen.verwijderen a, .kassaArtikel .aantallen .verwijderen:hover.verwijderen.verwijderen.verwijderen a {color: #666;}
.kassaArtikel .tekst a.kassaArtikelTitel {font-size: 110%; display: block; line-height: 1.25em;}
.kassaArtikel .tekst .artikelnr {text-transform: uppercase;}
.kassaArtikel.gratis, .kassaArtikel.gratis a.kassaArtikelTitel {color: #41ae28;}
.kassaArtikel.gratis input {border: 0;}
.kassaArtikelen .kassaArtikel .tekst .nietMeerLeverbaar {color: #d55929; border-radius: 3px; line-height: normal; padding: 5px 10px; display: inline-block; background-color: rgba(213, 89, 41, .1);}
.kassaArtikel .tekst .opmerkingHolder {margin: 5px 0;}
.kassaArtikel .tekst .variatie {line-height: 1.5em; font-size: 12px; margin: 10px 0px; background: #eee; display: inline-block; padding: 15px; border-radius: 3px; min-width: 150px;}
.kassaArtikel .tekst .variatie .titel {font-weight: bold; color: #000; display: block;}
.kassaArtikel .tekst .variatie .eenheid:last-child {margin: 0;}
.kassaArtikel .kortingsbon .titel {margin-top: 7px; display: inline-block;}
.kassaArtikelen .kassaArtikel .regelVolgorde input {width: 54px; text-align: center;}
.kassaArtikelen .kassaArtikel .regelVolgorde .aantalVolgorde {display: flex; background: #ddd; width: 90px; margin: 0 auto;}
.kassaArtikelen .kassaArtikel .regelVolgorde .aantalVolgorde > * {width: 33.333% !important; padding: 5px !important; box-sizing: border-box !important; margin: 0 !important; line-height: 1; display: flex; border-radius: 0 !important; transition: .3s all ease; color: #000; border-color: #ddd !important;}
.kassaArtikelen .kassaArtikel .regelVolgorde .aantalVolgorde .down:hover, .kassaArtikelen .kassaArtikel .regelVolgorde .aantalVolgorde .up:hover {cursor: pointer; background: #d0d0d0;}
.kassaArtikelen .kassaArtikel .regelVolgorde .aantalVolgorde > * > i {margin: auto;}
.stap .totalen .stappenKnop {padding: 0px; background: none; border: 0;}
.stap.twee .stap2_bestaandeKlant {background-color: #f5f5f5; border-radius: 3px; margin-bottom: 10px; margin-top: 10px; float: none !important; width: 100% !important;}
.stap.twee .stap2_bestaandeKlant .uitleg {float: left; width: 47%; position: relative; padding-top: 10px; margin-right: 0;}
#stap2_factuuruitklap, #stap2_bewaaraccount {float: right; width: 48%; clear: right;}
.stap.drie .regel .label {float: right; padding: 10px; line-height: revert-layer; margin: revert-layer; max-width: revert-layer; min-width: revert-layer;}
.shopVerlanglijstEmailAdd .titel span, .shopVerlanglijstTekst .titel span {font-size: 16px; color: #999; font-weight: bold; padding-right: 3px;}
.winkelmandjeKnoppen {display: inline-block;}
.winkelmandjeKnoppen a.knop {text-shadow: none; border-color: var(--color1);}
.speedSearch.artikelen {border-top: 1px solid #dfdfdf;}
.speedSearch.artikelen ul {max-height: 500px; overflow: scroll;}
.speedSearch ul li .thumbnail {float: right; height: 50px; width: 50px; margin-left: 10px; text-align: center; overflow: hidden;}
.speedSearch ul li .thumbnail img {width: auto; height: 50px; border-radius: 3px;}
.speedSearch ul li .artikelNr {line-height: 1.5em;}
.speedSearch .categorie {color: #aaa; font-style: italic; line-height: 1.5em;}
.speedSearch .categorie .titel {float: left; margin-right: 5px;}
.speedSearch .categorie ul {margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.speedSearch .categorie ul li {display: inline-block; margin: 0 0.5em 0 0;}
.speedSearch .categorie ul li::after {content: ", ";}
.speedSearch .categorie ul li:last-child::after {content: "";}
.filters {padding: 10px 5px; background: #f3f3f3; display: block; position: relative; margin: 10px 0; border-color: var(--borderColor1);}
.filters .kenmerkgroep {padding: 0; float: left; margin: 5px; display: inline-block;}
.filters .kenmerkgroep a.titel {border-bottom: 1px solid var(--borderColor1); display: inline-block; font-weight: bold; margin-bottom: 5px; padding: 2px 0 5px; pointer-events: none;}
.filters .kenmerkgroep a.titel img, .filters .kenmerkAfbeelding {position: relative; top: 3px; margin-right: 3px; opacity: .5;}
.filters ul.kenmerken {padding: 0; margin: 0; list-style: none;}
.filters .filterCheck label {padding: 2px; display: block;}
.filters .filterCheck label .aantal {background-color: #eee; border-radius: 10px; *color: #fff; display: inline-block; font-size: 11px; font-weight: bold; line-height: 1; margin-top: 2px; min-width: 10px; padding: 3px 6px; text-align: center; vertical-align: baseline; white-space: nowrap; float: right;}
.filters .toelichting {float: left; margin-left: 5px;}
.filters .toelichting h2 {font-size: 15px;}
.filters .beschikbaar {float: left; margin-left: 20px; position: relative;}
.filters a.wButFilter {position: relative; float: right; font-weight: bold; padding: 5px 10px; border-radius: 6px; border: 0px solid #ccc; box-shadow: 0 1px 5px rgba(0,0,0,.0); transition: all .2s ease; margin: 5px; text-decoration: none; background: #2DBA43; color: #fff;}
.filters .glow {animation: glow 0.4s alternate; animation-iteration-count: 2; -webkit-animation: glow 0.4s alternate; -webkit-animation-iteration-count: 2;}
.filters .actieveKenmerkenLijst {padding-left: 5px; padding-right: 5px;}
.filters .actiefKenmerk {background-color: #fff; padding: 3px 8px; float: left; margin-top: 5px; margin-right: 10px; border-radius: 4px;}
.filters .actiefKenmerk img {top: 1px; margin-left: 5px;}
.filtersLinks .kenmerkgroep {display: block; float: none;}
.prijsFilterHolder .prijsfilterKnop, .prijsFilterHolder .noUi-target .noUi-base .noUi-connect {background-color: #365376;}
table.lijst .bedrag {text-align: right; padding-right: 30px;}
.winkelmandje3 {background: #ffffff 0 0; border-bottom: 1px solid #e7e7e7; padding: 20px;}
.winkelmandjeLeeg {background-attachment: scroll; background-image: none; background-position-x: 0; background-position-y: 0; background-repeat: repeat; background-size: auto; border-bottom-color: #e7e7e7;}
.artikelTabs table table {max-width: 100%; width: 100% !important;}
.artikelTabs table table td {border-bottom: 1px solid #eeeeee !important; height: auto !important; padding: 3px 0; width: auto !important;}
.bedragExclusiefRelatie span.relatieBtwPrijs {width: 110px;}
.kassaArtikel td.regelStuk .prijzen {text-align: left; padding-left: 120px; box-sizing: border-box;}
.formulier .checkboxes .label {float: left; padding-right: 10px; width: 120px;}
#aantal {background: var(--color1);}
:where(html:has(.stappenbalk)) .art-sidebar1, :where(html:has(.stappenbalk)) .art-sidebar2, :where(html:has(.stappenbalk)) .breadcrumbs {display: none !important;}
:where(html:has(.stappenbalk)) .art-content, :where(html:has(.artikel.detail)) .art-Sheet .art-content {width: 100% !important;}
.shopTegel .artikel .bestellen .bestelknop a.wButBestel {text-align: revert-layer; width: revert-layer;}
.artikel .aantalMinPlus > * {background-attachment: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer; display: revert-layer; margin-bottom: revert-layer; margin-left: revert-layer; margin-top: revert-layer;}
.artikel .aantalMinPlus > input:focus {border-bottom: 1px solid var(--color1); border-top: 1px solid var(--color1);}
.shopTegel .artikel .bestellen .bestelknop input:focus, .presentatieWijze select:focus {border-color: var(--color1);}
.artikel .aantalMinPlus input {min-width: revert-layer;}
.artikel.detail .bestellen .bestelknop.bestelknop.bestelknop input {width: 40px !important;}
.shopTegel .artikel .inner .rechtsboven div a {background-attachment: revert-layer; background-color: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer; border-radius: revert-layer; display: revert-layer; padding: revert-layer; color: var(--color1);}
.winkelmandjeKnoppen a.knop.knop.knop.knop.knop.knop {background-color: var(--color1); color: #FFFFFF;}
.shopCompact .artikel:first-child {border-top: revert-layer;}
.shopCompact .artikel a.link {bottom: revert-layer; display: revert-layer; left: revert-layer; position: revert-layer; right: revert-layer; text-indent: revert-layer; top: revert-layer;}
.shopCategorieHolder .categorie:hover {box-shadow: revert-layer;}
.shopCompact .artikel.artikel.artikel > a {display: none; bottom: 0; left: 0; position: absolute; right: 0; text-indent: -9999px; top: 0;}
.shopLijst .artikel .detailKnop, .shopTegel .artikel .inner > a.link, .artikel .bestellen .bestelknop, .bladerBoven, .kassaArtikelen .artikel .verwijderKnop:empty, .shopCompact .artikel .btwinfo, .shopCompact .artikel .merk, .shopCompact .artikel .omschrijving .voorraad, .shopLijst .artikel .prijzen .voor {display: revert-layer;}
.kassaArtikelen .artikel .tekst a.kassaArtikelTitel {font-weight: revert-layer;}
.stappenKnop a.volgendeStap.volgendeStap.volgendeStap {padding: 10px;}
.shopLijst .artikel:hover {z-index: revert-layer;}
.shopTegel .artikel .omschrijving h2.titel {-webkit-box-orient: revert-layer; -webkit-line-clamp: revert-layer; display: revert-layer; overflow: revert-layer;}
.artikel .labels .label {background-color: revert-layer; border-radius: revert-layer; margin: revert-layer; padding: revert-layer;}
.presentatieWijze select {border: 1px solid #cccccc;}
.artikel.detail .gekoppeldeCategorie, .kassaArtikelen .artikel:last-child td {border-bottom: revert-layer;}
.artikel .afbeeldingHouder img {bottom: revert-layer; left: revert-layer; margin: revert-layer; max-height: revert-layer; object-fit: revert-layer; position: revert-layer; right: revert-layer; top: revert-layer;}
.kassaArtikelen .artikel .kassaArtikelAfbeeldingHolder .afbeeldingHouder img {bottom: revert-layer; height: revert-layer !important; left: revert-layer; margin: revert-layer; max-height: revert-layer; max-width: revert-layer; position: revert-layer; right: revert-layer; top: revert-layer; width: revert-layer !important;}
.artikel .artikelnr {color: revert-layer; font-size: revert-layer;}
.artikel .relatieBtwPrijs {color: revert-layer; font-size: revert-layer; font-weight: revert-layer; line-height: revert-layer; white-space: revert-layer;}
.shopLijst .artikel .prijzen .btwinfo {color: revert-layer; display: revert-layer; line-height: revert-layer; white-space: revert-layer;}
.shopCategorieHolder, .shopTegel {gap: revert-layer; display: revert-layer; grid-template-columns: revert-layer;}
.artikel .afbeeldingHouder .verhouding, .kassaArtikelen .artikel .kassaArtikelAfbeeldingHolder .afbeeldingHouder .verhouding {display: revert-layer; padding-bottom: revert-layer;}
.shopLijst .artikel .inner .inhoud {display: revert-layer; width: revert-layer;}
.kassainkollommen > .links {flex: revert-layer;}
.artikel .prijzen .voor.voor.voor {font-size: 120%;}
.kassaArtikelen .aantallen .verwijderen, .shopLijst .artikel .prijzen .van {font-size: revert-layer;}
.shopLijst .artikel .meerinfo {font-size: revert-layer; line-height: revert-layer;}
.stap.drie .regel .bedrag {font-weight: revert-layer; margin: revert-layer;}
.kassaArtikelen .artikel .tekst {hyphens: revert-layer; vertical-align: revert-layer;}
.kassaArtikelen .artikel {line-height: revert-layer;}
.artikel .aantalMinPlus > * > i, .kassainkollommen .knoppenHouder, .shopCompact .artikel .artikelnr, .shopCompact .artikel .omschrijving, .shopLijst .artikel .omschrijving {margin: revert-layer;}
.shopCompact .artikel .bestellen {margin: revert-layer; min-width: revert-layer; width: revert-layer;}
.shopTegel .artikel .inner .afbeeldingHouder {margin: revert-layer; position: revert-layer;}
.artikel .exBtwToelichting.exBtwToelichting.exBtwToelichting {margin-left: 4px;}
.artikel .voorraad .getal .opVoorraad, .kassaArtikelen .artikel .tekst .voorraad .opVoorraad {margin-left: revert-layer;}
.kassainkollommen > .rechts {margin-left: revert-layer; width: revert-layer;}
.shopLijst .artikel .inner .afbeeldingHouder {margin-right: revert-layer;}
.kassaArtikelen .artikel .tekst .meerinfo, .shopTegel .artikel .meerinfo {margin-top: revert-layer;}
.volledigGallery .carousel-cell-groot img {object-fit: revert-layer;}
.kassaArtikelen .artikel td {padding-bottom: 0; padding-left: 0; padding-top: 0;}
.shopTegel .artikel .inner .rechtsboven div .image {padding-bottom: revert-layer; padding-left: revert-layer; padding-top: revert-layer;}
.kassaArtikel.kassaArtikel.kassaArtikel td {padding-left: 0; padding-bottom: 10px; padding-top: 10px;}
.kassaArtikel .aantallen.aantallen {padding-right: 10px;}
.artikel .afbeeldingHouder {position: revert-layer; width: revert-layer;}
.kassaArtikelen .artikel .kassaArtikelAfbeeldingHolder .afbeeldingHouder {position: revert-layer;}
.kassaArtikelen .regelStuk.regelStuk.regelStuk, .kassaArtikelen .regelStuk.regelStuk {text-align: center;}
.kassaArtikelen .artikel .kassaArtikelAfbeeldingHolder {text-align: revert-layer; vertical-align: revert-layer;}
.kassaArtikelen .artikel td.aantallen {vertical-align: revert-layer;}
.kassaArtikelen .artikel td.regelStuk, .kassaArtikelen .artikel td.regelTotaal {vertical-align: revert-layer; white-space: revert-layer;}
.stap .totalen .totaalGewicht {white-space: revert-layer;}
.shopCompact .artikel .afbeeldingHouder .labels img, .shopLijst .artikel .afbeeldingHouder .labels img {width: 50px !important;}
.stap.drie .regel .label img {width: revert-layer;}
.artikel.detail .gekoppeldeCategorie li::before {content: revert-layer; font-family: revert-layer; font-weight: revert-layer; margin: revert-layer;}
.shopCompact .artikel .bestellen.bestellen input {margin-right: 0;}
.artikel.detail .gekoppeldeCategorie.gekoppeldeCategorie li a:hover, .artikel.detail .gekoppeldeCategorie.gekoppeldeCategorie.gekoppeldeCategorie li a:hover, .artikel.detail .gekoppeldeCategorie.gekoppeldeCategorie.gekoppeldeCategorie.gekoppeldeCategorie.gekoppeldeCategorie li a:hover {color: #909090;}
.kassaArtikel .tekst a.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, .kassaArtikel .tekst a.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel {color: #000; text-decoration: none;}
.shopTegel .artikel .omschrijving h2.titel.titel a, .shopTegel .artikel .omschrijving h2.titel.titel.titel a, .shopTegel .artikel .omschrijving h2.titel.titel.titel.titel a, .shopTegel .artikel .omschrijving h2.titel.titel.titel.titel.titel a {color: #555;}
.stappenbalk .klaar.klaar.klaar.klaar.klaar a, .stappenbalk .klaar.klaar.klaar.klaar.klaar.klaar.klaar a {color: inherit; text-decoration: none;}
a:hover.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel {color: #757575; text-decoration: none;}
h1 a:hover.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, h1 a:link.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, h2 a:link.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, h1 a:visited.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, h1 a:hover.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, h2 a:hover.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel {color: #000000;}
h2 a:hover.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, h2 a:visited.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, h2 a.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel.kassaArtikelTitel, .artikel.detail .gekoppeldeCategorie.gekoppeldeCategorie.gekoppeldeCategorie.gekoppeldeCategorie.gekoppeldeCategorie li a {color: #000000; text-decoration: none;}
.artikel.detail .gekoppeldeCategorie.gekoppeldeCategorie.gekoppeldeCategorie li a {text-decoration: none; color: #000000;}
.kassaArtikel:last-child.kassaArtikel.kassaArtikel td {border-bottom: 0;}
.shopCategorieHolder .categorie .titel.titel.titel.titel h2, .shopTegel .artikel .prijzen .prijs.prijs.prijs {font-size: 14px;}
.kassaArtikel .kassaArtikelAfbeeldingHolder .afbeeldingHouder.afbeeldingHouder.afbeeldingHouder img {height: auto !important; width: auto !important;}
.kassaArtikel .tekst.tekst.tekst {hyphens: auto; vertical-align: middle;}
.artikel.detail .gekoppeldeCategorie.gekoppeldeCategorie li {margin-bottom: 0; margin-right: 10px; margin-top: 0;}
.shopCompact .artikel .prijzen.prijzen.prijzen {margin-bottom: 0; margin-top: 0;}
.kassaArtikel .tekst .voorraad .opVoorraad.opVoorraad.opVoorraad {margin-left: .25em;}
.kassaArtikel .kassaArtikelAfbeeldingHolder.kassaArtikelAfbeeldingHolder.kassaArtikelAfbeeldingHolder {text-align: center; vertical-align: middle;}
.stappenbalk .klaar.klaar.klaar.klaar.klaar.klaar a {color: inherit;}
.winkelmandjeKnoppen a.knop.knop.knop.knop.knop.knop.knop {color: #FFFFFF; text-decoration: none;}
.winkelmandjeKnoppen a.knop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop {color: #FFFFFF;}

/* footer */
.pageFooterKnoppenHolder .pageFooterKnoppen {box-sizing: border-box; margin: 0 auto; max-width: 1200px; padding: 20px;}
.pageFooterKnoppenHolder .pageFooterKnoppen .extramenu a {color: #bfbfbf; text-decoration: underline;}
.sitemap1ul li li li li  li, .sitemap1ul li li li li	li {list-style: disc inside;}
.art-page-footer {font-family: Arial; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: normal; margin: 1em; text-align: center; text-decoration: none; color: #1862EC;}
.art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover {font-family: Arial; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: normal; text-decoration: underline; color: #828282;}
.copyright {color: #848484; display: block;}
.pageFooterHolder {background-color: #474747;}
.pageFooter {position: relative;}
.pageFooter h2 {font-size: 18px; font-weight: normal; text-align: left;}
.pageFooter a, .pageFooter.pageFooter.pageFooter.pageFooter.pageFooter a:link, .pageFooter.pageFooter.pageFooter.pageFooter.pageFooter a:visited, .pageFooter.pageFooter.pageFooter.pageFooter.pageFooter.pageFooter.pageFooter a:link, .pageFooter.pageFooter.pageFooter.pageFooter.pageFooter.pageFooter.pageFooter a:visited {color: #bfbfbf; text-decoration: none;}
.pageFooter a:hover, .sitemap1ul li li li a, .pageFooter.pageFooter.pageFooter.pageFooter.pageFooter a:hover, .sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul li li li a, .pageFooter.pageFooter.pageFooter.pageFooter.pageFooter.pageFooter a:hover, .sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul li li li a, .sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul li li li a {color: #777;}
.pageFooterKnoppen {max-width: 1200px; box-sizing: border-box; padding: 20px; margin: 0 auto; border-top: 1px solid #5b5b5b;}
.pageFooterKnoppen a {color: #bfbfbf !important;}
.sitemap1ul li {float: left; margin-right: 10px; padding-bottom: 0; padding-left: 0; padding-right: 0; font-size: 14px; border-right: 1px dashed #ccc; width: 160px;}
.sitemap1ul li li {font-size: 11px; list-style-position: inside; border: 0; padding-top: 0; line-height: revert-layer; margin-bottom: 0.2em; margin-top: 0.2em;}
.sitemap1ul li li li {font-size: 10px; list-style-position: inside;}
.sitemap1ul li li li li {list-style-position: inside;}
.sitemap1ul ul {margin-left: .5em;}
.sitemap1ul li li a:hover {color: #757575;}
.sitemap1ul li li a:link, .sitemap1ul li li a:visited, .sitemap1ul li li a {color: var(--color1);}
.sitemap1ul > li {box-sizing: revert-layer;}
.sitemap1ul > li:nth-of-type(4n+1) {clear: revert-layer;}
.pageFooter.pageFooter.pageFooter {color: #bfbfbf;}
.pageFooter.pageFooter.pageFooter.pageFooter.pageFooter.pageFooter a {text-decoration: none; color: #bfbfbf;}
.pageFooter.pageFooter.pageFooter.pageFooter.pageFooter.pageFooter h2 {font-size: 18px;}
.sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul li {margin-right: 10px;}

/* overig */
#extraSchermWinkelmand .schermWinkelMandje .melding .meeBestellenTekst p {margin: 0 0 10px;}
.Gv3 .Gv3Thumb {margin: 10px; position: relative;}
.Gv3 .Gv3Thumb a, .nieuws.widget .bericht .nieuwstitel a, .relatieOpties > div a, .stap.twee .tekstNieuwAdres a {color: var(--color1); text-decoration: underline;}
.algemeneZoekResultaat ul, .uploadHolder ul {list-style-type: none; margin: 0 0 10px; padding: 0 0 0 10px;}
.algemeneZoekResultaat ul li, .tooltip.btwGrondslag .btwGrondslagTabel td, .tooltip.btwGrondslag .btwGrondslagTabel th, .verkopersModuleLijst tr td {padding: 0;}
.bannerHouder .banner p {margin-bottom: 10px;}
.bannerHouder a, .faqHolder.actief .titel a, .relatieZoek .wissen a, .speedSearch ul li a	strong, .nieuws.lijst .bericht:hover .nieuwsboven .pijl, .nieuws.lijst .bericht:hover::after {color: var(--color1);}
.dropdown ul li	a {color: var(--color1); background-attachment: scroll; background-image: none; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; padding: 4px 12px; clear: both;}
.dropdown ul li.active {border-bottom: 1px solid #eee;}
.dropdown.openGeklapt .keuze {border-radius: 3px;}
.dropdown.openGeklapt ul, .speedSearch ul, .dropdown ul, .nieuws.widget .bericht > a {z-index: 100;}
.faqHolder .titel a, .klantoordeel > a {text-decoration: underline;}
.gMapsPopup .bedrijfsnaam {color: #000; font-weight: bold;}
.gbBericht .gbHeader {font-size: 14px; margin: 0 0 5px; padding: 0 0 5px;}
.gbBericht .gbNaam, .verkopersModuleLijst .bedrijfsnaam, .stap.drie .regel > .omschrijving, .faq_bericht_titel a:link, .faq_bericht_titel a:visited, .faq_bericht_titel a:hover, .faq_bericht_titel a.hover, #faq_bericht_titel_active, button.primary {font-weight: bold;}
.gbBericht .gbdatum {display: block; font-size: 13px;}
.leverdagSelectie .dropdown .keuze, .variatieKeuzePopup .dropdown .keuze, .mijnAccountOrderHolder .item a.link {display: block;}
.leverdagSelectie .dropdown ul {box-shadow: 0 1px 3px rgba(0,0,0,.2); list-style: none; margin: 0; max-height: 0em; overflow: hidden; padding: 0; position: absolute;}
.leverdagSelectie .dropdown ul li, .variatieKeuzePopup .dropdown ul li {border-bottom: 1px solid #eee; margin: 0;}
.leverdagSelectie .dropdown ul li a {padding: 4px 12px;}
.leverdagSelectie .dropdown ul li a:hover, .variatieKeuzePopup .dropdown ul li a:hover {background-color: #eee;}
.leverdagSelectie .dropdown ul li.active a, .dropdown ul li.active a {background-color: #106cad; color: #fff;}
.leverdagSelectie .dropdown.openGeklapt ul {display: block; margin: 0 0 1em; max-height: 20em; overflow: scroll; padding: 0;}
.nieuwAdres.postcodechecker .postPlaats .plaats:only-child, .postPlaats .plaats:only-child {width: 70%;}
.nieuwAdres.postcodechecker .straat .straatnaam:only-child {margin-right: 0; width: 100%;}
.nieuws.lijst .bericht .datum {font-size: 14px;}
.nieuws.widget .bericht .aankeilerafb:empty, .gbdatum > span:last-child::after, .nieuws.lijst .bericht.actief .pijl, .nieuws.lijst .bericht.actief .aankeiler, .nieuws.widget .bericht .aankeilerafb {display: none;}
.productCarrousel li {margin: 0.2em 0; background: #fff; border: 1px solid var(--borderColor1); padding: 0 !important;}
.relatieItem .bedrijfsnaam, .resCategorieen ul li.actief.actief.actief.actief a, .resCategorieen ul li.actief.actief.actief.actief.actief a, .resCategorieen ul li.actief.actief.actief.actief.actief.actief a {color: #000;}
.straat .straatnaam:only-child {margin-right: 10px; width: 70%;}
.variatieKeuzePopup .dropdown {cursor: pointer;}
.variatieKeuzePopup .dropdown ul {border-radius: 0 0 3px 3px; box-shadow: 0 1px 3px rgba(0,0,0,.2); max-height: 0em; overflow: hidden; position: absolute;}
.variatieKeuzePopup .dropdown ul li a {background-color: #fff; padding: 4px 12px;}
.variatieKeuzePopup .dropdown ul li.active a {background-color: #106cad; font-weight: bold;}
pre {overflow: auto; padding: 0.1em;}
.mijnAccount {display: inline-block; margin-right: 10px;}
.sorteerKnoppen {display: inline-block; vertical-align: middle; padding: 0; *border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.sorteerKnoppen a {display: inline-block; line-height: 1.5em; color: #666; padding: 5px 10px;}
.sorteerKnoppen a:hover {*background: #eee;}
.lev1 {height: 26px;}
.lev10 {background-image: url('images/tabeltitel2.jpg'); width: 100%; height: 25px; padding-left: 5px; font-weight: bold;}
.lev11 {width: 100%; padding-left: 5px; background-color: #EFEFEF;}
.lev12, .lev13 {padding: 5px;}
#vwShow {background-color: #EFEFEF; border-radius: 5px;}
.catMenuLink0li::before, .CMSMenuLink1li::before {content: "\f178"; font-family: "Font Awesome 5 Pro"; margin: 0 10px 0 0; color: #bcbcbc;}
.catMenuLink0liSel::before, .CMSMenuLink1liSel::before {content: "\f178"; font-family: "Font Awesome 5 Pro"; margin: 0 10px 0 0; color: var(--color1);}
.catMenuLink0li, .CMSMenuLink1li {border-bottom: 1px solid #e7e7e7; color: #666666 !important; display: block; font-family: "Lato",Helvetica Neue,Helvetica,Arial,sans-serif !important; line-height: 1.75em; margin-bottom: 0; margin-top: 0; overflow: hidden; padding-bottom: 5px; padding-top: 5px; text-overflow: ellipsis; white-space: nowrap;}
.catMenuLink0liSel, .CMSMenuLink1liSel {border-bottom: 1px solid #e7e7e7; color: var(--color1) !important; display: block; font-family: "Lato",Helvetica Neue,Helvetica,Arial,sans-serif !important; font-weight: normal; line-height: 1.75em; margin-bottom: 0; margin-top: 0; overflow: hidden; padding-bottom: 5px; padding-top: 5px; text-overflow: ellipsis; white-space: nowrap;}
.catMenuLink1li {color: #666 !important; display: block; font-family: "Lato", Helvetica Neue, Helvetica, Arial, Sans-Serif !important; padding-bottom: 2px; padding-left: 10px; padding-top: 2px; margin: revert-layer;}
.catMenuLink1liSel {font-family: "Lato", Helvetica Neue, Helvetica, Arial, Sans-Serif !important; font-weight: normal; padding-bottom: 2px; padding-left: 10px; padding-top: 2px; margin: revert-layer;}
#tooltip {background-color: #ffffff; border: 1px solid #CCCCCC; border-radius: 5px; opacity: 1; padding: 10px; position: absolute; z-index: 3000; box-shadow: 1px 1px 3px #ccc;}
#tooltip div {margin: 0;}
#adressenlijst .adres {margin-bottom: 10px; padding: 0 0 10px; border-bottom: 1px solid #eee;}
#adressenlijst .adres .beschrijving {width: 215px;}
.kopieer {float: right; padding-right: 5px;}
.afl2 {padding: 2px; border-top: 1px solid #BFBFBF;}
.bedrijfsGegevens.zakelijkTonen {max-height: 300px;}
.vatGegevens .btwGegevens {padding: 10px; line-height: 1.25em; background: #fff; border-radius: 3px; margin: 5px 0 0 10px; font-size: 12px; display: block; border: 1px solid #ccc; color: #000;}
.adresHolder .kop {font-family: "Open Sans", Helvetica, Arial, Sans-Serif;}
.adresHolder .adressen .item.open {z-index: 100; box-shadow: 0 0px 50px -8px rgba(0,0,0,.25);}
.taf1 {width: 150px; max-width: revert-layer;}
#taf10 {width: 250px; max-width: revert-layer;}
.PaneelKnop6 {float: left; line-height: 30px; padding: 0; position: relative; width: 100%;}
.PaneelKnopLink6 {text-decoration: none !important; font-weight: bold !important; display: block;}
.PaneelKnopImg6 {padding: 6px 6px 6px 0px; float: left;}
.VOVIP {border: 1px dashed #BFBFBF; color: #555555; width: 202px;}
.VOVTA {border: 1px dashed #BFBFBF; height: 40px; color: #555555; width: 202px;}
.vrijveldVeldA, .vrijveldVeldB {width: 202px;}
.wVarTitle {color: #666666; display: block; width: 60px; float: left; clear: both;}
.wCVarTitle {display: block; width: 60px; float: left; clear: both; color: #666666;}
.wCVarText {display: block; width: 100px; float: left; color: #000000; font-weight: bold;}
.wVarCustom {background: #fff; border: 1px dashed #777777; display: block; font-style: italic; padding: 3px;}
#mArt_titel {padding: 5px 3px;}
#mArt_holder {width: 210px; margin-bottom: 5px; background-color: #f2f2f2; overflow: auto hidden;}
#pdf2 {width: 350px; height: 180px; position: absolute; top: 100px; left: 100px; background: #ffffff; overflow: hidden; visibility: hidden; z-index: 9991; margin: 15px; padding: 15px; border: 1px solid #cccccc; box-shadow: 0px 0px 15px #000000;}
.pdf3 {margin: 0px; padding: 0px; border: 0;}
#cadeauBedrag {background: 0 0; font-size: 30px; height: 50px; line-height: 1em; margin-left: 65px; text-align: right; width: 120px;}
.volgendeStap.disabled {opacity: .5; pointer-events: none;}
.pdfKnop {float: left;}
.stap .totalen {background: #eee; width: 48%; float: right; z-index: 1; padding: 30px; box-sizing: border-box; border-radius: 5px;}
.stap .couponcode {display: inline-table; margin: 10px 0;}
.stap .couponcode #CouponCodeV {margin-right: 0;}
.stap.twee .tekstNieuwAdres {padding: 5px; position: relative; z-index: 1;}
.nieuwAdres.postcodechecker .postPlaats .postcode, .nieuwAdres.postcodechecker .postPlaats .huisnummer {width: 50%;}
.nieuwAdres.postcodechecker .straat .straatnaam {width: 100%; margin-right: 0;}
.stap.drie .regel {padding: 10px 15px; display: revert-layer; line-height: revert-layer; min-height: revert-layer;}
.stap.drie .regel.actief {border-color: #41ae28;}
.stap.drie .regel:before {opacity: 0; content: "\f00c"; position: absolute; right: 0; top: 0; padding: 4px; font-size: 12px; background: #41ae28; color: #fff; font-family: "Font Awesome 5 Pro"; line-height: 1em; border-bottom-left-radius: 3px;}
.stap.drie .regel.actief:before {opacity: 1;}
.verlangStatus {float: right; width: 115px;}
#verlangLijstID {height: 26px; line-height: 26px; padding-left: 5px; width: 189px;}
.EANbarcode {box-shadow: 0 1px 3px #CCCCCC; padding-left: 10px; padding-right: 10px; padding-top: 10px; background-color: #fff;}
.productCarrousselP {margin: 0 3px !important; background-image: none !important;}
.productCarrousselP:hover {box-shadow: 0 1px 3px rgba(0,0,0,.5);}
.productCarrousselP a {text-decoration: none !important;}
.affiliateRow {width: 100%; border-spacing: 0px; border-collapse: collapse; padding: 0px;}
.affiliateRow tr:hover td {background-color: #fcfcfc;}
.affiliateTotaal {text-align: right; padding-right: 15px !important;}
.speedSearch {padding: 0px;}
.speedSearch > ul > li {color: #666; border-bottom: 1px solid #ddd; position: relative;}
.speedSearch > ul > li a {color: inherit; transition: all .2s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.speedSearch ul li:hover {background-color: #f5f5f5;}
.speedSearch ul li:last-child {border-bottom: 0;}
.speedSearch ul li .omschrijving {font-size: 15px; font-weight: bold;}
.speedSearch .resultaat {background-color: #eee; border-bottom: 1px solid #dfdfdf; color: var(--color1); font-size: 17px; font-weight: bold; margin: 0; position: relative;}
.dropdown .keuze {color: #106cad; display: block; padding: 6px 12px; box-shadow: 0 1px 3px rgba(0,0,0,.1); font-weight: bold;}
.dropdown .keuze:before {content: "\f078"; font-family: "Font Awesome 5 Pro"; font-weight: normal; float: right; transition: all .3s ease;}
.dropdown:hover .keuze {box-shadow: 0 1px 5px rgba(0,0,0,.2); border-radius: 3px 3px 0 0;}
.dropdown .keuze:hover:before {color: #106cad;}
.dropdown ul li	a:hover, .nieuws.lijst .bericht .datum .type5 .dag, .nieuws.lijst .bericht .datum .type6 .dag, .nieuws.lijst .bericht .datum .type5 .maand, .nieuws.lijst .bericht .datum .type6 .maand, .nieuws.lijst .bericht .datum .type5 .jaar, .nieuws.lijst .bericht .datum .type6 .jaar, .nieuws.lijst .bericht .datum .type6 .tijd, .nieuws.widget .bericht .datum .type5 .dag, .nieuws.widget .bericht .datum .type6 .dag, .nieuws.widget .bericht .datum .type5 .maand, .nieuws.widget .bericht .datum .type6 .maand {background-attachment: scroll; background-image: none; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto;}
.lijst tr.inactief td a {color: #aaa;}
.nietMeerVerplicht, .stap.drie .regel.regel.regel {background-color: #fff;}
#NiksNiet {visibility: hidden;}
.faq_bericht_holder, .HeaderHolder table {width: 100%;}
.faq_bericht_titel {border-bottom: 1px solid #DDDDDD;}
.gbBericht {box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.55); padding: 15px; width: 100%;}
.gbHeader {border-bottom: 1px dashed #ddd; margin: 0 0 5px; padding: 0 0 5px; font-size: 14px;}
.gbEmail {text-align: right;}
.gbNaam {font-weight: bold; font-family: "Lato","Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif;}
.gbBreedteKol1 {padding-right: 10px;}
.gb_aanmelden {padding: 4%;}
.gb_message2, #gb_naam, #gb_email {width: 100% !important;}
#gb_B .sluiten {position: absolute; right: 10px; top: 10px; z-index: 1;}
#gbHolder {background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.5);}
.gbdatum {display: block; float: right; font-size: 13px; margin: 0 5px 0 0;}
.gbdatum > span {display: inline-block; font-weight: normal; margin: 0;}
.gbdatum > span::after {content: "-"; margin: 0 2px;}
.nieuws .bericht .datum {color: var(--color1); font-family: Lato; font-size: 14px; font-weight: bold;}
.nieuws .bericht .datum > div::before {content: "\f073"; font-family: "Font Awesome 5 Pro"; font-weight: normal; margin: 0 4px 0 0; position: relative; top: -1px;}
.nieuws .bericht .titel a {font-family: "Lato","Helvetica Neue",Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 16px;}
.nieuws.lijst .bericht {box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.55); padding: 15px;}
.nieuws.lijst .bericht .nieuwsboven {display: table; table-layout: fixed; width: 100%;}
.nieuws.lijst .bericht .nieuwsboven .tekst {display: table-cell; padding: 0px 20px 0 0;}
.nieuws.lijst .bericht .nieuwsboven .pijl {display: table-cell; color: #eeeeee; font-size: 17px; width: 20px; transition: .3s all ease; vertical-align: middle; border-left: 1px dashed #ddd; padding: 0px 0px 0px 20px;}
.nieuws.lijst .bericht.actief .nieuwsboven {padding: 0 0 15px;}
.nieuws .bericht {border-bottom: 1px solid #eeeeee; margin-bottom: 15px; padding: 0 0 15px;}
.nieuws.widget .bericht:last-child {margin: 0; padding: 0; border-bottom: 0;}
.nieuwWachtwoordHolder .nieuwWachtwoordContent {background-color: #f2f2f2;}
.HeaderHolder {box-sizing: border-box; max-width: 1200px; padding-left: 20px; padding-right: 20px;}
.Gv3 {display: table-cell;}
.Gv3Thumb {background-color: #f5f5f5; box-shadow: 1px 2px 5px #CCCCCC; float: left; margin: 10px; padding: 10px; text-align: center; display: table-cell; position: relative;}
.Gv3ThumbImg {background-color: #FFFFFF; border: 1px solid #DDDDDD; display: table-cell; height: 152px; vertical-align: middle; width: 152px;}
.Gv3Thumb .desc {font-size: 13px; font-weight: normal; color: #000000;}
.Gv3Thumb .desc2 {position: absolute; bottom: 5px; left: 5px; background: #f5f5f5; border: 1px solid #cccccc; box-shadow: 1px 1px 3px #ccc; padding: 2px 5px;}
button.active {text-shadow: none;}
button.negative:hover {color: #FFFFFF; background-position-x: 0; background-position-y: -121px; background-color: #D84743; border-color: #911D1B;}
button.negative:active, button.negative.active {background-position-x: 0; background-position-y: -161px; background-color: #A5211E; border-color: #911D1B;}
button.positive:hover {background-position-x: 0; background-position-y: -280px; background-color: #96ED89; border-color: #45BF55;}
button.positive:active, button.positive.active {background-position-x: 0; background-position-y: -320px; background-color: #45BF55;}
button.left {-webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px;}
button.middle {-webkit-border-radius: 0px; -moz-border-radius: 0px;}
button.right {-webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px;}
button.big {font-size: 16px; padding-left: 14px; padding-right: 17px; *padding: 4px 17px 2px 17px;}
.uploadHolder {background-color: #FFFFDC; border-color: #CECECE; border-radius: 5px; clear: both; margin-left: 5px; margin-right: 5px; padding: 10px;}
.uploadDelete {background-attachment: scroll; background-image: none; background-position-x: 0; background-position-y: 0; background-repeat: repeat; background-size: auto; border: 1px solid #CCCCCC; border-radius: 5px; float: left; margin: 10px; width: 90%;}
.uploadProcess {float: right;}
.uploadFilename {float: left; overflow: hidden; width: 250px; padding: 5px;}
.uploadTochniet {top: 10px;}
.upload_1 {padding: 3px;}
.aLandingMenu {background-position-x: 4px; background-position-y: 4px; height: 24px; left: 329px; padding: 0; position: absolute; top: 2px; width: 24px; border-radius: 5px 5px 0 0; z-index: 102; filter: alpha(opacity=50);}
.aLandingMenu:hover {background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.3); filter: alpha(opacity=100);}
.LandingMenu {background-attachment: scroll; background-image: none; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-size: auto; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-right-radius: 5px; top: 24px;}
.LandingMenu  li {padding: 3px 8px;}
.LandingMenu  li a {color: 000;}
.LandingMenu  li a:visited, .LandingMenu  li a:hover {text-decoration: none; font-size: 11px; color: 000;}
.fancyRelatie.bedrijfsLink {pointer-events: none; cursor: default;}
#cookieHolder .cookie {border-radius: 10px; width: 400px; margin-left: -200px; left: 50%; box-shadow: 0 0 30px 30px rgba(255,255,255,.4);}
.meldingHouder .melding, .popupHolder .popup {box-shadow: 0 2px 30px rgba(0, 0, 0, 0.3);}
.cookieMelding {z-index: 20;}
.privacyMelding {box-shadow: 0 0 60px 5px rgba(0, 0, 0, 0.1);}
.slideshowHolder {max-width: 100%; width: auto !important;}
.slideshowHolder > div img {height: auto !important; width: 100% !important;}
.slideshow1 > a {display: block; width: 100%; position: relative; height: auto;}
.HeaderHolder table td.grijs {background-color: #f3f3f3; border: 1px solid var(--borderColor1); box-sizing: border-box; padding: 0px;}
.HeaderHolder table td.tussen {width: 10px;}
.HeaderHolder table td.grijs img {width: 100% !important; height: auto !important;}
.HeaderHolder .slideshowHolder {margin: 10px 0;}
.slideshow3 {padding-bottom: 30% !important;}
.openklapper {height: 44px; padding: 16px; width: 45px; transition: .3s all ease; cursor: pointer; color: revert-layer; display: revert-layer; text-align: revert-layer; text-decoration: revert-layer;}
.openklapper.open {transform: rotate(-180deg);}
.resCategorieen ul li, .resCategorieen.resCategorieen.resCategorieen ul li {margin-right: 10px;}
.resCategorieen ul li a {border-color: #eee; border-width: 2px;}
.resCategorieen ul li.actief a {background-color: #eee; border-color: #ddd;}
.couponcodeHouder .couponcode #CouponCodeV {background-attachment: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer;}
#zoekWoordID#zoekWoordID {line-height: 26px;}
.taf1.taf1 {width: 150px;}
.mijnOrdersKnoppen.mijnOrdersKnoppen > a {color: var(--fontColor1, #444); transition: all .3s ease;}
.couponcodeHouder {background-attachment: revert-layer; background-color: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer; border-radius: revert-layer; display: revert-layer; margin-bottom: revert-layer; min-height: revert-layer; padding: revert-layer;}
.stap.drie .links>div, .stap.twee .links>div {background-attachment: revert-layer; background-color: revert-layer; background-image: revert-layer; background-position-x: revert-layer; background-position-y: revert-layer; background-repeat: revert-layer; background-size: revert-layer; box-sizing: revert-layer; margin: revert-layer; width: revert-layer;}
.tafHolder .kop {color: revert-layer; font-size: revert-layer; font-weight: revert-layer; margin: revert-layer;}
.couponcodeHouder:empty, .stap .pdfKnop, .resCategorieen::-webkit-scrollbar {display: revert-layer;}
.stap.drie .links, .stap.twee .links {display: revert-layer; flex-wrap: revert-layer; margin: revert-layer;}
.far.far.far.far.far {font-weight: 400;}
.stap .totalen .relatieBtwPrijs {line-height: revert-layer; white-space: revert-layer;}
.resCategorieen {margin: revert-layer; padding: revert-layer;}
.stap .totalen .gewicht {white-space: revert-layer;}
.openklapper::before {content: revert-layer; display: revert-layer; font-family: revert-layer; position: revert-layer;}
.mijnOrdersKnoppen.mijnOrdersKnoppen.mijnOrdersKnoppen.mijnOrdersKnoppen.mijnOrdersKnoppen > a:hover, .mijnOrdersKnoppen.mijnOrdersKnoppen.mijnOrdersKnoppen.mijnOrdersKnoppen.mijnOrdersKnoppen.mijnOrdersKnoppen > a:hover, .mijnOrdersKnoppen > a:hover.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop {color: var(--fontColor2, #fff);}
.mijnOrdersSorteerKnop.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief, .mijnOrdersSorteerKnop:hover.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop, .mijnOrdersSorteerKnop.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief, .mijnOrdersSorteerKnop:hover.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop, .mijnOrdersSorteerKnop.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief.mijnOrdersSorteerActief {color: var(--kleur1, var(--color1, #0395ee));}
.resCategorieen.resCategorieen.resCategorieen.resCategorieen.resCategorieen ul li a, .mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop, .resCategorieen.resCategorieen.resCategorieen.resCategorieen.resCategorieen.resCategorieen.resCategorieen ul li a {color: inherit; text-decoration: none;}
.speedSearch.speedSearch.speedSearch.speedSearch.speedSearch > ul > li a, .resCategorieen.resCategorieen.resCategorieen.resCategorieen.resCategorieen.resCategorieen ul li a, .speedSearch.speedSearch.speedSearch.speedSearch.speedSearch.speedSearch > ul > li a, .speedSearch.speedSearch.speedSearch.speedSearch.speedSearch.speedSearch.speedSearch > ul > li a {color: inherit;}
.mijnOrdersKnoppen.mijnOrdersKnoppen.mijnOrdersKnoppen.mijnOrdersKnoppen.mijnOrdersKnoppen.mijnOrdersKnoppen > a {text-decoration: none; color: var(--fontColor1, #444);}
.mijnOrdersKnoppen > a.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop.mijnOrdersSorteerKnop {color: var(--fontColor1, #444); text-decoration: none;}

@media (min-width: 681px) {
  .winkelwagenHouder .artikel .kassaArtikelAfbeeldingHolder {width: revert-layer;}
  .shopSortOptie > * {margin: revert-layer;}
  .artikel .prijzen.prijzen.prijzen {margin-left: 0;}
  .shopSortOptie > .pdfKnop {margin-left: revert-layer; margin-right: revert-layer; margin-top: revert-layer;}
}

@media (min-width: 761px) {
  .formulier_text, .formulier.widget label {display: revert-layer;}
  .bovenkantHolder {border-bottom: revert-layer;}
  .bovenkant.bovenkant.bovenkant {padding-left: 20px; padding-right: 20px;}
  .artikel .favorieten .image.image.image.image {padding-right: 0.6em;}
  .FCK3kolTd {vertical-align: revert-layer; width: revert-layer;}
  .FCK5kolTd {width: revert-layer;}
  .tabsV2 .titels > div {border-radius: revert-layer;}
  .shopSortOptie, .shopTegel .artikel .inner .rechtsboven div .toelichting {display: revert-layer;}
  .artikel .afbeeldingHouder img {height: revert-layer !important; max-width: revert-layer; width: revert-layer !important;}
  .shopSortOptie > .pdfKnop {margin-bottom: revert-layer;}
  .artikel .labels .label img {max-width: revert-layer;}
  .shopLijst .artikel .afbeeldingHouder img.afbeelding {width: 100px !important;}
  .artikel.detail .bestelknop.bestelknop {display: inline-table;}
  .shopCompact .artikel .afbeeldingHouder .labels img, .shopLijst .artikel .afbeeldingHouder .labels img, .shopTegel .artikel .afbeeldingHouder img {height: auto !important;}
  .kassaArtikel .kassaArtikelAfbeeldingHolder .afbeeldingHouder.afbeeldingHouder.afbeeldingHouder img {max-width: 100%;}
  .sitemap1ul a:hover {text-decoration: none;}
  .pageFooter.pageFooter.pageFooter {padding: 40px 20px;}
  .sitemap1ul a {text-decoration: underline;}
  .pageFooterHolder {width: revert-layer;}
}

@media (min-width: 901px) {
  .button {text-align: revert-layer;}
}

@media (min-width: 1001px) {
  .kassaArtikel .kassaArtikelAfbeeldingHolder.kassaArtikelAfbeeldingHolder {padding-right: 20px;}
  .kassaArtikel .kassaArtikelAfbeeldingHolder.kassaArtikelAfbeeldingHolder.kassaArtikelAfbeeldingHolder {width: 100px;}
}

@media (min-width: 1201px) {
  .bovenkant.bovenkant.bovenkant {max-width: 1200px;}
  .pageFooter.pageFooter.pageFooter {max-width: 1200px;}
}

@media screen and (max-width: 1500px) {
  .pageFooterKnoppenHolder .pageFooterKnoppen {padding: 20px;}
}

@media (min-width: 761px) and (max-width: 1250px) {
  .kassaArtikelen .artikel td.regelStuk, .kassaArtikelen th.regelStuk {display: revert-layer;}
}

@media (min-width: 1001px) and (max-width: 1200px) {
  .bovenkant.bovenkant.bovenkant {max-width: 1000px;}
}

@media screen and (max-width: 1200px) {
  .art-Sheet, .breadcrumbHolder {max-width: 1000px;}
  .accountHouder2, .bovenkantWinkel .art-menu, .supermenuHouder .supermenuInhoud, .bovenkantWinkel .inhoud {max-width: 1000px;}
  .art-nav {left: 0;}
  .meldingBoven {right: 170px;}
  .uspsHolder .usps {max-width: 1000px;}
  .shopTegel .artikel {width: 33.3%;}
  .shopTegel .artikel:nth-of-type(4n+1) {clear: none;}
  .shopTegel .artikel:nth-of-type(3n+1) {clear: both;}
  .pageFooterHolder .pageFooter, .pageFooterKnoppen {max-width: 1000px;}
  .HeaderHolder {max-width: 1000px;}
  .videoHolder .video::after {padding-top: 60%;}
  .catMenuLink0li::before, .catMenuLink0liSel::before, .CMSMenuLink1li::before, .CMSMenuLink1liSel::before {display: none;}
  .catMenuLink0li, .catMenuLink0liSel, .CMSMenuLink1li, .CMSMenuLink1liSel {font-size: 13px;}
}

@media (min-width: 761px) and (max-width: 1000px) {
  .bovenkant.bovenkant.bovenkant {max-width: 760px;}
  .meldingBoven.meldingBoven.meldingBoven ul li {margin-right: 20px;}
}

@media screen and (max-width: 1000px) {
  .art-Sheet, .breadcrumbHolder {max-width: 760px;}
  .art-contentLayout .art-sidebar2 .art-Block {padding: 0;}
  .accountHouder2, .bovenkantWinkel .art-menu, .supermenuHouder .supermenuInhoud, .bovenkantWinkel .inhoud {max-width: 760px;}
  .stap2_bestaandeKlant .inloggen .beschrijving, .stap2_bestaandeKlant .inloggen .invoer {display: block !important; width: 100% !important; padding-top: 0; padding-bottom: 0;}
  .art-menu a {margin-right: 0px; margin-left: 0px;}
  .bovenkant .zoeken {left: 285px;}
  .meldingBoven {right: 190px; top: 64px;}
  .meldingBoven ul li {float: left; margin-right: 20px;}
  .uspsHolder .usps {max-width: 760px;}
  .FCK2kolTd {float: none; width: 100%; display: block;}
  .FCK2kolTdS {display: none !important;}
  .shopCategorieHolder .categorie, .shopTegel .artikel {width: 50%;}
  .shopTegel .artikel:nth-of-type(3n+1) {clear: none;}
  .artikel.detail .links, .artikel.detail .rechts {float: none; width: 100%; padding: 0; border: none;}
  .stap .kassaArtikel .aantallen input {width: 45px;}
  .stap .kassaArtikel .aantallen .verwijderen {display: block;}
  .stap .kassaArtikel .kassaArtikelAfbeeldingHolder {width: 60px; padding-right: 10px !important;}
  .stap .kassaArtikel .tekst a.kassaArtikelTitel {font-size: 13px; line-height: 1.5em;}
  .stap .kassaArtikel .tekst .variatie {min-width: 0;}
  .stappenKnop .button {padding: 11px 20px !important; text-align: center; width: calc(100% - 40px); font-weight: bold; border: 0 !important;}
  .stap2_naw .factuurAfleverHouder h3 a {opacity: 1;}
  .detailOrderHolder {flex-direction: column;}
  .detailOrderHolder .detailOrderBlok {width: calc(100% - 20px);}
  .detailOrderHolder .detailOrderBlok table.lijst tr {background-image: unset; background-position-x: unset; background-position-y: unset; background-size: unset; background-repeat: unset; background-attachment: unset; background-origin: unset; background-clip: unset; background-color: unset; border: 0; padding: 5px; margin: 0;}
  .detailOrderHolder .detailOrderBlok table.lijst tr td {display: table-cell; border-bottom: 1px solid #eee;}
  .pageFooterHolder .pageFooter {max-width: 760px;}
  .pageFooterKnoppen {max-width: 760px; float: none;}
  .HeaderHolder {max-width: 760px;}
  .inschrijvenKolom {flex-direction: column;}
  .inschrijvenKolom > .rechts {width: 100%; margin: 0;}
  .slogan {display: none;}
}

@media (max-width: 900px) {
  body {-moz-text-size-adjust: revert-layer; -ms-text-size-adjust: revert-layer;}
  .mijnOrdersZoekVeld.mijnOrdersZoekVeld input {font-size: 14px;}
  input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {font-size: inherit;}
  .formulier_text {max-width: revert-layer;}
  .button.button.button.button.button {display: inline-block;}
  .stap.twee .resBestaandeklant .button {text-align: revert-layer;}
  .stap .couponcode a.wButControleer.wButControleer.wButControleer {display: table-cell;}
  .bovenkantHolder {position: relative; top: revert-layer;}
  #speedsearchResult {right: 0;}
  .stap .blokholder {margin-bottom: 20px;}
  .inschrijvenKolom .blokholder.knopVersturen .button.button.button {display: block;}
  .shopCompact .artikel .bestellen a.wButBestel {width: 17px !important;}
  .tabsV2 .inhoud > div {display: none !important; margin: revert-layer;}
  .shopCompact .artikel .artikelnr, .shopCompact .artikel .bestellen {display: revert-layer;}
  .kassainkollommen > .rechts {margin-bottom: revert-layer; margin-right: revert-layer; margin-top: revert-layer;}
  .artikel.detail .bestellen .bestelknop .wButBestel.wButBestel {display: table-cell;}
}

@media (min-width: 761px) and (max-width: 900px) {
  body {-webkit-text-size-adjust: revert-layer;}
  h1, h2, h3, h4 {clear: revert-layer;}
  .art-sidebar1 {display: revert-layer;}
  .art-contentLayout .art-sidebar2 {width: 196px !important;}
  .resMenubalk {display: none;}
  .art-nav, .winkelwagenHouder {display: revert-layer;}
  .FCK3kolTd, .FCK3kolTdS, .FCK5kolTd, .FCK5kolTdS {display: revert-layer;}
  .tabsV2 .titels {display: flex;}
  .stappenbalk li .naam {display: revert-layer;}
  .stappenbalk li {margin-bottom: 0.2em; margin-top: 0.2em;}
  .stappenbalk {padding: revert-layer; text-align: revert-layer;}
  .resCategorieen {display: none;}
}

@media screen and (max-width: 900px) {
  .privacyMelding .knoppen {padding: 30px;}
  .extrabovenkantHolder .extrabovenkant .valuta {margin-right: 0.25em;}
  .privacyMelding .inhoud {padding: 30px;}
  .artikel.detail .detailinkollommen .links, .artikel.detail .detailinkollommen .rechts {width: 50%;}
  .detailOrderHolder .detailOrderBlok {width: calc(50% - 20px);}
  .detailOrderHolder .detailOrderBlok table.lijst tr td {border-bottom: 1px solid #eee;}
  .shopCompact .artikel h2.titel a {font-size: 12px;}
  .pageFooterKnoppenHolder .pageFooterKnoppen {padding: 20px;}
  #cookieHolder .cookie {border-radius: 10px; bottom: 20px; left: 50%; width: 400px;}
  .adresHolder .adressen .item {flex-basis: calc(33.333% - 10px); margin: 0 10px 10px 0;}
  .adresHolder .adressen .item.open {box-shadow: 0 0px 50px -8px rgba(0,0,0,.25); left: 20px; padding: 35px; position: absolute; right: 20px;}
  .pdfkeuzeholder .pdfkeuze .inner .col1 {display: table-cell; width: 90px;}
  .pdfkeuzeholder .pdfkeuze .inner .col2 {display: table-cell; padding: 0 15px; width: auto;}
  .pdfkeuzeholder .pdfkeuze .inner .col3 {display: table-cell; width: 125px;}
  .privacyMelding {border-radius: 3px; bottom: 20px; left: 20px; max-width: 370px;}
}

@media (max-width: 760px) {
  li.STPMenu2li.STPMenu2li.STPMenu2li.STPMenu2li {margin-left: 10px;}
  li.STPMenu3li.STPMenu3li.STPMenu3li.STPMenu3li {margin-left: 20px;}
  .art-Post.art-Post.art-Post.art-Post img {max-width: 100%;}
  .bovenkant.bovenkant.bovenkant {max-width: 550px;}
  .artikel .afbeelding.afbeelding {width: 100% !important;}
  .artikel.detail .bestelknop.bestelknop {display: table;}
  .stappenbalk.stappenbalk.stappenbalk.stappenbalk li {margin-bottom: 0; margin-top: 0;}
  .shopLijst .artikel .afbeeldingHouder img.afbeelding.afbeelding {max-width: 100px;}
  .sitemap1 .sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul a, .sitemap1 .sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul.sitemap1ul a {text-decoration: none;}
}

@media (min-width: 321px) and (max-width: 760px) {
  .bovenkant.bovenkant.bovenkant {padding-left: 10px; padding-right: 10px;}
}

@media (min-width: 681px) and (max-width: 760px) {
  .pdfKnop.pdfKnop.pdfKnop {margin-bottom: 15px;}
}

@media screen and (max-width: 760px) {
  body {min-width: 320px; text-size-adjust: none;}
  ol, ul {font-size: 13px;}
  li.STPMenu1li {border: 0;}
  li.STPMenu2li {margin-left: 10px;}
  li.STPMenu3li {margin-left: 20px;}
  table.lijst tr:first-child {display: none;}
  table.lijst tr {display: block; margin: 0 0 10px; background: #fafafa; border-radius: 3px; padding: 10px; border: 1px solid #eee; position: relative;}
  table.lijst tr td {display: block; width: 100%; box-sizing: border-box; border: none; background: none !important; padding: 0;}
  .stap select {font-size: 15px;}
  button {padding: 11px 16px;}
  #formulier_opties td input, .formulier_textarea {width: 100%;}
  .formulier_holder .formulier.widget input {display: block; float: none; width: 100%;}
  .formulier_holder .formulier.widget label {float: none; width: 100%;}
  h5, h6 {clear: both;}
  h1 {font-size: 23px;}
  table.lijst td.knoppenHouder {position: absolute; right: 0; top: 0; width: auto; padding: 10px; border-left: 1px solid #eee;}
  table.lijst td.knoppenHouder a {padding: 8px; display: block;}
  .button {padding: 11px 16px;}
  a.knop.download {box-sizing: border-box; margin: 15px 0px 0 0; text-align: center; width: 100%;}
  .art-Sheet {max-width: 550px; width: 100% !important; padding-right: 0; padding-left: 0;}
  .breadcrumbHolder {max-width: 550px; padding-right: 10px; padding-left: 10px;}
  #art-main {min-width: 0; overflow: hidden; border-bottom: 0px solid;}
  .art-contentLayout, .art-contentLayout .art-content {width: 100% !important;}
  .art-Post {width: 100% !important; margin: 0;}
  .art-Post img, .art-Block img {max-width: 100%; height: auto !important;}
  .art-Block {padding: 5%; margin-bottom: 0;}
  .accountHouder2, .bovenkantWinkel .art-menu, .supermenuHouder .supermenuInhoud, .bovenkantWinkel .inhoud {max-width: 550px;}
  .account, .bovenkant .zoeken, .bovenkantWinkel {display: none !important;}
  .accountHouder {overflow: hidden; display: none;}
  .bovenkantHolder {min-width: 0; overflow: hidden; border-bottom-width: 0px; border-bottom-color: currentcolor;}
  .bovenkant {width: 100%; height: auto; border-bottom: 1px solid var(--borderColor1);}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td {display: block;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td:first-child {display: none;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen {padding: 0; width: 100%;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a {width: 50%; text-align: center; box-sizing: border-box; float: left; margin: 10px 0 0;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a.doorgaanKassa {border-top-right-radius: 0; border-bottom-right-radius: 0;}
  #extraSchermWinkelmand .schermWinkelMandje .melding .meldingBoven td .knoppen a.verderWinkelen {border-top-left-radius: 0; border-bottom-left-radius: 0;}
  .stap.twee .stap2_bestaandeKlant .inloggen {width: 100%; float: unset;}
  .blokholder.accountWijzigen .beschrijving {display: block; width: auto; padding: 0; font-weight: bold;}
  .blokholder.accountWijzigen .invoer {display: block; width: auto; padding: 0 0 10px;}
  .inloggen_holder table, .inloggen_holder table td {width: 100%;}
  a.logo {width: 150px; position: relative; left: 0; top: 0;}
  .meldingBoven {right: auto; top: 0px; left: 170px;}
  .meldingBoven ul li {float: none; margin-right: 0;}
  .uspsHolder .usps {max-width: 550px; padding-right: 10px; padding-left: 10px;}
  .stap.vier .gegevens {padding: 10px;}
  .stap.vier .factuurAfleverHouder .links, .stap.vier .factuurAfleverHouder .rechts {margin-top: 10px; width: 100%; display: block;}
  .stap.vier .factuurAfleverHouder .midden {display: none; width: 0;}
  .uspsHolder .usps .vier {width: 100%; float: none; padding-left: 35px; margin: 0 0 15px; border-bottom: 1px dashed #eee; padding-bottom: 15px;}
  .uspsHolder .usps .vier:nth-child(4) {margin-bottom: 0; border: none; padding-bottom: 0;}
  .uspsHolder .usps .vier h4 span {font-size: inherit; margin: 0;}
  .uspsHolder .usps .vier::before {float: none; display: inline; position: absolute; top: 0; left: 0; text-align: center; width: 30px;}
  .art-Post .FCK2kolTdS, .art-Sheet .FCK2kolTdS, .art-Sheet .FCK5kolTdS {display: none;}
  .art-Post .FCK2kolTd {display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 100% !important;}
  .art-Post .FCK3kolTd {margin-top: 0; margin-right: 0; margin-left: 0;}
  .art-Sheet .FCK2kolTd, .art-Sheet .FCK5kolTd {width: 100%; display: block; margin-bottom: 15px;}
  .art-Sheet .FCK3kolTd {display: block; margin-bottom: 15px;}
  .stap.twee > .blokholder {float: none !important; width: 100% !important; padding: 0;}
  .stap.drie .blokholder {width: 100%;}
  .filters img {width: auto !important;}
  .shopSortOptie {display: none !important;}
  .artikel .afbeelding {width: 100%; height: auto;}
  .shopTegel .artikel:nth-of-type(2n+1) {clear: both;}
  .shopTegel .artikel .voorraad, .tabsV2 .titels {display: block;}
  .shopTegel .artikel .voorraad .image, .shopTegel .artikel .verlang, .shopTegel .artikel .verlang .toelichting, .shopLijst .artikel .inner .col3, .shopCompact .artikel .inner .col1, .shopCompact .artikel .inner .details, .shopCompact .artikel .artikelEenheid, .shopCompact .artikel .extrainfo, .shopTegel .artikel .bestellen, .kassaArtikelen th {display: none;}
  .shopTegel .artikel .verlang .image {padding-right: 0;}
  .shopCompact .artikel .inner {table-layout: auto;}
  .shopCompact .artikel .inner .col3 {width: auto; padding: 0;}
  .shopTegel .artikel .afbeeldingHouder img {max-height: 126px !important; max-width: 125px !important;}
  .shopLijst .artikel .afbeeldingHouder img.afbeelding {max-width: 100px;}
  .shopNavigatie {margin: 0 auto; height: auto;}
  .artikel.detail .bestelknop {width: 100%;}
  .artikel.detail .bestellen .prijzen {display: block; margin: 10px 0 0; text-align: center;}
  .stappenKnop li a {font-size: 14px;}
  #stap2_factuuruitklap, #stap2_bewaaraccount {float: none !important; width: 100% !important;}
  table.lijst tr td.bedrag {text-align: left; font-weight: bold;}
  .stap.twee .stap2_bestaandeKlant .uitleg {width: 100%; float: unset;}
  .tabsV2 .titels > div {display: block; float: left; width: calc(50% - 10px); box-sizing: border-box; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: 0; border-right: 0; border-left: 0; margin: 5px;}
  .tabsV2 .titels > div.actief {border: 0; background: var(--color1); color: #FFF;}
  .tabsV2 .inhoud {top: 5px;}
  .mijnAccountOrderHolder .item .artikelen {display: flex; width: auto; margin: -5px 0 0; padding: 0px 10px 10px;}
  .pageFooterHolder .pageFooter {max-width: 550px; padding: 20px 10px;}
  .pageFooterKnoppen {max-width: 550px; bottom: auto; padding: 10px; position: relative;}
  .pageFooterHolder {overflow: hidden; margin-top: 0;}
  .pageFooter .FCK2kolTd, .pageFooter .FCK3kolTd {width: 100%; display: block; margin-bottom: 15px;}
  .pageFooter .FCK5kolTd {margin-bottom: 15px;}
  .pageFooter .FCK2kolTdS, .pageFooter .FCK3kolTdS {display: none;}
  .copyright {top: auto; left: auto; right: auto;}
  .sitemap1 .sitemap1ul a {text-decoration: none;}
  .sitemap1 .sitemap1ul li {display: block; float: none; width: auto;}
  ul.sitemap1ul ul, ul.sitemap1ul ul ul ul {margin: 0;}
  .HeaderHolder {max-width: 550px; width: 100%; padding: 0 10px;}
  #cookieHolder .cookie {width: calc(100% - 40px); max-width: 100%; border-radius: 0px; left: auto; right: auto; bottom: 0;}
  .aLandingMenu {display: none !important;}
  #map-canvas, iframe {width: 100% !important; max-width: 100%;}
  .HeaderHolder .slideshowHolder, .HeaderHolder .slideshowHolder div {width: 100% !important;}
  .HeaderHolder .slideshowHolder div img {width: 100% !important; max-width: 100%; height: auto !important;}
  .gbBericht {width: 100%; margin-right: 0;}
  .dropdown.dealerHolder .plaats {float: none;}
  .dropdown.dealerHolder .bedrijf {display: block;}
  .dropdown.dealerHolder .keuze .km {padding-right: 10px;}
  .pdfKnop {float: unset; margin-bottom: 15px;}
  .stap .totalen {width: 100%; float: unset; padding: 15px;}
  .adresHolder .adressen .item {flex-basis: 100%; margin: 0 0 5px;}
  .adresHolder .adressen .item.open {position: relative; left: auto; top: auto; right: auto; padding: 10px 15px; box-shadow: none;}
  #barcodeScannerCamera video {width: 100%; height: auto;}
  #formulier_opties table {width: 100%;}
  #formulier_opties td {display: block; width: 100%;}
  #knopVersturen {width: 100%; text-align: center;}
  .HeaderHolder table td.tussen, .mijnAccountOrderHolder .item .pijl {display: none;}
  .HeaderHolder table td {display: block; width: 100%; margin-bottom: 10px;}
  .mijnAccountOrderHolder .item {flex-direction: column;}
  li.STPMenu2li a {font-size: 14px;}
  li.STPMenu3li a {font-size: 13px;}
}

@media (max-width: 680px) {
  a.button.button.button {display: inline-block;}
  .shopSortOptie > * select, .kassaArtikelen .artikel .kassaArtikelAfbeeldingHolder {width: revert-layer;}
  .shopLijst .artikel {border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; margin-left: revert-layer; margin-right: revert-layer; margin-top: revert-layer;}
  .shopLijst .artikel:hover {box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);}
  .artikel .artikelnr > .titel {display: revert-layer;}
  .shopLijst .artikel .inner .inhoud {flex-direction: revert-layer;}
  .shopSortOptie {flex-wrap: revert-layer;}
  .shopCompact, .shopLijst {margin: revert-layer;}
  .shopSortOptie > * {margin: revert-layer !important; width: revert-layer;}
  .shopLijst .artikel .omschrijving {text-align: revert-layer !important; width: revert-layer;}
  .shopLijst .artikel .prijzen {text-align: revert-layer !important;}
  .stap .kassaArtikel .kassaArtikelAfbeeldingHolder.kassaArtikelAfbeeldingHolder {width: 60px;}
  .pdfKnop.pdfKnop {margin-bottom: 15px !important;}
}

@media screen and (max-width: 680px) {
  .mijnAccountOrderHolder .item .artikelen {display: inline-flex; margin: auto 0 auto auto; padding: 10px; width: 330px;}
  .mijnAccountOrderHolder .item .pijl {display: flex;}
}

@media screen and (max-width: 500px) {
  .variatieKeuzePopup input[type="text"], .variatieKeuzePopup textarea {font-size: inherit;}
}

@media screen and (max-width: 320px) {
  .meldingBoven {left: 160px;}
  .pageFooterKnoppenHolder .pageFooterKnoppen {padding: 20px;}
}

/* handwerk - bron: --migratie/hand.css */
/* artikellijsten: de oude .valign-cel centreerde de afbeelding; die rol zit nu op de link */
.artikel .inner .afbeeldingHouder > a.link {display: table-cell; text-align: center; vertical-align: middle; width: 100%;}
.artikel .inner .afbeeldingHouder .verhouding {display: none;}
/* barcode en aantalkiezer stonden niet in de oude artikellijsten */
.artikel .print1Barcode, .shopTegel .artikel .aantalMinPlus {display: none;}

/* werkbalk boven de artikellijst: oud een tabelrij; de kolommen waren een vast deel van de breedte */
.shopHolder > .shopSortOptie {display: flex; align-items: center; margin: 10px 0; text-align: left;}
.shopHolder > .shopSortOptie > div {flex: none; box-sizing: border-box;}
.shopHolder > .shopSortOptie > .aantalPerPagina {width: 23.3%;}
.shopHolder > .shopSortOptie > .aantalPerPagina::before {content: "#/pagina"; font-size: 13px; line-height: 31px; padding-right: 8px;}
.shopHolder > .shopSortOptie > .presentatieWijze {display: block; width: 18.6%;}
.shopHolder > .shopSortOptie > .sorteerLijst {width: 40.9%; text-align: right;}
.shopHolder > .shopSortOptie > .pdfKnop {float: none; width: calc(17.2% - 5px); margin-left: 5px;}
@media (max-width: 1000px) {
  /* oud viel het label in de smalste kolom onder de keuzelijst */
  .shopHolder > .shopSortOptie > .aantalPerPagina {width: 22.9%;}
}
@media (max-width: 760px) {
  /* de oude !important verborg toen alleen de sorteercel, die ook .shopSortOptie heette */
  .shopHolder > .shopSortOptie {display: flex !important; margin: 15px 0;}
  .shopHolder > .shopSortOptie > .aantalPerPagina, .shopHolder > .shopSortOptie > .sorteerLijst {display: none;}
  .shopHolder > .shopSortOptie > .presentatieWijze {width: 55.85%;}
  .shopHolder > .shopSortOptie > .presentatieWijze select {float: none; margin-left: 20px;}
  .shopHolder > .shopSortOptie > .pdfKnop {flex: 1; width: auto; margin: 0 0 15px 5px;}
}
@media (max-width: 680px) {
  .shopHolder > .shopSortOptie > .pdfKnop {margin: 0 0 15px 5px !important;}
}

/* zijbalkblokken: kader en binnenmarge van de oude Artisteer-wrappers (Block-cc, Block-body 2px, BlockContent-body 10px) op .art-Block zelf; het menublok had geen kader */
.art-Block:not(:has(> .h2)) {padding: 11px; border: 1px solid #e1e1e1; background-color: #f3f3f3; color: #000; font: 12px/150% Arial, Helvetica, Sans-Serif;}
.art-Block:not(:has(> .h2)) > .art-BlockHeader {height: 20px; margin: -10px -10px 10px; padding: 0 11px; color: #000; font: bold 16px/30px "Lato", Helvetica Neue, Arial, Helvetica, Sans-Serif; white-space: nowrap;}
.art-Block:not(:has(> .h2)) a:link, .art-Block:not(:has(> .h2)) a:visited {color: #0B398E; font-family: Arial, Helvetica, Sans-Serif; text-decoration: underline;}
.art-Block:not(:has(> .h2)) a:hover {color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none;}
.art-Block:not(:has(> .h2)) ul li:last-child a {border-bottom: 0;}

/* lijstweergave: oud een tabel met drie kolommen (afbeelding | tekst | bestellen), border-spacing 5px */
.shopLijst .artikel .inner {display: grid; grid-template-columns: 111px 1fr 145px; gap: 5px; padding: 5px; position: relative; box-sizing: border-box;}
.shopLijst .artikel .inner::before {content: ""; grid-area: 1 / 1; border-right: 1px solid #ccc;}
.shopHolder .shopLijst .artikel .inner > .afbeeldingHouder {grid-area: 1 / 1; width: 100px; margin: 0;}
.shopLijst .artikel .afbeeldingHouder img.afbeelding {height: auto !important;}
.shopLijst .artikel .inner > .inhoud {grid-area: 1 / 2; display: flex; flex-direction: column; padding-left: 10px;}
.shopLijst .artikel .inhoud > .omschrijving, .shopLijst .artikel .omschrijving > .meerinfo {display: contents;}
.shopLijst .artikel .inhoud > .prijzen {order: 1; margin-bottom: 0;}
.shopLijst .artikel .meerinfo > .voorraad {order: 2; font-size: 14px; color: #000;}
.shopHolder .shopLijst .artikel .meerinfo > .favorieten {order: 3; margin-top: 0;}
.shopLijst .artikel .prijzen > .bestellen {position: absolute; top: 5px; left: calc(100% - 150px); width: 140px; box-sizing: border-box; font-size: 13px; color: #606060;}
/* bestelblok: oud het aantal-veld naast de knop, en Details eronder op 40px */
.shopLijst .artikel .bestellen .aantalMinPlus {display: contents;}
.shopLijst .artikel .bestellen .aantalMinPlus > .min, .shopLijst .artikel .bestellen .aantalMinPlus > .plus {display: none;}
.shopLijst .artikel .bestellen .shopLijst1Aantal {display: inline-block;}
/* oud stond de knop direct tegen het veld; een flexrij laat de witruimte rond het veld weg */
.shopLijst .artikel .bestellen .bestelknop {display: flex; align-items: baseline;}
.shopLijst .artikel .bestellen a.detailKnop {margin-left: 40px;}
/* Details had oud de class button */
.artikel .bestellen a.detailKnop {display: inline-block; padding: 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; line-height: 1.11; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; text-decoration: none; border: 1px solid #CACACA; border-radius: 2px;}
@media (max-width: 760px) {
  /* oud viel de bestelkolom hier weg */
  .shopLijst .artikel .inner {grid-template-columns: 111px 1fr; padding-right: 10px;}
  .shopLijst .artikel .prijzen > .bestellen {display: none;}
}

/* compactweergave: oud per rij een tabel met vier kolommen (artikelnr | titel | prijs | bestellen); de details waren dicht. Een echte tabel deelt de ruimte op dezelfde manier uit */
.shopCompact .artikel {display: table; width: 100%; border-spacing: 5px; table-layout: fixed;}
.shopCompact .artikel > *, .shopCompact .artikel > .afbeeldingHouder {display: none;}
.shopCompact .artikel > .artikelnr, .shopCompact .artikel > .omschrijving, .shopCompact .artikel > .prijzen, .shopCompact .artikel > .bestellen {display: table-cell; vertical-align: top; margin: 0; padding: 0 10px 0 0;}
.shopCompact .artikel > .artikelnr {width: 90px;}
.shopCompact .artikel > .omschrijving > :not(.titel) {display: none;}
/* oud: h2 van 20px/25px met de tekst in een a van 12px Arial; zonder die a geeft 28px per regel en 2px omlaag hetzelfde beeld */
.shopHolder .shopCompact .artikel > .omschrijving > h2.titel {position: relative; top: 2px; margin: 0; color: #000; font: bold 12px/28px arial, helvetica, sans-serif;}
.shopCompact .artikel > .prijzen {width: 105px; white-space: nowrap; text-align: right; font-size: 14px;}
.shopCompact .artikel > .bestellen {width: 55px; padding: 0 0 0 10px;}
.shopHolder .shopCompact .artikel .bestellen .bestelknop .aantalMinPlus {display: contents;}
.shopCompact .artikel .bestellen .aantalMinPlus > .min, .shopCompact .artikel .bestellen .aantalMinPlus > .plus {display: none;}
@media (max-width: 760px) {
  .shopCompact .artikel {table-layout: auto;}
  .shopCompact .artikel > .artikelnr {display: none;}
  .shopCompact .artikel > .prijzen {width: auto; padding: 0;}
}

/* winkelmand: oud een kolom (kopregel, artikeltabel, grijs totaalblok van 540px rechts met totalen, afdrukken, kortingscode en knop) */
.stap.een .kassainkollommen {display: grid; grid-template-columns: 1fr 48%;}
.stap.een .kassainkollommen > .links, .stap.een .kassainkollommen > .rechts, .stap.een .kassainkollommen .knoppenHouder, .stap.een .kassainkollommen .sticky, .stap.een .kassainkollommen .sticky > .blok, .stap.een .kassainkollommen .totalen {display: contents;}
.stap.een .kassainkollommen > .rechts > .blok:first-child {grid-area: 1 / 1 / 2 / 3; margin: 0; padding: 0; background: none;}
.stap.een .kassainkollommen .kassaArtikelen {grid-area: 2 / 1 / 3 / 3;}
.stap.een .kassainkollommen::before {content: ""; grid-area: 3 / 2 / 7 / 3; background-color: #eee;}
.stap.een .kassainkollommen .totalenTabel {grid-area: 3 / 2; margin: 30px 30px 0;}
.stap.een .kassainkollommen .pdfKnop {grid-area: 4 / 2; margin: 0 30px;}
.stap.een .kassainkollommen .couponcodeHouder {grid-area: 5 / 2; margin: 0 30px;}
.stap.een .kassainkollommen .stappenKnop {grid-area: 6 / 2; margin: 10px 30px 30px;}
@media (max-width: 760px) {
  .stap.een .kassainkollommen {grid-template-columns: 1fr;}
  .stap.een .kassainkollommen > .rechts > .blok:first-child, .stap.een .kassainkollommen .kassaArtikelen {grid-column: 1;}
  .stap.een .kassainkollommen::before {grid-column: 1;}
  .stap.een .kassainkollommen .totalenTabel {grid-column: 1; margin: 15px 15px 0;}
  .stap.een .kassainkollommen .pdfKnop, .stap.een .kassainkollommen .couponcodeHouder {grid-column: 1; margin: 0 15px;}
  .stap.een .kassainkollommen .pdfKnop {margin-bottom: 15px;}
  .stap.een .kassainkollommen .stappenKnop {grid-column: 1; margin: 10px 15px 15px;}
}
.stap.een .kassainkollommen #gratisCadeauVoortgang:empty {display: none;}
/* artikelregels: oud alleen de prijs, een kaal aantal-veld en het kruisje in een eigen kolom rechts */
#artikelRegelsPresentatie .kassaArtikel .prijzen .btwinfo, #artikelRegelsPresentatie .kassaArtikel .prijzen .relatieBtwPrijs {display: none;}
#artikelRegelsPresentatie .kassaArtikel .prijzen, #artikelRegelsPresentatie .kassaArtikel .prijzen .prijs {font-size: 13px; font-weight: normal;}
#artikelRegelsPresentatie .kassaArtikel .aantalMinPlus {display: block; max-width: none; margin: 0; border: 0; background: none; text-align: center;}
#artikelRegelsPresentatie .kassaArtikel .aantalMinPlus > .min, #artikelRegelsPresentatie .kassaArtikel .aantalMinPlus > .plus {display: none;}
#artikelRegelsPresentatie .kassaArtikel .aantalMinPlus > input {display: inline-block;}
#artikelRegelsPresentatie .kassaArtikel {position: relative;}
#artikelRegelsPresentatie .kassaArtikel > td.regelVolgorde {padding: 10px;}
/* kolombreedtes van de oude tabel, per breekpunt vast */
#artikelRegelsPresentatie tr > th:nth-child(1) {width: 120px;}
#artikelRegelsPresentatie tr > th:nth-child(2) {width: 479px;}
#artikelRegelsPresentatie tr > th:nth-child(3) {width: 243px;}
#artikelRegelsPresentatie tr > th:nth-child(4) {width: 116px;}
#artikelRegelsPresentatie tr > th:nth-child(5) {width: 131px;}
#artikelRegelsPresentatie tr > th:nth-child(6) {width: 36px;}
#artikelRegelsPresentatie .kassaArtikel > td.regelVolgorde {width: 16px;}
@media (max-width: 1200px) {
  #artikelRegelsPresentatie tr > th:nth-child(1) {width: 120px;}
  #artikelRegelsPresentatie tr > th:nth-child(2) {width: 383px;}
  #artikelRegelsPresentatie tr > th:nth-child(3) {width: 195px;}
  #artikelRegelsPresentatie tr > th:nth-child(4) {width: 92px;}
  #artikelRegelsPresentatie tr > th:nth-child(5) {width: 105px;}
  #artikelRegelsPresentatie tr > th:nth-child(6) {width: 29px;}
  #artikelRegelsPresentatie .kassaArtikel > td.regelVolgorde {width: 9px;}
}
@media (max-width: 1000px) {
  #artikelRegelsPresentatie tr > th:nth-child(1) {width: 70px;}
  #artikelRegelsPresentatie tr > th:nth-child(2) {width: 282px;}
  #artikelRegelsPresentatie tr > th:nth-child(3) {width: 158px;}
  #artikelRegelsPresentatie tr > th:nth-child(4) {width: 66px;}
  #artikelRegelsPresentatie tr > th:nth-child(5) {width: 85px;}
  #artikelRegelsPresentatie tr > th:nth-child(6) {width: 23px;}
  #artikelRegelsPresentatie .kassaArtikel > td.regelVolgorde {width: 3px;}
}
/* het kruisje stond oud in een eigen cel na het regeltotaal, verticaal gecentreerd */
#artikelRegelsPresentatie .kassaArtikel .aantallen .verwijderen {position: absolute; top: calc(50% - 10.7px); left: calc(100% - 26px);}
@media (max-width: 1200px) {
  #artikelRegelsPresentatie .kassaArtikel .aantallen .verwijderen {left: calc(100% - 19px);}
}
@media (max-width: 1000px) {
  #artikelRegelsPresentatie .kassaArtikel .aantallen .verwijderen {left: calc(100% - 13px);}
}
#artikelRegelsPresentatie .kassaArtikel .voorraad {margin: 0;}
#artikelRegelsPresentatie .kassaArtikel .voorraad .getal {display: inline; padding: 0; background: none;}
.stap .couponcodeHouder .couponcode {display: inline-table; width: 100%; margin: 10px 0;}

/* kassa stap 2: oud kopregel, Bestaande klant over de volle breedte, dan links Algemene gegevens en rechts onder elkaar Afleveradres, de vinkjes en het totaalblok (beide 48%) */
.stap.twee .kassainkollommen {display: grid; grid-template-columns: 48% 48%; grid-template-rows: repeat(5, auto) 1fr auto; justify-content: space-between; align-items: start;}
.stap.twee .kassainkollommen > .links, .stap.twee .kassainkollommen > .links > div, .stap.twee .kassainkollommen > .rechts, .stap.twee .kassainkollommen .sticky, .stap.twee .kassainkollommen .sticky > .blok {display: contents;}
.stap.twee .kassainkollommen .sticky > .blok > p {grid-area: 1 / 1 / 2 / 3; margin: 0 0 10px;}
.stap.twee .kassainkollommen .stap2_bestaandeKlant {grid-area: 2 / 1 / 3 / 3; margin: 0 0 10px;}
.stap.twee .kassainkollommen .algemeneGegevens {grid-area: 3 / 1 / 7 / 2; margin: 0 0 20px;}
.stap.twee .kassainkollommen .afleverAdres {grid-area: 3 / 2; margin: 0 0 20px;}
.stap.twee .kassainkollommen #stap2_factuuruitklap {grid-area: 4 / 2;}
.stap.twee .kassainkollommen #stap2_bewaaraccount {grid-area: 5 / 2;}
.stap.twee .kassainkollommen .totalen {grid-area: 7 / 2; margin: 0;}
/* in de gridcel geldt de oude 48% (toen van de hele breedte) niet meer */
.stap.twee .kassainkollommen > *, .stap.twee .kassainkollommen .algemeneGegevens, .stap.twee .kassainkollommen .afleverAdres, .stap.twee .kassainkollommen #stap2_factuuruitklap, .stap.twee .kassainkollommen #stap2_bewaaraccount, .stap.twee .kassainkollommen .totalen {width: auto; float: none; box-sizing: border-box;}

/* kassa stap 3: verzend- en betaalmethode naast elkaar (48%), het totaalblok rechts eronder */
.stap.drie .kassainkollommen {display: grid; grid-template-columns: 48% 48%; justify-content: space-between; align-items: start;}
.stap.drie .kassainkollommen > .links, .stap.drie .kassainkollommen > .links > div, .stap.drie .kassainkollommen > .rechts, .stap.drie .kassainkollommen .sticky, .stap.drie .kassainkollommen .sticky > .blok {display: contents;}
.stap.drie .kassainkollommen .sticky > .blok > p {grid-area: 1 / 1 / 2 / 3; margin: 0 0 10px;}
.stap.drie .kassainkollommen > .links > div:nth-child(1) > .blokholder {grid-area: 2 / 1; margin: 0 0 20px;}
.stap.drie .kassainkollommen > .links > div:nth-child(2) > .blokholder {grid-area: 2 / 2; margin: 0 0 20px;}
.stap.drie .kassainkollommen .totalen {grid-area: 3 / 2; margin: 0;}
.stap.drie .kassainkollommen .blokholder, .stap.drie .kassainkollommen .totalen {width: auto; float: none; box-sizing: border-box;}

/* kassa stap 4: gegevens en artikelregels over de volle breedte, het totaalblok rechts (48%) */
.stap.vier .kassainkollommen {display: grid; grid-template-columns: 1fr 48%; align-items: start;}
.stap.vier .kassainkollommen > .links, .stap.vier .kassainkollommen > .rechts, .stap.vier .kassainkollommen .sticky, .stap.vier .kassainkollommen .sticky > .blok {display: contents;}
.stap.vier .kassainkollommen .sticky > .blok > p {grid-area: 1 / 1 / 2 / 3; margin: 0 0 10px;}
.stap.vier .kassainkollommen .stap4Gegevens {grid-area: 2 / 1 / 3 / 3; margin: 0 0 20px;}
.stap.vier .kassainkollommen .kassaArtikelen {grid-area: 3 / 1 / 4 / 3; margin: 0 0 20px;}
.stap.vier .kassainkollommen .totalen {grid-area: 4 / 2; margin: 0; width: auto; float: none; box-sizing: border-box;}

/* categorietegels: oud stond de titel boven de afbeelding */
.shopCategorieHolder .categorie .inner {display: flex; flex-direction: column;}
.shopCategorieHolder .categorie .inner > .titel {order: -1;}
@media (max-width: 760px) {
  /* oud: .art-Block 5% binnenmarge, Block-body en BlockContent-body 0 */
  .art-Block:not(:has(> .h2)) {padding: 5%;}
  .art-Block:not(:has(> .h2)) > .art-BlockHeader {margin: 0;}
}
@media (max-width: 760px) {
  .stap.twee .kassainkollommen {grid-template-columns: 100%; grid-template-rows: none;}
  .stap.twee .kassainkollommen .sticky > .blok > p, .stap.twee .kassainkollommen .stap2_bestaandeKlant {grid-column: 1;}
  .stap.twee .kassainkollommen .algemeneGegevens {grid-area: 3 / 1;}
  .stap.twee .kassainkollommen .afleverAdres {grid-area: 4 / 1;}
  .stap.twee .kassainkollommen #stap2_factuuruitklap {grid-area: 5 / 1;}
  .stap.twee .kassainkollommen #stap2_bewaaraccount {grid-area: 6 / 1;}
  .stap.twee .kassainkollommen .totalen {grid-area: 7 / 1;}
}
/* de knop Bestaande klant? van de standaard bestond oud niet; het inlogblok staat altijd open */
.stap.twee bestaande-klant-knop {display: none;}

/* mandje-dropdown: oud een compacte regel (kleine afbeelding, titel, nummer, voorraad, aantal als tekst, prijs, kruisje) */
#winkelmandje .kassaWinkelmandje tr.artikel > td {padding: 10px 0; vertical-align: middle;}
#winkelmandje .kassaWinkelmandje tr.artikel > td.kassaArtikelAfbeeldingHolder {width: 50px; padding-right: 10px;}
#winkelmandje .kassaWinkelmandje tr.artikel .afbeeldingHouder {width: 50px;}
#winkelmandje .kassaWinkelmandje tr.artikel .afbeeldingHouder img {position: static; width: 50px !important; max-width: 50px; height: auto !important;}
#winkelmandje .kassaWinkelmandje tr.artikel .afbeeldingHouder .verhouding, #winkelmandje .kassaWinkelmandje tr.artikel .kassaArtikelnrTitel {display: none;}
#winkelmandje .kassaWinkelmandje tr.artikel a.kassaArtikelTitel {display: block; color: #000; font-size: 14.3px; font-weight: bold; text-decoration: none;}
#winkelmandje .kassaWinkelmandje tr.artikel .voorraad {margin: 0;}
#winkelmandje .kassaWinkelmandje tr.artikel .voorraad .getal {display: inline; padding: 0; background: none;}
#winkelmandje .kassaWinkelmandje tr.artikel > td.aantallen {padding: 10px; text-align: center;}
#winkelmandje .kassaWinkelmandje tr.artikel .aantalMinPlus {display: block; max-width: none; margin: 0; border: 0; background: none;}
#winkelmandje .kassaWinkelmandje tr.artikel .aantalMinPlus > .min, #winkelmandje .kassaWinkelmandje tr.artikel .aantalMinPlus > .plus, #winkelmandje .kassaWinkelmandje tr.artikel .prijzen .relatieBtwPrijs, #winkelmandje .kassaWinkelmandje tr.artikel .prijzen .btwinfo {display: none;}
#winkelmandje .kassaWinkelmandje tr.artikel .aantalMinPlus > input {width: 21px; padding: 0; border: 0; background: none; text-align: center; font-size: 13px;}
#winkelmandje .kassaWinkelmandje tr.artikel .prijzen, #winkelmandje .kassaWinkelmandje tr.artikel .prijzen .prijs {padding: 0; font-size: 13px; font-weight: normal; text-align: right;}
#winkelmandje .kassaWinkelmandje tr.artikel > td.verwijderKnop {padding: 10px;}
#winkelmandje .inhoud.totaal {display: flex; justify-content: space-between; align-items: center;}
#winkelmandje .inhoud.totaal .prijzen .prijs {padding: 0;}
/* naam van de verzend- en betaaloptie was oud vet; hij zit nu in .inhoud */
.stap.drie .regel > .inhoud > .omschrijving {font-weight: bold;}
@media (max-width: 760px) {
  .stap.drie .kassainkollommen, .stap.vier .kassainkollommen {grid-template-columns: 100%;}
  .stap.drie .kassainkollommen .sticky > .blok > p, .stap.vier .kassainkollommen .sticky > .blok > p, .stap.vier .kassainkollommen .stap4Gegevens, .stap.vier .kassainkollommen .kassaArtikelen {grid-column: 1;}
  .stap.drie .kassainkollommen > .links > div:nth-child(1) > .blokholder {grid-area: 2 / 1;}
  .stap.drie .kassainkollommen > .links > div:nth-child(2) > .blokholder {grid-area: 3 / 1;}
  .stap.drie .kassainkollommen .totalen {grid-area: 4 / 1;}
  .stap.vier .kassainkollommen .totalen {grid-area: 4 / 1;}
}

/* orderknoppen in het account: live viel var(--color1, #444) terug op #444 */
.mijnOrdersKnoppen > a:hover {background: #444; border-color: #444;}