:root {
  --font-default: "OpenSans", sans-serif;
  --font-fontawesome: "Font Awesome 6 Pro";
  --black: #221E1F;
  --white: #FFFFFF;
  --light-blue: #007AC324;
  --blue: #007AC3;
  --dark-blue: #005D94;
  --orange: #FF8B21;
  --dark-orange: #E27D20;
  --red: #C20007;
  --light-gray: #F6F6F6;
  --gray: #888888;
  --dark-gray: #424242;
  --border-active-filter: 1px solid var(--orange);
  --border-radius-round: 100%;
  --border-radius-badge: 0px 8px 8px 8px;
  --border-radius-button: 0px 19px 19px 19px;
  --border-radius-filter: 0px 25px 25px 25px;
  --border-radius-filter-block: 0px 24px 24px 24px;
  --border-radius-price: 0px 20px 20px 20px;
  --border-radius-image: 24px;
  --border-radius-important-filter: 0.25rem;
  --border-radius-categorie: 8px;
  --border-radius-pdp-type: 15px;
  --border-radius-input-field: 5px 5px 5px 5px;
  --border-radius-showroom: 0px 24px;
  --border-radius-category-button: 20px;
  --border-radius-onderdelen-img: 10px 10px 0 0;
  --border-radius-pdp-image: 10px 0px 10px 10px;
  --border-radius-pdp-small: 10px;
  --text-top-header: 700 14px/24px var(--font-default);
  --text-header-button: 700 16px/22px var (--font-default);
  --text-header-menu: 700 18px/24px var(--font-default);
  --text-default-bold: 700 16px var(--font-default);
  --titel-menu: 700 18px/26px var(--font-default);
  --menu-items: 400 16px/24px var(--font-default);
  --text-page-title: 700 24px/24px var(--font-default);
  --text-page-title-mobile: 700 18px/24px var(--font-default);
  --text-catogorie-block: 700 16px/24px var(--font-default);
  --text-catogorie-block-mobile: 400 16px/24px var(--font-default);
  --text-search-block: 700 16px/24px var(--font-default);
  --text-menu-large: 700 22px/30px var(--font-default);
  --text-motor-card: 700 20px/24px var(--font-default);
  --text-motor-card-small: 700 16px/24px var(--font-default);
  --text-motor-card-tabs: 400 20px/24px var(--font-default);
  --text-motor-card-tabs-mobile: 400 16px/24px var(--font-default);
  --text-motor-card-tabs-active: 700 20px/24px var(--font-default);
  --text-motor-card-tabs-active-mobile: 700 16px/24px var(--font-default);
  --text-block-home: 700 18px/24px var(--font-default);
  --title-content: 700 20px/27px var(--font-default);
  --footer-text: 400 16px/24px var(--font-default);
  --footer-text-bold: 700 16px/24px var(--font-default);
  --text-footer-button: 700 18px/24px var(--font-default);
  --text-footer-bottom: 700 14px/24px var(--font-default);
  --text-breadcrumb: 400 14px/24px var(--font-default);
  --title-category: 700 24px/24px var(--font-default);
  --title-category-mobile: 700 14px/24px var(--font-default);
  --text-category-paragraf: 400 16px/24px var(--font-default);
  --text-category-block: 700 16px/24px var(--font-default);
  --text-product-card-title: 700 14px/20px var(--font-default);
  --text-category: 400 18px/24px var(--font-default);
  --text-category-info: 700 16px/22px var(--font-default);
  --text-category-info-italic: italic normal 400 14px/19px var(--font-default);
  --text-category-search: 600 16px/24px var(--font-default);
  --text-category-button: 700 18px/24px var(--font-default);
  --text-category-search: 700 14px/19px var(--font-default);
  --text-motor-properties: 400 16px/22px var(--font-default);
  --text-motor-properties-mobile: 400 12px/22px var(--font-default);
  --titel-pdp: 700 20px/24px var(--font-default);
  --titel-pdp-mobile: 700 16px/24px var(--font-default);
  --text-pdp-description: 400 20px/23px var(--font-default);
  --text-pdp-characteristics: 400 16px/24px var(--font-default);
  --text-pdp-characteristics-mobile: 400 14px/24px var(--font-default);
  --text-pdp-characteristics-bold: 700 16px/24px var(--font-default);
  --text-pdp-characteristics-bold-mobile: 700 14px/24px var(--font-default);
  --text-pdp-back: 700 16px/24px var(--font-default);
  --text-pdp-back-mobile: 700 14px/24px var(--font-default);
  --text-pdp-type: 700 18px/24px var(--font-default);
  --text-pdp-dropdown: 400 14px/24px var(--font-default);
  --text-price-categorie: 700 21px/25px var(--font-default);
  --text-price-pdp: 700 20px/25px var(--font-default);
  --text-price-pdp-small: 700 16px/25px var(--font-default);
  --text-old-price: 700 10px/14px var(--font-default);
  --text-filter: 700 18px/24px var(--font-default);
  --text-selected-filter-button: 700 12px/17px var(--font-default);
  --text-filter-small: 400 16px 24px var(--font-default);
  --title-mailchimp: 700 16px/24px var(--font-default);
  --text-mailchimp-label: 400 16px/22px var(--font-default);
  --text-button-small: 700 16px/24px var(--font-default);
  --text-button-medium: 700 16px/22px var(--font-default);
  --text-button-large: 700 18px/24px var(--font-default);
  --text-link: 700 14px/19px var(--font-default);
  --h1-font: 700 20px/24px var(--font-default);
  --h2-font: 700 20px/24px var(--font-default);
  --h3-font: 700 16px/24px var(--font-default);
  --p-font: 400 16px/23px var(--font-default);
  --h2-font-mobile: 700 16px/24px var(--font-default);
  --paragraf-font: 400 18px/24px var(--font-default);
  --text-badge: 400 14px/22px var(--font-default);
  --text-steps: 700 20px/24px var(--font-default);
  --text-steps-mobile: 700 14px/24px var(---font-default);
  --text-article-title: 700 14px/24px var(--font-default);
  --text-article-number: 400 14px/24px var(--font-default);
  --text-order-price-mobile: 700 12px/19px var(--font-default);
  --text-order-price: 700 14px/19px var(--font-default);
  --text-checkboxes: 400 16px/22px var(--font-default);
  --text-subheader: 700 16px/24px var(--font-default);
  --title-contact: 700 16px/24px var(--font-default);
  --title-contact-moible: 700 18px/24px var(--font-default);
  --title-contact-timetable: 400 16px/24px var(--font-default);
  --padding-extra-small: 4px;
  --padding-small: 8px;
  --padding-default: 16px;
  --padding-medium: 24px;
  --padding-large: 32px;
  --padding-medium-large: 56px;
  --padding-extra-large: 64px;
  --padding-features: 72px;
  --padding-large-top: 48px;
  --margin-bottom-top: 64px 0 64px 0;
}
/*#region General */
.photo-search-block,
.of-label-wrapper {
  display: none !important;
}
/*#endregion */
/*#region General */
html,
body {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-default);
  -webkit-font-smoothing: antialiased;
  font-size: 15px;
  line-height: 1.5;
  color: var(--black);
}
* {
  outline: 0;
}
img {
  border: none;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.clear {
  clear: both;
}
div {
  position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  color: var(--black);
  text-align: left;
}
h1 {
  font-size: 20px;
}
.content_title h1 {
  font: var(--h1-font);
  text-transform: uppercase;
}
.content_title h2 {
  font: var(--h2-font);
}
.content_text h3 {
  font: var(--h3-font);
}
.content_text p {
  font: var(--p-font);
}
.content_text ul {
  font: var(--p-font);
}
h2 {
  font-size: 18px;
}
.uk-link,
a {
  color: var(--black);
  text-decoration: none;
  cursor: pointer;
}
.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
  color: var(--dark-blue);
  text-decoration: underline;
}
.uk-lightbox-items {
  position: static;
}
* {
  outline: 0 !important;
}
.button,
.btn {
  height: 35px;
  line-height: 35px;
  text-align: center;
  padding: var(--padding-extra-small) var(--padding-medium);
  color: var(--black);
  background-color: var(--orange);
  text-decoration: none;
  display: inline-block;
  border: none;
  cursor: pointer;
  border-radius: var(--border-radius-button);
}
.button:hover {
  background-color: var(--dark-orange);
}
.mobile {
  display: none;
}
.catviewproduct .product-photo-overlay {
  background: transparent url(/designimages/knalpot/watermark_medium.png) no-repeat 50% 100%;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  z-index: 95;
  display: block;
  cursor: pointer;
}
.noprice.catviewproduct .product-photo-overlay {
  display: none;
}
.big_image .product-photo-overlay {
  background: transparent url(/designimages/knalpot/watermark_small.png) no-repeat 50% 50%;
  width: 100%;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  z-index: 95;
  display: block;
  cursor: pointer;
}
.small_pics .product-photo-overlay {
  background: transparent url(/designimages/knalpot/watermark_medium.png) no-repeat 50% 50%;
  width: 100%;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  z-index: 95;
  display: block;
  cursor: pointer;
}
.prodartimg .product-photo-overlay {
  background: transparent url(/designimages/knalpot/watermark_medium.png) no-repeat 50% 100%;
  width: 100%;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  z-index: 95;
  display: block;
  cursor: pointer;
}
iframe[name='google_conversion_frame'] {
  height: 0 !important;
  width: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}
/*#endregion */
/*#region Wrapper */
#wrapper {
  display: table;
  height: 100%;
  width: 100%;
}
.banner-wrapper {
  display: table-row;
}
#container {
  display: table-row;
  height: 100%;
}
.content-small-width {
  max-width: 1280px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
}
.content-width-footer {
  max-width: 1040px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0 auto;
}
.mobile-content {
  display: none;
}
.desktop-content {
  display: block;
}
/*#endregion */
/*#region Input fields */
.purchase-errors,
.form_error_container {
  background-color: #f9d0d8;
  border: 2px solid #cb132e;
  padding: 20px 20px;
  width: 100%;
  box-sizing: border-box;
  color: #cb132e;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: left;
  margin-top: var(--padding-medium);
}
.purchase-errors:empty,
.form_error_container:empty {
  display: none;
}
input[type=button],
input[type=submit],
button {
  -webkit-appearance: none;
  border-radius: 0;
}
input[type=text],
textarea {
  font-family: 'OpenSans', sans-serif;
  font-size: 13px;
}
.button {
  -webkit-appearance: none;
  border: none;
  height: 35px;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}
.button.black {
  background-color: #303842;
}
.button.blue {
  background-color: var(--blue);
}
.text {
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-radius: 4px;
}
.text:focus {
  border: 1px solid #777777;
}
.select {
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-radius: 4px;
}
.detailInput {
  display: inline-block;
  padding-right: 10px;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
}
.textarea {
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-radius: 4px;
  min-height: 100px;
  resize: vertical;
}
.customcheckbox input[type="checkbox"],
.customcheckbox input[type="radio"] {
  display: none;
}
.customcheckbox input[type="radio"] + label,
.customcheckbox input[type="checkbox"] + label {
  cursor: pointer;
}
.customcheckbox input[type="checkbox"] + label span,
.customcheckbox input[type="radio"] + label span {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  background-color: #fff;
}
.customcheckbox:not(.square) input[type="radio"] + label span {
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
}
.customcheckbox input[type="checkbox"]:checked + label span:before,
.customcheckbox input[type="radio"]:checked + label span:before {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  left: 1px;
  background-color: var(--blue);
  content: '';
  display: block;
  padding: 4px;
  border-radius: 5px;
}
.customcheckbox:not(.square) input[type="radio"]:checked + label span:before {
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
}
.custom-checkbox-border input[type="checkbox"] + label span,
.custom-checkbox-border input[type="radio"] + label span {
  border: 1px solid var(--gray);
}
.anderadres-checkbox.gender-male,
.anderadres-checkbox.gender-female {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.anderadres-checkbox.gender-male.active:before,
.anderadres-checkbox.gender-female.active:before {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  left: 1px;
  background-color: var(--blue);
  content: '';
  display: block;
}
.anderadres-checkbox.bezorginganders,
.anderadres-checkbox.betaalbox,
.cb-button .icon {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  line-height: normal;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
}
.anderadres-checkbox.bezorginganders.active:before,
.anderadres-checkbox.betaalbox.active:before,
.cb-button.active .icon:before {
  position: absolute;
  top: 0;
  bottom: 1px;
  right: 1px;
  left: 1px;
  background-color: var(--blue);
  content: '\f00c';
  font-family: FontAwesome;
  display: block;
  font-size: 15px;
  color: var(--white);
  border-radius: 5px;
  padding: 3px;
}
.cb-button span {
  cursor: pointer;
}
#main .subtotal_right:before {
  content: '€';
  display: block;
  width: 10px;
  float: left;
}
/*#endregion */
/*#region Select */
.jcf-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  border-bottom: 1px solid var(--white);
  background: transparent;
  min-width: 200px;
  height: 35px;
  box-sizing: border-box;
}
.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0;
  padding: 0.675em 6em 0.675em 1em;
}
.jcf-select .jcf-select-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  font-size: 16px;
  line-height: 33px;
  margin: 0 35px 0 8px;
  color: var(--white);
}
.jcf-select .jcf-select-opener:after {
  position: absolute;
  text-align: center;
  font-family: 'Font Awesome 5 Pro';
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  text-rendering: auto;
  line-height: 1;
  width: 25px;
  content: '\f107';
  bottom: 0;
  right: 0;
  top: 10px;
  height: 15px;
  color: var(--white);
}
.jcf-select-gray {
  border: 1px solid var(--black);
  border-radius: var(--border-radius-button);
  height: 40px;
  line-height: 40px;
}
.jcf-select-gray .jcf-select-text {
  color: var(--black);
  height: 40px;
  line-height: 40px;
}
body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0px;
  z-index: 9999;
  top: 100%;
  left: -1px;
  right: -1px;
}
.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto;
}
.jcf-select.jcf-compact-multiple {
  max-width: 220px;
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
  display: inline-block;
  padding-top: 2px;
  content: '...';
}
.jcf-select-drop .jcf-select-drop-content {
  border: 1px solid #00ab8e;
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
  background: none;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
  background: #cccccc;
  color: #000;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
  display: inline-block;
  content: '';
  height: 4px;
  width: 8px;
  margin: -7px 5px 0 -3px;
  border: 3px solid #777;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}
/* multiple select styles */
.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #cccccc;
  min-width: 200px;
  margin: 0 15px;
}
/* select options styles */
.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #fff;
  line-height: 14px;
  font-size: 12px;
  width: 100%;
}
.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%;
}
.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.jcf-list ul li {
  overflow: hidden;
  display: block;
}
.jcf-list .jcf-overflow {
  overflow: auto;
}
.jcf-list .jcf-option {
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 5px 9px;
  color: #777;
  min-height: 14px;
  height: 1%;
}
.jcf-list .jcf-disabled {
  background: #fff !important;
  color: #aaa !important;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  background: #e6e6e6;
  color: #000;
}
.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 5px 9px;
  cursor: default;
  color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px;
}
/*#endregion */
/*#region Container top */
.header-items {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  background-color: white;
}
#container_top {
  display: block;
  background-color: #ffffff;
}
#container_top .header-left {
  width: 25%;
  min-width: 140px;
  max-width: 190px;
  height: 83px;
  z-index: 99;
}
#container_top .header-left a {
  display: block;
  margin-top: -8px;
}
.header-top {
  background: var(--blue);
  padding: 2px 0;
}
.header-top .header-top-inner {
  display: flex;
  justify-content: flex-end;
  gap: 65px;
  font: var(--text-top-header);
  color: var(--white);
}
.header-top .header-top-inner span {
  padding-top: var(--padding-extra-small);
}
#container_top .header-top img {
  padding-top: var(--padding-extra-small);
}
#container_top .header-right .header-top {
  padding-left: var(--padding-default);
  vertical-align: middle;
  color: var(--white);
}
#container_top .header-right .header-top .header-top-item {
  display: inline-block;
  margin-right: 60px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
}
#container_top .header-right .header-top .header-top-item .fa {
  padding-right: 5px;
}
#container_top .header-right .header-bottom {
  height: 80px;
}
#container_top .header-right .header-bottom .header-bottom-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  padding-top: var(--padding-default);
  padding-bottom: var(--padding-default);
}
#container_top .header-right .header-bottom .header-bottom-right .wapp-btn:hover,
#container_top .header-right .header-bottom .header-bottom-right .telefoon-btn:hover {
  background-color: var(--dark-blue);
  color: var(--white);
  text-decoration: none;
}
#container_top .header-right .header-bottom .header-bottom-left {
  display: none;
  margin-top: 20px;
  float: left;
  width: calc(100% - 135px);
  padding-left: 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#container_top .header-facebook-icon img {
  height: 20px;
}
#container_top .header-instagram-icon img {
  height: 24px;
}
.header-top-icons {
  display: flex;
  gap: 16px;
}
.telefoon-btn,
.wapp-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: var(--padding-medium);
  border: 0;
  border-radius: var(--border-radius-button);
  width: 160px;
  height: 32px;
  line-height: 24px;
  text-align: left;
  background-color: var(--black);
  font: var(--text-default-bold);
  text-decoration: none;
  color: var(--white);
  cursor: pointer;
}
.telefoon-btn .icon {
  width: 18px;
  height: 18px;
  margin-right: var(--padding-small);
}
.telefoon-btn::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 22px;
  background-image: url('/designimages/knalpot/phone-light.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-right: var(--padding-small);
  vertical-align: middle;
}
.wapp-btn::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 26px;
  background-image: url('/designimages/knalpot/whatsapp-solid.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 3px;
  margin-right: var(--padding-small);
  margin-left: -5px;
  vertical-align: middle;
}
.onderhoudsbeurt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 325px;
  height: 32px;
  background-color: var(--orange);
  color: #000;
  border: 0;
  cursor: pointer;
  font: var(--text-default-bold);
  line-height: 22px;
  border-radius: var(--border-radius-button);
  text-decoration: none;
}
.onderhoudsbeurt-btn:hover {
  background-color: var(--dark-orange);
  color: var(--black);
  text-decoration: none;
}
.onderhoudsbeurt-btn::before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 20px;
  background-image: url('/designimages/knalpot/screwdriver-wrench-regular.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 20px;
  margin-left: -5px;
  vertical-align: middle;
}
.onderhoudsbeurt-btn::after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 20px;
  background-image: url('/designimages/knalpot/arrow-right.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 12px;
  vertical-align: middle;
}
.shoppingcart .shoppingcart-price {
  display: none;
}
.shoppingcart-icon {
  width: 28px;
  height: auto;
}
.phone-mobile-icon {
  display: none;
}
.whatsapp-mobile-icon {
  display: none;
}
.screwdriver-mobile-icon {
  display: none;
}
/*#region Search */
#search {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  background-color: #e3f4ff;
  color: #007ac3;
  border: none;
  padding-right: 45px;
}
#headerSearchButton {
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
  width: 40px;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  border-left: 5px solid #fff;
  cursor: pointer;
}
#headerSearchButton:before {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  content: '\f002';
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.formHolder ::-webkit-input-placeholder {
  color: #007ac3;
}
.formHolder :-moz-placeholder {
  /* Firefox 18- */
  color: #007ac3;
}
.formHolder ::-moz-placeholder {
  /* Firefox 19+ */
  color: #007ac3;
}
.formHolder :-ms-input-placeholder {
  color: #007ac3;
}
/*#endregion */
/*#region ShoppingCart */
.shoppingcart {
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 32px;
}
.shoppingcart .fa-shopping-cart {
  font-size: 40px;
  color: #221e1f;
  vertical-align: top;
  margin-top: 5px;
}
.shoppingcart .shoppingcart-amount {
  position: absolute;
  top: 2px;
  right: -10px;
  width: 18px;
  height: 18px;
  line-height: normal;
}
.shoppingcart .shoppingcart-amount .fa-circle {
  color: var(--orange);
  font-size: 20px;
}
.shoppingcart .shoppingcart-amount .header-cart-amount {
  color: var(--black);
  display: block;
  left: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 3px;
  width: 19px;
}
/*#endregion */
/*#endregion */
/*#region Menu */
#menu {
  background-color: var(--black);
}
#menu ul.menu_level0 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 50px;
  justify-content: flex-end;
  font: var(--text-header-menu);
}
#menu ul.menu_level0 > li {
  position: relative;
}
#menu ul.menu_level0 > li a {
  display: block;
  color: var(--white);
  text-decoration: none;
  padding: 8px 0;
  box-sizing: border-box;
}
#menu ul.menu_level0 > li a:hover {
  color: var(--orange);
}
#menu ul.menu_level0 > li:hover .dropdown {
  display: flex;
}
#menu ul.menu_level0 .dropdown {
  display: none !important;
  position: absolute;
  right: 0;
  padding: var(--padding-default);
  box-sizing: border-box;
  gap: var(--padding-extra-large);
  transform: translateX(50%);
  background: var(--light-gray);
  z-index: 99;
}
#menu ul.menu_level0 .dropdown .header-top-search-part {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 300px;
  color: var(--blue);
}
#menu ul.menu_level0 .dropdown .header-top-search-part .onderhoudsbeurt-btn {
  display: inline-flex;
  margin-top: var(--padding-default);
  width: 100%;
  color: var(--black);
}
#menu ul.menu_level0 .dropdown .header-top-search-part .onderhoudsbeurt-btn:before,
#menu ul.menu_level0 .dropdown .header-top-search-part .onderhoudsbeurt-btn:after {
  display: none;
}
#menu ul.menu_level0 .dropdown .dropdown-inner {
  height: auto !important;
  width: calc(900px - 2 * var(--padding-default));
}
#menu ul.menu_level0 .dropdown .dropdown-inner .col {
  float: left;
  margin-bottom: 10px;
}
#menu ul.menu_level0 .dropdown .dropdown-inner .col h2 {
  margin: 0;
}
#menu ul.menu_level0 .dropdown .dropdown-inner .col h2 a {
  color: var(--blue);
  text-decoration: underline;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  padding: 0;
}
#menu ul.menu_level0 .dropdown .dropdown-inner .col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu ul.menu_level0 .dropdown .dropdown-inner .col ul li {
  margin-top: 10px;
}
#menu ul.menu_level0 .dropdown .dropdown-inner .col ul li a {
  display: inline-block;
  padding: 0;
  line-height: 22px;
  font-weight: 400;
  font-size: 16px;
  color: var(--black);
}
#menu ul.menu_level0 .dropdown .dropdown-inner .col ul li a:hover {
  font-weight: 700;
}
#btn_menu {
  vertical-align: top;
  margin-top: 10px;
  height: 40px;
  width: 40px;
  background-color: transparent;
  background-repeat: no-repeat;
  display: none;
  text-indent: -900em;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  outline: none;
  z-index: 2;
  background-color: #007AC3;
}
#btn_menu:after {
  content: '';
  position: absolute;
  height: 4px;
  background: var(--black);
  left: 0;
  right: 5px;
  box-shadow: 0 12px 0 #000, 0 24px 0 #000;
}
.uk-offcanvas ul {
  padding: 0;
}
.uk-offcanvas li {
  padding-left: 10px;
}
.uk-offcanvas a {
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  display: block;
}
.uk-offcanvas li.active > a,
.uk-offcanvas li:hover > a {
  font-weight: 600;
}
.uk-offcanvas .menu_level0 > li {
  border-bottom: 1px solid #ccc;
}
.mobile-menu .uk-offcanvas-bar {
  padding: 0;
  width: calc(100vw - 40px);
  max-width: 400px !important;
  background-color: var(--white);
  color: var(--black);
}
.mobile-menu .uk-offcanvas-bar a {
  padding: 0;
  color: var(--black);
  margin-bottom: var(--padding-default);
  margin-top: var(--padding-default);
  font: var(--text-default-bold);
}
.mobile-menu .uk-offcanvas-bar a:hover {
  color: var(--black);
}
.mobile-menu .uk-offcanvas-bar .uk-offcanvas-close {
  top: 5px;
  right: 5px;
  color: var(--white);
  margin-right: var(--padding-small);
}
.mobile-menu .uk-offcanvas-bar .onderhoudsbeurt-btn {
  display: inline-flex;
  width: 100%;
}
.mobile-menu .mobile-menu-header {
  height: 34px;
  background-color: var(--black);
}
.mobile-menu .mobile-menu-header span {
  display: inline-flex;
  align-items: center;
  margin-left: calc(var(--padding-medium) - 12px);
  height: 100%;
  color: var(--white);
  cursor: pointer;
}
.mobile-menu .mobile-menu-header span:before {
  content: "\f0d9";
  display: block;
  margin-right: 4px;
  width: 8px;
  font-family: var(--font-fontawesome);
  font-weight: 900;
  color: var(--white);
}
.mobile-menu .mobile-menu-header span.hidden {
  display: none;
}
.mobile-menu .mobile-menu-holder {
  border-right: 2px solid #e9e9e9;
  height: 100%;
}
.mobile-menu .mobile-menu-holder .menu_level0 a {
  margin-left: var(--padding-default);
}
.mobile-menu .search-part-mobile {
  border-bottom: 2px solid #e9e9e9;
  padding: var(--padding-small) var(--padding-medium);
}
.mobile-menu ul.menu-list {
  margin: 0;
  list-style-type: none;
}
.mobile-menu ul.menu-list-0 > li {
  border: none;
}
.mobile-menu ul.menu-list-0 > li > a {
  border-bottom: 2px solid #e9e9e9;
  font: var(--titel-menu);
}
.mobile-menu ul.menu-list-0 > li.has-sub > a:before {
  content: "\f0da";
  float: right;
  display: block;
  line-height: 26px;
  font-family: var(--font-fontawesome);
  font-weight: 900;
  color: var(--black);
}
.mobile-menu ul.menu-list-0 > li.has-sub.menu-item-active > a:before {
  Content: "\f0d7";
}
.mobile-menu ul.menu-list-0 > li.has-sub.menu-item-active .dropdown {
  display: block;
}
.mobile-menu ul.menu-list li {
  padding: 0;
}
.mobile-menu ul.menu-list li a {
  padding: var(--padding-small) var(--padding-medium);
}
.mobile-menu .dropdown {
  display: none;
}
.mobile-menu .dropdown .dropdown-inner {
  height: auto !important;
}
.mobile-menu .dropdown .uk-grid {
  flex-wrap: nowrap;
  flex-direction: column;
}
.mobile-menu .dropdown .col {
  border-bottom: 2px solid #e9e9e9;
  width: 100%;
}
.mobile-menu .dropdown .col h2 {
  margin: 0;
}
.mobile-menu .dropdown .col h2.sub-item-active a:after {
  content: " \f0d8";
}
.mobile-menu .dropdown .col h2.sub-item-active ~ ul {
  display: block;
}
.mobile-menu .dropdown .col h2 a {
  text-decoration: underline;
  font: var(--titel-menu);
  font-size: 14px;
  color: var(--blue);
}
.mobile-menu .dropdown .col h2 a:after {
  content: " \f0d7";
  font-family: var(--font-fontawesome);
}
.mobile-menu .dropdown .col h2 ~ ul {
  display: none;
}
.mobile-menu .dropdown .col ul {
  margin: 0;
}
.mobile-menu .header-top-search-part {
  display: none;
}
/*#endregion */
@media screen and (max-width: 1280px) {
  #menu ul.menu_level0 .dropdown {
    gap: var(--padding-medium);
  }
  #menu ul.menu_level0 .dropdown .header-top-search-part {
    width: auto;
    width: 200px;
    text-wrap: balance;
  }
  #menu ul.menu_level0 .dropdown .dropdown-inner {
    width: calc(750px - 2*var(--padding-default));
  }
}
@media screen and (max-width: 1199px) {
  #menu ul.menu_level0 .dropdown .header-top-search-part {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .header-top {
    justify-content: flex-end;
    gap: 25px;
  }
  .header-top .header-top-inner {
    gap: 20px;
  }
}
@media screen and (max-width: 900px) {
  .header-top {
    justify-content: flex-end;
    gap: 15px;
  }
  #subscribe_newsletter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  #container_top .header-top img {
    padding-top: 0;
    margin-right: var(--padding-small);
  }
}
@media screen and (max-width: 768px) {
  .header-top-inner {
    height: 24px;
  }
  .header-top-inner span {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .mobile-menu .uk-offcanvas-bar .onderhoudsbeurt-btn:before {
    margin: 0 5px 0 0;
  }
  .mobile-menu .uk-offcanvas-bar .onderhoudsbeurt-btn:after {
    margin: 0 0 0 5px;
  }
}
@media screen and (max-width: 359px) {
  .mobile-menu .uk-offcanvas-bar .onderhoudsbeurt-btn:before,
  .mobile-menu .uk-offcanvas-bar .onderhoudsbeurt-btn:after {
    display: none;
  }
}
/*#region Footer */
#footer {
  display: table-row;
  background-color: var(--light-gray);
}
#footer .col-1-4 {
  display: none;
  width: 25%;
  float: left;
  padding-right: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#footer .col-1-4 p {
  line-height: 25px;
  margin: 20px 0;
}
#footer .col-2-4 {
  width: auto;
  float: left;
  margin-bottom: 20px;
}
#footer .col-3-4 {
  width: auto;
  float: left;
  margin-bottom: 20px;
}
#footer .col-4-4 {
  width: 31%;
  float: left;
  margin-bottom: 20px;
}
#footer .footer-header {
  color: var(--black);
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
}
#footer .footerlink {
  display: inline-block;
  height: 35px;
  line-height: 25px;
  vertical-align: middle;
  text-decoration: none;
  color: var(--black);
}
#footer table {
  border-collapse: collapse;
  padding: 0;
  margin-bottom: var(--padding-default);
}
#footer table td {
  height: 25px;
  line-height: 25px;
  vertical-align: top;
  padding: 0;
}
#footer table td .fa {
  width: 30px;
  text-align: center;
  color: #007ac3;
  font-size: 16px;
}
#footer table td .fa-mobile {
  font-size: 20px;
}
#footer .col-4-4 table td:nth-child(1) {
  padding-right: 10px;
}
#footer .footer-bottom {
  display: flex;
  align-items: center;
  background-color: var(--dark-gray);
  color: var(--white);
  min-height: 32px;
  font: var(--text-footer-bottom);
  vertical-align: middle;
}
#footer .footer-bottom .footer-seperator {
  display: inline-block;
  padding: 0 3px;
}
#footer .footer-bottom a {
  color: var(--white);
  text-decoration: none;
}
#footer .footer-right {
  float: right;
}
#footer .footer-socialmedia {
  margin-top: var(--padding-small);
}
#footer .footer-socialmedia a {
  color: #007ac3;
  transition: font-size 0.2s ease-in-out;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
  width: 35px;
}
#footer .footer-socialmedia a:hover {
  font-size: 16px;
}
.footer-right img {
  display: none;
}
.footer-upper {
  display: flex;
  justify-content: space-between;
  padding-top: var(--padding-medium);
}
.contact-btn {
  border-radius: var(--border-radius-button);
  border: 0;
  background-color: var(--black);
  padding: 5px 24px 5px 24px;
  color: var(--white);
  font: var(--text-footer-button);
}
.contact-btn:hover {
  color: var(--white);
  text-decoration: none;
  background: var(--black);
  cursor: pointer;
}
.table {
  display: flex;
  justify-content: space-between;
}
.group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  border-left: 1px solid var(--gray);
  padding-left: var(--padding-extra-small);
}
.group div {
  text-align: center;
  margin-left: var(--padding-extra-small);
}
.footer-bottom-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer .footer-bottom-right {
  font: var(--text-breadcrumb);
}
#footer .footer-bottom-right img {
  width: 25px;
  filter: brightness(60%);
}
#footer .footer-bottom-left .footer-bottom-text {
  font: var(--text-breadcrumb);
}
/*#endregion */
@media screen and (max-width: 1024px) {
  #footer .col-4-4 {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .footer-upper {
    margin-top: var(--padding-default);
  }
  .footer-bottom-right {
    display: none;
  }
}
/*#region Page Heading */
.back-to {
  margin-top: 1.5rem;
  font: var(--text-pdp-back);
  text-decoration: none;
  color: var(--black);
}
.back-to:hover {
  text-decoration: none;
}
.page-heading {
  width: 80%;
}
.page-title {
  color: var(--black);
  font: var(--text-page-title);
  margin-bottom: 0;
}
.page-description {
  margin-top: 0;
  font-size: 1rem;
}
/*#endregion */
/*#region Media */
/*#endregion */
.nativejs-select {
  position: relative;
  display: inline-block;
}
.nativejs-select.disabled {
  pointer-events: none;
}
.nativejs-select.disabled .nativejs-select__placeholder:before,
.nativejs-select.disabled .nativejs-select__placeholder:after {
  display: none;
}
.nativejs-select > button {
  border-radius: var(--border-radius-filter);
  color: var(--black);
}
.nativejs-select.nativejs-select_active .nativejs-select__placeholder {
  border: 1px solid var(--orange);
}
.nativejs-select__options {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  max-height: 275px;
  overflow-x: hidden;
}
.nativejs-select__placeholder,
.nativejs-select__option {
  cursor: pointer;
  border: none;
  text-align: left;
}
.nativejs-select__placeholder,
.product-filters .property-ddl-opener {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent;
  box-sizing: border-box;
  z-index: 51;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.nativejs-select__placeholder:after,
.product-filters .property-ddl-opener:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.nativejs-select__placeholder:after,
.product-filters .property-ddl-opener:after {
  right: 12px;
  height: 16px;
  width: 16px;
  content: "\f0d7";
  font-family: var(--font-fontawesome);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-weight: 600;
}
.nativejs-select__placeholder.active,
.product-filters .property-ddl-opener.active {
  border: 1px solid var(--orange);
}
.product-filters .property-ddl-opener {
  border-radius: var(--border-radius-filter);
  background-color: var(--light-gray);
  border: 1px solid transparent;
  font: var(--text-filter);
  padding: var(--padding-small) var(--padding-extra-large) var(--padding-small) var(--padding-medium);
}
.nativejs-select__placeholder_fixed {
  padding-right: 5px;
  color: #7ca95c;
}
.nativejs-select__dropdown {
  position: absolute;
  top: 48px;
  left: -1px;
  display: none;
  margin: 0;
  border: 1px solid var(--black);
  border-radius: var(--border-radius-filter-block);
  padding: 0;
  width: 100%;
  background-color: var(--white);
  overflow: auto;
  z-index: 2;
}
.nativejs-select__option {
  width: 100%;
  float: left;
  white-space: nowrap;
  text-decoration: none;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  color: var(--color-black);
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  font-size: 14px;
  background-color: white;
}
.nativejs-select__option[data-selected=true] {
  text-decoration: none;
  background: var(--blue);
  color: var(--white);
}
.nativejs-select__option.soldout {
  color: rgba(167, 171, 178, 0.6);
}
.nativejs-select__option.hidden {
  display: none;
}
.nativejs-select__option img {
  margin-right: 10px;
}
.nativejs-select__option:hover,
.nativejs-select__option:focus {
  text-decoration: none;
  background: var(--blue);
  color: var(--white);
}
.nativejs-select_active .nativejs-select__dropdown,
.dropdownlist-birthday .nativejs-select_active div.nativejs-select__dropdown {
  display: block;
}
.nativejs-select__options .nativejs-select__option {
  font-family: var(--font-default);
}
.nativejs-select .nativejs-select__dropdown button[data-selected=true] {
  background-color: var(--blue);
  font-weight: bold;
}
.paginationjs {
  display: flex;
  line-height: 1.6;
  font-family: "Marmelad", "Lucida Grande", "Arial", "Hiragino Sans GB", Georgia, sans-serif;
  font-size: 14px;
  box-sizing: initial;
}
.paginationjs:after {
  display: table;
  content: " ";
  clear: both;
}
.paginationjs .paginationjs-pages {
  float: left;
  margin-left: 10px;
}
.paginationjs .paginationjs-pages ul {
  float: left;
  margin: 0;
  padding: 0;
}
.paginationjs .paginationjs-pages li {
  float: left;
  border: 1px solid #aaa;
  border-right: none;
  list-style: none;
}
.paginationjs .paginationjs-pages li > a {
  min-width: 30px;
  height: 28px;
  line-height: 28px;
  display: block;
  background: #fff;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.paginationjs .paginationjs-pages li > a:hover {
  background: #eee;
}
.paginationjs .paginationjs-pages li.active {
  border: none;
}
.paginationjs .paginationjs-pages li.active > a {
  height: 30px;
  line-height: 30px;
  background: #aaa;
  color: #fff;
  cursor: default;
}
.paginationjs .paginationjs-pages li.disabled > a {
  opacity: 0.3;
  cursor: default;
}
.paginationjs .paginationjs-pages li.disabled > a:hover {
  background: none;
}
.paginationjs .paginationjs-pages li:first-child {
  border-radius: 3px 0 0 3px;
}
.paginationjs .paginationjs-pages li:first-child > a {
  border-radius: 3px 0 0 3px;
}
.paginationjs .paginationjs-pages li:last-child {
  border-right: 1px solid #aaa;
  border-radius: 0 3px 3px 0;
}
.paginationjs .paginationjs-pages li:last-child > a {
  border-radius: 0 3px 3px 0;
}
.paginationjs .paginationjs-size-changer {
  float: left;
  font-size: 14px;
  margin-left: 10px;
}
.paginationjs .paginationjs-size-changer > select {
  height: 28px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 0;
  font-size: 14px;
  text-align: center;
  vertical-align: baseline;
  outline: none;
  box-shadow: none;
  box-sizing: initial;
}
.paginationjs .paginationjs-go-input {
  float: left;
  margin-left: 10px;
  font-size: 14px;
}
.paginationjs .paginationjs-go-input > input[type="text"] {
  width: 30px;
  height: 28px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 0;
  font-size: 14px;
  text-align: center;
  vertical-align: baseline;
  outline: none;
  box-shadow: none;
  box-sizing: initial;
}
.paginationjs .paginationjs-go-button {
  float: left;
  margin-left: 10px;
  font-size: 14px;
}
.paginationjs .paginationjs-go-button > input[type="button"] {
  min-width: 40px;
  height: 30px;
  line-height: 28px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #aaa;
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  vertical-align: baseline;
  outline: none;
  box-shadow: none;
  color: #333;
  cursor: pointer;
}
.paginationjs .paginationjs-go-button > input[type="button"]:hover {
  background-color: #f8f8f8;
}
.paginationjs .paginationjs-nav {
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.paginationjs.paginationjs-small {
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-pages li > a {
  min-width: 26px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-pages li.active > a {
  height: 26px;
  line-height: 26px;
}
.paginationjs.paginationjs-small .paginationjs-size-changer {
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-size-changer > select {
  height: 24px;
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-go-input {
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-go-input > input[type="text"] {
  width: 26px;
  height: 24px;
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-go-button {
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-go-button > input[type="button"] {
  min-width: 30px;
  height: 26px;
  line-height: 24px;
  padding: 0 6px;
  font-size: 12px;
}
.paginationjs.paginationjs-small .paginationjs-nav {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}
.paginationjs.paginationjs-big {
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-pages li > a {
  min-width: 36px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-pages li.active > a {
  height: 36px;
  line-height: 36px;
}
.paginationjs.paginationjs-big .paginationjs-size-changer {
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-size-changer > select {
  height: 34px;
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-go-input {
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-go-input > input[type="text"] {
  width: 36px;
  height: 34px;
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-go-button {
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-go-button > input[type="button"] {
  min-width: 50px;
  height: 36px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 16px;
}
.paginationjs.paginationjs-big .paginationjs-nav {
  height: 36px;
  line-height: 36px;
  font-size: 16px;
}
.paginationjs > :first-child {
  margin-left: 0;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li {
  border-color: #289DE9;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li > a {
  color: #289DE9;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li > a:hover {
  background: #E9F4FC;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active > a {
  background: #289DE9;
  color: #fff;
}
.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled > a:hover {
  background: none;
}
.paginationjs.paginationjs-theme-blue .paginationjs-size-changer > select {
  border-color: #289DE9;
}
.paginationjs.paginationjs-theme-blue .paginationjs-go-input > input[type="text"] {
  border-color: #289DE9;
}
.paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type="button"] {
  background: #289DE9;
  border-color: #289DE9;
  color: #fff;
}
.paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type="button"]:hover {
  background-color: #3CA5EA;
}
.paginationjs.paginationjs-theme-green .paginationjs-pages li {
  border-color: #449D44;
}
.paginationjs.paginationjs-theme-green .paginationjs-pages li > a {
  color: #449D44;
}
.paginationjs.paginationjs-theme-green .paginationjs-pages li > a:hover {
  background: #EBF4EB;
}
.paginationjs.paginationjs-theme-green .paginationjs-pages li.active > a {
  background: #449D44;
  color: #fff;
}
.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled > a:hover {
  background: none;
}
.paginationjs.paginationjs-theme-green .paginationjs-size-changer > select {
  border-color: #449D44;
}
.paginationjs.paginationjs-theme-green .paginationjs-go-input > input[type="text"] {
  border-color: #449D44;
}
.paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type="button"] {
  background: #449D44;
  border-color: #449D44;
  color: #fff;
}
.paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type="button"]:hover {
  background-color: #55A555;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li {
  border-color: #EC971F;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a {
  color: #EC971F;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a:hover {
  background: #FDF5E9;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active > a {
  background: #EC971F;
  color: #fff;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled > a:hover {
  background: none;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-size-changer > select {
  border-color: #EC971F;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-go-input > input[type="text"] {
  border-color: #EC971F;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type="button"] {
  background: #EC971F;
  border-color: #EC971F;
  color: #fff;
}
.paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type="button"]:hover {
  background-color: #EEA135;
}
.paginationjs.paginationjs-theme-red .paginationjs-pages li {
  border-color: #C9302C;
}
.paginationjs.paginationjs-theme-red .paginationjs-pages li > a {
  color: #C9302C;
}
.paginationjs.paginationjs-theme-red .paginationjs-pages li > a:hover {
  background: #FAEAEA;
}
.paginationjs.paginationjs-theme-red .paginationjs-pages li.active > a {
  background: #C9302C;
  color: #fff;
}
.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled > a:hover {
  background: none;
}
.paginationjs.paginationjs-theme-red .paginationjs-size-changer > select {
  border-color: #C9302C;
}
.paginationjs.paginationjs-theme-red .paginationjs-go-input > input[type="text"] {
  border-color: #C9302C;
}
.paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type="button"] {
  background: #C9302C;
  border-color: #C9302C;
  color: #fff;
}
.paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type="button"]:hover {
  background-color: #CE4541;
}
form#product-form {
  max-width: 100vw;
}
/*#region Filtering */
.overview-top {
  margin-bottom: 1rem;
}
.product-important-filters {
  background-color: var(--blue);
  padding: var(--padding-medium);
  box-sizing: border-box;
  color: var(--black);
  border-radius: var(--border-radius-filter);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2.5rem 0;
}
.filter-header {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.filter-header h3 {
  color: var(--white);
  text-transform: uppercase;
  font: var(--text-filter);
  padding-top: 0.5rem;
}
.filter-header i {
  display: none;
  color: var(--white);
  margin-top: 0.5rem;
  font-size: 20px;
}
.filter-header::before {
  content: "";
  width: 67px;
  height: 39px;
  background-image: url(/designimages/knalpot/motor-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.product-important-filters input[type=submit] {
  background-color: var(--orange);
  color: var(--black);
  padding: var(--padding-extra-small) 3rem;
  display: inline-block;
  border-radius: var(--border-radius-button);
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  font: var(--text-filter);
}
.product-filters {
  display: flex;
  gap: 1.5rem;
  margin: 1.5rem 0;
}
.product-filters.homepage {
  flex-wrap: wrap;
  margin: 10px 0px 0;
}
.product-filters.homepage .onderdeel-button {
  margin-top: 0;
  width: 100%;
}
.product-filters.homepage .filter_item .nativejs-select__placeholder {
  font: var(--text-button-medium);
  background-color: #fff;
  color: var(--black);
  border-radius: var(--border-radius-input-field);
  padding: 4px 28px 4px 8px;
}
.product-filters.homepage .filter_item .nativejs-select__placeholder:after {
  right: 4px;
}
.product-filters.homepage .filter_item.Model {
  width: 100%;
}
.product-filters.homepage .filter_item.Bouwjaar,
.product-filters.homepage .filter_item.Voertuigsoort {
  width: calc(50% - 1.5rem / 2);
}
.product-filters.homepage .filter_item .nativejs-select {
  width: 100%;
}
.product-important-filters .filter-full {
  background-color: var(--white);
  border-radius: var(--border-radius-important-filter);
}
.filter_item .active-filter-option {
  border: var(--border-active-filter);
  background-color: var(--white);
}
.motorpage .home-block-items {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.motorpage .home-block-items .product-filters {
  margin: 0;
}
.motorpage .home-block-items .product-filters .onderdeel-button {
  margin-top: 0;
  height: 42px;
  width: 256px;
}
.reset-filters-btn {
  border: none;
  background-color: transparent;
  color: var(--orange);
  font: var(--text-selected-filter-button);
  padding: 0 0 0.5rem 0;
  display: none;
}
.reset-filters-btn:before {
  display: inline-block;
  font-family: FontAwesome;
  content: '\f00d';
  font-weight: 100;
  line-height: 1;
  text-rendering: auto;
  color: var(--orange);
  margin-right: 0.5rem;
}
.clear-filters {
  display: flex;
  flex-wrap: wrap;
}
.active-filter {
  border: 1px solid var(--black);
  padding: var(--padding-extra-small) var(--padding-default);
  border-radius: var(--border-radius-button);
  font: var(--text-selected-filter-button);
  margin: 0.5rem;
  cursor: pointer;
}
.active-filter:after {
  font-family: FontAwesome;
  content: '\f00d';
  font-weight: 100;
  line-height: 1;
  text-rendering: auto;
  color: var(--orange);
  margin-left: 0.5rem;
}
.results-amount {
  font-size: 18px;
  font-weight: 700;
}
/*#endregion */
/*#region Product overview */
.product-overview .productItem {
  box-shadow: 0 0.5rem 0.8rem #cccccc;
  border-radius: 0.5rem;
}
.productItem .product-name {
  text-decoration: none;
  display: block;
  margin-bottom: 0.5rem;
}
.productItem .product-name h2 {
  font: var(--text-motor-card);
  color: var(--black);
  text-transform: uppercase;
  line-height: 25px;
  min-height: 50px;
}
.productDescription {
  display: none;
}
.productContent {
  padding: 1rem;
}
.productContent table {
  width: 100%;
}
.productContent table td:nth-child(1) {
  font: var(--text-category-search);
}
.productContent table td:nth-child(2) {
  font: var(--text-motor-properties);
  text-align: right;
}
.product-overview .productImage img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.productImage {
  box-shadow: 0px 3px 6px #00000029;
}
.productContent {
  overflow: hidden;
}
.product-props-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 2rem;
}
.product-price {
  color: var(--dark-blue);
  font: var(--text-price-categorie);
  border: 1px solid var(--dark-blue);
  border-radius: var(--border-radius-filter);
  padding: var(--padding-extra-small) var(--padding-small);
  width: fit-content;
  margin-bottom: 1rem;
}
.product-price.sold {
  color: var(--orange);
  border: 1px solid var(--orange);
}
.product-link {
  color: var(--dark-blue);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
}
.product-link:hover {
  color: var(--orange);
  text-decoration: none;
}
.product-badge {
  background-color: var(--red);
  font: var(--text-badge);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: 0 8px 0 0;
  padding: var(--padding-small) 0;
  position: absolute;
  z-index: 1;
  width: 100%;
  bottom: 0;
}
.product-badge img.product-badge-img {
  position: relative;
  width: 15px;
  height: 15px;
  margin-right: 1rem;
  object-fit: contain;
}
.product-badge.beauty {
  background-color: var(--dark-blue);
}
.product-badge.beauty img.product-badge-img {
  width: 17px;
  height: 19px;
}
.product-badge.nieuw {
  background-color: var(--dark-orange);
}
.product-badge.nieuw img.product-badge-img {
  width: 25px;
  height: 15px;
}
.mobile-filter-toggle {
  float: right;
  margin-top: 8px;
  display: none;
}
.mobile-filter-toggle .fa-chevron-down {
  transition: all ease-in-out 0.2s;
  color: #ffffff;
}
.mobile-filter-toggle.active .fa-chevron-down {
  transform: rotate(180deg);
}
/*#endregion */
/*#region Product detail */
.product-detail {
  margin: 1rem 0;
}
.product-detail-left {
  overflow-y: scroll;
  margin-right: 2.5rem;
}
.product-detail-right {
  background-color: var(--light-gray);
  padding: var(--padding-large);
  padding-top: 0;
  border-radius: 0 0 0 1.5rem;
}
.product-detail-top {
  width: 100%;
  height: 20%;
  background-color: var(--light-gray);
  position: absolute;
  top: -100px;
  right: 0;
  z-index: -1;
}
.product-detail-badge {
  background-color: var(--red);
  font: var(--text-badge);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: var(--border-radius-badge);
  padding: var(--padding-extra-small) 0;
}
.product-detail-badge img {
  width: 20px;
  margin-right: 8px;
}
.product-detail-badge:empty {
  display: none;
}
.product-detail-badge.Beauty {
  background-color: var(--dark-blue);
}
.product-detail-badge.Nieuw {
  background-color: var(--dark-orange);
}
.badge-mobile {
  position: absolute;
  top: 0;
  right: 10%;
  z-index: 3;
  font-size: 12px;
  display: none;
}
.product-detail-right h1 {
  font: var(--titel-pdp);
  text-transform: uppercase;
}
.product-detail-form {
  margin-top: 1.5rem;
}
.product-detail-finance {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.product-detail-finance-link {
  color: var(--orange);
  text-decoration: none;
  font: var(--text-link);
  border-bottom: 1px solid var(--orange);
  padding-bottom: var(--padding-extra-small);
}
.product-detail-finance-link:hover {
  color: var(--dark-orange);
  border-bottom-color: var(--dark-orange);
  text-decoration: none;
}
.product-detail-form-wrapper {
  padding: var(--padding-medium);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--blue);
  color: var(--white);
  margin-top: 2rem;
  border-radius: var(--border-radius-filter);
  padding: var(--padding-medium) var(--padding-extra-large) var(--padding-medium) var(--padding-medium);
}
.product-detail-form-wrapper h2 {
  font: var(--titel-pdp);
  color: var(--white);
  text-transform: uppercase;
}
.product-detail-form-wrapper i {
  margin-right: 2rem;
}
.product-detail-form .form_table {
  max-width: none;
}
.product-detail-form input[type=text],
.product-detail-form .form_table select,
.product-detail-form .multi-field {
  height: 2rem;
  width: 100%;
  padding-left: 1rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-radius: 0.25rem;
}
.field-row {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.product-detail-form .field_name {
  width: 40%;
  text-transform: uppercase;
  font-weight: 600;
}
.product-detail-form .field_input {
  width: 60%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.product-detail-form .radio_holder {
  float: left;
  padding-right: 10px;
}
.product-detail-form .radio_holder input[type="radio"] {
  display: none;
}
.product-detail-form .radio_holder input[type="radio"] + label {
  cursor: pointer;
}
.product-detail-form .radio_holder input[type="radio"] + label span {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  border: 1px solid #cccccc;
  cursor: pointer;
  position: relative;
  background-color: var(--white);
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
}
.product-detail-form .radio_holder input[type="radio"]:checked + label span:before {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  left: 1px;
  background-color: var(--blue);
  content: '';
  display: block;
  -moz-border-radius: 19px;
  -webkit-border-radius: 19px;
  border-radius: 19px;
}
.product-detail-form .form_submit_button {
  margin-top: 0.5rem;
  text-transform: capitalize;
  background-color: var(--orange);
  color: var(--black);
  border-radius: var(--border-radius-button);
  width: 60%;
  margin-left: 40%;
  border: none;
  padding: var(--padding-small);
  font: var(--text-button-medium);
}
.productThumbImage {
  cursor: pointer;
}
.slides {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5%;
  list-style-type: none;
}
.slides li {
  width: 45%;
  margin-bottom: 1rem;
}
.slides img {
  border-radius: var(--border-radius-pdp-type);
}
.slides li:nth-child(1) {
  width: 100%;
  margin-bottom: 1.5rem;
}
.flex-disabled {
  display: none !important;
}
.slides li {
  cursor: pointer;
}
.product-detail-left h1 {
  margin: 0;
}
.product-detail .product-description {
  margin: 10px 0;
}
.product-detail .productDetailProperties {
  padding-bottom: 20px;
}
.product-detail .propertygroup {
  margin-bottom: 20px;
}
.product-detail .productDetailProperties .propertygroup:nth-child(1) .propertyGroupName {
  display: none;
}
.product-detail .productDetailProperties .productPropertyName {
  float: left;
  width: 210px;
  font-weight: 600;
}
.product-detail .productDetailProperties .productPropertyValue {
  overflow: hidden;
  text-align: right;
}
.productDetailLink .button {
  display: inline-block;
  margin: 20px 0;
  text-decoration: none;
}
.product-detail-form-fixed-buttons {
  position: fixed;
  bottom: 10px;
  left: 5px;
  right: 5px;
  z-index: 999;
}
.product-detail-form-button-fixed {
  float: left;
  width: 32.33333%;
  margin-right: 1.5%;
  background-color: var(--blue);
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  text-align: center;
  display: block;
  font-size: 16px;
  color: var(--white);
  text-decoration: none;
}
.product-detail-form-button-fixed .fa {
  font-size: 20px;
  padding-right: 10px;
  vertical-align: text-bottom;
  -moz-transition: font-size 0.2s ease-in-out;
  -o-transition: font-size 0.2s ease-in-out;
  -webkit-transition: font-size 0.2s ease-in-out;
  transition: font-size 0.2s ease-in-out;
}
.product-detail-form-button-fixed:hover .fa {
  font-size: 22px;
}
.product-detail-form-button-fixed:nth-child(3) {
  margin: 0;
}
.productImage {
  overflow: hidden;
}
.product-overview .productImage {
  padding-bottom: 75%;
  border-radius: 0.5rem 0.5rem 0 0;
}
.productImage img {
  -moz-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  -webkit-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  width: 100%;
}
.product-item:hover .productImage img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.productdetailmotor-types h2 {
  font: var(--text-pdp-type);
}
.productdetailmotor-types ul {
  font: var(--text-pdp-characteristics);
  padding-bottom: var(--padding-default);
}
.productdetailmotor-types ul li span {
  display: block;
  border: 1px solid var(--black);
  border-radius: var(--border-radius-pdp-type);
  padding: var(--padding-small);
  box-sizing: border-box;
}
.productdetailmotor-types ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*#endregion */
/*#region Related products */
.productDetailRelatedOverview {
  padding-bottom: 2.5rem;
}
.productDetailRelatedOverview .related-overview-title {
  margin: 0 0 20px;
  font-weight: 600;
  font-size: 20px;
}
/*#endregion */
/*#region Pagination */
.product-pagination {
  display: flex;
  justify-content: space-between;
  margin: var(--padding-large) 0;
}
.product-pagination .info_text {
  line-height: 32px;
}
.page_navigation {
  text-align: center;
}
.page_navigation .no_more {
  display: none;
}
.page_navigation .first_link,
.page_navigation .last_link {
  display: none;
}
.page_navigation button {
  color: var(--black);
  font: var(--text-button-large);
  padding: var(--padding-extra-small);
  -webkit-appearance: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  box-sizing: border-box;
  cursor: pointer;
  background: none;
}
.page_navigation button.page_selected {
  color: var(--dark-orange);
}
/*#endregion */
.category-hide-desktop {
  display: none;
}
.category-show-mobile {
  display: none;
}
/*#region HomeCategory */
.blue-bar {
  background-color: #007ac3;
  margin-top: 20px;
  line-height: 35px;
  vertical-align: middle;
  color: #fff;
  padding-left: 10px;
}
.homecategories .homecategory {
  border-radius: var(--border-radius-categorie);
  background-color: var(--light-gray);
  text-align: center;
  display: block;
  text-decoration: none;
  margin-bottom: var(--padding-default);
  padding: var(--padding-default);
}
.homecategories .homecategory:nth-child(5n) {
  margin-right: 0;
}
.homecategories .homecategory h3 {
  margin: 0;
  color: var(--black);
  vertical-align: middle;
  font: var(--text-category-block);
}
.homecategories h2 {
  font: var(--h2-font);
}
.cat_item {
  display: flex;
  align-items: center;
}
.cat_item img {
  margin-right: var(--padding-extra-small);
}
.cat_item h3 {
  margin: 0;
}
/*#endregion */
/*#region Catview */
#catbanner {
  padding: 0;
}
#catbanner.textonly .caption {
  position: relative;
  top: auto;
  left: auto;
}
#catbanner.textonly .caption h1 {
  text-shadow: none;
  color: var(--black);
  font: var(--text-category);
}
#catbanner.textonly .caption p {
  text-shadow: none;
  color: #221e1f;
}
#catbanner .caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
#catbanner .caption h1 {
  margin: 0;
  line-height: 1;
  font: var(--title-category);
  font-size: 30px;
  color: var(--white);
  text-shadow: 1px 1px 1px #111111;
}
#catbanner .caption p {
  color: #fff;
  max-width: 400px;
  font-size: 16px;
  text-shadow: 1px 1px 1px #111111;
  font-weight: 600;
}
#catbanner .banner_item {
  background-size: cover;
  background-position: center center;
  height: 250px;
}
.category-overview .category-search-holder {
  padding-right: 0;
}
.category-overview .category-search-block .category-filters-search .filter-list-holder {
  display: none;
}
.category-overview .photo-search-block,
.category-overview .category-search-holder .of-label-wrapper {
  display: flex;
}
.category-wrapper {
  margin-bottom: var(--padding-default);
}
.category-wrapper .category-wrapper-header {
  margin: var(--padding-small) 0;
}
.category-wrapper .category-wrapper-header .searchresultinfo {
  float: left;
  margin: 0;
  height: 55px;
  vertical-align: middle;
  font: var(--h2-font);
  line-height: 55px;
}
.category-wrapper .category-wrapper-header .category_filters_top {
  float: right;
}
.category-wrapper .category-wrapper-header .category-breadcrumb {
  float: left;
}
.category-wrapper .category-filters {
  float: left;
  width: 250px;
  min-height: 250px;
  padding-right: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.category-wrapper .category-content {
  overflow: hidden;
  padding: 0 5px;
}
.category-wrapper .category_filters_top {
  padding: 10px 0;
}
.category-wrapper .category_filters_top .filter-header {
  padding-left: var(--padding-medium);
  display: block;
}
.category-wrapper .mobile-filters {
  display: none;
}
.category-summary-top h1,
.category-summary-top h2,
.category-summary-top h3,
.category-summary-top h4,
.category-summary-top h5,
.category-summary-top h6 {
  margin-bottom: 4px;
  font: var(--text-page-title);
}
.category-summary-top p {
  margin: 0;
}
.orderSelectHolder {
  text-align: right;
}
.orderSelectHolder .select-text {
  display: inline-block;
  padding-right: 20px;
}
.orderSelectHolder #orderSelectTop {
  border-radius: var(--border-radius-categorie);
  border-color: #aaa;
  width: 175px;
  height: 35px;
  font: var(--h2-font);
  font-size: 16px;
}
.catviewproduct.products_item {
  align-items: center;
  min-height: 56px;
  background-color: var(--white);
  border-radius: var(--border-radius-categorie);
  box-shadow: 0 3px 6px #00000029;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.loading_image {
  display: none;
  text-align: center;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}
.loading_image span {
  display: inline-block;
  vertical-align: top;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.category-filter-wrapper {
  display: flex;
}
.category-filter-wrapper form {
  display: flex;
  width: 100%;
}
.category-filter-wrapper .catfiltitem {
  position: relative;
  width: 100%;
}
.category-filter-wrapper .catfiltitem:before {
  content: "\f002";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 40px;
  width: calc(var(--padding-large) - 4px);
  font-family: var(--font-fontawesome);
}
.category-filter-wrapper .catfiltitem input {
  flex-grow: 1;
  border: none;
  border-radius: var(--border-radius-category-button);
  padding: 0 0 0 var(--padding-large);
  height: 40px;
  width: 100%;
  min-width: 200px;
  box-sizing: border-box;
  background-color: var(--white);
  color: var(--black);
  font: var(--text-category-search);
}
.category-filter-wrapper .catfiltitem input::placeholder {
  color: var(--gray);
}
.togglefilter {
  float: right;
  width: 13px;
}
.togglefilter .loadingfilter {
  font-size: 16px;
  color: #cccccc;
}
.togglefilter .loadingfilter .fa-spinner {
  right: 0;
  width: 16px;
  height: 16px;
  left: auto;
}
.togglefilter .showfilter,
.togglefilter .hidefilter {
  display: none !important;
  font-size: 16px;
  color: #cccccc;
  cursor: pointer;
}
.togglefilter .showfilter.active,
.togglefilter .hidefilter.active {
  display: block;
}
.category-info-mobile {
  display: none;
  margin-top: var(--padding-default);
}
.category-search-wrapper,
.category-info-wrapper {
  border-radius: var(--border-radius-filter-block);
  height: 100%;
  box-sizing: border-box;
  background-color: var(--blue);
  text-align: left;
  display: block;
}
.category-search-wrapper {
  display: flex;
}
.category-search-holder {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--padding-large) var(--padding-medium);
}
.category-search-holder .category-search-header {
  display: flex;
  align-items: center;
  width: 100%;
}
.category-search-holder .category-search-header img {
  height: 30px;
}
.category-search-holder .category-search-header .block-text {
  margin-left: var(--padding-small);
  text-transform: uppercase;
  font: var(--text-category-info);
  color: var(--white);
}
.category-search-holder .category-search-block {
  display: flex;
}
.category-search-holder .category-search-block .category-filters-search {
  flex-grow: 1;
  display: flex;
  width: 100%;
}
.category-search-holder .category-search-block .category-filters-search .category-filter-wrapper {
  flex-grow: 1;
}
.category-search-holder .category-search-block input {
  flex-grow: 1;
  min-width: 180px;
  height: 40px;
  border: none;
  background-color: var(--white);
  border-radius: var(--border-radius-category-button);
}
.category-search-holder .category-search-block .row input {
  visibility: hidden;
  height: 1px;
  min-width: 0;
}
.category-search-holder .of-label-wrapper {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0 10%;
  height: 40px;
  width: 60px;
  box-sizing: border-box;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--white);
}
.category-search-holder .category-items {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.category-search-block {
  display: flex;
  align-items: center;
  flex: 1;
}
.category-search-button {
  margin-left: var(--padding-small);
  border: none;
  border-radius: var(--border-radius-button);
  height: 40px;
  width: 100%;
  max-width: 150px;
  background-color: var(--orange);
  font: var(--text-category-button);
  color: var(--black);
  cursor: pointer;
}
.photo-search-block {
  position: relative;
  display: none;
  align-items: center;
  gap: 0.5rem;
  padding: var(--padding-large) var(--padding-medium) var(--padding-large) 0;
}
.photo-search-block .info {
  position: absolute;
  top: var(--padding-large);
  right: var(--padding-medium);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius-round);
  height: 16px;
  width: 16px;
  overflow: hidden;
}
.photo-search-block .info:before {
  content: "\f05a";
  font-family: var(--font-fontawesome);
  font-size: 16px;
  background-color: var(--blue);
  color: var(--white);
}
.photo-search-block .info:hover ~ .cat-foto-button .cat-foto-overlay {
  display: flex;
  align-items: center;
  text-align: left;
}
.photo-search-block .cat-foto-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 24px;
  border: none;
  border-radius: var(--border-radius-button);
  padding: var(--padding-large) var(--padding-medium);
  height: 100%;
  width: 216px;
  background-color: var(--dark-blue);
  font: var(--text-button-medium);
  color: white;
  cursor: pointer;
}
.photo-search-block .cat-foto-button .cat-foto-zoek {
  margin-top: var(--padding-extra-small);
}
.photo-search-block .cat-foto-button .cat-foto-overlay {
  display: none;
  position: absolute;
  top: var(--padding-large);
  bottom: var(--padding-large);
  left: 0;
  right: calc(var(--padding-medium) + 24px);
  border-radius: var(--border-radius-button);
  padding: var(--padding-default);
  line-height: 18px;
  background: rgba(0, 93, 148, 0.8);
  text-transform: lowercase;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
}
.category-info-wrapper {
  padding: var(--padding-large) var(--padding-medium) var(--padding-medium);
}
.category-info-wrapper .category-info {
  font: var(--text-category-info);
  color: var(--white);
}
.category-info-wrapper .category-info .block-text {
  text-transform: uppercase;
}
.category-info-wrapper .category-info-items {
  display: flex;
  padding-top: var(--padding-default);
  font: var(--text-category-info-italic);
  color: var(--white);
}
.category-mobile-search-wrapper {
  margin: var(--padding-medium) 0 0;
  width: 100%;
}
.category-mobile-search-wrapper a,
.category-mobile-search-wrapper a:hover {
  text-decoration: none;
}
.cat-mobile-search a {
  border-bottom: 1px solid var(--white);
  color: var(--white);
}
.cat-top-search {
  margin-bottom: var(--padding-default);
}
.cat-top-search a {
  margin-right: calc(25% + 10px);
  border-bottom: 1px solid var(--orange);
  padding-bottom: var(--padding-extra-small);
  text-decoration: none;
  font: var(--text-category-search);
  color: var(--orange);
}
.cat-top-search a:hover {
  outline: none;
  text-decoration: none;
  color: var(--dark-orange);
}
#productsoverview .products_item {
  margin-bottom: var(--padding-default);
}
/*#endregion */
/*#region Catview Support block */
.category-support-block {
  background-color: #007ac3;
  padding: 10px 10px 0;
}
.category-support-block h2 {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
}
.category-support-block p {
  margin: 10px 0;
  color: #fff;
}
.category-support-block .category-support-block-inner {
  background-image: url('/designimages/knalpot/img-maak-afspraak.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100px;
  padding-bottom: 100px;
}
.category-support-block input[type=text],
.category-support-block textarea {
  width: 100%;
  box-sizing: border-box;
  padding-left: 10px;
  border: 1px solid #cccccc;
  min-height: 25px;
  margin-bottom: 10px;
  -webkit-appearance: none;
}
.category-support-block textarea {
  resize: vertical;
  min-height: 100px;
  padding: 5px 10px 0;
}
.category-support-block .form_submit_button {
  background-color: #f96f00;
}
.category-support-block .form_error_container {
  margin-bottom: 10px;
  color: #fff;
  font-style: italic;
  font-size: 13px;
}
.category-support-block .form_success_message {
  text-align: left;
  color: #fff;
  font-size: 13px;
  font-style: italic;
  padding-bottom: 40px;
  margin-top: -20px;
}
.category-support-block .form_success_message h1 {
  display: none;
}
.category-support-block .form_success_message .form_error_container {
  display: none;
}
.category-support-block .field_error_row input,
.category-support-block .field_error_row textarea {
  border: 1px solid red;
}
/*#endregion */
/*#region Catviewproduct */
.products_item .stickerdiv {
  position: absolute;
  right: 0;
  top: 0;
}
.products_item .stickerdiv:empty {
  display: none;
}
.products_item .product_photo {
  width: 100%;
  text-align: center;
}
.products_item .product_photo:after {
  content: '';
  display: block;
}
.products_item .product_photo .photo-holder {
  width: 100%;
  position: relative;
  margin-bottom: var(--padding-large);
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.products_item .product_photo .photo-holder img {
  border-radius: var(--border-radius-onderdelen-img);
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.products_item .product_link {
  color: var(--black);
  font: var(--titel-pdp);
  padding-left: var(--padding-medium);
  padding-bottom: var(--padding-small);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4px;
}
.products_item .product_link .cat-product-name {
  word-break: break-word;
}
.products_item .product_link .cat-cart-icon-holder {
  margin-left: auto;
  padding-right: var(--padding-default);
  width: 29px;
  min-width: 29px;
}
.products_item .product_link .cat-cart-icon-holder.loading:before {
  content: "\f110";
  display: block;
  font-family: var(--font-fontawesome);
  animation: rotating 1.4s linear infinite;
}
.products_item .product_link .cat-cart-icon-holder.loading .cat-cart-icon {
  display: none;
}
.products_item .product_link .cat-cart-icon-holder .cat-cart-icon {
  width: 100%;
  cursor: pointer;
}
.products_item .product_prices {
  padding-left: var(--padding-medium);
}
.products_item .product_prices .product_price_new {
  display: inline-block;
  color: var(--black);
  font: var(--text-price-pdp-small);
  margin: 5px 0;
  border: 1px solid var(--dark-blue);
  border-radius: var(--border-radius-price);
  padding-left: var(--padding-default);
  padding-right: var(--padding-default);
}
.products_item .product_prices .product_price_old {
  display: inline-block;
  font: var(--text-old-price);
  color: var(--black);
  text-decoration: line-through;
  padding-left: var(--padding-small);
}
.products_item .product_prices .product_price_old:empty {
  display: none;
}
.products_item .product_prices .product_price_old.hidden {
  display: none;
}
.photo-holder:hover:before,
.prodartimg:hover:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-onderdelen-img);
  background-color: rgba(0, 93, 148, 0.68);
}
.photo-holder:hover .product-overlay,
.prodartimg:hover .product-overlay {
  opacity: 1;
}
.product-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: var(--white);
  display: flex;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
  pointer-events: none;
  border-radius: var(--border-radius-onderdelen-img);
  overflow: hidden;
  padding: var(--padding-extra-small);
  box-sizing: border-box;
}
.product-overlay:empty {
  display: none;
}
.product-overlay .product-overlay-items {
  width: 100%;
  margin-left: calc(var(--padding-extra-small) * -1);
}
.product-overlay .product-overlay-items > * {
  padding-top: var(--padding-extra-small);
  padding-left: var(--padding-extra-small);
}
.product-overlay .product-overlay-items .product-overlay-item {
  border: 1px solid var(--white);
  border-radius: var(--border-radius-pdp-type);
  padding: 0 var(--padding-extra-small);
  font-family: var(--font-default);
  font-size: 14px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.product-overlay .product-overlay-items .product-overlay-item.motortype-more {
  background-color: #ffffff;
  color: rgba(0, 93, 148, 0.68);
  display: none;
}
.product-motor-type-mobile {
  display: none;
}
.product-motortype-cat {
  display: none;
}
.product-onderdelen-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
.onderdelen-container-bottom {
  margin-top: auto;
}
.product-onderdelen-container a:hover {
  text-decoration: none;
}
.catviewproduct_shipping {
  text-align: center;
  visibility: hidden;
  display: none;
}
.catviewproduct_shipping.catviewproduct_freeshipping {
  visibility: visible;
}
.catviewproduct_shipping.free-shipping {
  visibility: visible;
}
.catviewproduct_shipping_text {
  color: #5DBB4B;
  font-size: 10px;
}
.catviewproduct_shipping_text .fa-truck {
  padding-right: 5px;
}
.noprice .catviewproduct_shipping {
  display: none;
  visibility: hidden;
}
.cat-link {
  color: var(--blue);
  text-decoration: none;
  text-align: right;
  padding-bottom: var(--padding-default);
  padding-right: var(--padding-medium);
}
.cat-link-text {
  font: var(--text-pdp-characteristics-bold);
}
/*#endregion */
/*#region Categorie */
.webshop-menu {
  margin-top: 20px;
}
.webshop-menu .webshop-menu-header {
  font-size: 20px;
  color: var(--dark-blue);
}
.webshop-menu ul {
  margin: 0;
  padding-left: 10px;
}
.webshop-menu ul.menu_webshoplevel1 {
  padding-left: 25px;
}
.webshop-menu ul.menu_webshoplevel1 li a {
  color: var(--dark-blue);
  font: var(--text-menu);
}
.webshop-menu ul li {
  list-style: none;
  margin-top: 10px;
}
.webshop-menu a {
  text-decoration: none;
  color: var(--dark-blue);
}
.webshop-menu a span {
  display: inline-block;
  width: 19px;
  height: 19px;
  line-height: 19px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  border: 1px solid #d7d7d7;
  cursor: pointer;
  position: relative;
  background-color: #fff;
}
.webshop-menu .active > a > span:before {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  left: 1px;
  font-family: var(--font-fontawesome);
  font-size: 18px;
  color: #00ab8e;
  content: '\f00c';
  display: block;
}
.menu_webshoplevel0 li a {
  font: var(--text-menu-bold);
}
.catviewdescription p,
.catviewdescription h2,
.catviewdescription h3 {
  margin: 0;
}
/*#endregion */
/*#region Filter */
.result-loader {
  display: none;
  text-align: center;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}
.category_filters_top span {
  font-weight: 400;
  font-size: 16px;
  height: 35px;
  line-height: 35px;
}
.category-search-holder .filter-list {
  display: flex;
  margin: calc(var(--padding-small) * -1) 0 0;
  padding: 0;
}
.category-search-holder .filter-list .filter-list-option {
  cursor: pointer;
}
.category-search-holder .filter-list .filter-list-option:nth-child(n + 3) {
  display: none;
}
.filter-list,
.filter_input {
  list-style: none;
}
.filter-list .property-ddl-opener.active,
.filter_input .property-ddl-opener.active,
.filter-list .nativejs-select.nativejs-select_active .nativejs-select__placeholder,
.filter_input .nativejs-select.nativejs-select_active .nativejs-select__placeholder {
  z-index: 53;
}
.filter-list .options-wrapper,
.filter_input .options-wrapper,
.filter-list .nativejs-select__dropdown,
.filter_input .nativejs-select__dropdown {
  position: absolute;
  top: 30px;
  border: 1px solid var(--dark-blue);
  border-radius: 0 0 8px 8px;
  padding-top: 10px;
  max-height: 260px;
  z-index: 52;
  overflow: visible;
  background-color: var(--white);
  box-sizing: border-box;
  width: 100%;
}
.filter-list .options-wrapper:before,
.filter_input .options-wrapper:before,
.filter-list .nativejs-select__dropdown:before,
.filter_input .nativejs-select__dropdown:before {
  content: '';
  position: absolute;
  top: -20px;
  left: -1px;
  right: -1px;
  border-left: 1px solid var(--dark-blue);
  border-right: 1px solid var(--dark-blue);
  height: 20px;
  background-color: var(--white);
}
.filter-list .options-wrapper .options-searchbox ~ .options,
.filter_input .options-wrapper .options-searchbox ~ .options,
.filter-list .nativejs-select__dropdown .options-searchbox ~ .options,
.filter_input .nativejs-select__dropdown .options-searchbox ~ .options,
.filter-list .options-wrapper .nativejs-select__search ~ .nativejs-select__options,
.filter_input .options-wrapper .nativejs-select__search ~ .nativejs-select__options,
.filter-list .nativejs-select__dropdown .nativejs-select__search ~ .nativejs-select__options,
.filter_input .nativejs-select__dropdown .nativejs-select__search ~ .nativejs-select__options {
  max-height: 216px;
  overflow-y: auto;
}
.filter-list .options-wrapper .options,
.filter_input .options-wrapper .options,
.filter-list .nativejs-select__dropdown .options,
.filter_input .nativejs-select__dropdown .options,
.filter-list .options-wrapper .nativejs-select__options,
.filter_input .options-wrapper .nativejs-select__options,
.filter-list .nativejs-select__dropdown .nativejs-select__options,
.filter_input .nativejs-select__dropdown .nativejs-select__options {
  border-radius: 0 0 8px 8px;
  max-height: 248px;
}
.filter-list .options-wrapper .options-searchbox,
.filter_input .options-wrapper .options-searchbox,
.filter-list .nativejs-select__dropdown .options-searchbox,
.filter_input .nativejs-select__dropdown .options-searchbox,
.filter-list .options-wrapper .nativejs-select__search-inp,
.filter_input .options-wrapper .nativejs-select__search-inp,
.filter-list .nativejs-select__dropdown .nativejs-select__search-inp,
.filter_input .nativejs-select__dropdown .nativejs-select__search-inp {
  margin: var(--padding-extra-small) calc(var(--padding-small) + 2px) var(--padding-extra-small) var(--padding-small);
  border: 1px solid var(--gray);
  border-radius: var(--border-radius-button);
  padding: var(--padding-extra-small) var(--padding-small);
  height: 24px;
  width: calc(100% - (2 * var(--padding-small) + 2px));
  min-width: 0;
  box-sizing: border-box;
}
.filter-list .options-wrapper .row,
.filter_input .options-wrapper .row,
.filter-list .nativejs-select__dropdown .row,
.filter_input .nativejs-select__dropdown .row {
  padding: 0 var(--padding-small);
}
.filter-list .nativejs-select__placeholder,
.filter_input .nativejs-select__placeholder,
.filter-list .property_list .property-ddl-opener,
.filter_input .property_list .property-ddl-opener {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
  border-radius: var(--border-radius-input-field);
  padding: 8px 28px 8px 8px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  font: var(--text-button-medium);
  color: var(--black);
  min-width: 150px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.filter-list .nativejs-select__placeholder:after,
.filter_input .nativejs-select__placeholder:after,
.filter-list .property_list .property-ddl-opener:after,
.filter_input .property_list .property-ddl-opener:after {
  content: "\f0d7";
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  line-height: 1;
  width: 25px;
  font-family: var(--font-fontawesome);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-weight: 600;
  background-color: #ffffff;
}
.filter-list .filter-list-option,
.filter_input .filter-list-option {
  margin: var(--padding-small) 0 0 var(--padding-small);
  box-sizing: border-box;
  font-weight: 400;
  font-size: 16px;
}
.filter-list .filter-list-option .slide,
.filter_input .filter-list-option .slide {
  border-bottom: 0;
  height: 40px;
  min-width: 180px;
  transition: height 0.5s ease-in-out;
}
.filter-list .filter-list-option .row,
.filter_input .filter-list-option .row {
  min-height: 30px;
  line-height: 30px;
}
.filter-list .filter-list-option .row:after,
.filter_input .filter-list-option .row:after {
  content: '';
  display: block;
  clear: both;
}
.filter-list .filter-list-option .row:last-child,
.filter_input .filter-list-option .row:last-child {
  border: 0;
}
.filter-list .filter-list-option .row > .property_checkbox,
.filter_input .filter-list-option .row > .property_checkbox {
  float: left;
  margin: 6px 10px 0 0;
  border: 1px solid #cccccc;
  height: 20px;
  width: 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.filter-list .filter-list-option .row .filter-checkbox span,
.filter_input .filter-list-option .row .filter-checkbox span {
  float: left;
  margin: 6px 10px 0 0;
  border: 1px solid #cccccc;
  height: 20px;
  width: 20px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}
.filter-list .filter-list-option .row:hover .property_checkbox:after,
.filter_input .filter-list-option .row:hover .property_checkbox:after,
.filter-list .filter-list-option .row > .property_checkbox.checked:after,
.filter_input .filter-list-option .row > .property_checkbox.checked:after,
.filter-list .filter-list-option .row .filter-checkbox.checked span:after,
.filter_input .filter-list-option .row .filter-checkbox.checked span:after,
.filter-list .filter-list-option .row > .property_checkbox.selected:after,
.filter_input .filter-list-option .row > .property_checkbox.selected:after,
.filter-list .filter-list-option .row .filter-checkbox.selected span:after,
.filter_input .filter-list-option .row .filter-checkbox.selected span:after,
.filter-list .filter-list-option .row [type=checkbox]:checked + .filter-checkbox span:after,
.filter_input .filter-list-option .row [type=checkbox]:checked + .filter-checkbox span:after {
  content: "";
  position: absolute;
  margin: 2px;
  height: calc(100% - 4px);
  width: calc(100% - 4px);
  background-color: var(--gray);
}
.filter-list .filter-list-option .row > input[type="checkbox"],
.filter_input .filter-list-option .row > input[type="checkbox"] {
  position: absolute !important;
  left: -9999px !important;
  display: block !important;
}
.filter-list .filter-list-option .row > a,
.filter_input .filter-list-option .row > a,
.filter-list .filter-list-option .row > label,
.filter_input .filter-list-option .row > label {
  float: left;
  line-height: 30px;
  width: calc(100% - 30px);
  letter-spacing: 0.3px;
  text-decoration: none;
  font-size: 14px;
  color: #111111;
  cursor: pointer;
}
.filter-list .js-more .more,
.filter_input .js-more .more,
.filter-list .js-more .less,
.filter_input .js-more .less {
  display: none;
  margin-left: 27px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  color: #111111;
}
/*#endregion */
/*#region active filter blocks */
.active-filter-block-holder {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--padding-default);
  gap: 10px;
}
.active-filter-block-holder:empty {
  display: none;
}
.active-filter-block-holder div {
  position: relative;
  border: 1px solid var(--black);
  border-radius: var(--border-radius-button);
  padding: 0 calc(var(--padding-default) + 16px) 0 var(--padding-default);
  height: 24px;
  line-height: 22px;
  box-sizing: border-box;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.active-filter-block-holder div:after {
  content: 'x';
  position: absolute;
  top: 2px;
  right: 14px;
  height: 15px;
  width: 8px;
  margin-left: var(--padding-small);
  line-height: 15px;
  text-align: center;
  color: var(--orange);
  font-weight: 400;
}
/*#endregion active filter blocks */
/*#region Paging */
.category-content .pager {
  margin-top: var(--padding-large);
  width: 100%;
}
.category-paging {
  display: flex;
}
.category-paging .paging-info {
  width: 135px;
  line-height: 35px;
}
.category-paging .paging-info span {
  font-weight: 700;
}
.category-paging .paging-buttons {
  text-align: center;
  width: calc(100% - 270px);
}
.category-paging .paging-buttons .paging-link {
  display: inline-block;
  margin: 0 5px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  color: var(--black);
}
.category-paging .paging-buttons .paging-link:hover {
  font-weight: 700;
  opacity: 0.8;
}
.category-paging .paging-buttons .paging-link.pagenrlinksel {
  font-weight: 700;
  cursor: default;
  color: var(--dark-orange);
}
.category-paging .paging-buttons .paging-next,
.category-paging .paging-buttons .paging-prev {
  display: inline-block;
  text-align: center;
  margin: 0 5px;
  font-family: var(--font-fontawesome);
  font-weight: 900;
  font-size: 16px;
}
.category-paging .paging-buttons .paging-next:before,
.category-paging .paging-buttons .paging-prev:before {
  content: "\f0da";
  display: inline-block;
}
.category-paging .paging-buttons .paging-prev:before {
  content: "\f0d9";
}
/*#endregion Paging */
@media screen and (max-width: 1024px) {
  .product-overlay {
    display: none;
  }
  .product-motor-type-mobile {
    display: block;
  }
  .product-motortype-cat {
    display: flex;
    justify-content: center;
  }
  .category-search-holder .category-search-block {
    flex-direction: column;
  }
  .category-search-holder .category-search-block .category-search-button {
    max-width: none;
  }
}
@media screen and (max-width: 959px) {
  .category-hide-desktop {
    display: block;
  }
  .cat-top-search a {
    display: none;
  }
  .category-search-holder .category-search-block {
    margin-top: var(--padding-extra-small);
  }
  .category-info-mobile {
    display: block;
  }
  .category-filter-block .category-filter-block-right {
    display: none;
  }
  .category-overview .homecategories,
  .category-overview .homecategories > div {
    margin-top: var(--padding-default);
  }
  .category-overview .homecategories > div:first-child {
    margin-top: 0;
  }
  .category-overview .homecategories > div a:last-child {
    margin-bottom: 0;
  }
  .category-overview .homecategories h2 {
    margin-bottom: var(--padding-default);
  }
  .category-overview .homecategories * + h2 {
    margin-top: 0;
  }
}
@media screen and (max-width: 900px) {
  .category-filter-block .category-info-wrapper {
    text-align: center;
  }
  .category-filter-block .category-info-wrapper .category-info-items {
    justify-content: center;
  }
  .category-filter-block .category-info-wrapper .category-info-items .whatsapp-info-icon {
    padding-left: var(--padding-medium);
  }
}
@media screen and (max-width: 768px) {
  #container .cat-top-search {
    display: none;
  }
  .category-show-mobile {
    display: block;
  }
  .category-summary-top {
    margin-top: var(--padding-medium);
  }
  .category-content .pager {
    margin-top: var(--padding-default);
    width: 100%;
  }
  .category-paging {
    flex-direction: column;
    align-items: center;
  }
  .category-paging .paging-info {
    width: 100%;
    text-align: center;
  }
  .category-paging .paging-buttons {
    width: 100%;
  }
  .category-search-wrapper.mobile-search-active .category-search-holder .category-search-header .block-text:after {
    content: "\f0d8";
  }
  .category-search-wrapper.mobile-search-active .category-search-holder .category-search-block,
  .category-search-wrapper.mobile-search-active .photo-search-block {
    display: block;
  }
  .category-search-wrapper .category-search-holder {
    padding: 0;
  }
  .category-search-wrapper .category-search-holder .category-search-header {
    padding: var(--padding-large) var(--padding-medium);
  }
  .category-search-wrapper .category-search-holder .category-search-header .block-text:after {
    content: "\f0d7";
    display: inline-block;
    margin-left: 10px;
    font-family: var(--font-fontawesome);
  }
  .category-search-wrapper .category-search-holder .category-search-block {
    display: none;
    padding: var(--padding-medium);
  }
  .category-search-wrapper .photo-search-block {
    display: none;
    padding: 0 var(--padding-medium) var(--padding-large);
  }
  .category-filter-block {
    margin-top: var(--padding-medium);
  }
  .category-filter-block .category-search-wrapper {
    flex-direction: column;
  }
  .category-filter-block .category-search-wrapper .of-label-wrapper {
    display: none;
  }
  .category-filter-wrapper form {
    flex-direction: column;
  }
  .category-filter-wrapper .filter-list-holder {
    margin: var(--padding-medium) 0 0;
  }
  .category-filter-wrapper .filter-list {
    flex-direction: column;
    margin: 0;
  }
  .category-filter-wrapper .filter-list li {
    margin: var(--padding-medium) 0 0;
  }
  .category-filter-wrapper .filter-list li:first-child {
    margin-top: 0;
  }
  .category-filter-wrapper .filter-list li .slide {
    height: auto;
    min-height: 40px;
    width: 100%;
  }
  .category-filter-wrapper .filter-list .filter-list-option {
    cursor: default;
  }
  .category-filter-wrapper .filter-list .property-ddl-opener {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .category-filter-wrapper .filter-list .property-ddl-opener:after {
    display: none;
  }
  .category-filter-wrapper .filter-list .options-wrapper {
    display: flex !important;
    position: relative;
    top: 0;
    padding: 0 0 var(--padding-extra-small);
    width: 100%;
  }
  .category-filter-wrapper .category-search-button {
    margin: var(--padding-medium) 0 0;
    max-width: none;
  }
  .photo-search-block {
    margin-top: var(--padding-medium);
  }
  .photo-search-block .info {
    right: -18px;
  }
  .photo-search-block .cat-foto-button {
    margin-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .category-paging .paging-buttons .paging-prev,
  .category-paging .paging-buttons .paging-next,
  .category-paging .paging-buttons .paging-link {
    margin: 0 3px;
    width: 30px;
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*#region Purchase step 2 */
.detailOverview {
  justify-content: space-between;
  margin: 3rem 0;
}
.detail-column {
  width: 30%;
}
.detail-form {
  background-color: var(--light-gray);
  padding: var(--padding-default);
  border-radius: 4px;
}
.detailHdr {
  font-weight: 600;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
}
.detailLbl {
  margin-bottom: 4px;
  font: var(--text-checkboxes);
  color: var(--black);
}
.detailEdit {
  margin-bottom: 16px;
}
#detailRow2 .detailEdit .customcheckbox label {
  display: flex;
  gap: 10px;
}
.customcheckbox input[type="checkbox"] + label span {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  background-color: #fff;
}
/*#endregion */
/*#region Purchase step 3 */
form.shopingcart {
  margin: 3rem 0;
}
.order-price {
  margin-bottom: 0;
  font: var(--text-order-price);
}
.order.order:last-child {
  border: none;
}
.overview-order {
  background-color: var(--light-gray);
  padding: var(--padding-medium) var(--padding-extra-large);
  border-radius: var(--border-radius-categorie);
}
.overview-order .total-costs-table,
.overview-order .total-costs-table-minimal {
  padding-top: 0;
}
.payment-checkboxes div {
  margin: 1rem 0;
}
.delivery-holder {
  padding: var(--padding-default);
  display: flex;
  flex-direction: column;
}
.pickup-holder {
  padding: var(--padding-default);
}
.cb-button {
  float: left;
}
.laten-bezorgen {
  overflow: hidden;
  margin-top: var(--padding-medium);
}
.anderadres {
  margin-top: 10px;
}
.anderadresgegevens label {
  width: 150px;
  float: left;
  padding-right: 20px;
  padding-top: 10px;
}
.anderadresgegevens .fields,
.aanhefholder {
  overflow: hidden;
  padding-top: 10px;
  max-width: 250px;
}
.label-male,
.label-female {
  cursor: pointer;
}
.anderadresgegevens .fields input {
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cccccc;
}
.anderadresgegevens .fields select {
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #cccccc;
}
.payment-method-block {
  padding: var(--padding-default);
  background-color: var(--light-gray);
  border-radius: 4px;
}
.option-spacer {
  height: 20px;
}
.paymentname {
  float: left;
  line-height: 26px;
  vertical-align: middle;
}
.paymentprice {
  float: right;
}
.bezorgdatum-button {
  cursor: pointer;
}
.paymentimage {
  width: 60px;
  float: left;
  margin-right: 10px;
  text-align: center;
}
.idealopties {
  display: none;
  margin-left: 70px;
  margin-top: 20px;
}
.betaaloption.lightblue .idealopties {
  display: block;
}
/*#endregion */
/*#region Purchase step 2/3 combined */
.payment_overview .subheader {
  font: var(--text-subheader);
  height: 35px;
}
.detailHdr {
  font: var(--text-subheader);
}
.btn-checkout {
  font: var(--text-button-large);
  width: 100%;
  max-width: 372px;
}
.paymentimage {
  display: none;
}
.detail-column .payment_overview #delivery_total {
  display: none;
}
.detail-column .payment_overview .payment_method .payment-method-block .betaaloption .paymentprice {
  display: none;
}
.laten-bezorgen .latenbezorgenprice {
  display: none !important;
}
.bholder {
  background-color: var(--light-gray);
  border-radius: 4px;
}
#detailRow2 .detail-form .detailEdit .customcheckbox {
  display: none;
}
/*#endregion */
/*#region Purchase step 4 */
#condition_terms_holder {
  margin-top: 20px;
}
.overzichtkolom {
  width: 20%;
}
.overzichtkolom .titel {
  display: block;
  font-weight: 600;
}
.orderfunnel-buttons {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}
.orderfunnel-buttons .orderfunnel-buttons-back {
  align-content: end;
}
.payment-checkboxes {
  font: var(--text-checkboxes);
}
/*#endregion */
/*#region Purhcase step 5 */
.main-holder .block-inplannen-features {
  height: 100%;
}
.block-inplannen-text {
  color: var(--white);
  font-weight: 700;
  padding: var(--padding-medium);
}
.purchase_main_btn_submit {
  -webkit-appearance: none;
  border: none;
  height: 35px;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  background-color: #007ac3;
}
.back-to-home {
  width: 100%;
}
/*#endregion */
/*#region Steps */
#purchase_wrapper,
.main-holder {
  padding: 3rem 0;
}
#progress .steps {
  display: flex;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
#progress .steps li {
  width: 33%;
  position: relative;
  padding: 0 2.85rem 0 0;
}
#progress .steps li:after {
  position: absolute;
  right: 1.25rem;
  top: 0;
  content: '';
  border-style: solid;
  border-width: 25px 0 25px 26px;
  border-color: transparent transparent transparent var(--light-gray);
}
#progress .steps li span {
  background: var(--light-gray);
  display: table;
  width: 100%;
  font: var(--text-steps);
  text-transform: uppercase;
  line-height: 50px;
  height: 50px;
}
#progress .steps li.active:after {
  border-color: transparent transparent transparent var(--blue);
}
#progress .steps li:last-child {
  background: var(--light-gray);
}
#progress .steps li.active:last-child {
  background: var(--blue);
}
#progress .steps li.active span {
  background: var(--blue);
  color: #fff;
}
#progress .steps li.passed {
  cursor: pointer;
}
#progress .steps li.passed span {
  background-color: var(--blue);
  color: var(--white);
}
#progress .steps li.passed:after {
  border-color: transparent transparent transparent var(--blue);
}
#progress .steps li.passed .fa {
  color: var(--blue);
  padding-right: 5px;
  font-size: 16px;
}
#progress .steps li.passed span:before {
  border-color: transparent var(--blue) transparent transparent;
}
#progress .steps li.passed span:after {
  border-color: transparent transparent var(--blue) transparent;
}
#progress .steps li span:before {
  position: absolute;
  left: -25px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 27px 27px 0;
  border-color: transparent var(--light-gray) transparent transparent;
  content: '';
}
#progress .steps li span:after {
  position: absolute;
  left: -25px;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 27px 27px;
  border-color: transparent transparent var(--light-gray) transparent;
  content: '';
}
#progress .steps li.active span:after {
  border-color: transparent transparent var(--blue) transparent;
}
#progress .steps li.active span:before {
  border-color: transparent var(--blue) transparent transparent;
}
#progress .steps li span > cite {
  font-style: normal;
  margin-left: -4px;
}
/*#endregion */
/*#region Empty Cart */
.emptyMessage {
  margin: 2rem auto;
  background-color: var(--light-blue);
  padding: 2rem 0;
  text-align: center;
  border-radius: var(--border-radius-filter);
}
.emptyMessage p {
  font-weight: 700;
}
.emptyMessage img {
  padding: var(--padding-default) 0;
}
.emptyMessage a {
  color: var(--dark-blue);
}
/*#endregion */
/*#region Step 1: View Order container */
#purchase_main_articles {
  display: flex;
  justify-content: space-between;
  margin: 2rem 0;
  flex-wrap: wrap;
}
/*#region Order overview */
form#priceForm {
  width: 55%;
}
.order-amount-wrapper {
  display: flex;
  align-items: center;
}
.orders .order {
  border-bottom: 1px solid var(--gray);
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
delivery-text {
  float: left;
  margin-top: 10px;
}
.orders .article-row {
  padding: 0 0 1rem 0;
}
.order .product-info .name a {
  text-decoration: none;
  color: var(--black);
  font: var(--text-article-title);
}
.article-info-spec {
  font: var(--text-article-number);
}
.order .product-image {
  width: 20%;
  margin-right: 1rem;
  max-height: 10rem;
  overflow: hidden;
  object-fit: contain;
}
.order .product-info {
  width: 60%;
}
.product-order-badge {
  position: relative;
  width: 30%;
  font-size: 10px;
  padding: 0;
  background-color: var(--red);
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  border-radius: var(--border-radius-badge);
}
.order .order-amount {
  height: 1.5rem;
  background-color: var(--light-gray);
  border-radius: var(--border-radius-badge);
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-extra-small) var(--padding-small);
  margin-right: 2.5rem;
  width: 10%;
}
/* Chrome, Safari, Edge, Opera */
.shoppingcart-input::-webkit-outer-spin-button,
.shoppingcart-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.shoppingcart-input {
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  float: left;
  border: 0;
  padding: 0;
  height: 30px;
  line-height: 20px;
  width: 40px;
  outline: 0;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  background: var(--color-white);
  color: var(--color-black);
}
.shoppingcart-input {
  -moz-appearance: textfield;
}
.article-info .article-info-header {
  font-weight: 600;
}
.tab {
  margin-right: 5px;
}
.amount-more,
.amount-less {
  border: none;
  background: none;
  cursor: pointer;
}
.order-amount span {
  font-weight: 700;
}
.order-price {
  font: var(--text-order-price);
}
.delitem span {
  color: var(--black);
  cursor: pointer;
}
/*#endregion */
/*#region Subtotal section */
.total-costs-table {
  background-color: var(--light-gray);
  padding: var(--padding-default) var(--padding-large);
  box-sizing: border-box;
  border-radius: var(--border-radius-filter-block);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
}
.total-costs-table-minimal {
  background-color: var(--light-gray);
  box-sizing: border-box;
  border-radius: var(--border-radius-filter-block);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
}
.fa-info-circle {
  color: var(--blue);
  height: 15px;
  width: 15px;
}
.total-price-section {
  border-bottom: 1px solid var(--gray);
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
}
.total-costs-table .total-row,
.total-costs-table-minimal .total-row {
  display: flex;
  justify-content: space-between;
  margin: 0.5rem 0;
}
.order-price-amount {
  font-weight: 400;
}
.td_article_price {
  display: flex;
  gap: 1.5rem;
}
.old-price {
  text-decoration: line-through;
}
.total-costs-table .purchase_long_text,
.total-costs-table-minimal .purchase_long_text {
  display: inline-block;
  font-weight: 700;
}
.total-costs-table .td_total_benefit,
.total-costs-table-minimal .td_total_benefit {
  color: var(--orange);
}
.totalprice {
  font-weight: 700;
  font-size: 20px;
}
#kortingform {
  margin: 1rem 0;
}
.discount-field-holder {
  height: 35px;
  margin-top: 0.5rem;
}
.discount-field-holder #discountcode {
  height: 35px;
  line-height: 35px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: var(--padding-small);
  width: 85%;
  border: none;
  border-radius: 4px;
}
.discount-field-holder #btnSubmitDiscount {
  border: none;
  background-color: var(--blue);
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 0;
  cursor: pointer;
  font-size: 18px;
  border-radius: var(--border-radius-badge);
}
.next-btn {
  width: 100%;
  font: var(--text-button-large);
}
/*#endregion */
/*#region Banner */
.banner_item img {
  width: 100%;
}
.banner_item {
  display: none;
}
.banner_item:nth-child(1) {
  display: block;
}
.bx-wrapper .banner_item {
  display: block;
  width: 100% !important;
}
#banner-top-mobile {
  display: none;
}
.banner_item_small {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.bannerContent {
  padding: 20px;
  color: #fff;
  font-weight: 600;
}
.bannerContent p {
  font-size: 15px;
  text-shadow: 1px 1px 1px #000;
}
.bannerContent p strong {
  font-size: 28px;
}
/*#endregion */
/*#region Map */
#mapHolder img {
  border: none;
  vertical-align: middle;
  max-width: none;
  max-height: none;
  width: 101px;
}
#mapHolder {
  display: block;
  height: 550px;
  width: 100%;
  max-height: 50vh;
}
#map_canvas div {
  position: static;
}
/*#endregion */
/*#region Content */
.content-bottom {
  margin: var(--margin-bottom-top);
  background-color: var(--light-gray);
  padding: 80px 0 80px 0;
  box-sizing: border-box;
}
.content-bottom-wrapper {
  max-width: 1280px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
.content_text {
  max-width: 1150px;
  text-align: justify;
}
.content_text a {
  color: #007ac3;
  text-decoration: none;
}
.content_text a:hover {
  text-decoration: underline;
}
.content-bottom .col-1-2 {
  width: 50%;
  padding-right: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.content-bottom .col-2-2 {
  width: 50%;
  float: left;
  text-align: justify;
  font-size: 12px;
}
.content-bottom .col-2-2 p:nth-child(1) {
  margin-top: 0;
}
.content-bottom .col-2-2 p:nth-last-child(1) {
  margin-bottom: 0;
}
.content-bottom .content-title h1 {
  margin: 0;
}
.content-bottom .col-1-2 h2 {
  margin: 0;
  font-size: 20px;
}
.content-bottom .col-1-2 h3 {
  margin: 0;
  color: #221e1f;
  font-size: 14px;
}
.content-left {
  background-color: var(--light-gray);
  min-height: 424px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: var(--border-radius-image);
  position: relative;
  height: 100%;
  overflow: hidden;
}
.content-bottom .content-left .showroom-block p {
  font: var(--text-search-block);
  padding-left: var(--padding-default);
  padding-top: var(--padding-default);
}
.content-left img {
  object-fit: cover;
  height: 424px;
  width: 100%;
}
.content-bottom .content-left .showroom-block {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--white);
  max-width: 304px;
  border-radius: var(--border-radius-showroom);
}
.showroom-block-button {
  padding-left: var(--padding-default);
  padding-right: var(--padding-default);
}
.showroom-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  border: 0;
  background-color: var(--blue);
  border-radius: var(--border-radius-button);
  color: var(--white);
  font: var(--text-button-medium);
  cursor: pointer;
  -webkit-appearance: none;
  margin-bottom: var(--padding-default);
}
.showroom-button:hover {
  color: var(--white);
  text-decoration: none;
  background: var(--dark-blue);
  cursor: pointer;
}
.homecategories-header {
  margin-top: var(--padding-medium-large);
}
.content-bottom .content-left table .fa {
  color: #007ac3;
  width: 25px;
}
.content-bottom .content-left .button .fa {
  font-size: 16px;
  text-align: center;
}
.contact-title {
  font: var(--title-contact-moible);
  display: none;
}
.col-1-3 {
  float: left;
  width: 33.333%;
}
.col-1-3 form {
  background-color: var(--light-gray);
  border-radius: var(--border-radius-filter-block);
}
.col-2-3 {
  float: left;
  width: 33.333%;
  display: flex;
  justify-content: center;
}
.col-2-3 .content_title h1 {
  font: var(--title-contact);
  text-transform: none;
}
.col-2-3 .footer-socialmedia a {
  color: #007ac3;
  -moz-transition: font-size 0.2s ease-in-out;
  -o-transition: font-size 0.2s ease-in-out;
  -webkit-transition: font-size 0.2s ease-in-out;
  transition: font-size 0.2s ease-in-out;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  width: 22px;
  margin-right: var(--padding-large);
}
.col-2-3 table {
  border-collapse: collapse;
}
.col-2-3 td {
  font: var(--title-contact-timetable);
}
.col-2-3 .dag {
  font: var(--title-contact);
}
.col-3-3 {
  float: left;
  width: 33.333%;
}
.col-3-3 .contact-map {
  border-radius: var(--border-radius-filter-block);
}
.finance-table {
  padding-bottom: var(--padding-extra-large);
}
/*#endregion */
/*#region Mailchimp */
#mailchimp-subscribe {
  max-width: 1280px;
  margin: var(--padding-default) auto var(--padding-large);
  padding: 0 20px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--white);
}
#mailchimp-subscribe .mailchimp-inner {
  background-color: var(--dark-blue);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  padding: 20px 60px;
  border-radius: var(--border-radius-filter);
}
#mailchimp-subscribe .mailchimp-title {
  color: var(--white);
  font: var(--title-mailchimp);
  max-width: 230px;
  padding: 5px 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 15px;
  left: 40px;
}
#mailchimp-subscribe .mailchimp-fields .single_line-name {
  width: 230px;
  height: 33px;
}
#mailchimp-subscribe .mailchimp-fields .single_line-email {
  width: 327px;
  height: 33px;
}
#subscribe_newsletter {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.maichimp-title {
  margin-top: 20px;
  font: var(--title-mailchimp);
}
.mailchimp-title i {
  padding-left: var(--padding-large);
}
.mailchimp-fields label {
  margin-bottom: 5px;
  font: var(--text-mailchimp-label);
}
.input-field-name {
  width: 230px;
  height: 33px;
  border-radius: 5px;
  border: none;
}
.input-field-email {
  width: 327px;
  height: 33px;
  border-radius: 5px;
  border: none;
}
#mailchimp-subscribe .form_submit_button {
  width: 100%;
  max-width: 179px;
  height: 37px;
  border: 0;
  background-color: var(--orange);
  border-radius: var(--border-radius-button);
  font: var(--text-button-medium);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 24px;
}
#mailchimp-subscribe .mailchimp-input-fields {
  padding-left: inherit;
}
#mailchimp-subscribe .form_submit_button:hover {
  background-color: var(--dark-orange);
}
#mailchimp-subscribe ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #007ac3;
}
#mailchimp-subscribe ::-moz-placeholder {
  /* Firefox 19+ */
  color: #007ac3;
}
#mailchimp-subscribe :-ms-input-placeholder {
  /* IE 10+ */
  color: #007ac3;
}
#mailchimp-subscribe :-moz-placeholder {
  /* Firefox 18- */
  color: #007ac3;
}
/*#endregion */
/*#region Contact */
.contact-forum-grid {
  padding: var(--padding-medium) 0;
}
.contact .col-2-3 a {
  color: #007ac3;
  text-decoration: none;
}
.contact .col-2-3 .socialmedia-holder a {
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  vertical-align: middle;
  transition: font-size 0.2s ease-in-out;
  display: none;
}
.contact .col-2-3 .socialmedia-holder a:hover {
  font-size: 22px;
}
.contact .contact-header {
  height: 35px;
  margin: 0px 0 0;
  font: var(--title-contact);
}
.contact .form_table {
  margin-bottom: 20px;
  padding: var(--padding-small);
}
.contact .form_table .field-row {
  display: block;
}
.contact .form_table .field_name {
  margin-bottom: 10px;
  display: block;
}
.contact .form_table .field_input input,
.contact .form_table .field_input textarea {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding-left: 10px;
}
.contact .form_table .field_input input {
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  border: none;
}
.contact .form_table .field_input textarea {
  min-height: 100px;
  resize: vertical;
  border: none;
}
.contact .form_submit_button {
  margin-top: 10px;
  width: 100%;
  height: 37px;
  background-color: var(--orange);
  border-radius: var(--border-radius-button);
  color: var(--black);
  font: var(--text-button-medium);
  border: none;
  margin-top: var(--padding-small);
  margin-bottom: var(--padding-default);
}
.contact .form_submit_button:hover {
  background-color: var(--dark-orange);
  cursor: pointer;
}
.contact table tr td {
  padding: 3px 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  border-bottom: 1px solid var(--light-gray);
}
.g-recaptcha {
  margin-top: 10px;
}
#errormelding {
  color: red;
}
.category-support-block-inner .g-recaptcha {
  transform: scale(0.73);
  transform-origin: 0 0;
  margin-bottom: 10px;
}
.category-support-block-inner .g-recaptcha > div {
  width: 0 !important;
  height: 60px !important;
}
/*#endregion */
/*#region Onderhoudsbeurt */
.onderhoudsbeurt-form {
  background-color: #007ac3;
  padding: 15px 10px 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.onderhoudsbeurt-form h2 {
  color: #fff;
  margin-top: 0;
  display: inline-block;
  font-weight: 600;
}
.onderhoudsbeurt-form h2 .fa-wrench {
  font-size: 24px;
  margin-right: 10px;
}
.onderhoudsbeurt-right {
  float: right;
  width: 200px;
  text-align: center;
}
.onderhoudsbeurt-form .onderhoudsbeurt-left {
  float: left;
  width: calc(100% - 200px);
}
.onderhoudsbeurt-left .form_table .fieldgroup {
  float: left;
  width: 49%;
  margin-right: 1%;
}
.onderhoudsbeurt-left .form_table > .field-row {
  float: left;
  width: 49%;
  margin-right: 1%;
}
.onderhoudsbeurt-right img {
  margin-top: -75px;
}
.onderhoudsbeurt-form .form_table .field-row {
  margin-bottom: 15px;
}
.onderhoudsbeurt-form .form_table .field-row .field_name {
  width: 100px;
  float: left;
  line-height: 35px;
  height: 35px;
  vertical-align: middle;
  color: #fff;
}
.onderhoudsbeurt-form .form_table .field-row .field_input {
  float: left;
  width: calc(100% - 110px);
}
.onderhoudsbeurt-form .form_table .field-row .field_input input {
  width: 100%;
  padding-left: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 35px;
  height: 35px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.onderhoudsbeurt-form .button {
  width: calc(100% - 110px);
  background-color: #000;
  color: #fff;
  line-height: 35px;
  -moz-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  float: right;
  margin-right: 10px;
}
/*#endregion */
/*#region Newsletter */
#mo_inl_newsletter-text {
  line-height: 25px;
  vertical-align: middle;
  padding-left: 10px !important;
  max-width: 500px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#mo_inl_newsletter-button {
  -webkit-appearance: none;
  border: none;
  height: 30px;
  width: 150px !important;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  background-color: #007ac3;
}
/*#endregion */
/*#region Auto complete */
.ui-autocomplete {
  max-height: 50vh;
  overflow-y: scroll;
  z-index: 9999 !important;
  left: 0 !important;
  top: 0 !important;
}
.autocomplete .product {
  border-bottom: 1px dotted #cccccc;
  padding: 10px 0;
  display: table;
  width: 100%;
  cursor: pointer;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: none;
  border: none;
}
.autocomplete-row {
  display: table-row !important;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.acSearchImage {
  display: table-cell;
  width: 100px;
}
.acSearchImage img {
  max-height: 100px;
  padding-right: 20px;
  min-width: 50px;
}
.acSearchTitle {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
}
.acSearchPriceHolder {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 20px;
  width: 100px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.acSearchPriceHolder .acSearchPriceOld {
  text-decoration: line-through;
  font-size: 12px;
}
.acSearchPriceHolder .acSearchPrice {
  font-weight: 600;
  font-size: 18px;
}
/*#endregion */
/*#region ExtraSearch */
.searchextra .searchextra-wrapper {
  padding: 10px 15px;
  background-color: #007ac3;
  margin-top: 10px;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
}
.searchextra .searchtitle {
  float: left;
  color: #fff;
  margin-right: 10px;
}
.searchextra .property_header {
  display: none;
}
.searchextra .searchfields {
  overflow: hidden;
}
.searchextra .input {
  float: left;
  width: 24%;
  margin-right: 1%;
  height: 35px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding-left: 10px;
}
.searchextra .propertyselect {
  width: 24%;
  margin-right: 1%;
  float: left;
  height: 35px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
.searchextra .btnSearch {
  background-color: #221e1f;
  color: #fff;
  padding: 10px 15px;
  border: none;
  -webkit-appearance: none;
  cursor: pointer;
  float: right;
}
/*#endregion */
/*#region homepageblock */
.home-filter-block-wrapper {
  position: absolute;
  max-width: calc(100% - (var(--uk-position-margin-offset) * 2));
  box-sizing: border-box;
  top: calc(50% - var(--uk-position-margin-offset));
  left: calc(50% - var(--uk-position-margin-offset));
  --uk-position-translate-x: -50%;
  --uk-position-translate-y: -50%;
  transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
  width: max-content;
}
.welkom-titel-mobile {
  display: none;
}
.col-2-2 {
  margin: var(--margin-bottom-top);
}
.content-title h1 {
  font: var(--title-content);
}
#container .blok-container-home {
  margin-top: var(--padding-extra-large);
}
.blok-home {
  color: var(--black);
  height: 72px;
  background: var(--light-gray);
  border-radius: var(--border-radius-categorie);
  box-shadow: 0px 3px 6px #0000001A;
  display: flex;
  align-items: center;
  padding: 0 16px;
  font: var(--text-block-home);
  justify-content: center;
  text-decoration: none;
}
.blok-home:hover {
  color: var(--black);
  text-decoration: none;
  background: var(--gray);
  cursor: pointer;
}
.blok-home img {
  width: 42px;
  height: 42px;
  margin-right: 12px;
}
.blok-home .blok-home-text {
  white-space: nowrap;
  text-transform: uppercase;
}
.blok-home span:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background-image: url('/designimages/knalpot/Polygon-black.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: var(--padding-default);
}
.block1,
.block2 {
  background-color: var(--blue);
  border-radius: var(--border-radius-filter-block);
}
.block1 {
  text-align: justify;
}
.block1 .block1-text {
  font: var(--text-filter);
  color: var(--white);
  display: inline-block;
  vertical-align: middle;
}
.block2 {
  text-align: justify;
}
.block2 .block2-text {
  font: var(--text-filter);
  color: var(--white);
  line-height: 39px;
}
.form-select-1 {
  display: block;
  width: 100%;
  height: 32px;
  border: none;
  border-radius: var(--border-radius-input-field);
  padding: 0 12px;
  margin-top: 12px;
  font: var(--text-button-medium);
  background-color: white;
  color: var(--black);
  -webkit-appearance: none;
  cursor: pointer;
}
.form-select-2-1 {
  display: block;
  width: 33.5%;
  height: 32px;
  border: none;
  border-radius: var(--border-radius-input-field);
  padding: 0 12px;
  margin-top: 12px;
  font: var(--text-button-medium);
  background-color: white;
  color: var(--black);
  -webkit-appearance: none;
  cursor: pointer;
}
.form-select-2-2 {
  display: block;
  width: 50%;
  height: 32px;
  border: none;
  border-radius: var(--border-radius-input-field);
  padding: 0 12px;
  margin-top: 12px;
  font: var(--text-button-medium);
  background-color: white;
  color: var(--black);
  -webkit-appearance: none;
  cursor: pointer;
}
.zoek-flex {
  display: flex;
  align-items: flex-end;
  gap: 100px;
  flex-wrap: wrap;
}
.jaar-en-button {
  display: flex;
  flex-direction: column;
}
.jaar-label {
  font: var(--text-label-small);
  color: var(--white);
}
.form-row-1 {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  padding-top: var(--padding-large);
}
.form-row-2 {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
}
.form-select.half {
  width: 100%;
  max-width: 120px;
}
.of-block {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--white);
  margin-bottom: 120px;
}
.foto-zoek {
  background-color: #004D80;
  border-radius: 16px;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  height: 64px;
  bottom: 80px;
}
.foto-button {
  background: none;
  border: none;
  color: white;
  font: var(--text-button-medium);
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.block-inplannen-features {
  height: 424px;
  background-color: var(--blue);
  border-radius: 0px 24px 24px 24px;
  padding: var(--padding-medium);
  box-sizing: border-box;
}
.block-inplannen-features .inplannen-text {
  font: var(--text-filter);
  color: var(--white);
  text-transform: uppercase;
}
.features {
  padding-top: var(--padding-small);
}
.feature {
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
}
.feature img {
  width: 20px;
  margin-right: 10px;
}
.block-inplannen-features .features-text {
  font: var(--text-filter-small);
  color: var(--white);
  max-width: 250px;
}
.block-inplannen-title {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: var(--padding-medium);
}
.block-inplannen-features .inplannen-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  border: none;
  background-color: var(--orange);
  border-radius: var(--border-radius-button);
  color: var(--black);
  font: var(--text-button-medium);
  cursor: pointer;
  -webkit-appearance: none;
}
.inplannen-button:hover {
  background-color: var(--dark-orange);
}
.features-button {
  margin-top: var(--padding-extra-large);
}
.home-block-items {
  padding: var(--padding-medium);
}
.home-block-items .filter-list {
  padding: 0;
}
.home-block-items .filter-list .slide {
  height: 32px;
}
.home-block-items.category-search-wrapper {
  display: block;
}
.home-block-items.category-search-wrapper form {
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
}
.home-block-items.category-search-wrapper form img {
  height: 39px;
}
.home-block-items.category-search-wrapper .of-label-wrapper {
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 0 10%;
  height: 40px;
  width: 60px;
  box-sizing: border-box;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--white);
}
.home-block-items.category-search-wrapper .photo-search-block {
  display: flex;
  height: 100px;
  align-self: center;
}
.home-block-items .filter-list-option {
  margin-left: 0;
}
.home-block-items .filter-list-option .slide {
  max-width: none;
  min-width: 0;
  width: 100%;
}
.home-block-items .onderdeel-button {
  margin: 0;
  width: 100%;
}
.home-block-items [data-property-id='7'] {
  width: 100%;
  margin-top: 0;
}
.home-block-items [data-property-id='8'],
.home-block-items [data-property-id='9'] {
  float: left;
  margin-top: 1.5rem;
  width: calc(50% - 0.75rem);
}
.home-block-items [data-property-id='8'] {
  margin-right: 1.5rem;
}
.block1 .motoraanbod-button {
  display: block;
  width: 100%;
  height: 32px;
  border: none;
  background-color: var(--orange);
  border-radius: var(--border-radius-button);
  color: var(--black);
  font: var(--text-button-medium);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: var(--padding-large);
}
.motoraanbod-button:hover {
  background-color: var(--dark-orange);
}
.onderdeel-button {
  display: block;
  width: 256px;
  height: 32px;
  border: none;
  background-color: var(--orange);
  border-radius: var(--border-radius-button) !important;
  color: var(--black);
  font: var(--text-button-medium);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 24px;
}
.onderdeel-button:hover {
  background-color: var(--dark-orange);
}
.tabs {
  display: block;
  margin: var(--margin-bottom-top);
  padding: 0;
}
.tabs {
  list-style: none;
  display: flex;
  margin-left: 0;
}
.tabs li {
  padding: 0;
  margin-left: var(--padding-medium);
}
.tabs li:first-child {
  margin-left: 0;
}
.tabs .uk-active a {
  font: var(--text-motor-card-tabs-active);
  border-bottom: 2px solid var(--black);
}
.tabs a {
  text-decoration: none;
  color: var(--black);
  font: var(--text-motor-card-tabs);
}
.tabs a:hover {
  text-decoration: none;
  color: var(--black);
  font-weight: 700;
}
.motor-home-item {
  background-color: var(--white);
  border-radius: var(--border-radius-image) var(--border-radius-image) var(--border-radius-image) 0;
  overflow: hidden;
  width: 100%;
  display: block;
  height: 312px;
  background-color: var(--light-gray);
}
.motor-home-item img {
  width: 100%;
  display: block;
  height: 312px;
  object-fit: cover;
}
.motor-home-item .motor-card-text-block {
  position: absolute;
  bottom: 0;
  left: 0;
}
.motor-home-item .motor-card-text-block .motor-card-text-block-inner {
  background-color: var(--white);
  border-radius: 0 var(--border-radius-image) 0 0;
  text-align: left;
  padding: var(--padding-default);
  width: auto;
  display: inline-block;
  max-width: 90%;
}
.motor-home-item .motor-card-text-block .motor-card-text-block-inner .link {
  padding: 0 15px 0px;
  color: var(--blue);
  font: var(--text-motor-card-small);
  display: inline-block;
}
.motor-home-item .motor-card-text-block .motor-card-text-block-inner .link:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  background-image: url('/designimages/knalpot/Polygon-blue.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: var(--padding-default);
}
.motor-home-item .motor-card-text-block .motor-card-text-block-inner .link:hover {
  color: var(--orange);
  cursor: pointer;
}
.motor-home-item .motor-card-text-block .motor-card-text-block-inner .link:hover:after {
  background-image: url('/designimages/knalpot/Polygon-orange.svg');
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: var(--padding-default);
  cursor: pointer;
}
.motor-home-item .motor-card-text-block .motor-card-text-block-inner .info {
  display: inline-block;
  white-space: nowrap;
  padding: 0px 15px;
  font: var(--text-motor-card);
}
.motor-home-item .motor-card-text-block .motor-card-text-block-inner .motor-home-item-description {
  max-height: 0;
  max-width: 0;
  width: 100%;
  overflow: hidden;
  padding: 0 15px;
}
.motor-home-item:hover .motor-card-text-block .motor-card-text-block-inner .motor-home-item-description {
  max-height: 100%;
  max-width: 90%;
  width: 100%;
  display: block;
}
.motor-card-2 {
  background-color: #fff;
  border-radius: var(--border-radius-image);
  overflow: hidden;
  width: 100%;
  display: block;
  height: 312px;
  background-color: var(--light-gray);
}
.product-button-motoren {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.product-button-motoren .button-motoren-right {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 248px;
  height: 32px;
  background-color: var(--blue);
  border-radius: var(--border-radius-button);
  font: var(--text-button-medium);
  cursor: pointer;
  margin-top: var(--padding-default);
  padding: 0 16px;
}
.product-button-motoren .button-motoren-right:hover {
  background-color: var(--dark-blue);
}
.product-button-motoren .button-motoren-right a {
  color: var(--white);
}
.product-button-motoren .button-motoren-right a:hover {
  color: var(--white);
  text-decoration: none;
}
.productheader-left h2 {
  font: var(--h2-font);
}
.productheader-left h2::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  background-image: url('/designimages/knalpot/flashlight-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: var(--padding-default);
}
.productheader {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: var(--padding-medium-large) 0;
}
.productheader .productheader-right {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 248px;
  height: 32px;
  background-color: var(--orange);
  border-radius: var(--border-radius-button);
  font: var(--text-button-medium);
  cursor: pointer;
  padding: 0 16px;
}
.productheader .productheader-right:hover {
  background-color: var(--dark-orange);
}
.productheader .productheader-right a {
  color: var(--black);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.review-section {
  background-color: var(--light-gray);
  text-align: center;
  padding: 80px 20px;
  box-sizing: border-box;
}
.review-section h2 {
  margin-bottom: 20px;
  font: var(--h2-font);
  text-align: center;
}
.review-section img {
  max-width: 162px;
  height: auto;
  margin-bottom: 15px;
}
.review-section p {
  margin: 0;
  font: var(--paragraf-font);
}
.homecategories-header h2 {
  font: var(--h2-font);
}
/*#endregion */
/*#region error */
.error-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.error-box {
  background: var(--light-blue);
  padding: var(--padding-extra-large) 200px;
  border-radius: var(--border-radius-price);
  max-width: 1040px;
}
.error-box .content_title,
.error-box .content_text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error-box .content_text p {
  text-align: center;
}
.error-box .content_title h1 {
  font: var(--text-filter);
}
/*#endregion */
.onderhoudsbeurt-iframe {
  min-height: 100vh;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .home-filter-block-wrapper {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    max-width: none;
    width: 100%;
    margin-top: 32px;
  }
  .home-filter-block-wrapper .of-label-wrapper {
    display: none;
  }
  .home-filter-block-wrapper .photo-search-block {
    display: none !important;
  }
  .home-filter-block-wrapper .home-filter-block {
    display: block !important;
  }
  .zoek-flex {
    gap: 40px;
  }
  .features-button {
    margin-top: var(--padding-large-top);
  }
  .contact-forum-grid > :nth-child(3) {
    order: 2;
  }
  .contact-forum-grid > :nth-child(2) {
    order: 1;
  }
  .contact-forum-grid > :nth-child(1) {
    order: 3;
  }
  .col-2-3-items {
    display: flex;
    gap: var(--padding-default);
  }
}
@media screen and (max-width: 900px) {
  #container .contact-title {
    display: block;
    margin-top: var(--padding-large-top);
  }
  .error-container {
    margin: var(--padding-large-top) 0;
  }
  .error-box {
    padding: var(--padding-extra-large) 100px;
  }
  .page-content .content_title {
    margin-top: var(---padding-medium);
  }
}
@media screen and (max-width: 768px) {
  #container .blok-container-home {
    margin-top: var(--padding-medium-large);
  }
  #container .contact-title {
    margin-top: var(--padding-default);
  }
  .welkom-titel-mobile {
    display: block;
    font: var(--h2-font-mobile);
    margin-top: var(--padding-large);
  }
  .blok-home {
    flex-direction: column;
    padding: var(--padding-small);
    height: 100%;
    font: var(--text-catogorie-block-mobile);
  }
  .blok-home img {
    margin-bottom: var(--padding-small);
  }
  #container .col-2-2 {
    display: none;
  }
  #container .home-filter-block {
    display: none;
  }
  #container .tabs .sport-tab-mobile {
    display: none;
  }
  .tabs {
    margin: 48px 0 16px 0;
  }
  .tabs a {
    font: var(--text-motor-card-tabs-mobile);
    margin-right: var(--padding-default);
  }
  .tabs .uk-active a {
    font: var(--text-motor-card-tabs-active-mobile);
  }
  .product-button-motoren .button-motoren-right {
    margin-top: var(--padding-medium);
  }
  .block-inplannen-features {
    height: 100%;
  }
  .features {
    padding-left: var(--padding-features);
  }
  .features-button {
    margin-top: 0;
    padding-bottom: var(--padding-medium);
  }
  .block-inplannen-title {
    gap: 20px;
  }
  .feature img {
    width: 15px;
    margin-top: var(--padding-extra-small);
  }
  .productheader-left h2 {
    font: var(--h2-font-mobile);
  }
  .productheader-left h2::before {
    width: 20px;
    height: 22px;
  }
  .productheader .productheader-right {
    max-width: 216px;
    background-color: var(--blue);
  }
  .productheader .productheader-right a {
    color: var(--white);
  }
  #mailchimp-subscribe .form_submit_button {
    max-width: 100%;
  }
  #mailchimp-subscribe .mailchimp-inner {
    padding: 0px 24px;
  }
  #mailchimp-subscribe .form_submit_button {
    margin-top: var(--padding-small);
    margin-bottom: var(--padding-medium);
  }
}
@media screen and (max-width: 430px) {
  .tabs li[uk-filter-control="[data-filter='sport']"] {
    display: none;
  }
  .error-box {
    padding: var(--padding-large-top) var(--padding-large);
  }
}
@media screen and (max-width: 400px) {
  .col-2-3-items {
    gap: var(--padding-small);
  }
}
/*#region webshop Productdetail */
#productdetail_container .controls {
  padding: 10px 0;
}
#productdetail_container .controls .fa-angle-left {
  padding: 0 5px;
}
.onderdelen-detail-top {
  width: 100%;
  height: 160px;
  background-color: var(--light-gray);
  right: 0;
  z-index: -1;
}
.right-block-onderdelen {
  top: -125px;
}
#proddetailsdetails {
  overflow: hidden;
  padding-left: var(--padding-large);
  padding-right: var(--padding-large);
  background-color: var(--light-gray);
  border-radius: 0px 0px 0px 20px;
}
#proddetails .title a {
  color: var(--black);
  font: var(--text-pdp-back);
}
#proddetails .title a:hover {
  text-decoration: none;
}
#productdetail_container .imageHolder {
  float: left;
  width: 50%;
  padding: 20px 0;
}
#proddetailsdetails .title_summary span {
  display: block;
}
#proddetailsdetails .title_summary h1 {
  font: var(--titel-pdp);
  padding-bottom: var(--padding-large);
  padding-top: var(--padding-medium);
}
#proddetailsdetails .product_prop_wrapper {
  padding: 10px 0;
}
#proddetailsdetails .product_prop_wrapper .product_prop_table .property_7 {
  display: none;
}
#proddetailsdetails .item_head {
  font: var(--text-pdp-characteristics-bold);
  padding-right: var(--padding-extra-large);
  white-space: nowrap;
  vertical-align: top;
}
#proddetailsdetails .item-description {
  font: var(--text-pdp-characteristics);
  text-align: right;
}
#proddetailsdetails .product_prop_table {
  width: 100%;
  padding-bottom: var(--padding-medium);
}
#proddetailsdetails .stock_status_img {
  display: inline-block;
  padding-right: 5px;
}
#proddetailsdetails .stock_status_text {
  display: inline-block;
}
#proddetailsdetails .prodpricewrapper {
  width: 100%;
  padding-bottom: 10px;
}
#proddetailsdetails .product-characteristics {
  float: right;
  padding-top: 20px;
}
#proddetailsdetails #priceeuro {
  display: none;
}
#proddetailsdetails #oldprice {
  font-size: 14px;
  text-decoration: line-through;
}
#proddetailsdetails .overviewprice {
  font: var(--text-price-pdp);
  color: var(--black);
  text-align: right;
}
#proddetailsdetails .prodpricewrapper .pricecontent {
  margin-bottom: var(--padding-extra-large);
  display: flex;
  justify-content: flex-end;
}
#proddetailsdetails .prodpricewrapper .amountcontent {
  display: none;
  padding: 15px 0;
}
#proddetailsdetails .prodpricewrapper .amountcontent .label {
  display: block;
  font-weight: 600;
  padding-bottom: 10px;
}
#proddetailsdetails .prodpricewrapper .amountcontent .value input {
  width: 110px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 35px;
  line-height: 35px;
  vertical-align: middle;
  padding-left: 10px;
  border: 1px solid #E0E0E0;
}
#addtocartdiv .add_to_cart_button {
  border: none;
  -webkit-appearance: none;
  background-color: var(--orange);
  border-radius: var(--border-radius-button);
  font: var(--text-button-large);
  color: var(--black);
  padding: 5px 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: var(--padding-medium);
}
#addtocartdiv .add_to_cart_button:hover {
  background-color: var(--dark-orange);
}
#addtocartdiv .add_to_cart_button::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 30px;
  background-image: url('/designimages/knalpot/cart-icon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: var(--padding-small);
  vertical-align: middle;
}
#addtocartdiv .add_to_cart_button:hover .fa-angle-right {
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
#proddetail_tabs {
  margin-top: 20px;
}
#proddetail_tabs #proddetailtab {
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}
#proddetail_tabs #proddetailtab:after {
  clear: both;
  content: '';
  display: block;
}
#proddetail_tabs #proddetailtab li {
  float: left;
  padding: 5px 10px;
  background-color: #999999;
  margin-right: 5px;
  cursor: pointer;
  color: #fff;
}
#proddetail_tabs #proddetailtab li.selected {
  background-color: #eeeeee;
  color: #303842;
}
#productdetail_container .tabcontent {
  max-width: 800px;
  text-align: left;
  display: none;
}
#productdetail_container .tabcontent.selected {
  display: block;
}
#prod_selectprops .label {
  font-weight: 600;
  font-size: 13px;
}
#prod_selectprops .value {
  margin-top: 10px;
}
#prod_selectprops .value .propbutton {
  -webkit-appearance: none;
  border: none;
  padding: 10px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #eeeeee;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 10px;
}
#prod_selectprops .value .propbutton[data-selected=true] {
  background-color: #777777;
  color: #fff;
}
.small_pics {
  float: left;
  width: 120px;
  display: none;
}
.inc-small .small_pics {
  display: block;
}
.picholder {
  overflow: hidden;
}
.picslider {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  -moz-transition: top 0.2s ease-in-out;
  -o-transition: top 0.2s ease-in-out;
  -webkit-transition: top 0.2s ease-in-out;
  transition: top 0.2s ease-in-out;
}
.small_pics .smallpic {
  margin-bottom: 10px;
  cursor: pointer;
}
.small_pics .smallpic .small_image {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.small_pics .smallpic .small_image {
  border: 1px solid #eeeeee;
}
.small_pics .smallpic.active .small_image {
  border: 2px solid #cccccc;
}
.small_pics .smallpic:after {
  content: '';
  padding-top: 100%;
  display: block;
}
.small_pics .small_image {
  position: absolute;
  height: 100%;
  width: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.big_image {
  width: 100%;
}
#proddetails .productdetailSliderPagination {
  color: var(--black);
}
#productdetailSliderNext {
  top: 0;
}
#productdetailSliderPrev {
  bottom: 0;
}
.product-characteristics-items {
  border: 1px solid #eee;
  padding: 9px 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.product-characteristics-items ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.product-characteristics-items p {
  margin: 0;
}
.product-characteristics-items li {
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: 600;
}
.product-characteristics-items li:before {
  content: "\f00c";
  font-family: FontAwesome !important;
  display: inline-block;
  width: 15px;
  color: #5DBB4B;
  padding-right: 5px;
}
#relatedphoto {
  float: left;
  padding-right: 20px;
}
#relatedetails {
  float: left;
}
#priceeuro {
  display: none;
}
#relatedetails .novatprice {
  display: none;
}
#relatedetails #addtocartdiv {
  margin-top: 10px;
}
.propimagebutton {
  max-height: 75px;
  max-width: 75px;
  border: 1px solid #eeeeee;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.propimagebutton.selected {
  border: 2px solid #cccccc;
  padding: 9px;
}
.productdetailSliderPagination {
  cursor: pointer;
}
.uk-thumbnav li {
  cursor: pointer;
}
.uk-thumbnav li.uk-active img {
  border: none;
  border-radius: var(--border-radius-pdp-small);
}
.uk-slideshow-items {
  border-radius: var(--border-radius-pdp-image);
}
.uk-thumbnav li a img {
  border-radius: 10px;
}
.uk-thumbnav li a img::after {
  background-image: none;
}
.main-slideshow-image {
  object-fit: contain;
  width: 100%;
  height: auto;
}
.thumb-image {
  height: 136px;
}
.slideshow-thumb-wrapper {
  max-width: 100%;
}
.custom-nav-pdp {
  height: 100%;
  width: 50px;
  border-radius: var(--border-radius-categorie);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
}
.custom-nav-pdp:hover {
  text-decoration: none;
  color: var(--black);
}
.uk-position-relative {
  position: relative;
}
/*#endregion */
/*#region Other articles */
.other-art-header-wrapper {
  padding: 10px 0;
  vertical-align: middle;
}
.other-art-header-wrapper .otherArtHead {
  font: var(--titel-pdp);
  height: 25px;
  vertical-align: middle;
  margin-bottom: var(--padding-large);
}
.other-art-header-wrapper .otherarticlefilter {
  padding-bottom: var(--padding-default);
}
.other-art-header-wrapper .otherarticlefilter select {
  border-radius: var(--border-radius-button);
  color: var(--white);
  font: var(--text-button-small);
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  border: none;
  height: 37px;
  max-width: 370px;
  padding-left: var(--padding-extra-large);
}
.other-art-header-wrapper .otherarticlefilter select.select {
  background-color: var(--blue);
  border: none;
}
.other-art-header-wrapper .otherarticlefilter select.select option {
  background-color: var(--light-gray);
  color: var(--black);
  font: var(--text-pdp-dropdown);
}
#proddetail_props table {
  display: none;
}
.prodotherart {
  display: table-cell;
  width: 20%;
  height: 100%;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  vertical-align: top;
}
.prodotherart:first-child {
  padding-left: 0;
}
.prodotherart:last-child {
  padding-right: 0;
}
.prodotherartinner {
  height: 100%;
  background-color: var(--white);
  border-radius: var(--border-radius-categorie);
  box-shadow: 0px 3px 6px #00000029;
}
.prodotherart .propName {
  width: 50%;
  font-weight: 600;
  vertical-align: top;
}
.prodotherart .propVal {
  width: 50%;
}
.prodotherart .prodartprops {
  padding-left: var(--padding-medium);
}
.prodotherart .otherprodPrice {
  display: inline-block;
  color: var(--black);
  font: var(--text-price-pdp-small);
  margin: var(--padding-small) 0;
  border: 1px solid var(--dark-blue);
  border-radius: var(--border-radius-price);
  padding-left: var(--padding-default);
  padding-right: var(--padding-default);
}
.prodotherart .prodotherartnum {
  display: none;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.prodotherart .prodortherartnameicon {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-right: var(--padding-default);
  padding-top: var(--padding-default);
}
.prodotherart .prodortherartnameicon .prodortherartname {
  color: var(--black);
  font: var(--titel-pdp);
  padding-left: var(--padding-medium);
  padding-bottom: var(--padding-extra-small);
  text-overflow: ellipsis;
  overflow: hidden;
}
.prodotherart .prodartimg {
  text-align: center;
  aspect-ratio: 4 / 3;
}
.prodotherart .prodartimg img {
  border-radius: var(--border-radius-onderdelen-img);
  max-height: 210px;
}
.prodotherart .product-part-link {
  color: var(--dark-blue);
  text-decoration: none;
  text-align: right;
  padding-bottom: var(--padding-default);
  padding-right: var(--padding-medium);
}
.prodotherart .product-part-link .product-part-link-text {
  font: var(--text-pdp-characteristics-bold);
}
.product-part-link a:hover {
  text-decoration: none;
}
.prodotherartinner-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.prodotherartinner-items {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.prodotherartinner-bottom {
  margin-top: auto;
}
/*#endregion */
/*related products */
.productDetailRelatedOverview .productItem {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: var(--border-radius-categorie);
  box-shadow: 0px 3px 6px #00000029;
}
.productDetailRelatedOverview .productItem img {
  border-radius: 8px 8px 0 0;
}
.productDetailRelatedOverview .productImage {
  aspect-ratio: 4 / 3;
  background: var(--white);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-radius: 8px 8px 0 0;
}
.productDetailRelatedOverview .productImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.productDetailRelatedOverview .productContent {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.productDetailRelatedOverview .product-props-right {
  margin-top: auto;
}
.productDetailRelatedOverview .product-price {
  margin-top: var(--padding-medium);
}
.otherArtWrapper {
  margin-left: 0;
}
/*#endregion */
/*#region Tracker */
.tracker {
  padding: var(--padding-default) 0px var(--padding-medium) 0;
}
.tracker > div {
  display: inline-block;
  height: 25px;
}
.tracker > div a {
  display: block;
  height: 25px;
  vertical-align: middle;
  font: var(--text-breadcrumb);
  color: var(--gray);
  text-decoration: none;
}
.tracker > div i {
  color: var(--gray);
  padding-right: var(--padding-small);
  padding-left: var(--padding-small);
}
.tracker > div img {
  vertical-align: baseline;
}
.tracker .webshopbreadcrum_separator.first {
  display: none;
}
/*#endregion */
@media screen and (max-width: 900px) {
  .onderdelen-detail-top {
    display: none;
  }
  .right-block-onderdelen {
    top: 0px;
  }
}
@media screen and (max-width: 768px) {
  #proddetailsdetails {
    background-color: var(--white);
  }
  #proddetailsdetails .title_summary h1 {
    padding-bottom: 0;
    padding-top: 0;
  }
  #proddetailsdetails .overviewprice {
    text-align: center;
    color: var(--blue);
    display: inline-block;
    margin: 5px 0;
    border: 1px solid var(--dark-blue);
    border-radius: var(--border-radius-price);
    padding: var(--padding-small);
  }
  #proddetailsdetails .prodpricewrapper .pricecontent {
    justify-content: center;
    display: flex;
    margin-bottom: var(--padding-default);
  }
  #proddetailsdetails .product_prop_table {
    padding-bottom: var(--padding-default);
  }
  .product_prop_wrapper {
    padding: 0 0;
  }
  .other-art-header-wrapper .otherarticlefilter select {
    max-width: 100%;
  }
  .big_image img {
    border-radius: var(--border-radius-image);
  }
  #proddetailsdetails #oldprice {
    display: flex;
    justify-content: center;
  }
}
/*! 
 * OverlayScrollbars
 * Version: 2.11.0
 * 
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 * 
 * Released under the MIT license.
 */
.os-size-observer,
.os-size-observer-listener {
  scroll-behavior: auto !important;
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}
.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}
.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}
.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}
.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}
.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(calc(1 / 0.1));
}
.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}
.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}
.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}
.os-size-observer-listener:empty::before,
.os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}
.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}
.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}
.os-size-observer-listener-item-final {
  transition: none;
}
@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }
  to {
    cursor: none;
  }
}
.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}
.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}
.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}
/**
 * hide native scrollbars
 * changes to this styles need to be reflected in the environment styles to correctly detect scrollbar hiding
 */
[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~=scrollbarHidden] {
  scrollbar-width: none !important;
}
[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
/**
 * elements wont suddenly clip after initialization is done
 */
[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
  overflow: auto;
}
/**
 * applied to body 
 */
html[data-overlayscrollbars-body] {
  overflow: hidden;
}
html[data-overlayscrollbars-body],
html[data-overlayscrollbars-body] > body {
  width: 100%;
  height: 100%;
  margin: 0;
}
html[data-overlayscrollbars-body] > body {
  overflow: visible;
  margin: 0;
}
/**
 * structure setup 
 */
[data-overlayscrollbars] {
  position: relative;
}
[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  align-items: stretch !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  scroll-behavior: auto !important;
}
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  box-sizing: inherit;
  position: relative;
  flex: auto !important;
  height: auto;
  width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]) {
  --os-vaw: 0;
  --os-vah: 0;
  outline: none;
}
[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus {
  outline: none;
}
[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}
[data-overlayscrollbars],
[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  overflow: hidden !important;
}
[data-overlayscrollbars~=noClipping],
[data-overlayscrollbars-padding~=noClipping] {
  overflow: visible !important;
}
[data-overlayscrollbars-viewport~=measuring] {
  overflow: hidden !important;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
[data-overlayscrollbars-viewport~=overflowXVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-x: visible !important;
}
[data-overlayscrollbars-viewport~=overflowXHidden] {
  overflow-x: hidden !important;
}
[data-overlayscrollbars-viewport~=overflowXScroll] {
  overflow-x: scroll !important;
}
[data-overlayscrollbars-viewport~=overflowYVisible]:not([data-overlayscrollbars-viewport~=measuring]) {
  overflow-y: visible !important;
}
[data-overlayscrollbars-viewport~=overflowYHidden] {
  overflow-y: hidden !important;
}
[data-overlayscrollbars-viewport~=overflowYScroll] {
  overflow-y: scroll !important;
}
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) {
  font-size: 0 !important;
  line-height: 0 !important;
}
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,
[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId) > * {
  display: none !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important;
}
[data-overlayscrollbars-viewport~=scrolling] {
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}
[data-overlayscrollbars-content] {
  box-sizing: inherit;
}
/**
 * Display contents to bridge any flickering during deferred initialization.
 */
[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]) {
  display: contents;
}
/**
 * optional & experimental grid mode
 */
[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}
@property --os-scroll-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --os-viewport-percent {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.os-scrollbar {
  --os-viewport-percent: 0;
  --os-scroll-percent: 0;
  --os-scroll-direction: 0;
  --os-scroll-percent-directional: calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));
}
.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}
.os-scrollbar-transitionless {
  transition: none !important;
}
.os-scrollbar-track {
  position: relative;
  padding: 0 !important;
  border: none !important;
}
.os-scrollbar-handle {
  position: absolute;
}
.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}
.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}
.os-scrollbar-vertical {
  top: 0;
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}
.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}
.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
  opacity: 0;
  visibility: hidden;
}
.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}
.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}
.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
  transition: none !important;
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
  left: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateX(calc(var(--os-scroll-percent-directional) * -100%));
  width: calc(var(--os-viewport-percent) * 100%);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
  top: calc(var(--os-scroll-percent-directional) * 100%);
  transform: translateY(calc(var(--os-scroll-percent-directional) * -100%));
  height: calc(var(--os-viewport-percent) * 100%);
}
@supports (container-type: size) {
  .os-scrollbar-track {
    container-type: size;
  }
  .os-scrollbar-horizontal .os-scrollbar-handle {
    left: auto;
    transform: translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-vertical .os-scrollbar-handle {
    top: auto;
    transform: translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));
  }
  .os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle {
    right: auto;
    left: 0;
  }
}
.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}
@media print {
  .os-scrollbar {
    display: none;
  }
}
.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}
.os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}
.os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}
.os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}
.os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}
.os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}
.os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}
.os-scrollbar-track:before,
.os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}
.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}
.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}
.os-scrollbar-horizontal .os-scrollbar-track:before {
  top: calc(var(--os-padding-perpendicular) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}
.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}
.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}
.os-scrollbar-vertical .os-scrollbar-track:before {
  left: calc(var(--os-padding-perpendicular) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}
.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}
.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}
.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}
/* NONE THEME: */
[data-overlayscrollbars-viewport~=measuring] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}
/* DARK & LIGHT THEME: */
.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}
.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}
.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}
/*#region Media Queries */
@media screen and (max-width: 1280px) {
  .prodotherart {
    width: 25%;
  }
}
@media screen and (max-width: 1200px) {
  .content-bottom .content-left table {
    position: relative;
    right: auto;
    bottom: auto;
    float: none;
  }
  .content-bottom .content-left img {
    left: auto;
    right: 20px;
  }
  .content-bottom .content-left {
    min-height: 375px;
  }
  .product-overview .productItem,
  .product-overview .productItem:nth-child(4n) {
    width: calc(33.33%-14.5px);
    margin-bottom: 20px;
  }
  .product-overview .productItem:nth-child(3n) {
    margin-right: 0;
  }
  .product-important-filters {
    flex-direction: column;
    overflow: hidden;
  }
  .product-important-filters .product-filters {
    flex-direction: column;
    align-items: start;
  }
}
@media screen and (max-width: 1150px) {
  #progress .steps cite.r-fix {
    display: none;
  }
  #menu .submenu-list {
    width: 225px;
  }
  .product-detail-form .field_input {
    width: 100%;
  }
}
@media screen and (max-width: 1050px) {
  #container_top .header-right .header-top .header-top-item {
    font-weight: normal;
  }
}
@media screen and (max-width: 1024px) {
  .content-bottom .content-left {
    min-height: 285px;
  }
  #container_top .header-right .header-top .header-top-search-part {
    display: none;
  }
  #menu {
    display: none;
  }
  .header-bottom-menu {
    height: 32px;
    background-color: #000;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
  }
  #btn_menu {
    height: 40px;
    width: 60px;
    background-color: transparent;
    cursor: pointer;
    display: block;
    position: relative;
    outline: none;
    z-index: 2;
  }
  #btn_menu:after {
    content: none;
  }
  #btn_menu img {
    margin-top: 5px;
    width: 30px;
    height: auto;
    display: block;
  }
  .phone-mobile-icon {
    display: inline-block;
    width: 24px;
    height: auto;
    margin-right: 12px;
  }
  #progress .steps li:after {
    right: 1.25rem;
    border-width: 27px 1px 26px 26px;
    top: -1px;
  }
  .anderadresgegevens label {
    width: 100px;
  }
  .whatsapp-mobile-icon {
    display: inline-block;
    width: 24px;
    height: auto;
    margin-right: 12px;
  }
  .shoppingcart {
    margin-left: 0px;
  }
  .screwdriver-mobile-icon {
    display: inline-block;
    width: 24px;
    height: auto;
    margin-right: 0px;
  }
  .telefoon-btn {
    display: none;
  }
  .wapp-btn {
    display: none;
  }
  .onderhoudsbeurt-btn {
    display: none;
  }
  #container_top .header-right .header-top {
    top: -90px;
  }
  #container_top .header-right .header-top .header-top-item:nth-child(2) {
    margin: 0;
  }
  #container_top .header-right .header-bottom .header-bottom-right {
    display: flex;
    margin-top: 0;
    margin-right: 10px;
    gap: 25px;
    align-items: center;
  }
  .content-bottom .col-1-2 {
    width: 100%;
    float: none;
    padding: 0;
  }
  .content-bottom .col-2-2 {
    width: 100%;
    float: none;
  }
  .content-bottom .content-left img {
    left: 20px;
    right: auto;
    bottom: 0;
  }
  .content-bottom .content-left table {
    float: right;
  }
  .homecategories .homecategory:nth-child(4n) {
    margin-right: 0;
  }
  .other-art-item-wrapper {
    display: block;
  }
  .proddetail-propitem {
    width: 49%;
    float: left;
  }
  .proddetail-propitem:nth-child(2n) {
    margin-right: 0;
  }
  .proddetail-propitem .proddetail-propitem-inner {
    padding: 5px 10px;
  }
  .other-art-item-wrapper:after {
    content: '';
    height: 0;
    line-height: 0;
    clear: both;
  }
  .clear-tablet {
    clear: both;
  }
  .order .product-info {
    width: 50%;
  }
  .order .order-amount {
    width: 60%;
  }
  .order .name {
    float: none;
    width: 100%;
  }
  .order .name.header {
    display: none;
  }
  .order .details.header {
    margin: 0;
  }
  .order .details {
    margin-top: 10px;
    float: none;
    width: 100%;
  }
  .col-1-3,
  .col-2-3 {
    float: left;
    width: 60%;
  }
  .col-2-3 {
    width: 40%;
  }
  .col-3-3 {
    float: none;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
  .prodotherart {
    width: 33.33%;
  }
  .productDetailRelatedOverview .product-item,
  .productDetailRelatedOverview .product-item:nth-child(4) {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .productDetailRelatedOverview .product-item:nth-child(2),
  .productDetailRelatedOverview .product-item:nth-child(4) {
    margin-right: 0;
  }
  .onderhoudsbeurt-form .form_table .field-row {
    min-height: 35px;
  }
  .onderhoudsbeurt-form .button {
    width: calc(100% - 90px);
    margin-right: 0;
  }
  .onderhoudsbeurt-form .form_table .field-row .field_name {
    width: 90px;
  }
  .onderhoudsbeurt-form .form_table .field-row .field_input {
    width: calc(100% - 90px);
  }
  .acSearchImage {
    display: block;
    width: 70px;
  }
  .active-filters {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .active-filter {
    display: flex;
    align-items: center;
  }
  .button.blue.mobile-show,
  .button.black {
    display: none;
  }
  .total-costs-table-minimal {
    padding: 0;
    width: 50%;
  }
  .total-costs-table-minimal .purchase_long_text {
    width: 75%;
  }
}
@media screen and (max-width: 900px) {
  .onderhoudsbeurt-left .form_table .fieldgroup {
    float: none;
    width: 100%;
    margin: 0;
  }
  .page-heading .page-description {
    display: none;
  }
  .product-important-filters .product-filters {
    flex-direction: column;
    align-items: start;
  }
  .product-important-filters .product-filters .filter_item .filter_full {
    width: 100%;
  }
  .total-costs-table-minimal {
    width: 45%;
  }
  .total-costs-table-minimal .purchase_long_text {
    width: 70%;
  }
  #container_top .header-facebook-icon img {
    height: 18px;
  }
  #container_top .header-instagram-icon img {
    height: 22px;
  }
}
@media screen and (min-width: 769px) {
  .product-filters {
    display: flex !important;
  }
  .motor-home-item-wrapper.uk-active {
    min-width: 1px;
    width: calc((100% / 3) * 2);
  }
  .motor-home-item-wrapper.uk-active.uk-slide-active {
    width: calc(100% / 3);
  }
}
@media screen and (max-width: 768px) {
  .motorpage .product-detail-left {
    height: 500px !important;
  }
  .filter-header {
    justify-content: space-between;
    padding: 0;
    width: 100%;
  }
  .filter-header i {
    display: inline-block;
  }
  .productContent table td:nth-child(1) {
    font-size: 12px;
  }
  .productContent table td:nth-child(2) {
    font-size: 12px;
  }
  .productItem .product-name h2,
  .productItem .product-name h3 {
    font: var(--text-product-card-title);
  }
  .product-properties td {
    font: var(--text-motor-properties-mobile);
  }
  .product-order-badge {
    width: 100%;
  }
  .home-block-items .filter-list-option {
    margin-bottom: 20px;
  }
  .home-block-items .filter-list-option:last-child {
    margin-bottom: 0;
  }
  .content-small-width {
    padding: 0 var(--padding-small);
  }
  .content-bottom {
    margin: var(--padding-medium) 0;
    padding: var(--padding-medium) 0;
  }
  .blok-home .blok-home-text {
    white-space: nowrap;
    text-transform: none;
  }
  .productheader {
    padding: var(--padding-medium) 0;
  }
  .review-section {
    padding: var(--padding-extra-large) 0;
  }
  .mobile-content {
    display: none;
  }
  .desktop-content {
    display: block;
  }
  #banner-top {
    display: none;
  }
  #banner-top-mobile {
    display: block;
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
  #container_top .header-left img {
    max-height: none;
    height: 100%;
  }
  #container_top .header-right .header-top {
    display: none;
  }
  #container_top .header-right .header-bottom .header-bottom-left {
    float: none;
    width: 100%;
    padding: 0;
    clear: right;
    margin-bottom: 10px;
  }
  #container_top .header-right .header-bottom .header-bottom-right {
    display: flex;
    margin-top: 0;
    margin-right: 10px;
    gap: 25px;
  }
  #btn_menu {
    height: 40px;
    width: 40px;
    background-color: transparent;
    cursor: pointer;
    display: block;
    position: relative;
    outline: none;
    z-index: 2;
  }
  #btn_menu:after {
    content: none;
  }
  #btn_menu img {
    margin-top: 5px;
    width: 30px;
    height: auto;
    display: block;
  }
  .shoppingcart-icon {
    width: 24px;
  }
  .phone-mobile-icon {
    display: inline-block;
    width: 24px;
    height: auto;
    margin-right: 12px;
  }
  .whatsapp-mobile-icon {
    display: inline-block;
    width: 24px;
    height: auto;
    margin-right: 12px;
  }
  .screwdriver-mobile-icon {
    display: inline-block;
    width: 24px;
    height: auto;
    margin-right: 0px;
  }
  .telefoon-btn {
    display: none;
  }
  .wapp-btn {
    display: none;
  }
  .onderhoudsbeurt-btn {
    display: none;
  }
  #container_top .header-left img {
    width: 190px;
  }
  .search-mobile {
    background-color: #007ac3;
    height: 35px;
    margin-top: 20px;
  }
  .footer-upper {
    flex-direction: column;
    padding-left: 30px;
  }
  #footer .col-2-4 {
    display: block;
  }
  #footer .col-3-4 {
    width: 50%;
  }
  #footer .col-4-4 {
    width: 90%;
  }
  #footer .footer-right img {
    max-height: 20px;
  }
  .content-bottom .content-left img {
    position: relative;
    max-width: 100%;
    left: auto;
    bottom: -20px;
  }
  .productheader .productheader-left .fa {
    font-size: 20px;
  }
  .productheader .productheader-left h2 {
    font-size: 16px;
    padding-left: 0;
  }
  .productheader .productheader-right a {
    font-size: 14px;
  }
  .productheader .productheader-right a img {
    max-width: 30px;
  }
  .homecategories .homecategory:nth-child(3n) {
    margin-right: 0;
  }
  #slider {
    height: auto;
  }
  #carousel {
    display: block;
  }
  #slider .flex-direction-nav {
    display: block;
  }
  .product-detail {
    margin-top: 0;
    margin-bottom: var(--padding-large);
  }
  .product-detail-right,
  .product-detail-form {
    width: 100%;
    margin-top: 1rem;
    padding-top: 1rem;
    background: none;
  }
  .product-detail-top {
    display: none;
  }
  .product-detail-left {
    float: none;
    width: 100%;
    padding: 0;
  }
  .flexslider .slides > li {
    max-width: 100%;
  }
  .product-detail-form {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .productdetail-propholder {
    border: 1px solid #ccc;
    background-color: #e9e9e9;
    padding: 0 10px;
    margin-left: 0;
  }
  .productdetail-propwrapper {
    position: relative;
    padding: var(--padding-small) var(--padding-medium);
    margin: 0;
    background: transparent;
  }
  .productdetail-propwrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--light-gray);
    box-shadow: 0 0 0 100vmax var(--light-gray);
    clip-path: inset(0 -100vmax);
    z-index: -1;
  }
  .productDetailLink .button {
    width: 100%;
  }
  #catbanner {
    padding: 0;
  }
  #catbanner .banner_item {
    display: none;
  }
  #catbanner .caption {
    position: relative;
    top: auto;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    left: auto;
  }
  #catbanner .caption p {
    display: none;
  }
  #catbanner .caption h1 {
    display: block;
    color: #221e1f;
    text-shadow: none;
    margin-top: var(--padding-medium);
  }
  .relatedarticles .products_item {
    width: 50%;
  }
  .mobile-clear {
    clear: both;
  }
  #productdetail_container .imageHolder {
    float: none;
    width: 100%;
  }
  .big_image {
    float: none;
    width: 100%;
  }
  .small_pics {
    float: none;
    width: 100%;
  }
  .picholder {
    height: auto !important;
    margin: 0;
  }
  .picholder .picslider {
    margin: 10px 0;
    position: relative;
    top: auto !important;
  }
  .small_pics .smallpic {
    width: 24%;
    margin: 0;
    margin-right: 1.3%;
    margin-bottom: 1.3%;
    float: left;
  }
  .small_pics .smallpic:nth-child(4n) {
    margin-right: 0;
  }
  #proddetailsdetails {
    overflow: auto;
    padding: 0;
    background-color: var(--white);
  }
  .productdetailmotor-types {
    background-color: var(--light-gray);
    box-sizing: border-box;
    padding: 40px 20px;
  }
  .productdetailmotor-types li {
    word-break: break-word;
  }
  .productdetailSliderPagination {
    display: none;
  }
  .category-wrapper .category-filters {
    float: none;
    width: 100%;
    padding: 20px 0;
    min-height: 0px;
  }
  #cat_filter {
    margin-top: 10px;
  }
  .category-filters-mobile-wrapper {
    display: flex;
  }
  .category-filters-mobile-wrapper .category-filters-mobile-header-left {
    font: var(--text-category-block);
  }
  .category-filters-mobile-wrapper .category-filters-mobile-header-left::before {
    content: "";
    display: inline-block;
    width: 38px;
    height: 32px;
    background-image: url('/designimages/knalpot/zoekenonderdeel-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
    vertical-align: middle;
  }
  .category-filters-mobile-wrapper .category-filters-mobile-header-right {
    font: var(--text-category-block);
    margin-left: auto;
  }
  .category-filters-mobile-wrapper .category-filters-mobile {
    display: none;
  }
  #progress {
    display: block;
  }
  #progress .steps {
    height: 34px;
  }
  #progress .steps li {
    padding: 0px;
  }
  #progress .steps li span {
    font: var(--text-steps-mobile);
    line-height: 34px;
    height: 34px;
  }
  #progress .steps li:after {
    right: 1.55rem;
  }
  .clearer {
    clear: both;
  }
  .order .product-image {
    width: 30%;
    padding-bottom: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .order.header > * {
    display: none;
  }
  .order .product-info {
    width: 40%;
  }
  .order .order-amount {
    vertical-align: middle;
    width: fit-content;
    font-size: 14px;
  }
  .order .order-price {
    font: var(--text-order-price-mobile);
    padding: 0 var(--padding-small);
    margin-top: var(--padding-small);
  }
  .order .order-amount > div {
    display: inline-block;
    vertical-align: top;
  }
  .order .order-amount .tab {
    display: inline-block;
    width: 50px;
    padding-right: 10px;
    height: auto;
    line-height: normal;
  }
  .shoppingcart-input,
  .shoppingcart-reload,
  .order-price,
  .order-price .price-wrapper {
    margin: 0;
  }
  .shoppingcart-input {
    font-size: 14px;
  }
  .article-info .article-info-header {
    display: none;
  }
  #purchase_wrapper {
    padding-top: var(--padding-default);
  }
  .purchase-subtotal {
    float: none;
    width: 100%;
    margin-top: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #kortingform {
    float: none;
  }
  .total-costs-table .purchase_long_text,
  total-costs-table-minimal .purchase_long_text {
    padding-right: 0;
  }
  .total-costs-table .totalprice,
  .total-costs-table .td_total_benefit,
  .total-costs-table .td_article_price {
    padding-right: 0;
  }
  .total-costs-table-minimal .totalprice,
  .total-costs-table-minimal .td_total_benefit,
  .total-costs-table-minimal .td_article_price {
    padding-right: 0;
  }
  .overview-order {
    background-color: transparent;
    flex-direction: column;
    padding: 0;
  }
  .overzichtkolom {
    width: auto;
  }
  .payment-checkboxes {
    float: none;
    font-size: 14px;
  }
  .order-price {
    padding-right: 20px;
  }
  .detail-column {
    float: none;
    padding: 0;
    width: 100%;
  }
  .tabcontent table {
    width: 100% !important;
  }
  .tabcontent table td {
    display: block;
    width: 100% !important;
  }
  .tabcontent table td:first-child {
    font-weight: 600;
  }
  .category-wrapper .category-wrapper-header .category_filters_top {
    float: none;
  }
  .inner-form {
    margin-top: 10px;
  }
  .anderadresgegevens label {
    float: none;
    width: 100%;
    display: block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .anderadresgegevens .fields,
  .aanhefholder {
    overflow: auto;
    max-width: none;
  }
  .action-row-costs {
    padding: 0;
  }
  .action-row .action-row-name {
    width: 50%;
  }
  .col-2 .col-1-2,
  .col-2 .col-2-2 {
    float: none;
    width: 100%;
    padding: 0;
  }
  .col-1-3 {
    float: none;
    width: 100%;
  }
  .col-2-3 {
    float: none;
    width: 100%;
  }
  .col-3-3 {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .paymentimage {
    display: none;
  }
  .idealopties {
    margin-left: 0;
  }
  .laten-bezorgen {
    clear: left;
    padding-left: 0;
    padding-top: 10px;
  }
  .g-recaptcha {
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    margin-bottom: 10px;
  }
  .g-recaptcha > div > div,
  .g-recaptcha > div {
    width: 0 !important;
  }
  .prodotherart {
    width: 50%;
    padding: 5px;
  }
  .onderhoudsbeurt-form .form_table .field-row {
    float: none;
    width: auto;
  }
  .onderhoudsbeurt-right {
    display: none;
  }
  .onderhoudsbeurt-form .onderhoudsbeurt-left {
    float: none;
    width: 100%;
  }
  .onderhoudsbeurt-form .form_table .field-row .field_name,
  .onderhoudsbeurt-form .form_table .field-row .field_input {
    width: 100% !important;
    float: none;
    padding-left: 0 !important;
  }
  .onderhoudsbeurt-form .button {
    width: 150px;
    float: none;
    margin-bottom: 20px;
  }
  #mailchimp-subscribe {
    padding: 0 var(--padding-small);
  }
  #mailchimp-subscribe .maichimp-title {
    max-width: none;
  }
  #mailchimp-subscribe .mailchimp-fields,
  #mailchimp-subscribe .form_submit_button {
    float: none;
  }
  #mailchimp-subscribe input[type=text] {
    float: none !important;
    width: 100%;
  }
  .category-support-block {
    margin-top: 10px;
  }
  .category-support-block .category-support-block-inner {
    padding-bottom: 10px;
    padding-right: 140px;
    background-image: none;
  }
  .category-support-block:after {
    content: '';
    width: 120px;
    height: 100%;
    background-image: url(/designimages/knalpot/img-maak-afspraak.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    top: 0;
    right: 10px;
  }
  .home-filter-block {
    display: none;
  }
  .motorpage .mobile-filter-toggle {
    display: block;
  }
  .motorpage .product-filters {
    display: none;
  }
  .motorpage .home-block-items {
    display: block;
    gap: 0;
    align-items: center;
  }
  .motorpage .home-block-items .product-filters {
    margin: 0;
    display: none;
    gap: 0;
  }
  .motorpage .home-block-items .product-filters .onderdeel-button {
    margin-top: var(--padding-medium);
    height: 42px;
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  .motorpage .home-block-items .product-filters .filter_item {
    margin-top: var(--padding-medium);
  }
  .motorpage .home-block-items .product-filters .filter_item .nativejs-select {
    display: block;
  }
  .home-filter-block-wrapper .product-filters {
    margin: 0;
    display: none;
    gap: 0;
  }
  .tracker {
    display: none;
  }
  .page-heading {
    margin: 1.5rem 0;
  }
  .page-heading .page-title {
    font: var(--text-page-title-mobile);
  }
  .product-important-filters .product-filters.show {
    display: flex;
  }
  .product-detail {
    flex-direction: column;
  }
  .product-detail-badge {
    display: none;
  }
  .badge-mobile {
    display: inline-block;
    padding: var(--padding-extra-small) var(--padding-medium) var(--padding-extra-small) var(--padding-medium);
    margin-top: 20px;
  }
  .product-badge {
    font-size: 12px;
    padding: 0;
  }
  .product-badge img.product-badge-img {
    margin-right: 0.25rem;
  }
  .product-detail-right {
    padding: 0;
  }
  .product-detail-finance {
    align-items: center;
  }
  .product-detail-form .form_submit_button {
    width: 100%;
    margin-left: 0;
  }
  #purchase_main_articles {
    flex-direction: column;
  }
  form#priceForm {
    width: 100%;
  }
  .total-costs-table,
  .total-costs-table-minimal {
    margin: 0 calc(var(--padding-large) * -1);
    border-radius: 0;
    width: 100%;
    box-sizing: content-box;
    font-size: 14px;
  }
  .overview-order .total-costs-table,
  .overview-order .total-costs-table-minimal {
    padding: 0.5rem 0;
    background-color: transparent;
    margin: 0;
  }
  .orderfunnel-buttons {
    margin-top: 0;
    display: block;
    justify-content: normal;
  }
}
@media screen and (max-width: 600px) {
  .homecategories .homecategory:nth-child(2n) {
    margin-right: 0;
  }
  .other-art-header-wrapper .otherArtHead {
    float: none;
    height: auto;
    margin-bottom: 10px;
  }
  .other-art-header-wrapper .otherarticlefilter {
    width: 100%;
    float: none;
    padding: 0;
  }
  .other-art-header-wrapper .otherarticlefilter select {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .shoppingcart .fa-shopping-cart {
    font-size: 30px;
  }
  .shoppingcart-price {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55px;
  }
  .productheader .productheader-left {
    float: none;
    width: 100%;
    text-align: center;
  }
  .productheader .productheader-right {
    float: none;
    width: 100%;
    text-align: center;
  }
  .product-detail-form .product-detail-form-button {
    margin: 0 0 10px;
    width: 100%;
  }
  .proddetail-propitem {
    width: 100%;
    float: none;
  }
  .prodotherart {
    width: 100%;
  }
  #purchase_main_buttons button {
    width: 100%;
    margin-top: 10px;
  }
  .content-bottom .content-left {
    padding: 10px;
  }
  .total-costs-table,
  .total-costs-table-minimal {
    max-width: none;
  }
  .discount-field-holder {
    width: 100%;
  }
  #purchase_main_buttons {
    margin-bottom: 0;
    margin-top: 10px;
  }
  .detailOverview .detailLbl {
    float: none;
    width: 100%;
  }
  .detailOverview .detailEdit {
    overflow: auto;
  }
  .detailLbl:empty {
    display: none;
  }
  .overzichtkolom {
    margin-bottom: 0;
    margin-top: 20px;
  }
  #container_top .header-left img {
    /*max-height: 100%;*/
    height: auto;
    width: 170px;
  }
  .btn-checkout {
    max-width: 100%;
  }
  #progress .steps li:after {
    right: -0.45rem;
  }
  #progress .steps li span {
    font-size: 12px;
    text-align: left;
    padding-left: var(--padding-default);
  }
  .badge-mobile {
    right: 0%;
  }
  .screwdriver-mobile-icon {
    margin-right: 20px;
  }
}
@media screen and (max-width: 479px) {
  #container_top .header-right .header-bottom .header-bottom-right {
    gap: 10px;
  }
  .category-wrapper .category-wrapper-header .searchresultinfo {
    float: none;
  }
}
@media screen and (max-width: 400px) {
  .onderhoudsbeurt-form .form_table .field-row .field_name,
  .onderhoudsbeurt-form .form_table .field-row .field_input {
    float: none;
    width: 100%;
  }
  .onderhoudsbeurt-form {
    padding: 10px;
  }
  .onderhoudsbeurt-form .form_table .field-row {
    margin-bottom: 10px;
  }
  .onderhoudsbeurt-form .button {
    margin: 0;
  }
  .purchase_main_total_label {
    max-width: 175px;
    margin: 0;
  }
  .category-support-block .category-support-block-inner {
    padding-bottom: 110px;
    padding-right: 10px;
    background-image: url(/designimages/knalpot/img-maak-afspraak.png);
    margin-top: 10px;
    background-position: right bottom;
  }
  .category-support-block:after {
    content: '';
    background-image: none;
  }
  #container_top .header-left img {
    width: 150px;
  }
}
@media screen and (max-width: 378px) {
  #footer .col-3-4,
  #footer .col-4-4 {
    width: 100%;
    float: none;
  }
  #footer .footer-bottom {
    height: 55px;
  }
  #footer .footer-bottom .footer-seperator {
    visibility: hidden;
    padding-right: 225px;
  }
  .product-overview .productItem {
    width: 100%;
    margin: 0 0 10px 0 !important;
  }
  .productContent .productDescription {
    height: auto;
    line-height: 1.5;
  }
  .motorpage .product-detail-left {
    height: 360px !important;
  }
}
@media screen and (max-width: 359px) {
  .products_item,
  .catviewproduct.products_item,
  .relatedarticles .products_item {
    width: 100%;
  }
}
@media screen and (max-width: 328px) {
  #footer .footer-bottom .footer-seperator {
    padding-right: 150px;
  }
}
/*#endregion */
@media screen and (max-width: 1023px) {
  .product-detail-form .product-detail-form-button,
  .product-detail-form .product-detail-form-button.product-detail-button-small,
  .product-detail-form .product-detail-form-button.product-detail-button-large {
    width: 100%;
    margin-right: 0;
    text-align: left;
    padding-left: 20px;
    box-sizing: border-box;
  }
}
.hidden {
  display: none;
}
.product-price .sold {
  color: red;
}