/*
###########################################################
#
# Filename:		ccs file for all CMS websites 
#
# Copyright:		S-Inside
# Platform:		SCSS
# Date created: 	09-07-2025
# 
###########################################################
*/
.vouchercode_add:after, a.pdf_file:after, div.pdf_file:after, tr.basket .prijs_staffels ul li:before, .NoneSelectedProductBackToBasket:before, .optional_extra_image_overlay:before, .productextratext_button:before {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.products_putinbasket div.products_putinbasket_shoppingicon:before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular); }

/* TinyMCE specific rules */
body.mceContentBody, .mceContentBody td, .mceContentBody pre, .mceContentBody a {
  font-size: 10pt !important; }

/* START html and body */
html, body {
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0; }

html {
  width: 100%;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  color: #4A4A4A;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

main {
  min-height: calc(100vh - 200px); }

*, ::before, ::after {
  box-sizing: border-box;
  outline: none; }

* {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased; }

.widgets {
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  box-sizing: border-box;
  height: inherit;
  margin: 0 auto;
  max-width: 1180px;
  position: relative;
  width: 100%; }

ul, li {
  list-style: none;
  margin: 0;
  padding: 0; }

main div.inhoud ol {
  padding-inline-start: 40px; }
main div.inhoud ul {
  padding-inline-start: 40px; }
  main div.inhoud ul li {
    list-style: initial; }
    main div.inhoud ul li:before {
      display: none; }

ol {
  list-style-type: decimal; }
  ol li {
    list-style: inherit; }

p {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0; }

a {
  color: inherit;
  display: inline;
  letter-spacing: inherit;
  text-decoration: none;
  text-transform: inherit;
  vertical-align: baseline; }
  a:hover {
    text-decoration: none; }

[class^="title-"] {
  color: inherit;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase; }

.title-xl {
  color: #FFFFFF;
  font-size: 28px;
  font-weight: 800; }

h1, .title-l {
  color: inherit;
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  font-weight: 800; }

h2, .title-m {
  color: inherit;
  font-size: 18px;
  font-weight: 800; }

.title-s {
  font-size: 16px; }

.title-xs {
  font-size: 14px; }

.hr-line {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  flex-flow: nowrap row;
  font-size: 12px;
  margin-bottom: 5px; }

.hr-line::before {
  background-color: #FFFFFF;
  content: '';
  height: 1px;
  margin-right: 13px;
  width: 75px; }

.hr-line::after {
  background-color: #FFFFFF;
  content: '';
  height: 1px;
  margin-left: 13px;
  width: 75px; }

.widget-item-content .image .image-container {
  background-blend-mode: normal; }

@media screen and (max-width: 767px) {
  .mobile-visible {
    display: block !important; }

  .mobile-hidden {
    display: none !important; }

  .container {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; } }
@media screen and (max-width: 1023px) {
  .tablet-visible {
    display: block !important; }

  .tablet-hidden {
    display: none !important; }

  .container {
    max-width: 768px; }

  .usp-blocks-horizontal [class^="usp-block"] {
    width: 45%;
    margin-bottom: 20px;
    flex-basis: initial !important; }

  .usp-blocks-horizontal [class^="usp-block"]:last-of-type {
    margin-right: 20px !important; } }
@media screen and (min-width: 1023px) {
  .desktop-visible {
    display: block !important; }

  .desktop-hidden {
    display: none !important; } }
@media screen and (min-width: 1023px) and (max-width: 1180px) {
  .container {
    max-width: 1023px; } }
[type=button], [type=reset], [type=submit], button {
  background: transparent none;
  border: 0;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: button; }

.btn {
  background-color: #000;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 9px 60px;
  position: relative;
  text-align: center;
  text-decoration: none; }
  .btn:hover, .btn:focus {
    background-color: #213860;
    color: #FFFFFF; }

.btn-white {
  background: #EDEDED;
  color: #4A4A4A; }
  .btn-white:hover, .btn-white:focus {
    background: #4A4A4A;
    color: #EDEDED; }

.btn-ghost {
  background-color: transparent;
  border: 3px solid #FFFFFF;
  color: #FFFFFF;
  text-transform: uppercase;
  position: relative; }
  .btn-ghost:hover, .btn-ghost:focus {
    background-color: white;
    color: #4A4A4A; }

.btn-big {
  font-size: 16px; }

.btn-shop {
  background: #2ECC71;
  color: #FFFFFF;
  padding: 10px 0;
  width: 100%; }
  .btn-shop:hover {
    background: #2AB565;
    color: #FFFFFF; }

@media screen and (max-width: 767px) {
  .btn-big {
    width: 100%; } }
@media screen and (min-width: 1023px) {
  .btn-shop {
    max-width: 240px; } }
@media screen and (min-width: 1280px) {
  .btn-ghost {
    transition: 0.3s ease all; }

  .btn-ghost::before {
    transition: 0.5s all ease;
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    opacity: 0;
    content: '';
    background-color: #ffffff;
    z-index: -2; }

  .btn-ghost:hover,
  .btn-ghost:focus {
    background-color: transparent;
    color: #4A4A4A; }

  .btn-ghost:hover::before,
  .btn-ghost:focus::before {
    transition: 0.5s all ease;
    left: 0;
    right: 0;
    opacity: 1; } }
.redtext {
  color: red;
  background: transparent !important;
  font-size: 11pt !important;
  font-weight: bold; }

div.redtext {
  width: 80% !important; }

.greentext {
  color: green;
  background: transparent;
  font-size: 10pt;
  font-weight: bold; }

#foutmelding {
  display: none;
  font-size: 10pt;
  position: absolute;
  padding: 20px;
  top: 200px;
  left: 200px;
  width: 400px;
  border: 2px solid #2c4689;
  background-color: #eeeeee;
  color: #2c4689;
  z-index: 200; }

@media screen {
  body > div#foutmelding {
    position: fixed; } }
.textboxsmall {
  width: 60px;
  height: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border: 1px solid #061232;
  color: #061232;
  background-color: #c0c0c0; }

.areabox {
  width: 360px;
  height: 80px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  border: 1px solid #061232;
  color: #061232; }

.selectbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border: 1px solid #061232;
  color: #000000;
  background-color: #eeeeee;
  width: 200px;
  height: 20px; }

.dropbox {
  width: 100%;
  border: 0px;
  margin-bottom: 0px; }

.hiderow {
  display: none !important; }

tr.checkedrow {
  background-color: #000; }

main > .container .container_left {
  float: left;
  width: 75%;
  padding-right: 2.5%; }
main > .container .container_right {
  float: left;
  width: 25%; }
main > .container:after {
  content: "";
  display: table;
  clear: both; }

.tpl_page_home #usps-blocks, .tpl_page_columns #usps-blocks, .tpl_page #usps-blocks {
  margin-top: 2rem; }
.tpl_page_home ul.usplist li, .tpl_page_columns ul.usplist li, .tpl_page ul.usplist li {
  font-size: 14px;
  clear: left; }
.tpl_page_home ul.paymethods, .tpl_page_columns ul.paymethods, .tpl_page ul.paymethods {
  display: inline-block;
  flex-flow: initial;
  height: auto;
  width: 100%; }
  .tpl_page_home ul.paymethods li, .tpl_page_columns ul.paymethods li, .tpl_page ul.paymethods li {
    margin-right: 10px;
    float: left; }
.tpl_page_home .footer__bottom .paymethods, .tpl_page_columns .footer__bottom .paymethods, .tpl_page .footer__bottom .paymethods {
  text-align: center; }
  .tpl_page_home .footer__bottom .paymethods li, .tpl_page_columns .footer__bottom .paymethods li, .tpl_page .footer__bottom .paymethods li {
    float: none;
    display: inline-block; }

.tpl_page_columns main > .container, .tpl_page main > .container {
  font-size: 1.1rem;
  padding-top: 2%;
  padding-bottom: 5%; }
.tpl_page_columns .header, .tpl_page .header {
  height: 20vw;
  max-height: 300px;
  min-height: 100px;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .tpl_page_columns .header .container, .tpl_page .header .container {
    height: 100%; }
  .tpl_page_columns .header img, .tpl_page .header img {
    position: absolute;
    left: 0px;
    top: 0px;
    height: auto;
    width: 100%; }
  .tpl_page_columns .header .title_container, .tpl_page .header .title_container {
    position: absolute;
    bottom: 0px;
    bottom: 30px;
    color: #fff;
    text-transform: uppercase; }

.ui-datepicker-trigger {
  width: 45px;
  padding: 0px;
  float: left; }
  .ui-datepicker-trigger:before {
    content: "\f073";
    display: inline-block;
    position: relative;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-in-out;
    color: #fff; }
  .ui-datepicker-trigger img {
    display: none; }

tr.checkedrow {
  background-color: #05cc05;
  color: #fff; }

.language_selection {
  margin-right: 40px; }

.language_selection .language {
  position: relative;
  color: #000;
  font-weight: 600;
  line-height: 40px;
  padding: 0px 7px;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  color: #000; }

.language_selection .language:hover,
.language_selection .language.active {
  color: #000; }

.language_selection .language:after {
  content: '';
  position: absolute;
  display: block;
  width: 0px;
  height: 22px;
  top: -2px;
  right: 0px;
  border-right: 1px solid #000; }

.language_selection .language:last-of-type:after {
  display: none; }

.table_extrasmall table {
  width: 100%;
  font-size: 0.85rem; }

img {
  border: 0px; }

body {
  z-index: 0; }

.nowhitespace {
  white-space: nowrap; }

.submit_buttons {
  float: right; }

.product_main {
  flex-wrap: wrap; }

.resultcount_ .nav_intro {
  display: none; }

input[type='number'] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
.rotating {
  -webkit-animation: rotating 1.5s linear infinite;
  -moz-animation: rotating 1.5s linear infinite;
  -ms-animation: rotating 1.5s linear infinite;
  -o-animation: rotating 1.5s linear infinite;
  animation: rotating 1.5s linear infinite; }

.loading:not(.payment_overlay) span {
  display: none; }
.loading:not(.payment_overlay):before {
  content: "\f1ce" !important;
  display: block;
  margin-top: 0px;
  position: relative;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease-in-out;
  color: #fff !important;
  -webkit-animation: rotating 1.5s linear infinite;
  -moz-animation: rotating 1.5s linear infinite;
  -ms-animation: rotating 1.5s linear infinite;
  -o-animation: rotating 1.5s linear infinite;
  animation: rotating 1.5s linear infinite; }

.flex-space-between {
  flex-grow: 5; }

.margin-bottom {
  margin-bottom: 5%; }

.message_oldbrowser {
  position: absolute;
  top: 0px;
  z-index: 10000;
  width: 100%;
  text-align: center;
  background: #ff6a00;
  color: #fff; }
  .message_oldbrowser a {
    text-decoration: underline; }

/* Show max 100 results before filtering */
#filter_table {
  font-size: 100; }
  #filter_table tbody tr:nth-of-type(n +100) {
    display: none; }
  #filter_table tbody tr:nth-of-type(97) {
    color: #bebebe; }
    #filter_table tbody tr:nth-of-type(97) td.borderbottom {
      border-bottom: 1px solid #bebebe; }
  #filter_table tbody tr:nth-of-type(98) {
    color: #e7e7e7; }
    #filter_table tbody tr:nth-of-type(98) td.borderbottom {
      border-bottom: 1px solid #e7e7e7; }
  #filter_table tbody tr:nth-of-type(99) {
    color: #f9f9f9; }
    #filter_table tbody tr:nth-of-type(99) td.borderbottom {
      border-bottom: 1px solid #f9f9f9; }
  #filter_table tbody tr[filtermatch='true'] {
    display: table-row;
    color: #000000; }
    #filter_table tbody tr[filtermatch='true'] td.borderbottom {
      border-bottom: 1px solid #000000; }

.crumpathshop {
  width: 100%; }
  .crumpathshop a {
    transition: all .2s ease-in-out;
    border-bottom: 1px solid transparent; }
    .crumpathshop a:hover {
      border-color: #000; }

.onetime_highlight_animation {
  animation: highlight_animation  2s; }

@keyframes highlight_animation {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }
.commonfilters-container {
  width: 100%;
  display: flex;
  justify-content: flex-end; }

@media screen and (max-width: 1023px) {
  .commonfilters-container {
    display: none; } }
/* No footer, but has normall client menu*/
.tpl_fullwidth main .container {
  max-width: 100%;
  width: 100%;
  padding: 0px !important;
  margin: 0px !important; }
.tpl_fullwidth .footer {
  display: none !important; }
.tpl_fullwidth .smallheader {
  display: none !important; }

/* Unique template - No logo, no footer*/
.tpl_fullscreen:not(.tpl_products) main .container {
  max-width: 100%;
  width: 100%;
  padding: 0px !important;
  margin: 0px !important; }
.tpl_fullscreen .whatsappmessage {
  display: none !important; }
.tpl_fullscreen .footer {
  display: none !important; }
.tpl_fullscreen .smallheader {
  display: none !important; }
.tpl_fullscreen header nav > .container {
  width: 100%;
  max-width: 100%; }
.tpl_fullscreen nav #menu1 {
  justify-content: flex-start; }
.tpl_fullscreen header .header__top > .container {
  max-width: 100%; }
.tpl_fullscreen .login_submenu {
  right: 0px; }
.tpl_fullscreen .content {
  padding: 30px; }

@media screen and (min-width: 1024px) {
  .tpl_fullscreen .footer {
    display: none !important; }
  .tpl_fullscreen .smallheader {
    display: none !important; }
  .tpl_fullscreen nav {
    background: #000; }
    .tpl_fullscreen nav #menu1 .menu li {
      color: #fff; }
  .tpl_fullscreen li.login, .tpl_fullscreen div.login {
    color: #fff; }
  .tpl_fullscreen .basketinfo_links:before {
    color: #fff; }
  .tpl_fullscreen .header__bottom {
    height: 0px; }
  .tpl_fullscreen .menu-service > div.search .generalsearchbutton,
  .tpl_fullscreen .menu div.search .generalsearchbutton,
  .tpl_fullscreen .menu-service > li.search .generalsearchbutton,
  .tpl_fullscreen .menu li.search .generalsearchbutton {
    color: #fff; }
  .tpl_fullscreen .menu-service {
    pointer-events: auto; }
  .tpl_fullscreen header {
    height: 49px; }
  .tpl_fullscreen .header__top {
    margin-top: 5px;
    pointer-events: none; }
    .tpl_fullscreen .header__top .logo {
      display: none; }
  .tpl_fullscreen header {
    border-bottom: 0px; }
  .tpl_fullscreen div.workstations_data {
    max-height: calc(100vh - 140px); }
  .tpl_fullscreen .fullscreencontainer {
    padding: 20px;
    padding-bottom: 70px; }
  .tpl_fullscreen:not(.tpl_products) main .container {
    max-width: 100%;
    width: 100%;
    padding: 0px !important;
    margin: 0px !important; }
  .tpl_fullscreen.tpl_products .fullscreencontainer {
    padding: 0px; } }
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
.save_wrapper {
  position: relative; }

.save_wrapper_basket {
  width: calc(50% - 70px);
  line-height: 40px;
  float: left;
  min-width: 50% !important;
  border: 0px; }
  .save_wrapper_basket input {
    width: 100% !important; }

.saveinput_error {
  position: absolute;
  top: 15px;
  font-size: 10px;
  color: #ff0000; }

.saveinput_loader {
  position: absolute;
  right: 25px;
  top: 7px;
  pointer-events: none; }
  .saveinput_loader::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f110";
    color: #15c700;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite; }

.inhoud.container table.totals .shipping_form {
  display: flex; }
  .inhoud.container table.totals .shipping_form .knop_aantal {
    width: 30px;
    height: 40px; }

.vouchercontainer {
  display: flex; }
  .vouchercontainer input {
    margin-bottom: 0px; }

.inhoud.container table.totals tr td.vouchertd {
  padding-right: 0px; }

.vouchercode_add {
  background: #000;
  color: #fff;
  border: 1px solid #000;
  transition: all .2s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 20px;
  line-height: 13px;
  font-size: 12px; }
  .vouchercode_add:hover {
    background: transparent;
    color: #000; }
  .vouchercode_add:after {
    content: "\f0c7";
    margin-left: 10px;
    margin-right: 0px;
    font-size: 16px; }

.inhoud.container .voucherwrapper table.totals tr:last-of-type {
  font-weight: normal; }

.nowrap {
  white-space: nowrap; }

a.pdf_file, div.pdf_file {
  display: inline-block;
  text-decoration: none !important;
  padding: 5px 10px;
  border: 1px solid;
  border-radius: 10px;
  transition: all .2s ease-in-out;
  cursor: pointer;
  margin-bottom: 2px; }
  a.pdf_file:hover, div.pdf_file:hover {
    background: #000;
    color: #fff; }
  a.pdf_file:after, div.pdf_file:after {
    content: "\f1c1";
    margin-left: 10px; }

.basket_totalprice {
  white-space: nowrap; }

.order_header {
  margin-bottom: 30px; }

.inhoud.container .result_order_address, .inhoud.container.inhoud_orderpage {
  font-size: 1rem; }
  .inhoud.container .result_order_address h3, .inhoud.container .result_order_address h3:first-of-type, .inhoud.container.inhoud_orderpage h3, .inhoud.container.inhoud_orderpage h3:first-of-type {
    font-size: 24px; }
  .inhoud.container .result_order_address h3:nth-of-type(2), .inhoud.container.inhoud_orderpage h3:nth-of-type(2) {
    margin-top: 20px; }

.inhoud.container .result_order_address h3, .inhoud.container .result_order_address h3:first-of-type {
  font-size: 16px;
  text-align: left; }

table {
  border-collapse: collapse; }
  table .select {
    position: relative; }
    table .select:before {
      content: "\f107";
      display: block;
      position: absolute;
      font: normal normal normal 18px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #242424;
      right: 15px;
      top: 50%;
      margin-top: -10px;
      pointer-events: none; }
    table .select select {
      height: 40px !important;
      min-width: 80px;
      transition: all 0.2s ease-in-out;
      cursor: pointer; }
      table .select select:hover {
        background: #dedede; }
    table .select select.extraproducts_box {
      min-width: 300px; }

.klantofferte table td {
  padding: 15px;
  padding-top: 5px;
  padding-bottom: 5px; }
  .klantofferte table td:nth-of-type(1) {
    min-width: 230px; }
.klantofferte .orderproces_tender {
  margin-top: 5px;
  white-space: nowrap; }

div.order_addressfields {
  width: 100%; }
  div.order_addressfields .form-fieldcontainer {
    width: auto; }
  div.order_addressfields table table tr:last-of-type td:nth-of-type(1) {
    padding-left: 0px; }
  div.order_addressfields table table tr:last-of-type td:nth-of-type(2) {
    text-align: right;
    padding-right: 0px; }

.basket_addressfields, .order_addressfields {
  margin-top: 2.5%; }
  .basket_addressfields table td, .order_addressfields table td {
    padding: 15px;
    padding-bottom: 5px;
    padding-top: 5px; }
    .basket_addressfields table td:nth-of-type(1), .order_addressfields table td:nth-of-type(1) {
      min-width: 230px; }
  .basket_addressfields table table, .order_addressfields table table {
    width: 100%; }

.order_addressfields table td {
  padding: 5px; }

/*table.order_buttons:before{
    content: '';
    position: absolute;
    top: -75px;
}*/
.bestelstappen {
  display: flex;
  justify-content: flex-start;
  flex-direction: row; }
  .bestelstappen .step {
    background: #d6d6d6;
    color: #242424;
    flex-grow: 1;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    z-index: inherit;
    cursor: default; }
    .bestelstappen .step:after {
      content: '';
      position: absolute;
      top: -10px;
      right: -5px;
      width: 5px;
      height: 65px;
      background: #fff;
      transform: rotate(0deg);
      z-index: 10; }
    .bestelstappen .step:last-of-type:after {
      display: none; }
    .bestelstappen .step .step_count {
      display: inline;
      margin-right: 5px; }
    .bestelstappen .step.checked_step {
      background: #242424;
      color: #fff; }

.extra_product {
  display: flex;
  margin-top: 10px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
  max-width: 100%;
  flex-wrap: wrap; }
  .extra_product .extra_option_title {
    min-width: 200px;
    padding: 10px;
    padding-left: 0px;
    margin-right: 10px;
    flex-grow: 1; }
  .extra_product .knop_addoptionalproduct {
    max-width: 150px;
    border: 1px solid #000;
    color: #fff;
    transition: all 0.2s ease-in-out;
    padding-left: 0px;
    position: relative;
    background: #000;
    font-size: 12px;
    height: 40px;
    padding-right: 0px; }
    .extra_product .knop_addoptionalproduct:before {
      content: "\f055";
      display: inline-block;
      position: relative;
      font: normal normal normal 16px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all 0.2s ease-in-out;
      color: #fff;
      margin-right: 10px; }
    .extra_product .knop_addoptionalproduct:hover {
      color: #000;
      background: transparent; }
      .extra_product .knop_addoptionalproduct:hover:before {
        color: #000; }
  .extra_product .otp_ordernumber {
    height: 40px !important;
    margin-right: 10px; }
  .extra_product .select {
    margin-right: 10px; }
    .extra_product .select select {
      width: 100% !important;
      padding-right: 30px; }

tr.basket .prijs_staffels {
  position: relative;
  width: auto;
  /*        &:before{
              position: relative;
              display: flex;
              justify-content: flex-start;
              width: 100%;
              @extend %font_awesome;
              content: "\f0d7";
              font-size: 18px;
              line-height: 5px;
          }*/ }
  tr.basket .prijs_staffels ul {
    margin: 0px; }
    tr.basket .prijs_staffels ul li {
      line-height: 20px;
      white-space: nowrap; }
      tr.basket .prijs_staffels ul li:before {
        content: "\f107";
        /*margin-left: 0px;*/ }

hr {
  width: 100% !important;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000;
  margin: 1em 0;
  padding: 0;
  margin-bottom: 2.5%;
  margin-top: 2.5%; }

.inhoud.container {
  padding-top: 5%;
  padding-bottom: 5%; }
  .inhoud.container h3:first-of-type {
    font-size: 24px;
    margin-bottom: 5px; }
  .inhoud.container .knop_aantal {
    border: 0px;
    background: #d6d6d6;
    color: #242424;
    transition: all 0.2s ease-in-out;
    width: 30px;
    float: left;
    text-align: center;
    padding: 0px;
    height: 40px; }
    .inhoud.container .knop_aantal:hover {
      background: #242424;
      color: #fff; }
  .inhoud.container a.knop_remove:before {
    content: "\f014";
    display: inline-block;
    position: relative;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-in-out;
    color: #000; }
  .inhoud.container a.knop_remove:hover:before {
    color: #ff0000; }
  .inhoud.container .fixedprice, .inhoud.container .fixedshipping {
    width: calc(100% - 30px);
    float: left; }
    .inhoud.container .fixedprice.noprice, .inhoud.container .fixedshipping.noprice {
      background: #ff9696 !important; }
  .inhoud.container .basket {
    width: 100%; }
  .inhoud.container h1, .inhoud.container h2, .inhoud.container h3, .inhoud.container h4, .inhoud.container h5 {
    font-family: "Oswald", sans-serif; }
  .inhoud.container h1 {
    font-size: 24px; }
  .inhoud.container h3:nth-of-type(2) {
    margin-bottom: 10px; }
  .inhoud.container h2 {
    margin-left: 10px;
    color: #000;
    margin-top: 15px; }
  .inhoud.container p {
    font-size: 14px; }
  .inhoud.container #up_productkind {
    width: 100% !important; }
  .inhoud.container div.orderproces_buttons {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #000;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    /*        &:before {
                width: 100% !important;
                display: block;
                height: 1px;
                border: 0;
                border-top: 1px solid $primary;
                margin: 1em 0;
                padding: 0;
                margin-bottom: 2.5%;
                margin-top: 2.5%;
            }*/ }
    .inhoud.container div.orderproces_buttons div.orderproces_button {
      width: auto;
      min-width: 240px;
      flex-grow: 1; }
    .inhoud.container div.orderproces_buttons a.orderproces_button {
      border: 1px solid #000;
      background: #000;
      height: 40px;
      line-height: 40px;
      text-align: center;
      text-indent: 0px;
      font-size: 16px;
      width: 100%;
      display: inline-block;
      padding: 0px 25px;
      transition: all 0.2s ease-in-out;
      color: #fff; }
      .inhoud.container div.orderproces_buttons a.orderproces_button:before {
        display: inline-block;
        position: relative;
        font: normal normal normal 16px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transition: all 0.2s ease-in-out;
        color: #fff;
        margin-right: 10px; }
      .inhoud.container div.orderproces_buttons a.orderproces_button:hover {
        background: transparent !important;
        color: #000 !important; }
        .inhoud.container div.orderproces_buttons a.orderproces_button:hover:before {
          color: #000; }
  .inhoud.container a.orderproces_checkout {
    background: #85ff4d;
    border: 1px solid #85ff4d; }
    .inhoud.container a.orderproces_checkout:hover {
      color: #000 !important;
      background: transparent !important; }
      .inhoud.container a.orderproces_checkout:hover:after {
        color: #000; }
    .inhoud.container a.orderproces_checkout:after {
      content: "\f105";
      display: inline-block;
      position: relative;
      font: normal normal normal 16px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all 0.2s ease-in-out;
      color: #fff;
      margin-left: 10px; }
  .inhoud.container a.orderproces_tender:before {
    content: "\f0f6"; }
  .inhoud.container a.orderproces_reset:before {
    content: "\f0e2"; }
  .inhoud.container a.orderproces_shopmore:before {
    content: "\f104"; }
  .inhoud.container div.bestelstappen {
    width: 100%;
    margin-bottom: 2.5%; }
    .inhoud.container div.bestelstappen td.checked_step {
      border: 0px;
      border-left: 3px solid #fff;
      border-right: 3px solid #fff; }
    .inhoud.container div.bestelstappen td.unchecked_step {
      border: 0px;
      border-left: 3px solid #fff;
      border-right: 3px solid #fff; }
    .inhoud.container div.bestelstappen td:first-of-type {
      border-left: 0px; }
    .inhoud.container div.bestelstappen td:last-of-type {
      border-right: 0px; }
  .inhoud.container div.bestelstappen .checked_step_name, .inhoud.container .unchecked_step_name {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    font-family: "Oswald", sans-serif;
    height: 40px;
    line-height: 40px; }
  .inhoud.container table.totals {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    margin-top: 2.5%; }
    .inhoud.container table.totals .fixedshipping {
      width: 100%;
      text-align: center;
      padding-left: 0px; }
    .inhoud.container table.totals .knop_aantal {
      width: 100%;
      height: 30px; }
    .inhoud.container table.totals tr {
      text-align: right; }
      .inhoud.container table.totals tr:last-of-type {
        font-weight: 700; }
      .inhoud.container table.totals tr td {
        padding: 15px;
        padding-top: 5px;
        padding-bottom: 5px; }
        .inhoud.container table.totals tr td:nth-of-type(2) {
          width: 70%;
          text-align: right; }
        .inhoud.container table.totals tr td:last-of-type {
          width: 0px;
          padding: 0px; }
  .inhoud.container .optional_extra img {
    max-width: 140px;
    height: auto; }
  .inhoud.container .optional_extra_title {
    margin-top: 5%; }
  .inhoud.container table.extra_options {
    width: 100%;
    margin-top: 2rem; }
    .inhoud.container table.extra_options table.extra_option tr.basket td {
      background: #dedede; }
    .inhoud.container table.extra_options table.extra_option tr.basket:nth-of-type(1) td {
      background: transparent; }
    .inhoud.container table.extra_options table.extra_option tr.basket button.knop_addoptionalproduct {
      margin-top: 12px;
      height: 40px;
      padding-left: 0px;
      padding-right: 0px;
      font-size: 12px;
      border: 1px solid #000;
      background: #000; }
      .inhoud.container table.extra_options table.extra_option tr.basket button.knop_addoptionalproduct:hover {
        background: transparent;
        color: #000; }
        .inhoud.container table.extra_options table.extra_option tr.basket button.knop_addoptionalproduct:hover:before {
          color: #000; }
    .inhoud.container table.extra_options table.extra_option tr.basket input:hover, .inhoud.container table.extra_options table.extra_option tr.basket select:hover {
      background-color: #fff; }
  .inhoud.container table.optional_extra, .inhoud.container table.extra_option {
    margin-top: 15px;
    width: 100%;
    font-size: 14px;
    border-collapse: collapse; }
    .inhoud.container table.optional_extra tr td, .inhoud.container table.extra_option tr td {
      padding: 15px; }
    .inhoud.container table.optional_extra tr:nth-of-type(even), .inhoud.container table.extra_option tr:nth-of-type(even) {
      background: #dedede; }
    .inhoud.container table.optional_extra tr:first-of-type td, .inhoud.container table.extra_option tr:first-of-type td {
      font-weight: 700; }
    .inhoud.container table.optional_extra button.knop_addoptionalproduct, .inhoud.container table.extra_option button.knop_addoptionalproduct {
      background-color: #000;
      border: 0px;
      color: #fff;
      transition: all 0.2s ease-in-out;
      padding-left: 20px;
      position: relative;
      background: #000;
      font-size: 12px; }
      .inhoud.container table.optional_extra button.knop_addoptionalproduct:before, .inhoud.container table.extra_option button.knop_addoptionalproduct:before {
        content: "\f055";
        display: inline-block;
        position: relative;
        font: normal normal normal 16px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transition: all 0.2s ease-in-out;
        color: #fff;
        margin-right: 10px; }
      .inhoud.container table.optional_extra button.knop_addoptionalproduct:hover, .inhoud.container table.extra_option button.knop_addoptionalproduct:hover {
        background: transparent; }
  .inhoud.container table.shopitems {
    border-collapse: collapse; }
    .inhoud.container table.shopitems .shopitems_header {
      border-top: 1px solid #242424;
      border-bottom: 1px solid #242424; }
      .inhoud.container table.shopitems .shopitems_header td:nth-of-type(1) {
        text-align: left;
        padding-left: 15px; }
      .inhoud.container table.shopitems .shopitems_header td:nth-of-type(5) {
        min-width: 140px; }
    .inhoud.container table.shopitems tr:first-of-type:before {
      display: none; }
    .inhoud.container table.shopitems tr:first-of-type td {
      text-align: center;
      font-family: "Oswald", sans-serif;
      background: #d6d6d6;
      padding-top: 15px;
      padding-bottom: 15px;
      line-height: initial !important;
      font-weight: 700; }
    .inhoud.container table.shopitems tr td {
      height: 40px;
      line-height: 40px !important;
      text-align: left; }
      .inhoud.container table.shopitems tr td:nth-of-type(5), .inhoud.container table.shopitems tr td:nth-of-type(6), .inhoud.container table.shopitems tr td:nth-of-type(7) {
        text-align: right;
        padding-right: 0px !important; }
      .inhoud.container table.shopitems tr td.description_title {
        text-align: left;
        padding-left: 5px; }
      .inhoud.container table.shopitems tr td:nth-of-type(2) {
        text-align: left; }
    .inhoud.container table.shopitems tr.basket td {
      background: transparent;
      padding: 15px;
      font-size: 14px;
      border-bottom: 1px solid #242424; }
      .inhoud.container table.shopitems tr.basket td.productimage {
        width: 50px; }
      .inhoud.container table.shopitems tr.basket td a.shoplink {
        font-size: 15px !important;
        transition: all 0.2s ease-in-out; }
        .inhoud.container table.shopitems tr.basket td a.shoplink:hover {
          color: #000; }
      .inhoud.container table.shopitems tr.basket td a.shoplink, .inhoud.container table.shopitems tr.basket td .baskettext {
        font-weight: 600; }
      .inhoud.container table.shopitems tr.basket td:last-of-type a {
        transition: all 0.2s ease-in-out; }
        .inhoud.container table.shopitems tr.basket td:last-of-type a:hover {
          color: #ff0000; }
        .inhoud.container table.shopitems tr.basket td:last-of-type a img {
          display: none; }
      .inhoud.container table.shopitems tr.basket td .car_details {
        margin-top: 15px; }
        .inhoud.container table.shopitems tr.basket td .car_details .car_details_title {
          float: left;
          max-width: 50%;
          margin-right: 10px; }
        .inhoud.container table.shopitems tr.basket td .car_details input.customfield {
          height: 40px;
          width: calc(50% - 70px);
          line-height: 40px;
          float: left;
          min-width: 50% !important;
          border: 0px; }
        .inhoud.container table.shopitems tr.basket td .car_details button.knop {
          float: left;
          width: 45px !important;
          height: 40px;
          line-height: 40px;
          padding: 0px;
          top: 0px !important;
          background: #d6d6d6;
          color: #000;
          transition: all 0.2s ease-in-out; }
          .inhoud.container table.shopitems tr.basket td .car_details button.knop:hover {
            background-color: #7c7c7c !important;
            color: #fff; }
        .inhoud.container table.shopitems tr.basket td .car_details:after {
          content: "";
          display: table;
          clear: both; }
    .inhoud.container table.shopitems div {
      margin-left: 0px !important; }
  .inhoud.container .sub_title {
    color: #000;
    font-family: "Oswald", sans-serif;
    font-size: 1.17em;
    font-weight: 700;
    color: #242424; }
  .inhoud.container [type=text] {
    transition: all 0.2s ease-in-out;
    height: 40px;
    line-height: 40px; }
    .inhoud.container [type=text]:hover, .inhoud.container [type=text]:focus {
      background: #dedede; }
  .inhoud.container .box {
    height: 40px !important;
    border: 0px;
    line-height: 40px; }
  .inhoud.container .areabox {
    width: 100%;
    border: 0px;
    transition: all 0.2s ease-in-out;
    font-size: 14px; }
    .inhoud.container .areabox:hover, .inhoud.container .areabox:focus {
      background: #dedede; }
  .inhoud.container .ammount_button {
    float: left; }

.fa-save:before, .fa-floppy-o:before {
  content: "\f0c7";
  display: inline-block;
  position: relative;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: inherit;
  margin-top: 0px; }

.loggedin_counter .inhoud.container table.shopitems {
  font-size: 0.9rem; }
  .loggedin_counter .inhoud.container table.shopitems tr.basket td, .loggedin_counter .inhoud.container table.shopitems tr.basket td a.shoplink {
    font-size: 0.9rem !important;
    line-height: 1rem !important; }
  .loggedin_counter .inhoud.container table.shopitems tr.basket td .car_details input.customfield {
    padding: 0 5px;
    height: 30px; }
  .loggedin_counter .inhoud.container table.shopitems tr.basket td .car_details button.knop {
    height: 31px;
    line-height: 32px; }
  .loggedin_counter .inhoud.container table.shopitems tr.basket td {
    padding: 5px; }
.loggedin_counter .basket .productimage img {
  max-width: 80px !important; }

table.basket .articlenumber {
  padding-left: 10px; }

body.no_basket .basketblock {
  display: none !important; }

.btwcheck {
  margin: 2px;
  margin-left: 10px;
  display: inline-block; }

.userhistory_active .form_orderaddress {
  width: 50% !important;
  float: left; }

.inhoud.container .order_userhistory h2 {
  margin: 0px; }

.inhoud.container.inhoud_orderpage h2 {
  font-size: 1rem; }

div.order_userhistory {
  border-left: 1px solid #000;
  padding-left: 9px;
  width: 35%;
  margin-left: 1%; }
  div.order_userhistory .orderaddress_data {
    /*height: 600px !important;*/
    overflow: auto; }
    div.order_userhistory .orderaddress_data table tr td:nth-of-type(2) {
      white-space: nowrap; }

input[name="fixedtotalprice"] {
  padding-right: 15px;
  text-align: right;
  font-weight: bold; }

select[name="ledger"] {
  height: auto !important;
  cursor: pointer; }

td.total form div, td.total form .knop {
  width: 100% !important; }
td.total form .knop {
  text-align: center;
  margin-left: 0px !important; }
  td.total form .knop .fa:before {
    margin-top: 0px; }

.inexclvat {
  height: 20px;
  margin-bottom: 10px; }

table.payment_inorder {
  width: 100%; }
  table.payment_inorder .payment_buttons {
    width: 100%;
    display: flex;
    justify-content: space-between; }
  table.payment_inorder td span.extracosts {
    float: left;
    position: relative;
    margin-top: 3px;
    margin-left: 5px; }

a.btwcheck {
  border: 1px solid;
  padding: 5px 10px;
  margin-top: -4px;
  transition: all 0.2s ease-in-out;
  background: transparent;
  color: #000; }
  a.btwcheck:hover {
    background: #000;
    color: #fff; }
  a.btwcheck:after {
    content: "\f105";
    display: inline-block;
    position: relative;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    margin-left: 10px; }

#orderform table .orderdone_container {
  float: right;
  min-width: 300px;
  position: relative; }
  #orderform table .orderdone_container:after {
    content: "\f105";
    display: inline-block;
    position: absolute;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-in-out;
    color: #fff;
    margin-left: 0px;
    right: 20px;
    top: 12px; }
  #orderform table .orderdone_container input {
    border: 0px;
    height: 40px;
    line-height: initial;
    text-align: center;
    text-indent: 0px;
    font-size: 16px;
    width: auto;
    display: inline-block;
    padding: 0px 25px;
    transition: all 0.2s ease-in-out;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding-left: 30px; }
  #orderform table .orderdone_container input.bestel_kassa, #orderform table .orderdone_container input.bestelknop {
    border: 1px solid #85ff4d !important;
    background: #85ff4d !important;
    width: 100%; }
    #orderform table .orderdone_container input.bestel_kassa:hover, #orderform table .orderdone_container input.bestelknop:hover {
      background: transparent !important;
      color: #85ff4d !important; }
      #orderform table .orderdone_container input.bestel_kassa:hover:after, #orderform table .orderdone_container input.bestelknop:hover:after {
        color: #85ff4d !important; }

.tpl_basket .pc_product_image {
  width: 140px;
  height: 140px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }

#NoneSelectedProducts .NoneSelectedProductContainer {
  max-width: 100%;
  border: 1px solid;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0);
  transition: all .2s ease-in-out; }
  #NoneSelectedProducts .NoneSelectedProductContainer:hover {
    box-shadow: 0px 6px 7px rgba(51, 51, 51, 0.5);
    transform: translateY(-5px); }
  #NoneSelectedProducts .NoneSelectedProductContainer .NoneSelectedProductText {
    text-align: center;
    font-size: 15px;
    line-height: 17px; }
  #NoneSelectedProducts .NoneSelectedProductContainer input.NoneSelectedProductButton, #NoneSelectedProducts .NoneSelectedProductContainer a.NoneSelectedProductButton {
    width: 100%;
    white-space: break-spaces;
    height: auto;
    line-height: initial;
    padding: 10px 5px;
    margin-top: 10px; }

.NoneSelectedProductImage {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px; }
  .NoneSelectedProductImage .optional_extra_image {
    width: 100%; }

#NoneSelectedProducts .owl-nav {
  position: absolute;
  top: 20px;
  height: calc(100% - 26px);
  width: 100%;
  pointer-events: none; }
  #NoneSelectedProducts .owl-nav button {
    pointer-events: auto;
    width: 30px;
    height: 100%;
    position: absolute;
    background: #000;
    color: #fff;
    font-size: 38px;
    border: 1px solid #000; }
    #NoneSelectedProducts .owl-nav button.owl-prev {
      left: -40px; }
    #NoneSelectedProducts .owl-nav button.owl-next {
      right: -40px; }
    #NoneSelectedProducts .owl-nav button:hover {
      color: #000 !important; }
    #NoneSelectedProducts .owl-nav button.disabled {
      display: none; }

.NoneSelectedProduct2.hasnav {
  margin-left: 40px;
  margin-right: 40px; }

.NoneSelectedProductBackToBasket:before {
  content: "\f104";
  margin-right: 15px; }

.optional_extra_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .optional_extra_wrapper .knop_addoptionalproduct span {
    display: block !important; }
  .optional_extra_wrapper div.extraproduct_explain {
    float: none;
    margin-left: 10px; }

.optional_extra_container {
  width: 32%;
  padding: 10px;
  border: 1px solid;
  margin-bottom: 2.2%;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5);
  transition: all .2s ease-in-out; }
  .optional_extra_container:hover {
    box-shadow: 0px 6px 7px rgba(51, 51, 51, 0.5);
    transform: translateY(-5px); }

.optional_extra_image {
  height: 150px;
  display: flex;
  justify-content: center;
  position: relative;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat; }
  .optional_extra_image img {
    max-width: 100% !important;
    height: auto;
    z-index: 0; }

.optional_extra_image_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
  cursor: pointer;
  transition: all .2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center; }
  .optional_extra_image_overlay:before {
    content: "\f05a";
    display: flex;
    justify-content: center;
    align-self: center;
    font-size: 58px;
    color: #fff;
    opacity: 0;
    transition: all .2s ease-in-out; }
  .optional_extra_image_overlay:hover {
    background: rgba(0, 0, 0, 0.3); }
    .optional_extra_image_overlay:hover:before {
      opacity: 1; }

.optional_extra_text {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px; }

.optional_extra_text_content {
  text-align: center; }

.optional_extra_price_container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px; }

.optional_extra_price {
  font-weight: 500; }

.inhoud.container .designbasketlayout.optional_extra_title {
  display: inline-block;
  margin-bottom: 20px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  width: 100%; }
.inhoud.container .optional_extra_text_content {
  min-height: 50px; }
.inhoud.container .optional_extra_text {
  align-items: flex-start;
  padding-bottom: 0px; }

.products_overlay {
  content: '';
  display: block;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  z-index: 100;
  visibility: hidden; }

.products_overlay_open {
  opacity: 0.7;
  visibility: visible; }

.products_putinbasket {
  display: none;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  width: 500px;
  min-height: 200px;
  padding: 10px;
  z-index: 101;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .products_putinbasket span.products_putinbasket_close {
    position: absolute;
    top: 14px;
    right: 14px;
    background: #fff;
    cursor: pointer; }
    .products_putinbasket span.products_putinbasket_close i {
      font-size: 24px;
      color: #555; }
  .products_putinbasket div.products_putinbasket_shoppingicon {
    margin: 30px 0;
    text-align: center;
    font-weight: bold;
    color: #000; }
    .products_putinbasket div.products_putinbasket_shoppingicon:before {
      content: "\f218";
      display: inline-block;
      position: relative;
      font-size: 40px; }
  .products_putinbasket div.products_putinbasket_title {
    margin: 20px 0;
    text-align: center;
    font-weight: bold;
    color: #000; }
  .products_putinbasket div.products_putinbasket_buttons input.products_putinbasket_shopmore {
    margin-bottom: 20px;
    border: 1px solid #000;
    color: #000 !important;
    background-color: #fff !important; }
    .products_putinbasket div.products_putinbasket_buttons input.products_putinbasket_shopmore:hover {
      background-color: #000;
      color: #fff !important; }
  .products_putinbasket div.products_putinbasket_buttons input.products_putinbasket_gotobasket {
    margin-bottom: 20px;
    background-color: #000;
    border: 1px solid #000; }

@media screen and (max-width: 1023px) {
  div.basketblock:not(.floating) {
    top: -50px; } }
@media screen and (max-width: 767px) {
  .tpl_basket .inhoud.container h3, .tpl_basket .inhoud.container h3:first-of-type, .inhoud_orderlastpage h3, .inhoud_orderlastpage h3:first-of-type, .inhoud.container .result_order_address h3, .inhoud.container .result_order_address h3:first-of-type, .inhoud.container.inhoud_orderpage h3, .inhoud.container.inhoud_orderpage h3:first-of-type {
    text-align: center; }
  .tpl_basket .inhoud.container p, .inhoud_orderlastpage p, .inhoud.container .result_order_address p, .inhoud.container.inhoud_orderpage p {
    text-align: center; }
  .tpl_basket .inhoud.container .order_header, .inhoud_orderlastpage .order_header, .inhoud.container .result_order_address .order_header, .inhoud.container.inhoud_orderpage .order_header {
    text-align: center;
    padding: 10px;
    margin-bottom: 10px; }
  .tpl_basket .inhoud.container .orderdone_container, .inhoud_orderlastpage .orderdone_container, .inhoud.container .result_order_address .orderdone_container, .inhoud.container.inhoud_orderpage .orderdone_container {
    width: 100%; }
    .tpl_basket .inhoud.container .orderdone_container .bestel_kassa, .tpl_basket .inhoud.container .orderdone_container .bestelknop, .inhoud_orderlastpage .orderdone_container .bestel_kassa, .inhoud_orderlastpage .orderdone_container .bestelknop, .inhoud.container .result_order_address .orderdone_container .bestel_kassa, .inhoud.container .result_order_address .orderdone_container .bestelknop, .inhoud.container.inhoud_orderpage .orderdone_container .bestel_kassa, .inhoud.container.inhoud_orderpage .orderdone_container .bestelknop {
      width: 100%; }

  .inhoud.container table.shopitems tr td, .inhoud.container table.shopitems tr.basket td {
    text-align: center; }

  .optional_extra_container {
    width: 100%;
    padding: 0px; }
    .optional_extra_container .optional_extra_text {
      padding: 5px; }
    .optional_extra_container .optional_extra_price_container {
      padding: 5px; }
    .optional_extra_container .optional_extra_button {
      padding: 5px; }

  tr.basket .prijs_staffels {
    text-align: left; }
    tr.basket .prijs_staffels ul li {
      white-space: normal; }
      tr.basket .prijs_staffels ul li:before {
        margin-left: 0px; } }
.formv1 [type=checkbox], .formv1 [type=radio] {
  position: relative;
  left: unset;
  opacity: 1;
  z-index: 1;
  float: left; }
.formv1 [type=checkbox] + label, .formv1 [type=radio] + label {
  display: inline-block;
  float: none;
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
  margin-top: -1px;
  max-width: calc(100% - 30px); }
.formv1 [type=checkbox] + label:before {
  display: none; }

/* New form layout */
/*div.cms_form_v2{
    width: 90%;
}

.cms_form_v2 {
    .form_row{
        margin-bottom: 1rem;
        display: flex;
    }
    .form_row .field{
        flex-grow: 1;
    }
    .form_row_input_text .field input, .form_row_e-mail_text .field input, .form_row_textarea_text .field textarea {
        width: 100%;
        border: 0px solid #fff;
        background: #e7e7e7;
        outline: none;
        font-size: 0.9rem;
        padding: 5px 10px;
        font-weight: 300;
        min-height: 30px;
    }
    .form_row {
        .description{
            width: 200px;
            text-align: right;
            padding-right: 10px;
            font-weight: 300;
        }
    }
    .form_row.turnstile_row {
        width: 100%;
        margin-top: 10px;
    }
}*/
body .ui-datepicker {
  font-family: "Open Sans", sans-serif; }
  body .ui-datepicker .ui-widget-header {
    border: 0px;
    background: #000;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0px !important; }
    body .ui-datepicker .ui-widget-header .ui-widget-content .ui-icon {
      display: none; }
  body .ui-datepicker .ui-datepicker-prev {
    left: 0px;
    top: 0px;
    cursor: pointer;
    transition: all 0.2s ease-in-out; }
    body .ui-datepicker .ui-datepicker-prev:before {
      content: "\f104";
      font: normal normal normal 16px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
      position: absolute;
      color: #fff;
      right: 9px;
      top: 3px; }
      body .ui-datepicker .ui-datepicker-prev:before.ui-state-hover {
        background: #fff; }
        body .ui-datepicker .ui-datepicker-prev:before.ui-state-hover:before {
          color: #000; }
    body .ui-datepicker .ui-datepicker-prev span {
      display: none; }
  body .ui-datepicker .ui-datepicker-next {
    right: 0px;
    top: 0px;
    cursor: pointer;
    transition: all 0.2s ease-in-out; }
    body .ui-datepicker .ui-datepicker-next.ui-state-hover {
      background: #fff; }
      body .ui-datepicker .ui-datepicker-next.ui-state-hover:before {
        color: #000; }
    body .ui-datepicker .ui-datepicker-next:before {
      content: "\f105";
      font: normal normal normal 16px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
      position: absolute;
      color: #fff;
      right: 9px;
      top: 3px; }
    body .ui-datepicker .ui-datepicker-next span {
      display: none !important; }
  body .ui-datepicker .ui-state-disabled:before {
    display: none; }
  body .ui-datepicker .ui-state-default, body .ui-datepicker .ui-widget-content .ui-state-default, body .ui-datepicker .ui-widget-header .ui-state-default {
    background: #fff;
    border-color: #000;
    color: #000;
    text-align: center;
    transition: all 0.2s ease-in-out; }
    body .ui-datepicker .ui-state-default.ui-state-hover, body .ui-datepicker .ui-state-default.ui-state-active, body .ui-datepicker .ui-widget-content .ui-state-default.ui-state-hover, body .ui-datepicker .ui-widget-content .ui-state-default.ui-state-active, body .ui-datepicker .ui-widget-header .ui-state-default.ui-state-hover, body .ui-datepicker .ui-widget-header .ui-state-default.ui-state-active {
      background: #31bd69;
      border-color: #31bd69;
      color: #fff; }
  body .ui-datepicker .ui-datepicker-today {
    background: #fff;
    border-color: #000;
    color: #000; }
  body .ui-datepicker th {
    font-weight: 400;
    text-transform: uppercase; }

[type=color], [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=file], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
  background: #EDEDED;
  border: none;
  border-radius: 0;
  /*box-shadow: 0 0 5px rgba(219, 219, 219, 0.5);*/
  color: #4A4A4A;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  height: 35px;
  padding: 8px 0 8px 15px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.filterbutton {
  cursor: pointer;
  text-align: center; }

[type="button"], [type="submit"], .filterbutton {
  background: #000;
  border: none;
  /*box-shadow: 0 0 5px rgba(219, 219, 219, 0.5);*/
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 38px;
  line-height: 20px;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

[type="button"]:enabled:hover, [type="button"]:enabled:focus, [type="submit"]:enabled:focus {
  /*background: $primary;*/
  box-shadow: none; }

[type=checkbox],
[type=radio] {
  left: -9999px;
  opacity: 0;
  position: absolute;
  z-index: -1; }

[type=checkbox] + label,
[type=radio] + label {
  align-items: center;
  color: #4A4A4A;
  cursor: pointer;
  display: flex;
  flex-flow: nowrap row;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  padding: 3px 20px 1px 0;
  position: relative;
  float: left;
  clear: left;
  top: 0px;
  margin-right: 0px;
  padding-right: 0px; }
  [type=checkbox] + label:hover:before,
  [type=radio] + label:hover:before {
    background-color: #000 !important; }

[type=checkbox] + label:before,
[type=radio] + label:before {
  border-radius: 50%;
  border: none;
  background-color: #EDEDED;
  /*box-shadow: 0 0 5px rgba(219, 219, 219, 0.5);*/
  content: "";
  display: block;
  height: 15px;
  min-height: 15px;
  margin: 0 15px 0 0;
  width: 15px;
  min-width: 15px;
  transition: background-color 0.2s ease-in-out; }

[type=checkbox] + label:before {
  border-radius: 0; }

[type=checkbox]:checked + label:before, [type=radio]:checked + label:before {
  background-color: #000 !important; }

[type=checkbox]:checked + label:after, [type=radio]:checked + label:after {
  content: "\f00c";
  font: normal normal normal 9px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  height: 9px;
  left: 3px;
  position: absolute;
  transform: scale(1.3);
  width: 10px;
  color: #fff; }

[type=checkbox][disabled] + label:before {
  background: #3b3b3b;
  opacity: 0.5; }
[type=checkbox][disabled] + label:hover:before {
  background: #3b3b3b;
  opacity: 0.5; }

[type=checkbox] + label.old_AcceptALV, [type=radio] + label.old_AcceptALV {
  flex-wrap: wrap;
  text-transform: initial; }
  [type=checkbox] + label.old_AcceptALV a, [type=checkbox] + label.old_AcceptALV a.shoplink, [type=radio] + label.old_AcceptALV a, [type=radio] + label.old_AcceptALV a.shoplink {
    margin: 0px; }
  [type=checkbox] + label.old_AcceptALV span, [type=radio] + label.old_AcceptALV span {
    width: calc(100% - 30px); }

.orderform2 [type=checkbox].radio-button + label, .orderform2 [type=radio].radio-button + label, .radio-button + label {
  background: #fff;
  border: 1px solid #e4e4e4;
  padding: 10px;
  border-radius: 5px;
  color: #4A4A4A !important;
  transition: all 0.2s ease-in-out;
  font-weight: 400 !important;
  min-width: 118px;
  /*text-transform: uppercase;*/
  margin-bottom: 2px;
  white-space: nowrap;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  height: 40px;
  line-height: 39px;
  margin: 0px;
  padding-top: 9px; }
  .orderform2 [type=checkbox].radio-button + label:after, .orderform2 [type=radio].radio-button + label:after, .radio-button + label:after {
    left: 13px; }
  .orderform2 [type=checkbox].radio-button + label:before, .orderform2 [type=radio].radio-button + label:before, .radio-button + label:before {
    margin: 0 10px 0 0;
    background-color: #000000; }
  .orderform2 [type=checkbox].radio-button + label:hover, .orderform2 [type=radio].radio-button + label:hover, .radio-button + label:hover {
    color: #fff !important;
    background: #000; }
    .orderform2 [type=checkbox].radio-button + label:hover:before, .orderform2 [type=radio].radio-button + label:hover:before, .radio-button + label:hover:before {
      background: #fff  !important; }
    .orderform2 [type=checkbox].radio-button + label:hover:after, .orderform2 [type=radio].radio-button + label:hover:after, .radio-button + label:hover:after {
      color: #000; }

@keyframes notice {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
.orderform2 [type=checkbox].radio-button.error + label, .orderform2 [type=radio].radio-button.error + label, .radio-button.error + label {
  border: 1px solid #ff0000;
  color: #ff0000 !important; }

.orderform2 [type=checkbox].radio-button.notice + label, .orderform2 [type=radio].radio-button.notice + label, .radio-button.notice + label {
  animation-name: notice;
  animation-duration: 0.5s; }

.orderform2 [type=checkbox] + label, .orderform2 [type=radio] + label {
  font-size: 0.9rem; }
.orderform2 .order_extrafield_container {
  width: 245px; }

.orderform2 [type=checkbox]:checked.radio-button + label, .orderform2 [type=radio]:checked.radio-button + label,
.orderform2 [type=checkbox]:checked.radio-button.error + label, .orderform2 [type=radio]:checked.radio-button.error + label {
  color: #4A4A4A !important;
  background: #fff;
  border-color: #000; }
  .orderform2 [type=checkbox]:checked.radio-button + label:before, .orderform2 [type=radio]:checked.radio-button + label:before,
  .orderform2 [type=checkbox]:checked.radio-button.error + label:before, .orderform2 [type=radio]:checked.radio-button.error + label:before {
    background: #fff !important; }
  .orderform2 [type=checkbox]:checked.radio-button + label:after, .orderform2 [type=radio]:checked.radio-button + label:after,
  .orderform2 [type=checkbox]:checked.radio-button.error + label:after, .orderform2 [type=radio]:checked.radio-button.error + label:after {
    color: #000; }

.inhoud.container .orderform2.orderconfirm, .orderform2.orderconfirm {
  margin-top: 10px; }
  .inhoud.container .orderform2.orderconfirm #AcceptALV + label,
  .inhoud.container .orderform2.orderconfirm .orderform2 #AcceptALV + label,
  .inhoud.container .orderform2.orderconfirm #SendMailInvoice + label,
  .inhoud.container .orderform2.orderconfirm .orderform2 #SendMailInvoice + label, .orderform2.orderconfirm #AcceptALV + label,
  .orderform2.orderconfirm .orderform2 #AcceptALV + label,
  .orderform2.orderconfirm #SendMailInvoice + label,
  .orderform2.orderconfirm .orderform2 #SendMailInvoice + label {
    max-width: 100%;
    width: 100%;
    height: auto;
    line-height: inherit; }

.orderform:not(.orderform2) {
  width: 100%; }

.inhoud.container .orderform2, .orderform2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-family: "Open Sans", sans-serif; }
  .inhoud.container .orderform2 [type=text], .inhoud.container .orderform2 textarea, .inhoud.container .orderform2 select, .orderform2 [type=text], .orderform2 textarea, .orderform2 select {
    font-size: 14px;
    padding: 10px;
    font-weight: 400 !important;
    background: #fff;
    font-family: "Open Sans", sans-serif; }
    .inhoud.container .orderform2 [type=text]:hover, .inhoud.container .orderform2 [type=text]:focus, .inhoud.container .orderform2 textarea:hover, .inhoud.container .orderform2 textarea:focus, .inhoud.container .orderform2 select:hover, .inhoud.container .orderform2 select:focus, .orderform2 [type=text]:hover, .orderform2 [type=text]:focus, .orderform2 textarea:hover, .orderform2 textarea:focus, .orderform2 select:hover, .orderform2 select:focus {
      background: #fff;
      position: relative;
      border-bottom: 1px solid #000; }
  .inhoud.container .orderform2 select, .orderform2 select {
    /*        font-size: 1rem;
            font-weight: 600;*/ }
  .inhoud.container .orderform2 textarea, .orderform2 textarea {
    height: 100px;
    width: 100%;
    margin: 10px 0px;
    font-weight: 600;
    font-size: 1rem;
    border: 1px solid #e4e4e4; }
  .inhoud.container .orderform2 .orderform_buttonbar, .orderform2 .orderform_buttonbar {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 18px;
    gap: 40px; }
    .inhoud.container .orderform2 .orderform_buttonbar button, .orderform2 .orderform_buttonbar button {
      font-weight: 600; }
      .inhoud.container .orderform2 .orderform_buttonbar button:hover, .orderform2 .orderform_buttonbar button:hover {
        background: transparent !important;
        color: #85ff4d; }
        .inhoud.container .orderform2 .orderform_buttonbar button:hover:after, .orderform2 .orderform_buttonbar button:hover:after {
          color: #85ff4d; }
        .inhoud.container .orderform2 .orderform_buttonbar button:hover:before, .orderform2 .orderform_buttonbar button:hover:before {
          color: #85ff4d; }
      .inhoud.container .orderform2 .orderform_buttonbar button.knop_kassa, .orderform2 .orderform_buttonbar button.knop_kassa {
        min-width: 350px;
        max-width: 100%;
        border-color: #85ff4d;
        background: #85ff4d; }
  .inhoud.container .orderform2 .address_search, .orderform2 .address_search {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px; }
    .inhoud.container .orderform2 .address_search > div, .orderform2 .address_search > div {
      width: 30%; }
    .inhoud.container .orderform2 .address_search input, .orderform2 .address_search input {
      width: 100%;
      margin: 0px;
      height: 40px;
      line-height: 40px; }
    .inhoud.container .orderform2 .address_search button, .orderform2 .address_search button {
      background: #000;
      color: #fff;
      border: #000;
      width: 100% !important;
      /*            height: 40px;
                  line-height: 40px;*/
      text-align: center;
      padding: 10px 20px;
      border: 1px solid; }
      .inhoud.container .orderform2 .address_search button:hover, .orderform2 .address_search button:hover {
        background: #fff;
        color: #000; }
  .inhoud.container .orderform2 .input-title, .orderform2 .input-title {
    padding: 9px 0px;
    margin-right: 10px;
    font-weight: 600;
    color: #545454;
    font-size: 14px;
    width: 130px;
    height: 100%;
    align-items: flex-end;
    display: flex; }
  .inhoud.container .orderform2 .input-container-wide, .orderform2 .input-container-wide {
    min-width: 245px; }
    .inhoud.container .orderform2 .input-container-wide.input-container-date, .orderform2 .input-container-wide.input-container-date {
      min-width: 200px;
      display: flex; }
      .inhoud.container .orderform2 .input-container-wide.input-container-date button, .orderform2 .input-container-wide.input-container-date button {
        margin-top: 18px;
        background: #000;
        border-color: #e4e4e4;
        color: #fff; }
        .inhoud.container .orderform2 .input-container-wide.input-container-date button:hover, .orderform2 .input-container-wide.input-container-date button:hover {
          background: transparent;
          color: #000; }
          .inhoud.container .orderform2 .input-container-wide.input-container-date button:hover:before, .orderform2 .input-container-wide.input-container-date button:hover:before {
            color: #000; }
  .inhoud.container .orderform2 .input-container-wide2, .orderform2 .input-container-wide2 {
    min-width: 510px; }
  .inhoud.container .orderform2 .input-container-half-wide, .orderform2 .input-container-half-wide {
    width: 118px; }
  .inhoud.container .orderform2 .form-fieldcontainer, .orderform2 .form-fieldcontainer {
    padding: 5px 0px;
    padding-top: 2px;
    display: flex;
    align-items: flex-end; }
    .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-btwcode, .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-vatcheck, .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-geslachtm, .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-geslachtv, .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-quotationlightquotation, .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-quotationadvquotation, .orderform2 .form-fieldcontainer.form-fieldcontainer-btwcode, .orderform2 .form-fieldcontainer.form-fieldcontainer-vatcheck, .orderform2 .form-fieldcontainer.form-fieldcontainer-geslachtm, .orderform2 .form-fieldcontainer.form-fieldcontainer-geslachtv, .orderform2 .form-fieldcontainer.form-fieldcontainer-quotationlightquotation, .orderform2 .form-fieldcontainer.form-fieldcontainer-quotationadvquotation {
      justify-content: flex-end; }
    .inhoud.container .orderform2 .form-fieldcontainer.form-fieldcontainer-land .select-container, .orderform2 .form-fieldcontainer.form-fieldcontainer-land .select-container {
      display: flex;
      flex-direction: column;
      margin-top: 2px; }
    .inhoud.container .orderform2 .form-fieldcontainer input, .inhoud.container .orderform2 .form-fieldcontainer select, .orderform2 .form-fieldcontainer input, .orderform2 .form-fieldcontainer select {
      margin-bottom: 0px;
      border: 1px solid #e4e4e4;
      color: #4A4A4A !important; }
    .inhoud.container .orderform2 .form-fieldcontainer .textarea, .orderform2 .form-fieldcontainer .textarea {
      color: #4A4A4A !important;
      border: 1px solid #e4e4e4; }
    .inhoud.container .orderform2 .form-fieldcontainer.text-container, .orderform2 .form-fieldcontainer.text-container {
      justify-content: flex-end; }
      .inhoud.container .orderform2 .form-fieldcontainer.text-container div, .orderform2 .form-fieldcontainer.text-container div {
        margin-right: 10px;
        line-height: 40px; }
    .inhoud.container .orderform2 .form-fieldcontainer .select-container:after, .orderform2 .form-fieldcontainer .select-container:after {
      top: unset;
      bottom: 11px; }
    .inhoud.container .orderform2 .form-fieldcontainer .select-container select, .orderform2 .form-fieldcontainer .select-container select {
      height: 40px !important;
      max-width: 100%;
      cursor: pointer;
      margin-top: -2px; }
      .inhoud.container .orderform2 .form-fieldcontainer .select-container select.countrycode, .orderform2 .form-fieldcontainer .select-container select.countrycode {
        max-width: 160px; }
  .inhoud.container .orderform2 .input-combine, .orderform2 .input-combine {
    margin-bottom: 5px;
    align-self: flex-start;
    background: #f9f9f9;
    padding-left: 15px;
    width: 100%;
    position: relative;
    flex-wrap: wrap; }
    .inhoud.container .orderform2 .input-combine.multiline-combine, .orderform2 .input-combine.multiline-combine {
      display: flex;
      flex-wrap: wrap;
      padding-left: 156px; }
      .inhoud.container .orderform2 .input-combine.multiline-combine .title-container, .orderform2 .input-combine.multiline-combine .title-container {
        position: absolute;
        left: 11px; }
    .inhoud.container .orderform2 .input-combine:before, .orderform2 .input-combine:before {
      transition: all 0.2s ease-in-out;
      position: absolute;
      content: "\f00c";
      font: normal normal normal 20px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      display: block;
      margin-top: -12px;
      color: #87cda0;
      left: -50px;
      top: 50%;
      opacity: 0;
      transform: scale(0); }
    .inhoud.container .orderform2 .input-combine.error .title-container .input-title, .orderform2 .input-combine.error .title-container .input-title {
      color: #ff0000; }
    .inhoud.container .orderform2 .input-combine.success, .orderform2 .input-combine.success {
      /*background: #ddefdd;*/ }
      .inhoud.container .orderform2 .input-combine.success:before, .orderform2 .input-combine.success:before {
        opacity: 1; }
    .inhoud.container .orderform2 .input-combine.input-combine-vertical, .orderform2 .input-combine.input-combine-vertical {
      flex-wrap: wrap; }
      .inhoud.container .orderform2 .input-combine.input-combine-vertical .form-fieldcontainer, .orderform2 .input-combine.input-combine-vertical .form-fieldcontainer {
        width: 100%;
        padding: 0px;
        padding-bottom: 10px; }
      .inhoud.container .orderform2 .input-combine.input-combine-vertical .title-container, .orderform2 .input-combine.input-combine-vertical .title-container {
        padding-bottom: 0px; }
  .inhoud.container .orderform2 .input-combine .form-fieldcontainer, .inhoud.container .orderform2 .shipment .form-fieldcontainer, .orderform2 .input-combine .form-fieldcontainer, .orderform2 .shipment .form-fieldcontainer {
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    max-height: 200px; }
  .inhoud.container .orderform2 .input-combine.closed, .inhoud.container .orderform2 .shipment.closed, .orderform2 .input-combine.closed, .orderform2 .shipment.closed {
    margin-bottom: 0px;
    padding-top: 0px; }
    .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer-fullwidth, .orderform2 .input-combine.closed .form-fieldcontainer, .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth, .orderform2 .shipment.closed .form-fieldcontainer, .orderform2 .shipment.closed .form-fieldcontainer-fullwidth {
      max-height: 0px;
      padding-top: 0px;
      padding-bottom: 0px; }
      .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer .dynamiclabel label, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth .dynamiclabel label, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer .dynamiclabel label, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer-fullwidth .dynamiclabel label, .orderform2 .input-combine.closed .form-fieldcontainer .dynamiclabel label, .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth .dynamiclabel label, .orderform2 .shipment.closed .form-fieldcontainer .dynamiclabel label, .orderform2 .shipment.closed .form-fieldcontainer-fullwidth .dynamiclabel label {
        position: relative; }
      .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer input, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer textarea, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth input, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth textarea, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer input, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer textarea, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer-fullwidth input, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer-fullwidth textarea, .orderform2 .input-combine.closed .form-fieldcontainer input, .orderform2 .input-combine.closed .form-fieldcontainer textarea, .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth input, .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth textarea, .orderform2 .shipment.closed .form-fieldcontainer input, .orderform2 .shipment.closed .form-fieldcontainer textarea, .orderform2 .shipment.closed .form-fieldcontainer-fullwidth input, .orderform2 .shipment.closed .form-fieldcontainer-fullwidth textarea {
        max-height: 0px;
        padding: 0px;
        margin: 0px; }
      .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer textarea, .inhoud.container .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth textarea, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer textarea, .inhoud.container .orderform2 .shipment.closed .form-fieldcontainer-fullwidth textarea, .orderform2 .input-combine.closed .form-fieldcontainer textarea, .orderform2 .input-combine.closed .form-fieldcontainer-fullwidth textarea, .orderform2 .shipment.closed .form-fieldcontainer textarea, .orderform2 .shipment.closed .form-fieldcontainer-fullwidth textarea {
        border: 0px; }
    .inhoud.container .orderform2 .input-combine.closed.success:before, .inhoud.container .orderform2 .shipment.closed.success:before, .orderform2 .input-combine.closed.success:before, .orderform2 .shipment.closed.success:before {
      display: none; }
  .inhoud.container .orderform2 .input-combine.success:before, .inhoud.container .orderform2 .shipment.success:before, .orderform2 .input-combine.success:before, .orderform2 .shipment.success:before {
    transform: scale(1);
    opacity: 1; }
  .inhoud.container .orderform2 .input-container.error [type=text], .inhoud.container .orderform2 .input-container.error textarea, .inhoud.container .orderform2 .input-container.error select, .orderform2 .input-container.error [type=text], .orderform2 .input-container.error textarea, .orderform2 .input-container.error select {
    border: 1px solid #ff0000; }
  .inhoud.container .orderform2 .input-container.error.dynamiclabel.dynamiclabel-up label, .inhoud.container .orderform2 .input-container.error label, .orderform2 .input-container.error.dynamiclabel.dynamiclabel-up label, .orderform2 .input-container.error label {
    color: #ff0000; }
  .inhoud.container .orderform2 .dynamiclabel label, .orderform2 .dynamiclabel label {
    position: absolute;
    transform: translateY(27px) translateX(10px);
    transition: 0.2s ease-in-out;
    z-index: 10;
    pointer-events: none;
    color: #929292;
    font-weight: 400;
    font-size: 14px !important; }
  .inhoud.container .orderform2 .dynamiclabel input, .orderform2 .dynamiclabel input {
    margin-top: 18px; }
  .inhoud.container .orderform2 .dynamiclabel.dynamiclabel-up label, .orderform2 .dynamiclabel.dynamiclabel-up label {
    color: #a3a3a3;
    transform: translateY(0px) translateX(0px);
    font-weight: 400;
    font-size: 12px !important; }
  .inhoud.container .orderform2 a.btwcheck, .orderform2 a.btwcheck {
    padding: 6px 10px;
    border-radius: 5px;
    margin-left: 0px;
    background: #fff;
    font-size: 14px;
    font-weight: 400 !important;
    /*text-transform: uppercase;*/
    /*line-height: 24px;*/
    border: 1px solid #e4e4e4 !important;
    height: 40px;
    display: flex;
    align-items: center;
    margin: 0px;
    color: #4A4A4A !important; }
    .inhoud.container .orderform2 a.btwcheck:after, .orderform2 a.btwcheck:after {
      top: 1px; }
    .inhoud.container .orderform2 a.btwcheck:hover, .orderform2 a.btwcheck:hover {
      color: #fff !important;
      background: #000; }
  .inhoud.container .orderform2 .company-fields, .orderform2 .company-fields {
    max-height: 0px;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    margin: 0px; }
    .inhoud.container .orderform2 .company-fields .form-fieldcontainer, .orderform2 .company-fields .form-fieldcontainer {
      transition: all 0.5s ease-in-out;
      max-height: 0px;
      overflow: hidden; }
    .inhoud.container .orderform2 .company-fields.open, .orderform2 .company-fields.open {
      opacity: 1;
      max-height: 400px;
      margin-bottom: 5px; }
      .inhoud.container .orderform2 .company-fields.open .form-fieldcontainer, .orderform2 .company-fields.open .form-fieldcontainer {
        max-height: 400px;
        overflow: hidden; }
  .inhoud.container .orderform2 .shipment-combine, .orderform2 .shipment-combine {
    z-index: 20;
    padding-top: 18px; }
    .inhoud.container .orderform2 .shipment-combine [type=checkbox].radio-button + label, .inhoud.container .orderform2 .shipment-combine [type=radio].radio-button + label, .inhoud.container .orderform2 .shipment-combine .radio-button + label, .orderform2 .shipment-combine [type=checkbox].radio-button + label, .orderform2 .shipment-combine [type=radio].radio-button + label, .orderform2 .shipment-combine .radio-button + label {
      min-width: 245px; }
  .inhoud.container .orderform2 .input-combine.shipment-combine.closed + .orderform_shipment.closed, .orderform2 .input-combine.shipment-combine.closed + .orderform_shipment.closed {
    margin-top: 0px; }
  .inhoud.container .orderform2 .orderform_shipment, .orderform2 .orderform_shipment {
    background: #ececec;
    display: flex;
    flex-direction: column;
    /*border-radius: 0px 10px 10px 10px;*/
    max-height: 0px;
    padding: 15px;
    margin: 0px;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
    margin-top: -30px; }
    .inhoud.container .orderform2 .orderform_shipment.open, .orderform2 .orderform_shipment.open {
      margin-bottom: 5px;
      padding: 15px;
      opacity: 1;
      max-height: 400px;
      margin-top: -18px; }
      .inhoud.container .orderform2 .orderform_shipment.open.closed, .orderform2 .orderform_shipment.open.closed {
        margin-bottom: 0px;
        max-height: 0px;
        padding: 0px;
        opacity: 0; }
        .inhoud.container .orderform2 .orderform_shipment.open.closed .form-fieldcontainer, .orderform2 .orderform_shipment.open.closed .form-fieldcontainer {
          padding-top: 0px; }
    .inhoud.container .orderform2 .orderform_shipment.success, .orderform2 .orderform_shipment.success {
      background: #ececec; }
    .inhoud.container .orderform2 .orderform_shipment .input-combine, .orderform2 .orderform_shipment .input-combine {
      background: transparent;
      padding-left: 0px;
      margin-bottom: 0px; }
      .inhoud.container .orderform2 .orderform_shipment .input-combine:last-of-type, .orderform2 .orderform_shipment .input-combine:last-of-type {
        margin-bottom: 0px; }
      .inhoud.container .orderform2 .orderform_shipment .input-combine .form-fieldcontainer, .orderform2 .orderform_shipment .input-combine .form-fieldcontainer {
        padding-bottom: 0px;
        padding-top: 5px; }
    .inhoud.container .orderform2 .orderform_shipment .input-title, .orderform2 .orderform_shipment .input-title {
      /*width: 115px;*/ }
  .inhoud.container .orderform2 #SendMailInvoice + label,
  .inhoud.container .orderform2 #AcceptALV + label, .orderform2 #SendMailInvoice + label,
  .orderform2 #AcceptALV + label {
    white-space: normal;
    display: flex;
    flex-wrap: wrap;
    padding-left: 35px; }
    .inhoud.container .orderform2 #SendMailInvoice + label a,
    .inhoud.container .orderform2 #AcceptALV + label a, .orderform2 #SendMailInvoice + label a,
    .orderform2 #AcceptALV + label a {
      background: transparent;
      transition: color .2s ease-in-out; }
    .inhoud.container .orderform2 #SendMailInvoice + label:hover a,
    .inhoud.container .orderform2 #AcceptALV + label:hover a, .orderform2 #SendMailInvoice + label:hover a,
    .orderform2 #AcceptALV + label:hover a {
      color: #fff !important; }
    .inhoud.container .orderform2 #SendMailInvoice + label:before,
    .inhoud.container .orderform2 #AcceptALV + label:before, .orderform2 #SendMailInvoice + label:before,
    .orderform2 #AcceptALV + label:before {
      margin-left: -26px;
      position: absolute; }
  .inhoud.container .orderform2 [type=checkbox]:checked.radio-button#SendMailInvoice + label:hover a,
  .inhoud.container .orderform2 [type=checkbox]:checked.radio-button#AcceptALV + label:hover a, .orderform2 [type=checkbox]:checked.radio-button#SendMailInvoice + label:hover a,
  .orderform2 [type=checkbox]:checked.radio-button#AcceptALV + label:hover a {
    color: #000 !important; }
    .inhoud.container .orderform2 [type=checkbox]:checked.radio-button#SendMailInvoice + label:hover a:hover,
    .inhoud.container .orderform2 [type=checkbox]:checked.radio-button#AcceptALV + label:hover a:hover, .orderform2 [type=checkbox]:checked.radio-button#SendMailInvoice + label:hover a:hover,
    .orderform2 [type=checkbox]:checked.radio-button#AcceptALV + label:hover a:hover {
      color: #ccc !important; }
  .inhoud.container .orderform2 .form-fieldcontainer-fullwidth, .orderform2 .form-fieldcontainer-fullwidth {
    flex-grow: 1;
    flex-basis: calc(100% - 130px); }
    .inhoud.container .orderform2 .form-fieldcontainer-fullwidth #AcceptALV + label,
    .inhoud.container .orderform2 .form-fieldcontainer-fullwidth #SendMailInvoice + label, .orderform2 .form-fieldcontainer-fullwidth #AcceptALV + label,
    .orderform2 .form-fieldcontainer-fullwidth #SendMailInvoice + label {
      max-width: 100%;
      text-transform: initial;
      font-weight: 400;
      font-size: 14px;
      line-height: initial;
      height: auto; }
      .inhoud.container .orderform2 .form-fieldcontainer-fullwidth #AcceptALV + label a,
      .inhoud.container .orderform2 .form-fieldcontainer-fullwidth #SendMailInvoice + label a, .orderform2 .form-fieldcontainer-fullwidth #AcceptALV + label a,
      .orderform2 .form-fieldcontainer-fullwidth #SendMailInvoice + label a {
        background: transparent !important;
        color: #000 !important; }
  .inhoud.container .orderform2.userhistory_active, .orderform2.userhistory_active {
    width: 65%; }
    .inhoud.container .orderform2.userhistory_active .title-container, .orderform2.userhistory_active .title-container {
      width: 100%;
      text-align: center;
      padding-top: 3px;
      display: none; }
      .inhoud.container .orderform2.userhistory_active .title-container .input-title, .orderform2.userhistory_active .title-container .input-title {
        width: 100%;
        padding: 0px; }
    .inhoud.container .orderform2.userhistory_active .input-combine, .orderform2.userhistory_active .input-combine {
      flex-wrap: wrap; }
    .inhoud.container .orderform2.userhistory_active .form-fieldcontainer, .orderform2.userhistory_active .form-fieldcontainer {
      /*            padding: 0px;
                  padding-bottom: 5px;*/ }
    .inhoud.container .orderform2.userhistory_active .input-container-wide, .orderform2.userhistory_active .input-container-wide {
      /*min-width: 193px;*/ }
    .inhoud.container .orderform2.userhistory_active .input-container-half-wide, .orderform2.userhistory_active .input-container-half-wide {
      /*width: 92px;*/ }
    .inhoud.container .orderform2.userhistory_active .form-fieldcontainer .select-container select.countrycode, .orderform2.userhistory_active .form-fieldcontainer .select-container select.countrycode {
      max-width: 245px; }
    .inhoud.container .orderform2.userhistory_active [type=checkbox].radio-button + label, .inhoud.container .orderform2.userhistory_active [type=radio].radio-button + label, .inhoud.container .orderform2.userhistory_active .radio-button + label, .orderform2.userhistory_active [type=checkbox].radio-button + label, .orderform2.userhistory_active [type=radio].radio-button + label, .orderform2.userhistory_active .radio-button + label {
      /*min-width: 92px;*/ }
    .inhoud.container .orderform2.userhistory_active .orderform_shipment.open, .orderform2.userhistory_active .orderform_shipment.open {
      padding-top: 20px; }
    .inhoud.container .orderform2.userhistory_active .company-fields .input-container-half-wide, .orderform2.userhistory_active .company-fields .input-container-half-wide {
      width: 245px; }

.field-input-title {
  font-weight: 400;
  color: #a3a3a3;
  font-size: 12px !important; }

input.textbox_login {
  background: #fff; }

.product_column_left .licenseplate {
  display: none !important; }

table input, table select, table textfield {
  margin-bottom: 5px; }

.formcol {
  display: flex; }

.input-combine {
  display: flex; }
  .input-combine .input-container {
    margin-right: 10px; }

/* Fix auto zoom on iPhone */
@media screen and (max-width: 767px) {
  [type=color], [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=file], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
    font-size: 16px; } }
button[name="setnewcust"] {
  padding: 10px 20px; }

button[name="setnewcust"]:not(:hover) {
  color: #fff; }

form.orderform {
  display: flex;
  flex-direction: row-reverse; }

.order_addressfields {
  display: flex;
  flex-direction: row-reverse; }

.userhistory_active div.order_userhistory {
  width: 100%; }

.addresfields {
  width: auto !important;
  flex-grow: 1; }

.orderaddress_data table td:nth-of-type(1) {
  min-width: 0px !important; }

@media screen and (max-width: 1023px) {
  .inhoud.container .orderform2 .title-container .input-title {
    margin-right: 0px; }

  .shipment-combine {
    padding-top: inherit; }

  .inhoud.container .orderform2 .form-fieldcontainer .select-container select.countrycode, .orderform2 .form-fieldcontainer .select-container select.countrycode {
    max-width: 100%; }

  form.orderform {
    flex-direction: column;
    flex-wrap: wrap; }
    form.orderform .userhistory_active {
      width: 100%; }

  .inhoud.container .orderform2 .order_extrafield_container2, .orderform2 .order_extrafield_container2 {
    width: 100%; }
  .inhoud.container .orderform2 textarea, .orderform2 textarea {
    width: 100%; }
  .inhoud.container .orderform2 .input-combine, .orderform2 .input-combine {
    flex-wrap: wrap;
    justify-content: center; }
    .inhoud.container .orderform2 .input-combine .title-container, .orderform2 .input-combine .title-container {
      width: 100%; }
      .inhoud.container .orderform2 .input-combine .title-container .input-title, .orderform2 .input-combine .title-container .input-title {
        width: 100%;
        text-align: center;
        padding: 0px;
        padding-top: 10px; }
  .inhoud.container .orderform2 .form-fieldcontainer, .orderform2 .form-fieldcontainer {
    flex-grow: 1;
    padding-top: 0px; }
    .inhoud.container .orderform2 .form-fieldcontainer .input-container, .orderform2 .form-fieldcontainer .input-container {
      width: calc(100% - 10px); }
  .inhoud.container .orderform2 .input-container-wide, .inhoud.container .orderform2 .input-container-wide2, .orderform2 .input-container-wide, .orderform2 .input-container-wide2 {
    width: 100%; }
  .inhoud.container .orderform2 [type=checkbox].radio-button + label, .inhoud.container .orderform2 [type=radio].radio-button + label, .orderform2 [type=checkbox].radio-button + label, .orderform2 [type=radio].radio-button + label {
    width: 100%; }
  .inhoud.container .orderform2 .orderform_shipment.open, .orderform2 .orderform_shipment.open {
    max-height: 1000px; }
  .inhoud.container .orderform2 .dynamiclabel label, .inhoud.container .orderform2 .dynamiclabel.dynamiclabel-up label, .orderform2 .dynamiclabel label, .orderform2 .dynamiclabel.dynamiclabel-up label {
    color: #000;
    transform: translateY(0px) translateX(0px);
    font-weight: 400;
    font-size: 14px !important; }
  .inhoud.container .orderform2 .field-input-title, .orderform2 .field-input-title {
    color: #000;
    font-size: 14px !important; }
  .inhoud.container .orderform2 .knop_winkelen, .orderform2 .knop_winkelen {
    width: auto; } }
.orderproces_acceptalv, .orderproces_sendmailinvoice {
  margin-bottom: 10px; }

.orderbuttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px; }
  .orderbuttons input {
    width: 48%; }
  .orderbuttons .orderdone_container {
    width: 48%; }
    .orderbuttons .orderdone_container input {
      width: 100%; }

@media screen and (max-width: 767px) {
  .inhoud.container .orderform2 .orderform_buttonbar, .orderform2 .orderform_buttonbar {
    flex-wrap: wrap;
    flex-direction: column-reverse; }
    .inhoud.container .orderform2 .orderform_buttonbar button, .orderform2 .orderform_buttonbar button {
      width: 100%; }
      .inhoud.container .orderform2 .orderform_buttonbar button.knop_kassa, .orderform2 .orderform_buttonbar button.knop_kassa {
        min-width: auto;
        width: 100%;
        margin-bottom: 10px; }
  .inhoud.container .orderform2 .form-fieldcontainer .select-container select, .orderform2 .form-fieldcontainer .select-container select {
    max-width: 100%; }

  .inhoud.container .orderform2 .input-combine.success:before, .inhoud.container .orderform2 .shipment.success:before, .orderform2 .input-combine.success:before, .orderform2 .shipment.success:before {
    display: none; }

  .orderbuttons {
    flex-direction: column; }
    .orderbuttons input {
      width: 100%; }
    .orderbuttons .orderdone_container {
      margin-top: 10px;
      width: 100%; }

  .buttons_container {
    flex-direction: column; }
    .buttons_container a {
      margin-top: 10px; } }
.buttons_container {
  display: flex;
  justify-content: space-between; }

.newsletter_container {
  text-align: left; }
  .newsletter_container .newsletter_title {
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px; }
  .newsletter_container .field_container {
    display: flex;
    flex-direction: row;
    margin-bottom: 2px;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    max-height: 70px; }
    .newsletter_container .field_container .field_label {
      min-width: 150px;
      text-align: right;
      padding-right: 5px; }
    .newsletter_container .field_container .field {
      flex-grow: 1; }
    .newsletter_container .field_container input {
      height: 30px;
      width: 100%; }
    .newsletter_container .field_container input[type="text"] {
      background: #e8e8e8;
      transition: 0.2s ease-in-out;
      border: 1px solid #000;
      font-size: 1rem; }
      .newsletter_container .field_container input[type="text"]:hover {
        background: #fff !important; }
    .newsletter_container .field_container.newsletter_mailtype {
      display: none;
      margin: 0px; }
  .newsletter_container .newsletter_submit {
    overflow: hidden;
    margin-top: 3px;
    transition: 0.5s ease-in-out;
    max-height: 70px; }
    .newsletter_container .newsletter_submit input {
      line-height: 28px;
      padding: 0px; }
  .newsletter_container.closed .newsletter_repeatmail {
    max-height: 0px; }
  .newsletter_container.closed .newsletter_submit {
    max-height: 0px; }

/* Overwrite default styling */
/*.inhoud.container .orderform2, .orderform2{
    width: 100%;
}
.inhoud.container .orderform2 .input-combine, .orderform2 .input-combine{
    background: transparent;
    padding-left: 0px;
}
.inhoud.container .orderform2 .title-container, .orderform2 .title-container{
    display: none;
}
.inhoud.container .orderform2 .input-combine:not(.closed) [type=text], .inhoud.container .orderform2 .input-combine:not(.closed) textarea, .inhoud.container .orderform2 .input-combine:not(.closed) select, .orderform2 .input-combine:not(.closed) [type=text], .orderform2 .input-combine:not(.closed) textarea, .orderform2 select{
    border: 1px solid #000;
    background: #EDEDED;
}
.inhoud.container .orderform2 .dynamiclabel label, .orderform2 .dynamiclabel label, .inhoud.container .orderform2 .dynamiclabel.dynamiclabel-up label, .orderform2 .dynamiclabel.dynamiclabel-up label{
    transform: translateY(0px) translateX(0px);
    color: #000;
    font-weight: 700;
}

.inhoud.container .orderform2 .form-fieldcontainer, .orderform2 .form-fieldcontainer{
    padding: 0px;
}
.inhoud.container .orderform2 .input-combine.success:before{
    display: none;
}*/
.result_order_text div.select {
  position: relative; }
  .result_order_text div.select:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    content: "\f107";
    position: absolute;
    right: 10px;
    top: 8px;
    pointer-events: none; }
  .result_order_text div.select select {
    height: 40px !important;
    max-width: 100%;
    cursor: pointer; }

.hiddenbutton {
  opacity: 0;
  height: 0px;
  border: 0px; }

.button-submit {
  width: 100%;
  background: #000;
  color: #fff;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  border: 1px solid #000;
  transition: all .2s ease-in-out;
  padding: 10px 20px;
  cursor: pointer;
  height: auto;
  text-align: center; }
  .button-submit:hover {
    background: transparent;
    color: #000; }

div.cms_form_v2 [type=color], div.cms_form_v2 [type=color], div.cms_form_v2 [type=date], div.cms_form_v2 [type=datetime-local], div.cms_form_v2 [type=datetime], div.cms_form_v2 [type=email], div.cms_form_v2 [type=file], div.cms_form_v2 [type=month], div.cms_form_v2 [type=number], div.cms_form_v2 [type=password], div.cms_form_v2 [type=search], div.cms_form_v2 [type=tel], div.cms_form_v2 [type=text], div.cms_form_v2 [type=time], div.cms_form_v2 [type=url], div.cms_form_v2 [type=week], div.cms_form_v2 select, div.cms_form_v2 textarea {
  border-radius: 4px;
  background: #fafafa;
  border: 1px solid #ccc;
  transition: all .2s ease-in-out; }
  div.cms_form_v2 [type=color]:focus, div.cms_form_v2 [type=color]:hover, div.cms_form_v2 [type=color]:focus, div.cms_form_v2 [type=color]:hover, div.cms_form_v2 [type=date]:focus, div.cms_form_v2 [type=date]:hover, div.cms_form_v2 [type=datetime-local]:focus, div.cms_form_v2 [type=datetime-local]:hover, div.cms_form_v2 [type=datetime]:focus, div.cms_form_v2 [type=datetime]:hover, div.cms_form_v2 [type=email]:focus, div.cms_form_v2 [type=email]:hover, div.cms_form_v2 [type=file]:focus, div.cms_form_v2 [type=file]:hover, div.cms_form_v2 [type=month]:focus, div.cms_form_v2 [type=month]:hover, div.cms_form_v2 [type=number]:focus, div.cms_form_v2 [type=number]:hover, div.cms_form_v2 [type=password]:focus, div.cms_form_v2 [type=password]:hover, div.cms_form_v2 [type=search]:focus, div.cms_form_v2 [type=search]:hover, div.cms_form_v2 [type=tel]:focus, div.cms_form_v2 [type=tel]:hover, div.cms_form_v2 [type=text]:focus, div.cms_form_v2 [type=text]:hover, div.cms_form_v2 [type=time]:focus, div.cms_form_v2 [type=time]:hover, div.cms_form_v2 [type=url]:focus, div.cms_form_v2 [type=url]:hover, div.cms_form_v2 [type=week]:focus, div.cms_form_v2 [type=week]:hover, div.cms_form_v2 select:focus, div.cms_form_v2 select:hover, div.cms_form_v2 textarea:focus, div.cms_form_v2 textarea:hover {
    border-color: #000;
    background: #fff; }
div.cms_form_v2 [type=button].knop_login, div.cms_form_v2 [type=button].knop, div.cms_form_v2 [type=reset].knop_login, div.cms_form_v2 [type=reset].knop, div.cms_form_v2 [type=submit].knop_login, div.cms_form_v2 [type=submit].knop, div.cms_form_v2 button.knop_login, div.cms_form_v2 button.knop {
  border-radius: 10px; }
div.cms_form_v2 form {
  margin-left: 0px; }
  div.cms_form_v2 form .form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
  div.cms_form_v2 form .form_row {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 15px; }
    div.cms_form_v2 form .form_row.width_full {
      width: 100%; }
    div.cms_form_v2 form .form_row.width_half {
      width: 48%; }
    div.cms_form_v2 form .form_row.width_third {
      width: 31%; }
    div.cms_form_v2 form .form_row .description {
      width: 200px;
      text-align: left;
      font-weight: 500;
      padding-right: 10px;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
      padding-top: 5px; }
    div.cms_form_v2 form .form_row .field {
      width: calc(100% - 200px); }
    div.cms_form_v2 form .form_row .areabox {
      width: 100%;
      font-size: 14px;
      color: #000; }
    div.cms_form_v2 form .form_row.form_row_input_radio {
      flex-wrap: wrap; }
    div.cms_form_v2 form .form_row.form_row_input_checkbox .field, div.cms_form_v2 form .form_row .form_row form_row_input_radio .field {
      display: flex;
      flex-direction: column; }
    div.cms_form_v2 form .form_row.form_row_date_ .field {
      display: flex; }
      div.cms_form_v2 form .form_row.form_row_date_ .field button.ui-datepicker-trigger {
        background: #000;
        border-color: #000;
        top: 0px !important;
        left: 0px !important;
        margin-left: 10px;
        height: auto;
        border-radius: 10px; }
        div.cms_form_v2 form .form_row.form_row_date_ .field button.ui-datepicker-trigger:hover {
          color: #000; }
          div.cms_form_v2 form .form_row.form_row_date_ .field button.ui-datepicker-trigger:hover:before {
            color: #000; }
    div.cms_form_v2 form .form_row.form_row_leeg_ .description {
      width: 100%;
      padding-left: 200px;
      justify-content: flex-start; }
    div.cms_form_v2 form .form_row.captcha_row .field, div.cms_form_v2 form .form_row.form_alv .field, div.cms_form_v2 form .form_row.form_submit .field {
      display: flex;
      justify-content: flex-start; }
    div.cms_form_v2 form .form_row.form_row_fieldsrequired .description {
      display: none; }
    div.cms_form_v2 form .form_row.form_row_fieldsrequired .field {
      width: 100%;
      justify-content: flex-end; }
    div.cms_form_v2 form .form_row .form_row.turnstile_row {
      width: 100%;
      margin-top: 10px; }
      div.cms_form_v2 form .form_row .form_row.turnstile_row > iframe {
        border-radius: 4px; }

#CybotCookiebotDialog input[type=checkbox] {
  left: 0px;
  z-index: 2; }

@media screen and (max-width: 1023px) {
  div.cms_form_v3 .form .form_row.form_row_width_1, div.cms_form_v3 .form .form_row.form_row_width_2, div.cms_form_v3 .form .form_row.form_row_width_3, div.cms_form_v3 .form .form_row.form_row_width_9, div.cms_form_v3 .form .form_row.width_full, div.cms_form_v3 .form .form_row.width_half, div.cms_form_v3 .form .form_row.width_third {
    width: 100%; }
    div.cms_form_v3 .form .form_row.form_row_width_1 .description, div.cms_form_v3 .form .form_row.form_row_width_2 .description, div.cms_form_v3 .form .form_row.form_row_width_3 .description, div.cms_form_v3 .form .form_row.form_row_width_9 .description, div.cms_form_v3 .form .form_row.width_full .description, div.cms_form_v3 .form .form_row.width_half .description, div.cms_form_v3 .form .form_row.width_third .description {
      justify-content: flex-start; } }
@media screen and (max-width: 767px) {
  div.cms_form_v3 .form .form_row.form_row_width_1, div.cms_form_v3 .form .form_row.form_row_width_2, div.cms_form_v3 .form .form_row.form_row_width_3, div.cms_form_v3 .form .form_row.form_row_width_9, div.cms_form_v3 .form .form_row.width_full, div.cms_form_v3 .form .form_row.width_half, div.cms_form_v3 .form .form_row.width_third {
    flex-direction: column; }
    div.cms_form_v3 .form .form_row.form_row_width_1 .description, div.cms_form_v3 .form .form_row.form_row_width_2 .description, div.cms_form_v3 .form .form_row.form_row_width_3 .description, div.cms_form_v3 .form .form_row.form_row_width_9 .description, div.cms_form_v3 .form .form_row.width_full .description, div.cms_form_v3 .form .form_row.width_half .description, div.cms_form_v3 .form .form_row.width_third .description {
      width: 100%; }
    div.cms_form_v3 .form .form_row.form_row_width_1 .field, div.cms_form_v3 .form .form_row.form_row_width_2 .field, div.cms_form_v3 .form .form_row.form_row_width_3 .field, div.cms_form_v3 .form .form_row.form_row_width_9 .field, div.cms_form_v3 .form .form_row.width_full .field, div.cms_form_v3 .form .form_row.width_half .field, div.cms_form_v3 .form .form_row.width_third .field {
      width: 100%; }
  div.cms_form_v3 .form .form_row.form_row_leeg_ .description {
    padding-left: 0px; } }
#orderform table {
  width: 100%; }
  #orderform table tr td:nth-of-type(2) .knop_winkelen {
    float: right; }

#NoneSelectedProducts {
  display: none;
  /* fix vanwege overlay die dit veroozaakt bij siming */ }

div.carsearch_homepage {
  position: absolute;
  width: 400px;
  top: 200px;
  left: 200px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  z-index: 1000; }
  div.carsearch_homepage::before {
    content: " ";
    position: absolute;
    padding: 10px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    z-index: -1;
    background: #444; }
  div.carsearch_homepage div.carsearch_box {
    width: 100%;
    margin-bottom: 20px; }
    div.carsearch_homepage div.carsearch_box select {
      opacity: 1; }
  div.carsearch_homepage #carselect_modeltypes {
    margin-bottom: 0px !important; }

.inhoud_orderpage .order_addressfields {
  margin-top: 0px; }

#webshop_content {
  background-color: #FFFFFF; }

#webshop_content form {
  display: flex;
  flex-flow: nowrap column; }

td.basket {
  padding: 2px 10px 5px 0px; }

table.basket td.productimage img {
  max-width: 80px;
  max-height: 80px; }

a.basketinfo_title {
  color: #061232; }

div.basketblock {
  position: relative;
  font-size: 13px;
  text-indent: 30px;
  padding-bottom: 40px;
  width: 40px;
  z-index: 100; }
  div.basketblock:hover #basketinfo_allproducts {
    display: block;
    top: 39px;
    opacity: 1;
    max-height: 1500px;
    padding: 15px;
    padding-top: 25px; }

#basketinfo_allproducts {
  position: absolute;
  top: 50px;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
  opacity: 0;
  color: #4A4A4A;
  z-index: 20003;
  right: -30px;
  width: 400px;
  padding: 15px;
  border: 0px;
  background: transparent;
  text-indent: 0px;
  font-size: 14px;
  max-height: 0px;
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;
  cursor: default; }
  #basketinfo_allproducts:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 10px;
    width: 100%;
    height: 100%;
    background: #ededed;
    z-index: -1; }
  #basketinfo_allproducts:after {
    content: '';
    display: block;
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
    right: 44px;
    width: 20px;
    height: 20px;
    background: #ededed; }

.basket_title {
  font-size: 18px;
  color: #4A4A4A;
  font-weight: 700;
  margin-bottom: 10px; }

a.basketinfo_title, a.basketinfo_link {
  display: none; }

a.basketinfo_title {
  color: #4A4A4A; }

.producttypecount {
  position: absolute;
  background: #fff;
  border-radius: 20px;
  text-indent: 0px;
  padding: 3px;
  font-size: 10px;
  left: 20px;
  top: 2px;
  height: 18px;
  line-height: 16px;
  color: #000;
  min-width: 18px;
  text-align: center;
  border: 1px solid; }

.basketinfo_links {
  height: 100%;
  cursor: pointer; }
  .basketinfo_links:before {
    content: "\f07a";
    display: inline-block;
    font: normal normal normal 24px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0px;
    top: 6px;
    margin: 0px;
    padding: 0px;
    text-indent: 0px; }

.basketinfo_products {
  height: 100%; }
  .basketinfo_products .basketinfo_links {
    cursor: pointer; }
  .basketinfo_products .basketinfo_links div.producttypecount {
    line-height: 12px; }

.basket_overview .basket_product {
  border-bottom: 1px solid #000;
  line-height: 15px;
  padding-top: 10px;
  padding-bottom: 10px; }
  .basket_overview .basket_product:after {
    content: "";
    display: table;
    clear: both; }
  .basket_overview .basket_product .basket_product_amount {
    float: left;
    width: 10%;
    clear: left;
    font-weight: bold; }
  .basket_overview .basket_product .basket_product_name {
    float: left;
    width: 65%; }
  .basket_overview .basket_product .basket_product_price {
    float: left;
    width: 25%;
    text-align: right;
    white-space: nowrap !important; }
  .basket_overview .basket_product .basket_product_delete {
    display: none; }
  .basket_overview .basket_product div.total_amount {
    white-space: nowrap !important; }

.basket_overview_total {
  margin-top: 10px; }
  .basket_overview_total .total_text {
    float: left; }
  .basket_overview_total .total_amount {
    float: right; }
  .basket_overview_total .gotobasket {
    float: left;
    width: 100%; }

div.inhoud_orderlastpage div.orderbuttons.order_finalpage {
  flex-direction: row-reverse; }
div.inhoud_orderlastpage div.orderheader {
  font-size: 14pt; }

div.single_product_container {
  position: relative;
  width: 100%;
  margin-top: 7px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  div.single_product_container .single_product_data {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 60px;
    padding: 40px 0; }
    div.single_product_container .single_product_data div.product_images {
      max-width: 400px; }
      div.single_product_container .single_product_data div.product_images .product_imagelist {
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
        div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_large_image {
          text-align: center;
          padding: 0px;
          width: 100%; }
          div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_large_image img {
            height: auto;
            max-width: 300px !important;
            vertical-align: middle; }
        div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image {
          margin-right: 10px;
          margin-top: 10px;
          text-align: center; }
          div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a {
            display: inline-block;
            position: relative;
            z-index: 20;
            overflow: hidden; }
            div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a:after {
              content: '';
              display: block;
              position: absolute;
              top: 0px;
              left: 0px;
              width: 100%;
              height: 100%;
              background: #000;
              transition: all 0.2s ease-in-out;
              opacity: 0;
              z-index: 10; }
            div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a:before {
              content: "\f00e";
              display: inline-block;
              position: absolute;
              z-index: 20;
              font: normal normal normal 21px/1 FontAwesome;
              text-rendering: auto;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              color: #fff;
              width: 100%;
              left: 0px;
              text-align: center;
              margin-top: -10px;
              top: 50%;
              opacity: 0;
              transform: scale(2);
              transition: all 0.2s ease-in-out; }
            div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a:hover:after {
              opacity: 0.5; }
            div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a:hover:before {
              opacity: 1;
              transform: scale(1); }
            div.single_product_container .single_product_data div.product_images .product_imagelist .product_image_small_image a img {
              position: relative;
              vertical-align: middle;
              width: 70px;
              height: auto;
              z-index: 10; }
    div.single_product_container .single_product_data div.product_textblocks {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      max-width: 40%; }
      div.single_product_container .single_product_data div.product_textblocks div.product_extradescriptions {
        margin-top: 20px;
        display: flex;
        flex-direction: row; }
      div.single_product_container .single_product_data div.product_textblocks table {
        max-width: 90%; }
    div.single_product_container .single_product_data div.product_price_order {
      margin-left: auto;
      margin-right: 20px;
      min-width: 200px;
      width: 200px;
      position: relative; }
      div.single_product_container .single_product_data div.product_price_order div.stockamount {
        position: absolute;
        top: 0px;
        right: 0px; }
      div.single_product_container .single_product_data div.product_price_order div.productprice {
        position: absolute;
        bottom: 70px;
        right: 0px; }
      div.single_product_container .single_product_data div.product_price_order div.orderbutton {
        position: absolute;
        bottom: 20px;
        right: 0px;
        width: 136px; }
        div.single_product_container .single_product_data div.product_price_order div.orderbutton a.addProductToBasket {
          width: 100% !important; }

.bigimage img {
  max-width: 100%; }

.productextratext_button:before {
  content: "\f129";
  color: #fff;
  font-size: 17px; }
.productextratext_button:hover:before {
  color: #000; }

.productextratext {
  display: none;
  background: rgba(0, 0, 0, 0.5); }
  .productextratext.open {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 300; }

.productextratext_text {
  width: 800px;
  max-width: 100%;
  display: flex;
  background: #fff;
  position: relative; }

.productextratext_close {
  pointer-events: auto;
  position: absolute;
  top: 0px;
  cursor: pointer;
  z-index: 300;
  color: #000;
  background: #fff;
  padding: 10px 20px;
  transition: all 0.2s ease-in-out;
  height: 45px;
  margin-top: -45px;
  right: 0px; }
  .productextratext_close:hover {
    background: #efefef; }
  .productextratext_close:after {
    content: "\f00d";
    display: inline-block;
    position: relative;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px; }

.productextratext_content {
  width: 100%;
  padding: 25px;
  overflow: auto;
  max-height: 90%; }

div.product_main, div.product_footer {
  clear: both;
  width: 100%; }

div.products_main {
  clear: both;
  width: 100%;
  position: relative; }
  div.products_main .searchresult_count {
    position: relative;
    float: left;
    max-width: 100%;
    color: #000;
    bottom: inherit;
    font-size: 1.2rem; }
    div.products_main .searchresult_count span {
      font-weight: 700; }

div.categorytabs {
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%; }

a.producttab, a.producttabs, .tab_other {
  display: inline-block;
  position: relative;
  margin: 0px;
  margin-right: 10px;
  padding: 10px 10px;
  /*border: 0px solid #aaa;*/
  text-decoration: none;
  text-align: center;
  border-radius: 0px;
  /*background-color: #ebebeb;*/
  color: #000;
  font-weight: 700;
  font-size: 13px;
  transition: all 0.2s ease-in-out;
  text-transform: uppercase;
  font-family: "Oswald", sans-serif; }
  a.producttab:before, a.producttabs:before, .tab_other:before {
    content: '';
    height: 1px;
    width: 0px;
    position: absolute;
    left: 10px;
    top: 35px;
    background: #000;
    transition: all 0.2s ease-in-out; }

a.producttab:hover:before, a.producttabs:before {
  opacity: 1;
  width: calc(100% - 20px); }

.categorytabs:after, .product_main:after, .usp_side:after, .pagenav:after, .pagenav table:after, .all_common_filters:after, .productsfound:after, .product:after {
  content: "";
  display: table;
  clear: both; }

.type-cmsproducts.product_main div.product_content {
  padding: 0px; }

div.product_content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  padding: 5px;
  min-height: 200px;
  background: transparent;
  padding-top: 0px; }
  div.product_content.column-top {
    width: 100%; }

span.filter_name, span.sort_name {
  display: block; }

form.products_searchform {
  margin-bottom: 30px; }

div.cardetails_info {
  padding: 10px;
  margin-bottom: 20px; }
  div.cardetails_info h3 {
    font-weight: bold;
    font-size: 18px;
    /*cursor: pointer;*/ }
    div.cardetails_info h3 i {
      margin-right: 20px;
      font-size: 18px; }
  div.cardetails_info div.car_alldetails {
    display: none; }

div.productlist_header {
  height: 40px !important; }

div.simplelist {
  margin-top: 20px; }
  div.simplelist div.product {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    display: flex;
    /*gap: 20px;*/ }
    div.simplelist div.product div.product_cell {
      min-width: 200px;
      min-height: 200px;
      padding: 10px;
      position: relative; }
      div.simplelist div.product div.product_cell img {
        max-width: 200px;
        max-height: 200px; }
      div.simplelist div.product div.product_cell.product_cell_description {
        min-width: 300px;
        flex-grow: 1; }
      div.simplelist div.product div.product_cell.product_cell_right_column {
        margin-left: auto !important;
        width: 180px;
        min-width: 180px;
        display: flex;
        flex-direction: column; }
  div.simplelist div.pricedata {
    position: absolute;
    bottom: 50px;
    padding: 5px; }
    div.simplelist div.pricedata span.price {
      font-weight: bold; }
    div.simplelist div.pricedata span.productprice_oldprice {
      text-decoration: line-through; }
    div.simplelist div.pricedata span.productprice_nettprice {
      font-weight: bold;
      color: #f00; }
  div.simplelist div.orderbutton {
    position: absolute;
    bottom: 10px;
    right: 10px; }

div.productlist_filters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 5px; }
  div.productlist_filters div.catfilter {
    width: calc(25% - 40px);
    margin-bottom: 10px; }
  div.productlist_filters div.catfilter_input {
    /*width: 100%;*/ }
  div.productlist_filters div.catfilter_checkbox {
    /*width: 100%;*/ }
  div.productlist_filters div.catfilter_dropbox {
    /*width: 100%;*/ }
  div.productlist_filters div.productlist_filter_submit {
    width: calc(80% - 20px);
    margin-right: 10px; }
  div.productlist_filters div.productlist_filter_reset {
    width: calc(20% - 20px); }
  div.productlist_filters div.catfilter_title {
    font-weight: bold; }
  div.productlist_filters div input, div.productlist_filters div select {
    border-radius: 3px; }

#cms_carsearch {
  width: 100%; }

div.carseach_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 10px;
  padding: 5px;
  width: 100%; }
  div.carseach_container div.carsearch_box {
    width: calc(33.33% - 7px);
    margin-bottom: 10px; }
    div.carseach_container div.carsearch_box input, div.carseach_container div.carsearch_box select {
      border-radius: 5px !important; }

#carselect_modeltypes {
  margin-right: 0px; }

.basket_deleteproduct {
  color: red; }

.product_to_basket, .product_to_basketwide {
  float: right;
  display: block;
  width: 30px;
  height: 24px;
  line-height: 24px;
  padding: 5px;
  text-decoration: none !important;
  font-weight: normal !important;
  margin-right: 20px;
  cursor: pointer;
  font-size: 18px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #05cc05;
  color: #fff;
  text-align: center; }
  .product_to_basket :hover, .product_to_basketwide :hover {
    border: 1px solid #555;
    background-color: #0da20d; }

.product_to_basketwide {
  width: 160px;
  text-align: center;
  background-position: 90% center !important; }

button.product_to_basketwide {
  height: 30px; }

input.product_to_basketwide {
  /* auto zoeken */
  height: 30px;
  margin-right: 14px;
  margin-bottom: 2px; }

.add_basket, .add_relatedproduct {
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  margin-left: 10px;
  border: 1px solid #000;
  cursor: pointer;
  border-radius: 3px;
  background: #000;
  color: #fff;
  font-size: initial;
  transition: all 0.2s ease-in-out;
  margin-top: 5px;
  margin-left: 5px;
  font-family: "Oswald", sans-serif;
  height: 46px;
  line-height: 50px;
  padding: 0px 20px; }
  .add_basket:after, .add_relatedproduct:after {
    content: "\f07a";
    display: inline-block;
    position: relative;
    font: normal normal normal 19px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-in-out;
    color: #fff;
    font-size: 16px;
    top: -1px; }
  .add_basket.to_productoverview:after, .add_relatedproduct.to_productoverview:after {
    content: "\f105"; }
  .add_basket:hover, .add_relatedproduct:hover {
    background: transparent;
    color: #000; }
    .add_basket:hover:before, .add_basket:hover:after, .add_relatedproduct:hover:before, .add_relatedproduct:hover:after {
      color: #000; }

.inhoud.container a.knop_kassa {
  background: #32ca60 !important;
  border: 1px solid #32ca60; }
.inhoud.container .knop_kassa::after {
  content: "\f105";
  display: inline-block;
  position: relative;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease-in-out;
  color: #fff;
  margin-left: 10px; }
.inhoud.container .knop_offerte::before, .inhoud.container .knop_opnieuw::before, .inhoud.container .knop_winkelen::before, .inhoud.container .knop_kassa::before {
  display: inline-block;
  position: relative;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.2s ease-in-out;
  color: #fff;
  margin-right: 10px; }
.inhoud.container .knop_opnieuw::before {
  content: "\f0e2"; }
.inhoud.container .knop_winkelen::before {
  content: "\f104"; }
.inhoud.container .knop_offerte::before {
  content: "\f0f6"; }

div.products_catlist {
  width: 100%;
  display: flex;
  flex-direction: row; }

div.products_catlist_pagetext {
  padding: 10px; }

div.products_cat {
  cursor: pointer;
  width: 30%;
  min-width: 220px;
  border: 1px solid #ccc;
  margin: 10px; }
  div.products_cat img {
    max-width: 100%; }
  div.products_cat h2 {
    max-width: 100%;
    text-align: center; }

div.pagenav {
  position: relative;
  /*clear: both;*/
  line-height: 18px;
  float: right;
  display: flex; }
  div.pagenav.resultcount_ {
    /* Make sure height is reserved so total results text is correctly shown*/
    width: 1px;
    height: 32px; }

table.pagenav {
  position: relative;
  float: right; }

div.searchfilters_set {
  width: 100%;
  height: 40px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #ebebeb;
  color: #000; }

div.searchfilters_yourchoice {
  position: relative;
  width: 110px;
  height: 40px;
  float: left;
  text-indent: 16px;
  line-height: 38px;
  text-transform: uppercase;
  background-color: #aaa;
  color: #fff; }

div.searchfilters_arrow {
  position: relative;
  top: 5px;
  left: 0px;
  float: left;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #aaa; }

div.searchfilters_filters {
  position: relative;
  top: 10px;
  float: left;
  width: 620px;
  height: 30px;
  overflow: auto; }

div.searchfilters_filters span.searchfilter {
  margin-left: 10px;
  font-size: 8pt; }

span.emptyspace_filterbox {
  display: block;
  height: 23px;
  line-height: 28px;
  width: 60px; }

/* end of display of filters set */
/* found products */
div.stock_yes, div.stock_no {
  /*background-image: url("../img/shop/stock_yes.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position:  center center;*/
  width: 40px;
  height: 22px;
  line-height: 22px;
  padding: 2px 0px;
  text-align: center;
  margin: -2px 6px 0px 0px;
  font-size: 10pt;
  font-weight: bold;
  font-family: arial;
  border-radius: 3px;
  border: 1px solid #63c800;
  background-color: #eee;
  color: #555; }

div.stock_no {
  border: 1px solid orange;
  background-color: #fff; }

div.nostock_words {
  margin-left: -20px; }

div.productdetails div.nostock_words {
  margin-left: 0px; }

div.stock_words, div.nostock_words {
  white-space: nowrap;
  width: 90px;
  text-align: right; }

div.productdetails div.stock_words, div.productdetails div.nostock_words {
  margin-top: 7px; }

div.productdetails img {
  margin-top: 3px; }

div.stock_yes img, div.stock_no img {
  margin-top: -1px; }

div.setprice {
  font-weight: bold;
  font-size: 9pt;
  text-align: right; }

span.extrapricedata {
  margin-top: 4px;
  font-weight: normal; }

span.vat {
  font-size: 8pt; }

/* basket info in design */
div.basketinfo_links {
  width: 100%;
  height: 20px;
  /*border-bottom: 1px solid $blockstitle;*/ }

a.basketinfo_link {
  padding-left: 20px;
  padding-right: 0px;
  border-left: 2px solid #000;
  color: #000; }

a.basketinfo_title:hover, a.basketinfo_link:hover {
  text-decoration: underline; }

div.gotobasket {
  text-align: right;
  margin-top: 5px; }

/* end of basket info in design */
#lp_loader {
  display: none; }

div.lp_loader {
  text-align: center;
  margin-top: 80px; }

/* end of licenseplate */
/* login block in design */
header .header_items .loginblock {
  text-align: right;
  color: #00aeef;
  height: 100%;
  margin-top: -2px; }
  header .header_items .loginblock:before {
    position: absolute;
    content: '';
    width: 120%;
    margin-left: -10%;
    height: 100%;
    z-index: -1; }
  header .header_items .loginblock:hover .login_submenu {
    display: block; }
  header .header_items .loginblock .logintext {
    line-height: 50px;
    transition: color .2s ease-in-out; }
    header .header_items .loginblock .logintext:before {
      position: relative;
      content: "\f007";
      display: inline-block;
      font: normal normal normal 21px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      top: 2px;
      margin-right: 5px; }
  header .header_items .loginblock input.textbox_login {
    height: 34px;
    line-height: 34px; }

.loggedinas div.loggedin:hover .login_submenu {
  overflow: inherit; }
  .loggedinas div.loggedin:hover .login_submenu div.custmemo {
    opacity: 1;
    transform: translateX(0px); }

a.login_customer_icon:hover div.custmemo {
  opacity: 1 !important;
  transform: translateX(0px);
  z-index: 1000; }

.login_submenu > .login .part_titel_login {
  float: left;
  color: #00aeef;
  font-size: 14px;
  width: 100%;
  text-align: left;
  margin-top: 25px; }

.login_submenu {
  display: none;
  position: absolute;
  top: 40px;
  transition: all 0.3s ease-in-out, top 0.3s ease-in-out;
  opacity: 1;
  color: #000;
  z-index: 20003;
  right: -41px;
  width: 300px;
  padding: 15px;
  font-size: 14px;
  max-height: 300px;
  overflow: hidden;
  cursor: default; }
  .login_submenu:before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 10px;
    width: 100%;
    height: 100%;
    background: #ededed;
    z-index: -1; }
  .login_submenu:after {
    content: '';
    display: block;
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
    right: 70px;
    width: 20px;
    height: 20px;
    background: #ededed; }
  .login_submenu:hover .login_submenu, .login_submenu .login.open .login_submenu {
    display: block;
    top: 44px;
    opacity: 1;
    max-height: 1500px;
    padding: 15px;
    padding-top: 25px; }
  .login_submenu .loggedin {
    float: left;
    width: 100%; }
  .login_submenu .personsdata a:hover {
    text-decoration: underline; }
  .login_submenu img.editcustmemo, .login_submenu #userswitchoffimg img {
    width: 17px;
    height: auto;
    margin-left: 5px;
    margin-top: 1px; }

.loggedinas div.login:hover .login_submenu {
  overflow: inherit; }

div.login:hover .login_submenu div.custmemo {
  opacity: 1;
  transform: translateX(0px); }

/* end of login block in design */
/* customer memo */
div.custmemo {
  display: block !important;
  position: absolute;
  margin: 0px;
  opacity: 0;
  transform: translateX(100px);
  transition: all 0.5s ease-in-out;
  top: 10px;
  margin-left: 0px;
  left: unset;
  right: 100%;
  width: 400px;
  height: 100%;
  padding: 20px;
  /*box-shadow: 3px 3px 5px #b7b7b7;*/
  border-radius: 0px;
  border: 1px solid #b7b7b7;
  background: #fff;
  color: #000;
  z-index: -2;
  min-height: 254px;
  /*max-width: 100%;*/ }
  div.custmemo textarea.custmemo {
    width: 100%;
    /*height: 280px;*/
    font-size: 1rem;
    height: calc(100% - 80px); }
  div.custmemo [type="button"], div.custmemo [type="submit"] {
    width: auto;
    text-indent: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    position: absolute;
    float: none;
    left: 20px;
    bottom: 20px;
    padding: 10px 20px;
    text-transform: uppercase;
    line-height: inherit;
    height: auto;
    font-weight: normal;
    font-size: 1rem; }
  div.custmemo a {
    display: none !important;
    position: absolute;
    right: 20px;
    bottom: 20px;
    float: none !important;
    font-weight: normal;
    text-transform: uppercase;
    border: 1px solid #000;
    background: #fff;
    color: #000 !important;
    padding: 10px 20px;
    transition: all 0.2s ease-in-out;
    text-decoration: none; }
    div.custmemo a:hover {
      color: #fff !important;
      background: #000;
      text-decoration: none; }

/* end of customer memo */
#webshop_content {
  opacity: 1 !important; }

.extrainfo {
  margin-top: 5%;
  background: #ededed;
  padding: 7.7%;
  color: #000;
  font-size: 20px;
  line-height: 25px;
  font-weight: 700; }

.extrainfo p {
  margin-bottom: 5%; }

.extrainfo .paymethods li {
  margin-right: 6px; }

.nav_nextpage, .nav_lastpage, .nav_prevpage, .nav_firstpage, .navpagelink {
  display: inline-block;
  width: 32px;
  height: 32px;
  /*background: #ebebeb;*/
  color: #000;
  transition: all 0.2s ease-in-out;
  text-align: center;
  line-height: 25px;
  position: relative;
  overflow: hidden;
  position: relative; }
  .nav_nextpage:after, .nav_lastpage:after, .nav_prevpage:after, .nav_firstpage:after, .navpagelink:after {
    transition: all 0.2s ease-in-out;
    content: '';
    display: block;
    width: 0px;
    border-bottom: 1px solid #000;
    position: absolute;
    background: #000;
    left: 5px;
    top: 27px;
    opacity: 0; }

.navpagelink {
  line-height: 32px;
  font-weight: 700;
  font-size: 13px; }

.nav_nextpage:hover, .nav_lastpage:hover, .nav_prevpage:hover, .nav_firstpage:hover, .navpagelink:hover {
  /*background: #7c7c7c;*/
  /*color: #000;*/
  /*border-color: #7c7c7c;*/ }
  .nav_nextpage:hover:after, .nav_lastpage:hover:after, .nav_prevpage:hover:after, .nav_firstpage:hover:after, .navpagelink:hover:after {
    opacity: 1;
    width: calc(100% - 10px); }

.navpagelink.activepage {
  /*    background: #7c7c7c;
      color: #fff;
      border-color: #7c7c7c;*/ }
  .navpagelink.activepage:after {
    opacity: 1;
    width: calc(100% - 10px); }

.navpagelink.activepage:hover {
  /*    background: #7c7c7c;
      color: #fff;
      border-color: #7c7c7c;*/ }

.nav_intro {
  line-height: 32px;
  font-size: 13px;
  font-weight: 700;
  padding-right: 5px;
  float: left; }

.nav_nextpage:before, .nav_lastpage:before, .nav_prevpage:before, .nav_firstpage:before {
  display: block;
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 19px;
  line-height: 32px;
  width: 100%;
  text-align: center; }

.nav_nextpage:before {
  content: "\f105"; }

.nav_lastpage:before {
  content: "\f101"; }

.nav_prevpage:before {
  content: "\f104"; }

.nav_firstpage:before {
  content: "\f100"; }

.product_header .searchresult_count {
  position: absolute;
  bottom: 30px;
  left: 0px;
  color: #fff;
  font-size: 22px;
  display: none;
  max-width: 48%; }
  .product_header .searchresult_count span {
    font-weight: 700; }

.product_header .usplist {
  display: none; }

.usps--horizontal {
  display: none !important; }

.menu-service .contact {
  display: none !important; }

/*.header__top .menu-service{
    right: 0px;
    position: absolute;
}*/
.pagecount {
  display: none; }

.noproducts {
  width: 100%;
  text-align: center;
  font-weight: 700;
  margin-top: 20px; }

.product_price {
  padding: 12px 20px;
  padding-top: 0px; }

.productsinbasket {
  display: none; }
  .productsinbasket:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #000;
    position: fixed;
    z-index: 100;
    opacity: 0.5; }
  .productsinbasket .container {
    position: relative;
    top: -130px; }
  .productsinbasket .inbasket {
    position: absolute;
    background: #ededed;
    font-size: 18px;
    color: #4A4A4A;
    top: 62px;
    right: -41px;
    width: 400px;
    min-height: 100px;
    padding: 10px;
    border: 0px;
    box-shadow: none;
    border-radius: 0px;
    z-index: 10000; }
    .productsinbasket .inbasket h2 {
      font-size: 15px;
      text-align: center; }
    .productsinbasket .inbasket a, .productsinbasket .inbasket span.to_shop {
      color: #fff;
      font-size: 15px;
      border: 1px solid #000;
      padding: 10px 20px;
      margin-top: 10px;
      width: 100%;
      text-align: center;
      display: inline-block;
      background: #000;
      text-decoration: none;
      transition: all 0.2s ease-in-out;
      cursor: pointer; }
      .productsinbasket .inbasket a.to_basket:after, .productsinbasket .inbasket a.to_shop:after, .productsinbasket .inbasket span.to_shop.to_basket:after, .productsinbasket .inbasket span.to_shop.to_shop:after {
        display: inline-block;
        font: normal normal normal 19px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 10px; }
      .productsinbasket .inbasket a.to_basket:after, .productsinbasket .inbasket span.to_shop.to_basket:after {
        content: "\f07a"; }
      .productsinbasket .inbasket a.to_shop:after, .productsinbasket .inbasket span.to_shop.to_shop:after {
        content: "\f105";
        top: 1px;
        position: relative; }
      .productsinbasket .inbasket a:hover, .productsinbasket .inbasket span.to_shop:hover {
        background: transparent;
        color: #000; }
    .productsinbasket .inbasket:after {
      content: '';
      display: block;
      transform: rotate(45deg);
      position: absolute;
      top: -6px;
      right: 56px;
      width: 20px;
      height: 20px;
      background: #ededed; }

.product_info {
  /* basket */
  position: absolute;
  right: 10px;
  bottom: 10px; }
  .product_info .infobutton {
    color: #000;
    cursor: pointer; }
    .product_info .infobutton:after {
      content: "\f05a";
      display: inline-block;
      position: relative;
      font: normal normal normal 22px/1 FontAwesome;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    .product_info .infobutton:hover .productlist_wheelinfo {
      display: block;
      width: 320px;
      height: 200px;
      padding: 15px;
      overflow-y: auto; }
    .product_info .infobutton:hover:after {
      z-index: 400; }

.stock_block {
  display: none; }

.showCars, .showNoCars, .showStock, .productextratext_button {
  float: left;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #000;
  margin-right: 5px;
  margin-top: 10px;
  transition: all 0.2s ease-in-out;
  background: #000; }
  .showCars:after, .showNoCars:after, .showStock:after, .productextratext_button:after {
    display: inline-block;
    position: relative;
    font: normal normal normal 18px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.2s ease-in-out;
    color: #fff; }
  .showCars:hover, .showNoCars:hover, .showStock:hover, .productextratext_button:hover {
    cursor: pointer;
    background: #fff; }
    .showCars:hover:after, .showNoCars:hover:after, .showStock:hover:after, .productextratext_button:hover:after {
      color: #000; }

.showCars, .showNoCars {
  clear: left; }
  .showCars:after, .showNoCars:after {
    content: "\f1b9"; }

div.product_content.relatedproducts_content {
  padding: 0px; }

.relatedproducts_startamount {
  /*    margin-bottom: 15px;
      display: inline-block;*/
  display: none; }

.relatedproducts {
  float: left;
  margin-top: 5%;
  width: 100%; }

.submit_buttons {
  float: right; }

.product_main {
  flex-wrap: wrap; }

.resultcount_ .nav_intro {
  display: none; }

p.continue_extraproducts {
  margin-bottom: 15px; }

/*.single_product .productdetails{
    .deliveryspeed{
        float: left;
    }

    .stockamount{
        float: left;
    }
}*/
input[type='number'] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

/* Show max 100 results before filtering */
/*$maxFilterAmount: 100;
#filter_table{
    font-size: $maxFilterAmount;
    tbody{
        tr{
            &:nth-of-type(n +100){
                display: none;
            }

            &:nth-of-type(97){
                color: #bebebe;

                td.borderbottom{
                    border-bottom: 1px solid #bebebe;
                }
            }

            &:nth-of-type(98){
                color: #e7e7e7;

                td.borderbottom{
                    border-bottom: 1px solid #e7e7e7;
                }
            }

            &:nth-of-type(99){
                color: #f9f9f9;

                td.borderbottom{
                    border-bottom: 1px solid #f9f9f9;
                }
            }

            &[filtermatch='true']{
                display: table-row;
                color: #000000;

                td.borderbottom{
                    border-bottom: 1px solid #000000;
                }
            }
        }
    }
}*/
.crumpathshop {
  width: 100%; }
  .crumpathshop a {
    transition: all .2s ease-in-out;
    border-bottom: 1px solid transparent; }
    .crumpathshop a:hover {
      border-color: #000; }

.onetime_highlight_animation {
  animation: highlight_animation  2s; }

@keyframes highlight_animation {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.5); }
  100% {
    transform: scale(1); } }
.commonfilters-container {
  width: 100%;
  display: flex;
  justify-content: flex-end; }

@media screen and (max-width: 1023px) {
  .commonfilters-container {
    display: none; } }
.product_container div.product {
  /*.link_related_products, .link_procedure, .link_product_info{
      &:hover{
          color: $cta;
          
          &:after{
              margin-left: 8px;
          }
      }
      
      &:after{
          content: "\f105";
          display: inline-block;
          position: relative;
          font: normal normal normal 15px/1 FontAwesome;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          margin-left: 5px;
          transition: all 0.2s ease-in-out;
      }
  }*/
    /*.open_extra_products{
        cursor: pointer;
        
        &:hover{
            color: $cta;
        }

        &:after{
            content: "\f105";
            display: inline-block;
            position: relative;
            font: normal normal normal 15px/1 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-left: 5px;
            transform: rotate(0deg);
            transition: all 0.2s ease-in-out;
        }
    }*/
    /*&.open{
        .product{
            margin-bottom: 0px;
        }

        .extra_products{
            max-height: 500px;
            padding: 10px;
            padding-top: 0px;
        }
        
        .open_extra_products{
            &:after{
                transform: rotate(90deg);
            }
        }
    }*/ }

.extra_products_title {
  width: 100%;
  float: left;
  border-bottom: 1px solid;
  padding-bottom: 1%;
  margin-bottom: 1%;
  margin-top: 5%; }

.extra_products {
  transition: all 0.5s ease-in-out;
  padding: 0px;
  color: #000;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px; }
  .extra_products .extra_product {
    min-width: 200px;
    background: #fff;
    margin-top: 10px;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #c4c4c4;
    transition: all 0.2s ease-in-out;
    flex: 1 0 auto; }
    .extra_products .extra_product .title {
      font-size: .9rem;
      font-weight: 800;
      width: 100%; }
    .extra_products .extra_product .price {
      display: inline-block;
      float: left;
      padding: 10px;
      padding-left: 0px;
      padding-right: 0px;
      margin-top: 10px;
      width: 100%; }
      .extra_products .extra_product .price .setprice_text {
        font-size: 12px;
        display: inline-block; }
      .extra_products .extra_product .price .setprice_vat {
        font-weight: normal;
        font-size: 12px; }
    .extra_products .extra_product .stock_extra_product {
      width: 100%; }
    .extra_products .extra_product .articlenr {
      float: left;
      font-size: 0.8rem;
      margin-right: 10px; }
    .extra_products .extra_product .extratext {
      float: left;
      margin-right: 10px;
      font-size: 0.8rem; }
    .extra_products .extra_product .extratext2 {
      float: left;
      margin-right: 10px;
      font-size: 0.8rem; }
    .extra_products .extra_product .stockamount {
      margin-top: 0px;
      padding-left: 5px;
      padding-right: 10px; }
    .extra_products .extra_product .stock_buttons {
      margin-top: 7px;
      float: left; }
      .extra_products .extra_product .stock_buttons .showCars, .extra_products .extra_product .stock_buttons .showStock {
        display: inline-block;
        float: none;
        margin-top: 0px; }
    .extra_products .extra_product .stock_product {
      margin-top: 10px;
      float: right; }
      .extra_products .extra_product .stock_product table {
        display: none; }
    .extra_products .extra_product .add_extra_product {
      display: inline-block;
      padding: 0px 10px;
      height: 40px;
      cursor: pointer;
      float: right;
      background: #000;
      margin-top: -10px;
      color: #fff;
      border: 2px solid #000;
      transition: all 0.2s ease-in-out; }
      .extra_products .extra_product .add_extra_product:after {
        content: "\f07a";
        margin-top: 10px;
        display: inline-block;
        position: relative;
        font: normal normal normal 20px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .extra_products .extra_product .image {
      text-align: center;
      background: #fff;
      height: 140px;
      overflow: hidden;
      width: 100%;
      margin-top: 10px;
      float: left; }
      .extra_products .extra_product .image img {
        /*width: auto;*/
        height: calc(100% - 20px);
        transition: all 0.2s linear;
        margin-top: 10px; }
    .extra_products .extra_product:hover {
      background: #e2e2e2; }
      .extra_products .extra_product:hover .image img {
        /*height: 100%;
        width: auto;
        margin-top: 0px;*/ }

.product_single .extra_products {
  width: 100%;
  max-height: none;
  background: transparent;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap; }

/*
@media screen and (max-width: 1180px) {
    .extra_products{
        .extra_product{
            width: calc(50% - 10px / 2);
            margin-right: 10px;
            
            &:nth-of-type(3n){
                margin-right: 10px;
            }

            &:nth-last-of-type{
                margin-right: 0px !important;
            }
        }
    }
}

@media screen and (max-width: 760px) {
    .extra_products{
        .extra_product{
            width: 100%;
            margin-right: 0px;

            &:nth-of-type(2n), &:nth-of-type(3n){
                margin-right: 0px;
            }
        }
    }
}*/
@media screen and (max-width: 1023px) {
  .productsinbasket {
    left: 0px;
    width: 100%;
    position: fixed;
    height: 100%;
    z-index: 1000; }
    .productsinbasket .container .inbasket {
      top: 50% !important;
      right: 0px;
      width: 100%;
      margin-top: -150px; }

  .all_common_filters {
    width: 100%; }
    .all_common_filters .sort_options_title {
      flex-grow: 0; }
    .all_common_filters div.sort_option {
      flex-grow: 1;
      max-width: none; }

  .filter_buttons {
    margin-top: 0px; }

  .webshopcat_cmsproducts .product_header .searchtitle {
    display: block;
    text-align: center; }

  .productsfound.layout_list div.product_amount, .single_product.layout_list div.product_amount, .productsfound div.product_amount, .single_product div.product_amount,
  .type-cmsproducts .product_content.column-left div.product_amount, .type-cmsproducts .product_content.column-right div.product_amount {
    display: none !important; }

  .productsfound .product_container .product.has_product_wide .product_cell {
    width: 65%; }
    .productsfound .product_container .product.has_product_wide .product_cell .deliverydate {
      text-align: left; }
    .productsfound .product_container .product.has_product_wide .product_cell:nth-of-type(1) {
      width: 35%; }
      .productsfound .product_container .product.has_product_wide .product_cell:nth-of-type(1) a {
        display: inherit; }
  .productsfound .product_container .product.product_rear .product_cell {
    width: 65%;
    margin-left: 35%; }
    .productsfound .product_container .product.product_rear .product_cell .deliverydate {
      text-align: left; }

  .filters .show_filters {
    margin-bottom: 0px; }

  .productsfound .storage_info {
    width: 100%; }

  .hideontablet {
    display: none; }

  .resultsfound .filters.column-left {
    margin-top: 0px; }

  .filters {
    max-height: 35px;
    overflow: hidden;
    transition: 0.5s ease-in-out; }
    .filters.column-left {
      width: 100%; }
    .filters .form-fieldcontainer {
      width: 49%; }
      .filters .form-fieldcontainer .input-container, .filters .form-fieldcontainer .select-container, .filters .form-fieldcontainer div.start_new {
        width: 96%; }
      .filters .form-fieldcontainer.show_filters {
        width: 100%; }
      .filters .form-fieldcontainer.columns-4 {
        width: 16%; }
      .filters .form-fieldcontainer.columns-6 {
        width: 24%; }
    .filters.open {
      max-height: 1500px; }

  .extra_product .extra_option_title {
    width: 100%; }
  .extra_product .select {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px; }
  .extra_product .otp_ordernumber {
    width: 100% !important;
    margin-right: 0px;
    margin-bottom: 10px; }
  .extra_product .knop_addoptionalproduct {
    width: 100%;
    max-width: 100%; }
    .extra_product .knop_addoptionalproduct:before {
      width: auto !important; }

  .login_page main .inhoud_smal {
    padding: 10px;
    margin-top: 10px; }

  .productdetails .orderbutton a.add_relatedproduct {
    margin-left: 0px !important;
    margin-top: 15px; }

  nav #menu1 .menu > li.mobile_only, .mobile_only {
    display: inherit; }

  .breadcrumb a {
    width: 100%;
    border-radius: 0px;
    background: #242424;
    color: #fff;
    display: inline-block;
    text-align: center; }
    .breadcrumb a:hover {
      color: #fff !important; }
      .breadcrumb a:hover:before {
        color: #fff; }

  .product_header.product_header_small {
    display: none; }

  #webshop_content.productpage .product_single .searchresult_count {
    display: none; }
  #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left {
    width: 100%;
    margin: 0px;
    min-height: inherit;
    text-align: center;
    margin-bottom: 5%;
    padding: 0px; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .relatedproducts_filters {
      max-height: 0px;
      overflow: hidden;
      transition: all 0.5s ease-in-out; }
      #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .relatedproducts_filters.open {
        max-height: 1000px; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .submit_applytyretowheel {
      margin-left: 0px; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .filter_TyreBrand, #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .filter_Digit72, #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left div.cat_filter_divider {
      display: none; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left div.cat_filter {
      padding-bottom: 0px; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .filter_FreeSize {
      margin-top: 15px; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .cat_filteroptions, #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .catfilter_name {
      padding: 15px;
      padding-bottom: 5px;
      padding-top: 5px;
      height: auto !important; }
    #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left .catfilter_name {
      padding-bottom: 0px; }
  #webshop_content.productpage .product_single .product_content.relatedproducts_content {
    width: 100%; }
  #webshop_content.productpage .product_single .relatedproducts_startamount {
    /*            width: 100%;
                text-align: center;*/
    display: none; }

  div.planner_leftcolumn {
    width: 100%; }

  div.planner_adjust2, div.planner_adjust3 {
    margin-top: 15px; }

  .tpl_page_columns .header img, .tpl_page_columns .tpl_page .header img {
    height: 100%;
    width: auto; }
  .tpl_page_columns div.product_header #carsearchboxes {
    padding-top: 10px; }

  main > .container .container_left {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 5%; }
  main > .container .container_right {
    width: 100%; }

  /* Responsive fix */
  table.productdetails, .order_addressfields table, .planner table, .planner_confirmation table, .planner_rightcolumn table, .inhoud.container table.shopitems, table.order_buttons, .inhoud.container .basket_addressfields table, .inhoud.container table.extra_options, table.NoneSelectedProduct, #licenseplate_cars table {
    display: block;
    /* Hide table headers (but not display: none;, for accessibility) */ }
    table.productdetails .shopitems_header, .order_addressfields table .shopitems_header, .planner table .shopitems_header, .planner_confirmation table .shopitems_header, .planner_rightcolumn table .shopitems_header, .inhoud.container table.shopitems .shopitems_header, table.order_buttons .shopitems_header, .inhoud.container .basket_addressfields table .shopitems_header, .inhoud.container table.extra_options .shopitems_header, table.NoneSelectedProduct .shopitems_header, #licenseplate_cars table .shopitems_header {
      display: none; }
    table.productdetails thead, table.productdetails tbody, table.productdetails th, table.productdetails td, table.productdetails tr, .order_addressfields table thead, .order_addressfields table tbody, .order_addressfields table th, .order_addressfields table td, .order_addressfields table tr, .planner table thead, .planner table tbody, .planner table th, .planner table td, .planner table tr, .planner_confirmation table thead, .planner_confirmation table tbody, .planner_confirmation table th, .planner_confirmation table td, .planner_confirmation table tr, .planner_rightcolumn table thead, .planner_rightcolumn table tbody, .planner_rightcolumn table th, .planner_rightcolumn table td, .planner_rightcolumn table tr, .inhoud.container table.shopitems thead, .inhoud.container table.shopitems tbody, .inhoud.container table.shopitems th, .inhoud.container table.shopitems td, .inhoud.container table.shopitems tr, table.order_buttons thead, table.order_buttons tbody, table.order_buttons th, table.order_buttons td, table.order_buttons tr, .inhoud.container .basket_addressfields table thead, .inhoud.container .basket_addressfields table tbody, .inhoud.container .basket_addressfields table th, .inhoud.container .basket_addressfields table td, .inhoud.container .basket_addressfields table tr, .inhoud.container table.extra_options thead, .inhoud.container table.extra_options tbody, .inhoud.container table.extra_options th, .inhoud.container table.extra_options td, .inhoud.container table.extra_options tr, table.NoneSelectedProduct thead, table.NoneSelectedProduct tbody, table.NoneSelectedProduct th, table.NoneSelectedProduct td, table.NoneSelectedProduct tr, #licenseplate_cars table thead, #licenseplate_cars table tbody, #licenseplate_cars table th, #licenseplate_cars table td, #licenseplate_cars table tr {
      display: block; }
    table.productdetails thead tr, .order_addressfields table thead tr, .planner table thead tr, .planner_confirmation table thead tr, .planner_rightcolumn table thead tr, .inhoud.container table.shopitems thead tr, table.order_buttons thead tr, .inhoud.container .basket_addressfields table thead tr, .inhoud.container table.extra_options thead tr, table.NoneSelectedProduct thead tr, #licenseplate_cars table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    table.productdetails tr, .order_addressfields table tr, .planner table tr, .planner_confirmation table tr, .planner_rightcolumn table tr, .inhoud.container table.shopitems tr, table.order_buttons tr, .inhoud.container .basket_addressfields table tr, .inhoud.container table.extra_options tr, table.NoneSelectedProduct tr, #licenseplate_cars table tr {
      border: 1px solid #ccc; }
    table.productdetails td, .order_addressfields table td, .planner table td, .planner_confirmation table td, .planner_rightcolumn table td, .inhoud.container table.shopitems td, table.order_buttons td, .inhoud.container .basket_addressfields table td, .inhoud.container table.extra_options td, table.NoneSelectedProduct td, #licenseplate_cars table td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
    table.productdetails td:before, .order_addressfields table td:before, .planner table td:before, .planner_confirmation table td:before, .planner_rightcolumn table td:before, .inhoud.container table.shopitems td:before, table.order_buttons td:before, .inhoud.container .basket_addressfields table td:before, .inhoud.container table.extra_options td:before, table.NoneSelectedProduct td:before, #licenseplate_cars table td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap; }

  .planner_confirmation table tr {
    border: 0px; }
    .planner_confirmation table tr:after {
      content: "";
      display: table;
      clear: both; }
    .planner_confirmation table tr td {
      width: 50%;
      float: left;
      padding: 0px;
      border: 0px; }

  table.productdetails {
    min-width: 100%;
    width: 100%;
    padding: 0px;
    border: 0px;
    margin-top: 2%; }
    table.productdetails tr {
      border: 0px; }
      table.productdetails tr:after {
        content: "";
        display: table;
        clear: both; }
      table.productdetails tr td {
        width: 100%;
        float: left;
        padding: 0px;
        border: 0px; }

  .shoplink.backtoproducts {
    width: 100%;
    display: inline-block; }

  div.planner_leftcolumn table td {
    padding: 5px; }
    div.planner_leftcolumn table td:first-of-type {
      padding-left: 0px; }

  div.planner_rightcolumn, .planner table {
    min-width: 100%;
    width: 100%;
    padding: 0px;
    border: 0px;
    margin-top: 2%; }
    div.planner_rightcolumn tr, .planner table tr {
      border: 0px; }
      div.planner_rightcolumn tr:after, .planner table tr:after {
        content: "";
        display: table;
        clear: both; }
      div.planner_rightcolumn tr td, .planner table tr td {
        width: 50%;
        float: left;
        padding: 0px;
        border: 0px; }
      div.planner_rightcolumn tr:last-of-type td:last-of-type, .planner table tr:last-of-type td:last-of-type {
        width: 100%; }
    div.planner_rightcolumn input:not([type="submit"]), .planner table input:not([type="submit"]) {
      margin-left: 0px; }
    div.planner_rightcolumn select.plannerbox, .planner table select.plannerbox {
      margin-left: 0px; }
    div.planner_rightcolumn textarea.plannerarea, .planner table textarea.plannerarea {
      margin-left: 0px; }
    div.planner_rightcolumn input.plannerknop, .planner table input.plannerknop {
      margin-left: 0px; }
    div.planner_rightcolumn p, .planner table p {
      margin-top: 10px;
      text-align: center; }

  div.extraproduct_explain {
    display: none; }

  .prevamount {
    width: 100% !important;
    text-align: center; }

  #foutmelding {
    width: 100%;
    left: 0px !important; }

  .single_product div.bigimage {
    width: 100%;
    text-align: center;
    height: auto; }
  .single_product .specification_container {
    width: 100%; }
  .single_product div.productdetails {
    width: 100%;
    max-width: 100%;
    padding: 0px; }
    .single_product div.productdetails.productdetailsrear {
      margin-left: 0px; }
    .single_product div.productdetails .wide_type {
      margin-top: 10px; }
    .single_product div.productdetails .orderbutton {
      width: 100%; }
      .single_product div.productdetails .orderbutton a {
        display: inline-block;
        width: 100%;
        text-align: center; }
  .single_product .relatedproducts {
    padding: 0px;
    margin-left: 0px;
    width: 100%; }

  .relatedproducts .search_all .product_price .price_set .price {
    padding-top: 0px;
    padding-bottom: 0px; }

  div.products_main {
    min-height: 100px; }

  div.product_content {
    min-height: 100px; }

  .searchtitle {
    display: none; }

  .productsinbasket .container {
    top: 0px; }
    .productsinbasket .container .inbasket {
      width: 100%;
      top: 10%; }
      .productsinbasket .container .inbasket:after {
        display: none; }

  .categorytabs {
    text-align: center; }

  .product_header .searchresult_count {
    display: none; }

  /*    div.product_main .searchresult_count{
          display: inline-block;
          font-size: 1rem;
          margin-top: 46px;
          text-align: center;
          margin-bottom: 10px;
      }*/
  .resultsfound div.product_main .searchresult_count {
    display: none; }

  #licenseplate_cars {
    text-align: center; }
    #licenseplate_cars .redtext {
      width: 100% !important;
      text-align: center; }
    #licenseplate_cars h1 {
      font-size: 18px;
      text-align: center; }
    #licenseplate_cars table tr {
      text-align: center;
      border: 0px;
      margin-bottom: 25px;
      margin-top: 25px; }
      #licenseplate_cars table tr td {
        border: 0px;
        padding: 0px;
        width: initial !important; }

  /*    #webshop_content #carsearchboxes {
          padding-top: 10px;
          padding-left: 0px;
          
          #carsearchboxes{
              .title{
                  width: 100%;
                  text-align: center;
                  border-radius: 5px;
                  background: $primary;
                  cursor: pointer;
                  height: 35px;
                  line-height: 35px;
                  border: 1px solid $primary;
                  transition: all 0.2s ease-in-out;
              }
          }
      }*/
  .product_column_left {
    display: none; }

  .product_content {
    width: 100%; }

  div.product_content {
    width: 100%; }

  .show_filters {
    display: block; }

  .common_filters {
    float: left;
    padding-top: 40px; }

  div.search_submit {
    float: left;
    clear: left; }

  .all_common_filters {
    transition: all 0.3s ease-in-out;
    max-height: 40px;
    overflow: hidden;
    background: transparent;
    padding: 0px;
    margin-bottom: -40px; }
    .all_common_filters .filter_FreeText {
      height: 40px; }
    .all_common_filters.open {
      padding: 0px;
      padding-top: 10px;
      padding-bottom: 10px;
      margin-bottom: 0px;
      max-height: 600px; }
      .all_common_filters.open #FreeText {
        display: initial; }
      .all_common_filters.open .show_filters {
        display: inherit !important; }

  div.productsfound {
    margin-top: 0px; }

  div.productlist_wheel, div.productlist_steel {
    width: calc(50% - 5px); }
    div.productlist_wheel:nth-of-type(4n), div.productlist_steel:nth-of-type(4n) {
      margin-right: 10px; }
    div.productlist_wheel:nth-of-type(2n), div.productlist_steel:nth-of-type(2n) {
      margin-right: 0px; }

  div.licenseplate_cars .lp_content {
    width: 100%;
    left: 0px;
    margin-left: 0px;
    position: absolute;
    height: 100%;
    top: 0px;
    overflow: scroll; }
    div.licenseplate_cars .lp_content a {
      width: 100% !important;
      text-align: center; }

  .navpagelink {
    display: none; }
    .navpagelink:nth-last-of-type(1) {
      display: inline-block; }
    .navpagelink:last-of-type {
      display: inline-block; }

  .pagecount {
    display: inline-block; }

  .show_filters_relatedproducts {
    display: inherit !important; }

  .search_all .product_cell:nth-of-type(1), .relatedproducts_content .product_cell:nth-of-type(1) {
    width: 35%; }
    .search_all .product_cell:nth-of-type(1) img, .relatedproducts_content .product_cell:nth-of-type(1) img {
      max-width: 100%; }
  .search_all .orderbutton, .relatedproducts_content .orderbutton {
    width: 100%; }
    .search_all .orderbutton a, .relatedproducts_content .orderbutton a {
      width: 100%;
      text-align: center; }
  .search_all .vat, .relatedproducts_content .vat {
    float: none;
    display: inline;
    margin-left: 0px; }
  .search_all .product_name, .relatedproducts_content .product_name {
    height: 100%;
    width: 65%;
    margin-left: 35%;
    padding-bottom: 0px; }
    .search_all .product_name.product_name_wide, .relatedproducts_content .product_name.product_name_wide {
      width: 65%; }
      .search_all .product_name.product_name_wide .product_name_left, .relatedproducts_content .product_name.product_name_wide .product_name_left {
        width: 65%; }
      .search_all .product_name.product_name_wide .product_name_right, .relatedproducts_content .product_name.product_name_wide .product_name_right {
        width: 65%;
        text-align: left;
        clear: both;
        margin-top: 15px; }
  .search_all .wideprice, .relatedproducts_content .wideprice {
    width: 100%; }
    .search_all .wideprice .price_set, .relatedproducts_content .wideprice .price_set {
      text-align: center;
      margin-bottom: 10px; }
    .search_all .wideprice .add_basket, .relatedproducts_content .wideprice .add_basket {
      height: auto;
      line-height: 1.3rem;
      padding: 10px; }
  .search_all .product_price, .relatedproducts_content .product_price {
    width: 65%;
    padding: 15px 0px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    margin-left: 35%;
    padding-top: 0px; }
  .search_all .setprice, .relatedproducts_content .setprice {
    width: 100%; }
    .search_all .setprice .add_basket, .relatedproducts_content .setprice .add_basket {
      width: 100%;
      text-align: center; }
  .search_all .stockamount, .relatedproducts_content .stockamount {
    float: left;
    padding: 0px;
    display: none; }
  .search_all .deliveryspeed, .relatedproducts_content .deliveryspeed {
    display: none; }
  .search_all .deliverydate, .relatedproducts_content .deliverydate {
    margin-top: 15px;
    font-size: 13px;
    text-align: center; }

  .inhoud.container a.knop_kassa {
    width: 100%; }
  .inhoud.container .knop_addoptionalproduct span {
    display: none; }
  .inhoud.container .knop_addoptionalproduct:before {
    width: 100%; }
  .inhoud.container .bestelstappen {
    display: none; }
  .inhoud.container table.shopitems tr, .inhoud.container table.shopitems tr.basket {
    margin-top: 10px; }
    .inhoud.container table.shopitems tr td, .inhoud.container table.shopitems tr.basket td {
      height: initial;
      line-height: initial !important;
      border-bottom: 0px;
      padding-bottom: 7px;
      padding-top: 7px; }
      .inhoud.container table.shopitems tr td:first-of-type, .inhoud.container table.shopitems tr.basket td:first-of-type {
        padding: 0px;
        width: 0px; }
      .inhoud.container table.shopitems tr td .car_details, .inhoud.container table.shopitems tr.basket td .car_details {
        margin-bottom: 0px; }
        .inhoud.container table.shopitems tr td .car_details button.knop, .inhoud.container table.shopitems tr.basket td .car_details button.knop {
          width: 100% !important;
          margin: 0px !important;
          max-width: 100%; }
        .inhoud.container table.shopitems tr td .car_details .car_details_title, .inhoud.container table.shopitems tr td .car_details input.customfield, .inhoud.container table.shopitems tr.basket td .car_details .car_details_title, .inhoud.container table.shopitems tr.basket td .car_details input.customfield {
          width: 100%;
          max-width: 100%; }
      .inhoud.container table.shopitems tr td.productimage, .inhoud.container table.shopitems tr.basket td.productimage {
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 5px; }
      .inhoud.container table.shopitems tr td .knop_remove, .inhoud.container table.shopitems tr.basket td .knop_remove {
        display: inline-block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border: 1px solid #ccc; }
      .inhoud.container table.shopitems tr td .basket_form div, .inhoud.container table.shopitems tr.basket td .basket_form div {
        width: 100%; }
        .inhoud.container table.shopitems tr td .basket_form div:after, .inhoud.container table.shopitems tr.basket td .basket_form div:after {
          content: "";
          display: table;
          clear: both; }
  .inhoud.container table.totals {
    margin-top: 10%;
    margin-bottom: 15%;
    font-size: 1.2rem; }
    .inhoud.container table.totals tr td:last-of-type {
      width: 0px; }
  .inhoud.container .sub_title {
    width: 100%;
    text-align: center;
    display: inline-block; }
  .inhoud.container table.order_buttons {
    margin-bottom: 10%; }
    .inhoud.container table.order_buttons:before {
      top: -50px; }
    .inhoud.container table.order_buttons td, .inhoud.container table.order_buttons td.klantofferte {
      padding: 0px;
      padding-left: 15px;
      padding-right: 15px;
      border: 0px;
      text-align: left !important;
      padding-top: 10px; }
      .inhoud.container table.order_buttons td table td, .inhoud.container table.order_buttons td.klantofferte table td {
        padding: 0px; }
      .inhoud.container table.order_buttons td h2, .inhoud.container table.order_buttons td.klantofferte h2 {
        margin-top: 10%;
        margin-left: 0px !important; }
      .inhoud.container table.order_buttons td form table, .inhoud.container table.order_buttons td.klantofferte form table {
        width: 100%; }
        .inhoud.container table.order_buttons td form table table, .inhoud.container table.order_buttons td.klantofferte form table table {
          width: 100%; }
    .inhoud.container table.order_buttons tr {
      border: 0px; }
  .inhoud.container table.extra_options tr {
    border: 0px; }
    .inhoud.container table.extra_options tr td {
      padding: 0px;
      border: 0px; }
      .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(1) {
        width: 30%;
        float: left; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(1) td {
          height: 50px;
          line-height: 50px; }
      .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) {
        width: 70%;
        float: left;
        background: transparent; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) td {
          background: transparent;
          padding-top: 5px;
          padding-bottom: 5px; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) input {
          width: 100% !important; }
      .inhoud.container table.extra_options tr td table.extra_option .knop_addoptionalproduct:before {
        width: initial; }
  .inhoud.container div.addressform {
    padding-top: 0px; }
  .inhoud.container .basket_addressfields table, .inhoud.container .order_addressfields table {
    margin-left: 0px !important; }
    .inhoud.container .basket_addressfields table .feedback img, .inhoud.container .order_addressfields table .feedback img {
      display: none; }
    .inhoud.container .basket_addressfields table .knop_winkelen, .inhoud.container .order_addressfields table .knop_winkelen {
      margin-bottom: 10px; }
    .inhoud.container .basket_addressfields table tr, .inhoud.container .order_addressfields table tr {
      border: 0px; }
      .inhoud.container .basket_addressfields table tr.gender:after, .inhoud.container .order_addressfields table tr.gender:after {
        content: "";
        display: table;
        clear: both; }
      .inhoud.container .basket_addressfields table tr td, .inhoud.container .order_addressfields table tr td {
        border: 0px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100% !important;
        clear: left; }
        .inhoud.container .basket_addressfields table tr td.gender_male, .inhoud.container .basket_addressfields table tr td.gender_female, .inhoud.container .order_addressfields table tr td.gender_male, .inhoud.container .order_addressfields table tr td.gender_female {
          float: left;
          width: 50% !important;
          text-align: left;
          line-height: 30px; }
          .inhoud.container .basket_addressfields table tr td.gender_male [type=checkbox] + label, .inhoud.container .basket_addressfields table tr td.gender_male [type=radio] + label, .inhoud.container .basket_addressfields table tr td.gender_female [type=checkbox] + label, .inhoud.container .basket_addressfields table tr td.gender_female [type=radio] + label, .inhoud.container .order_addressfields table tr td.gender_male [type=checkbox] + label, .inhoud.container .order_addressfields table tr td.gender_male [type=radio] + label, .inhoud.container .order_addressfields table tr td.gender_female [type=checkbox] + label, .inhoud.container .order_addressfields table tr td.gender_female [type=radio] + label {
            float: left;
            margin-right: 0px;
            padding-right: 0px; }
            .inhoud.container .basket_addressfields table tr td.gender_male [type=checkbox] + label:before, .inhoud.container .basket_addressfields table tr td.gender_male [type=radio] + label:before, .inhoud.container .basket_addressfields table tr td.gender_female [type=checkbox] + label:before, .inhoud.container .basket_addressfields table tr td.gender_female [type=radio] + label:before, .inhoud.container .order_addressfields table tr td.gender_male [type=checkbox] + label:before, .inhoud.container .order_addressfields table tr td.gender_male [type=radio] + label:before, .inhoud.container .order_addressfields table tr td.gender_female [type=checkbox] + label:before, .inhoud.container .order_addressfields table tr td.gender_female [type=radio] + label:before {
              float: left; }
          .inhoud.container .basket_addressfields table tr td.gender_male img, .inhoud.container .basket_addressfields table tr td.gender_female img, .inhoud.container .order_addressfields table tr td.gender_male img, .inhoud.container .order_addressfields table tr td.gender_female img {
            display: none; }
        .inhoud.container .basket_addressfields table tr td input, .inhoud.container .order_addressfields table tr td input {
          width: 100% !important; }
        .inhoud.container .basket_addressfields table tr td h3, .inhoud.container .order_addressfields table tr td h3 {
          font-size: 14px; }
        .inhoud.container .basket_addressfields table tr td .knop_kassa, .inhoud.container .order_addressfields table tr td .knop_kassa {
          float: none !important;
          width: 100%; }
        .inhoud.container .basket_addressfields table tr td table td, .inhoud.container .order_addressfields table tr td table td {
          padding: 0px; }
  .inhoud.container h2 {
    margin-left: 15px !important; }
  .inhoud.container .knop_offerte, .inhoud.container .knop_opnieuw, .inhoud.container .knop_winkelen {
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px; }

  #NoneSelectedProducts {
    width: 100%;
    left: 0px;
    margin-left: 0px; }
    #NoneSelectedProducts table tr {
      margin-top: 15px; }
    #NoneSelectedProducts table td {
      padding-left: 0px;
      border: 0px; }
      #NoneSelectedProducts table td.NoneSelectedProduct div {
        text-align: center; }
      #NoneSelectedProducts table td form {
        text-align: center; }
        #NoneSelectedProducts table td form input.NoneSelectedProduct {
          max-width: 100%;
          white-space: normal;
          height: auto;
          line-height: 1.5rem;
          padding: 1rem 0.4rem;
          width: calc(100% - 30px); }
    #NoneSelectedProducts a {
      width: 100% !important;
      margin-top: 15px;
      text-align: center; }

  .search_all .product.has_product_wide .product_cell {
    width: 100%;
    float: left;
    margin: 0px; }
    .search_all .product.has_product_wide .product_cell:nth-of-type(1) {
      height: 150px;
      position: relative; }
      .search_all .product.has_product_wide .product_cell:nth-of-type(1) a {
        display: inherit;
        top: 0px;
        margin-top: 10px;
        position: relative;
        left: inherit;
        margin-left: inherit; }
  .search_all .product.product_rear .product_cell {
    width: 100%;
    float: left;
    margin: 0px; }
    .search_all .product.product_rear .product_cell:nth-of-type(1) {
      display: none; } }
@media screen and (max-width: 450px) {
  /* Responsive fix */
  .inhoud.container table.optional_extra {
    display: block;
    /* Hide table headers (but not display: none;, for accessibility) */ }
    .inhoud.container table.optional_extra .shopitems_header {
      display: none; }
    .inhoud.container table.optional_extra thead, .inhoud.container table.optional_extra tbody, .inhoud.container table.optional_extra th, .inhoud.container table.optional_extra td, .inhoud.container table.optional_extra tr {
      display: block; }
    .inhoud.container table.optional_extra thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .inhoud.container table.optional_extra tr {
      border: 1px solid #ccc; }
    .inhoud.container table.optional_extra td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
    .inhoud.container table.optional_extra td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap; }

  .inhoud.container table.optional_extra tr {
    border: 0px; }
    .inhoud.container table.optional_extra tr:nth-of-type(1) {
      display: none; }
    .inhoud.container table.optional_extra tr:last-of-type {
      display: none; }
    .inhoud.container table.optional_extra tr td {
      text-align: center;
      border: 0px; }
  .inhoud.container table.optional_extra .knop_addoptionalproduct span {
    display: inline-block; }
  .inhoud.container table.optional_extra .knop_addoptionalproduct:before {
    width: auto; }

  div.single_product_container div.single_product_data {
    display: felx;
    flex-direction: column;
    padding: 10px; }
    div.single_product_container div.single_product_data div.product_data.product_images {
      width: 100% !important;
      max-width: 100% !important; }
    div.single_product_container div.single_product_data div.product_textblocks {
      width: 100%;
      max-width: 100%; }
      div.single_product_container div.single_product_data div.product_textblocks div.product_extradescriptions {
        width: 100%;
        display: flex;
        flex-direction: column; }
        div.single_product_container div.single_product_data div.product_textblocks div.product_extradescriptions div {
          margin-top: 20px; }
    div.single_product_container div.single_product_data div.product_price_order {
      width: 100%;
      max-width: 100%;
      min-height: 200px; }
      div.single_product_container div.single_product_data div.product_price_order div {
        position: relative;
        top: auto;
        bottom: auto;
        right: auto;
        left: auto; }
        div.single_product_container div.single_product_data div.product_price_order div div.stockamount {
          top: 60px; } }
@media screen and (max-width: 530px) {
  .filter_buttons {
    margin-top: 0px; }
    .filter_buttons > div {
      margin-right: 0px; }

  .simplelist .product .product_cell {
    width: 100%; }

  .planner_steps .planner_stepcurrent, .planner_steps .planner_step, .planner_steps .planner_stepchecked {
    width: 100%; }
  .planner_steps .planner_stepchecked, .planner_steps .planner_step {
    display: none; }

  div.planner_adjust2, div.planner_adjust3 {
    width: 100%;
    margin-top: 0px; }
    div.planner_adjust2 a, div.planner_adjust3 a {
      width: 100%;
      text-align: center; }

  input.plannerknop {
    margin-left: 0px;
    width: 100%; }

  div.planner_rightcolumn, .planner table {
    margin-top: 5%; }
    div.planner_rightcolumn tr, .planner table tr {
      margin-bottom: 10px;
      border: 0px; }
      div.planner_rightcolumn tr td, .planner table tr td {
        width: 100%; }

  .planner_confirmation table tr td {
    width: 100%;
    margin-bottom: 3px;
    margin-top: 3px; }

  .overview_products td {
    padding: 5px; }

  .categorytabs a.producttab, .categorytabs a.producttabs {
    padding: 7px 15px;
    font-size: 12px;
    margin: 0px 0px 0px 1px; }

  .search_all .setprice .add_basket {
    font-size: 13px; }

  .all_common_filters select {
    width: 100%; }
  .all_common_filters .sort_option {
    width: 100%; }
  .all_common_filters .common_filter {
    width: 100%; }
    .all_common_filters .common_filter.filter_FreeSize {
      width: 100%; }
  .all_common_filters input.filter_text {
    width: 100%; }
  .all_common_filters .filter_stock, .all_common_filters .filter_FreeText, .all_common_filters .sort_option, .all_common_filters .filter_EAN, .all_common_filters .filter_status, .all_common_filters .filter_MinLoadIndex, .all_common_filters .filter_Steek, .all_common_filters .filter_Steekcirkel, .all_common_filters .filter_ET, .all_common_filters .filter_Boring {
    width: 100%;
    max-width: 100% !important; }
  .all_common_filters input.carsearch_submit, .all_common_filters input.search_submit {
    min-width: initial; }

  div.productlist_wheel, div.productlist_steel {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    height: auto; } }
@media screen and (max-width: 767px) {
  .stockinfo .stocktable {
    width: 100%;
    margin: 0px;
    left: 0px;
    height: 100%; }
    .stockinfo .stocktable table tr td:nth-of-type(4) ~ td {
      display: none; }
  .stockinfo .stockinfo_close {
    top: initial;
    bottom: 0px;
    margin: 0px;
    width: 100%;
    right: 0px;
    text-align: center;
    background: #333;
    color: #fff; }

  #showProductsForWheel .showProductsForWheel {
    width: 100%;
    left: 0px;
    margin: 0px;
    height: 100%;
    overflow: auto; }
  #showProductsForWheel > p a {
    top: initial;
    bottom: 0px;
    margin: 0px;
    width: 100%;
    right: 0px;
    text-align: center;
    background: #333;
    color: #fff; }

  .filter_info_container .filter_info {
    flex-flow: wrap; }
    .filter_info_container .filter_info .column {
      width: 100%;
      margin-top: 10px; }

  .filter_info_container.open {
    max-height: 1000px; }

  table.overview_products {
    font-size: 0.8rem; }
    table.overview_products td {
      padding: 5px; }

  .order_buttons a.knop_kassa {
    float: none; }

  .inhoud_orderpage form#orderform {
    margin-top: 20px; }
    .inhoud_orderpage form#orderform table {
      width: 100% !important;
      min-width: inherit !important;
      float: left !important; }
      .inhoud_orderpage form#orderform table td {
        min-width: inherit !important;
        width: 100% !important;
        display: block; }
      .inhoud_orderpage form#orderform table .tenderdone_container {
        width: 100%; }
        .inhoud_orderpage form#orderform table .tenderdone_container .knop_offerte {
          width: 100%; }
      .inhoud_orderpage form#orderform table .knop_winkelen {
        margin-bottom: 15px; }

  .all_common_filters {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px; }
    .all_common_filters.open {
      padding-left: 0px;
      padding-right: 0px; }
    .all_common_filters .sort_options_title {
      flex-grow: 0; }
    .all_common_filters div.sort_option {
      flex-grow: 1;
      max-width: none; }

  .products_menu_large li {
    width: 100% !important;
    margin-right: 0px !important; }

  .products_menu_large > ul.active-subcategory > li li li {
    margin-right: 0px !important; }

  div.basketblock.floating:hover #basketinfo_allproducts {
    bottom: -20px;
    right: -20px;
    max-width: 100vw;
    display: none; }

  .filters.column-top .form-fieldcontainer {
    width: 100%; }
    .filters.column-top .form-fieldcontainer.quicksearch_container div.quicksearch {
      width: 100%;
      margin-bottom: 0px; }
    .filters.column-top .form-fieldcontainer.quicksearch_container .quicksearchbutton {
      width: 100%; }
    .filters.column-top .form-fieldcontainer.columns-6 .type-title div, .filters.column-top .form-fieldcontainer.columns-12 .type-title div, .filters.column-top .form-fieldcontainer.columns-24 .type-title div {
      font-size: 1rem;
      height: auto;
      line-height: inherit; }
    .filters.column-top .form-fieldcontainer .input-container {
      width: 100%; }
    .filters.column-top .form-fieldcontainer.columns-6, .filters.column-top .form-fieldcontainer.columns-4 {
      width: 100%; }
      .filters.column-top .form-fieldcontainer.columns-6 .input-container, .filters.column-top .form-fieldcontainer.columns-4 .input-container {
        width: 100%; }
    .filters.column-top .form-fieldcontainer.columns-12 {
      width: 100%; }
      .filters.column-top .form-fieldcontainer.columns-12 .input-container {
        width: 100%; }
    .filters.column-top .form-fieldcontainer.columns-24 {
      width: 100%; }
      .filters.column-top .form-fieldcontainer.columns-24 .input-container {
        width: 100%; }

  .filters .form-fieldcontainer .input-container, .filters .form-fieldcontainer .select-container, .filters .form-fieldcontainer div.start_new {
    width: 100%; }

  .filters .form-fieldcontainer .input-container, .filters .form-fieldcontainer .select-container {
    width: 100%; }

  .search_button {
    display: inline-block !important; }

  .hideonmobile {
    display: none; }

  .poweredbywcc {
    width: 100%;
    padding: 20px; }

  img {
    max-width: 100% !important; }

  .filters .form-fieldcontainer {
    width: 100%; }
    .filters .form-fieldcontainer.columns-4 {
      width: 33.33%; }
    .filters .form-fieldcontainer.columns-6 {
      width: 100%; }

  body #webshop_content div.product_header #carsearchboxes #qweon_carsearch {
    flex-direction: column; }
    body #webshop_content div.product_header #carsearchboxes #qweon_carsearch .carsearch_block {
      margin-right: 0px;
      margin-bottom: 2%; }

  .categorytabs a.producttab, .categorytabs a.producttabs {
    font-size: 11px;
    padding: 7px;
    background: #ebebeb;
    margin-bottom: 3px; }
    .categorytabs a.producttab:before, .categorytabs a.producttabs:before {
      display: none; }

  .product .storage_info {
    width: 100%; } }
@media screen and (max-width: 1190px) {
  div.single_product_container div.single_product_data div.product_images {
    max-width: 300px; }
  div.single_product_container div.single_product_data div.product_textblocks div.product_extradescriptions {
    width: 100%;
    display: flex;
    flex-direction: column; }
    div.single_product_container div.single_product_data div.product_textblocks div.product_extradescriptions div {
      margin-top: 20px; }

  .breadcrumb a {
    width: 100%;
    border-radius: 0px;
    background: #242424;
    color: #fff;
    display: inline-block;
    text-align: center; }
    .breadcrumb a:hover {
      color: #fff !important; }
      .breadcrumb a:hover:before {
        color: #fff; }

  .filter_FreeText {
    width: auto;
    overflow: hidden; }

  .start_new a, .search_submit input {
    min-width: initial; }

  .common_filter:last-of-type {
    margin-right: 0px; }

  div.catfilter_smallcheckbox {
    width: 50%; }

  #webshop_content.productpage .product_single .relatedproducts .relatedproducts_column_left {
    margin-top: 68px; }

  div.simplelist div.orderbutton {
    right: 30px; }

  div.products_putinbasket {
    width: 95%;
    padding: 5px; } }
@media screen and (max-width: 1024px) {
  div.extra_product .extra_option_title {
    width: 100%; }
  div.extra_product .select {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px; }
  div.extra_product .otp_ordernumber {
    width: 100% !important;
    margin-right: 0px;
    margin-bottom: 10px; }
  div.extra_product .knop_addoptionalproduct {
    width: 100%;
    max-width: 100%; }
    div.extra_product .knop_addoptionalproduct:before {
      width: auto !important; }

  .login_page main .inhoud {
    padding: 10px;
    margin-top: 10px; }

  nav #menu1 .menu > li.mobile_only, .mobile_only {
    display: inherit; }

  .productdetails .orderbutton a.add_relatedproduct {
    margin-left: 0px !important;
    margin-top: 15px; }

  div.planner_leftcolumn {
    width: 100%; }

  div.planner_adjust2, div.planner_adjust3 {
    margin-top: 15px; }

  .tpl_page_columns .header img, .tpl_page_columns .tpl_page .header img {
    height: 100%;
    width: auto; }
  .tpl_page_columns div.product_header #carsearchboxes {
    padding-top: 10px; }

  main > .container .container_left {
    width: 100%;
    padding-right: 0px;
    padding-bottom: 5%; }
  main > .container .container_right {
    width: 100%; }

  /* Responsive fix */
  table.productdetails, .order_addressfields table, .planner table, .planner_confirmation table, .planner_rightcolumn table, .inhoud.container table.shopitems, table.order_buttons, .inhoud.container .basket_addressfields table, .inhoud.container table.extra_options, table.NoneSelectedProduct, #licenseplate_cars table {
    display: block;
    /* Hide table headers (but not display: none;, for accessibility) */ }
    table.productdetails .shopitems_header, .order_addressfields table .shopitems_header, .planner table .shopitems_header, .planner_confirmation table .shopitems_header, .planner_rightcolumn table .shopitems_header, .inhoud.container table.shopitems .shopitems_header, table.order_buttons .shopitems_header, .inhoud.container .basket_addressfields table .shopitems_header, .inhoud.container table.extra_options .shopitems_header, table.NoneSelectedProduct .shopitems_header, #licenseplate_cars table .shopitems_header {
      display: none; }
    table.productdetails thead, table.productdetails tbody, table.productdetails th, table.productdetails td, table.productdetails tr, .order_addressfields table thead, .order_addressfields table tbody, .order_addressfields table th, .order_addressfields table td, .order_addressfields table tr, .planner table thead, .planner table tbody, .planner table th, .planner table td, .planner table tr, .planner_confirmation table thead, .planner_confirmation table tbody, .planner_confirmation table th, .planner_confirmation table td, .planner_confirmation table tr, .planner_rightcolumn table thead, .planner_rightcolumn table tbody, .planner_rightcolumn table th, .planner_rightcolumn table td, .planner_rightcolumn table tr, .inhoud.container table.shopitems thead, .inhoud.container table.shopitems tbody, .inhoud.container table.shopitems th, .inhoud.container table.shopitems td, .inhoud.container table.shopitems tr, table.order_buttons thead, table.order_buttons tbody, table.order_buttons th, table.order_buttons td, table.order_buttons tr, .inhoud.container .basket_addressfields table thead, .inhoud.container .basket_addressfields table tbody, .inhoud.container .basket_addressfields table th, .inhoud.container .basket_addressfields table td, .inhoud.container .basket_addressfields table tr, .inhoud.container table.extra_options thead, .inhoud.container table.extra_options tbody, .inhoud.container table.extra_options th, .inhoud.container table.extra_options td, .inhoud.container table.extra_options tr, table.NoneSelectedProduct thead, table.NoneSelectedProduct tbody, table.NoneSelectedProduct th, table.NoneSelectedProduct td, table.NoneSelectedProduct tr, #licenseplate_cars table thead, #licenseplate_cars table tbody, #licenseplate_cars table th, #licenseplate_cars table td, #licenseplate_cars table tr {
      display: block; }
    table.productdetails thead tr, .order_addressfields table thead tr, .planner table thead tr, .planner_confirmation table thead tr, .planner_rightcolumn table thead tr, .inhoud.container table.shopitems thead tr, table.order_buttons thead tr, .inhoud.container .basket_addressfields table thead tr, .inhoud.container table.extra_options thead tr, table.NoneSelectedProduct thead tr, #licenseplate_cars table thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    table.productdetails tr, .order_addressfields table tr, .planner table tr, .planner_confirmation table tr, .planner_rightcolumn table tr, .inhoud.container table.shopitems tr, table.order_buttons tr, .inhoud.container .basket_addressfields table tr, .inhoud.container table.extra_options tr, table.NoneSelectedProduct tr, #licenseplate_cars table tr {
      border: 1px solid #ccc; }
    table.productdetails td, .order_addressfields table td, .planner table td, .planner_confirmation table td, .planner_rightcolumn table td, .inhoud.container table.shopitems td, table.order_buttons td, .inhoud.container .basket_addressfields table td, .inhoud.container table.extra_options td, table.NoneSelectedProduct td, #licenseplate_cars table td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
    table.productdetails td:before, .order_addressfields table td:before, .planner table td:before, .planner_confirmation table td:before, .planner_rightcolumn table td:before, .inhoud.container table.shopitems td:before, table.order_buttons td:before, .inhoud.container .basket_addressfields table td:before, .inhoud.container table.extra_options td:before, table.NoneSelectedProduct td:before, #licenseplate_cars table td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap; }

  .planner_confirmation table tr {
    border: 0px; }
    .planner_confirmation table tr:after {
      content: "";
      display: table;
      clear: both; }
    .planner_confirmation table tr td {
      width: 50%;
      float: left;
      padding: 0px;
      border: 0px; }

  table.productdetails {
    min-width: 100%;
    width: 100%;
    padding: 0px;
    border: 0px;
    margin-top: 2%; }
    table.productdetails tr {
      border: 0px; }
      table.productdetails tr:after {
        content: "";
        display: table;
        clear: both; }
      table.productdetails tr td {
        width: 100%;
        float: left;
        padding: 0px;
        border: 0px; }

  .shoplink.backtoproducts {
    width: 100%;
    display: inline-block; }

  div.planner_leftcolumn table td {
    padding: 5px; }
    div.planner_leftcolumn table td:first-of-type {
      padding-left: 0px; }

  div.planner_rightcolumn, .planner table {
    min-width: 100%;
    width: 100%;
    padding: 0px;
    border: 0px;
    margin-top: 2%; }
    div.planner_rightcolumn tr, .planner table tr {
      border: 0px; }
      div.planner_rightcolumn tr:after, .planner table tr:after {
        content: "";
        display: table;
        clear: both; }
      div.planner_rightcolumn tr td, .planner table tr td {
        width: 50%;
        float: left;
        padding: 0px;
        border: 0px; }
      div.planner_rightcolumn tr:last-of-type td:last-of-type, .planner table tr:last-of-type td:last-of-type {
        width: 100%; }
    div.planner_rightcolumn input:not([type="submit"]), .planner table input:not([type="submit"]) {
      margin-left: 0px; }
    div.planner_rightcolumn select.plannerbox, .planner table select.plannerbox {
      margin-left: 0px; }
    div.planner_rightcolumn textarea.plannerarea, .planner table textarea.plannerarea {
      margin-left: 0px; }
    div.planner_rightcolumn input.plannerknop, .planner table input.plannerknop {
      margin-left: 0px; }
    div.planner_rightcolumn p, .planner table p {
      margin-top: 10px;
      text-align: center; }

  div.extraproduct_explain {
    display: none; }

  .prevamount {
    width: 100% !important;
    text-align: center; }

  #foutmelding {
    width: 100%;
    left: 0px !important; }

  .single_product div.bigimage {
    width: 100%;
    text-align: center;
    height: auto; }
  .single_product div.productdetails {
    width: 100%;
    padding: 0px; }
    .single_product div.productdetails.productdetailsrear {
      margin-left: 0px; }
    .single_product div.productdetails .wide_type {
      margin-top: 10px; }
    .single_product div.productdetails .orderbutton {
      width: 100%; }
      .single_product div.productdetails .orderbutton a {
        display: inline-block;
        width: 100%;
        text-align: center; }
  .single_product .relatedproducts {
    padding: 0px;
    margin-left: 0px;
    width: 100%; }

  .relatedproducts .search_tyres .product_price .price_set .price {
    padding-top: 0px;
    padding-bottom: 0px; }

  /*    .carsearch_box, #qweon_carsearch, .wheeltypesearch_box{
          display: none !important;
      }*/
  #webshop_content.searchresults .carsearch_box, #webshop_content.searchresults #qweon_carsearch, #webshop_content.searchresults .wheeltypesearch_box {
    display: block !important; }

  .search_button {
    display: inline-block !important; }

  div.products_main {
    min-height: 100px; }

  div.product_content {
    min-height: 100px; }

  .searchtitle {
    display: none; }

  .productsinbasket .container {
    top: 0px; }
    .productsinbasket .container .inbasket {
      width: 100%;
      top: 10%; }
      .productsinbasket .container .inbasket:after {
        display: none; }

  .categorytabs {
    text-align: center; }

  .product_header .searchresult_count {
    display: none; }

  div.product_main .searchresult_count {
    display: inline-block;
    font-size: 1rem;
    margin-top: 46px;
    text-align: center;
    margin-bottom: 10px; }

  .resultsfound div.product_main .searchresult_count {
    display: none; }

  #licenseplate_cars {
    text-align: center; }
    #licenseplate_cars .redtext {
      width: 100% !important;
      text-align: center; }
    #licenseplate_cars h1 {
      font-size: 18px;
      text-align: center; }
    #licenseplate_cars table tr {
      text-align: center;
      border: 0px;
      margin-bottom: 25px;
      margin-top: 25px; }
      #licenseplate_cars table tr td {
        border: 0px;
        padding: 0px;
        width: initial !important; }

  /*    #webshop_content #carsearchboxes {
          padding-top: 10px;
          padding-left: 0px;
          
          #carsearchboxes{
              .title{
                  width: 100%;
                  text-align: center;
                  border-radius: 5px;
                  background: $primary;
                  cursor: pointer;
                  height: 35px;
                  line-height: 35px;
                  border: 1px solid $primary;
                  transition: all 0.2s ease-in-out;
              }
          }
      }*/
  .product_column_left {
    display: none; }

  .product_content {
    width: 100%; }

  div.product_content {
    width: 100%; }

  .show_filters {
    display: block; }

  .common_filters {
    float: left;
    padding-top: 40px; }

  div.search_submit {
    float: left;
    clear: left; }

  .all_common_filters {
    transition: all 0.3s ease-in-out;
    max-height: 40px;
    overflow: hidden;
    background: transparent;
    padding: 0px;
    margin-bottom: -40px; }
    .all_common_filters .filter_FreeText {
      height: 40px; }
    .all_common_filters.open {
      background: #f9f9f9;
      padding: 10px;
      margin-bottom: 10px;
      max-height: 600px; }
      .all_common_filters.open #FreeText {
        display: initial; }
      .all_common_filters.open .show_filters {
        display: inherit !important; }

  div.productsfound {
    margin-top: 0px; }

  div.productlist_wheel, div.productlist_steel {
    width: calc(50% - 5px); }
    div.productlist_wheel:nth-of-type(4n), div.productlist_steel:nth-of-type(4n) {
      margin-right: 10px; }
    div.productlist_wheel:nth-of-type(2n), div.productlist_steel:nth-of-type(2n) {
      margin-right: 0px; }

  div.licenseplate_cars .lp_content {
    width: 100%;
    left: 0px;
    margin-left: 0px;
    position: absolute;
    height: 100%;
    top: 0px;
    overflow: scroll; }
    div.licenseplate_cars .lp_content a {
      width: 100% !important;
      text-align: center; }

  .navpagelink {
    display: none; }
    .navpagelink:nth-last-of-type(1) {
      display: inline-block; }
    .navpagelink:last-of-type {
      display: inline-block; }

  .pagecount {
    display: inline-block; }

  .search_tyres .product_cell:nth-of-type(1) {
    width: 35%; }
    .search_tyres .product_cell:nth-of-type(1) img {
      max-width: 100%; }
  .search_tyres .product_name {
    height: 100%;
    width: 65%;
    margin-left: 35%; }
    .search_tyres .product_name.product_name_wide {
      width: 65%; }
      .search_tyres .product_name.product_name_wide .product_name_left {
        width: 65%; }
      .search_tyres .product_name.product_name_wide .product_name_right {
        width: 65%;
        text-align: left;
        clear: both;
        margin-top: 15px; }
  .search_tyres .wideprice {
    width: 100%; }
    .search_tyres .wideprice .price_set {
      text-align: center;
      margin-bottom: 10px; }
    .search_tyres .wideprice .add_basket {
      height: auto;
      line-height: 1.3rem;
      padding: 10px; }
  .search_tyres .product_price {
    width: 65%;
    padding: 15px 0px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    margin-left: 35%;
    padding-top: 0px; }
  .search_tyres .setprice {
    width: 100%; }
    .search_tyres .setprice .add_basket {
      width: 100%;
      text-align: center; }
  .search_tyres .stockamount {
    float: left;
    padding: 0px;
    display: none; }
  .search_tyres .deliveryspeed {
    display: none; }
  .search_tyres .deliverydate {
    margin-top: 15px;
    font-size: 13px;
    text-align: center; }

  .showCars {
    display: none; }

  .inhoud.container a.knop_kassa {
    width: 100%;
    float: none; }
  .inhoud.container .knop_addoptionalproduct span {
    display: none; }
  .inhoud.container .knop_addoptionalproduct:before {
    width: 100%; }
  .inhoud.container .bestelstappen {
    display: none; }
  .inhoud.container table.shopitems tr, .inhoud.container table.shopitems tr.basket {
    margin-top: 10px; }
    .inhoud.container table.shopitems tr td, .inhoud.container table.shopitems tr.basket td {
      height: initial;
      line-height: initial !important;
      border-bottom: 0px;
      padding-bottom: 7px;
      padding-top: 7px; }
      .inhoud.container table.shopitems tr td:first-of-type, .inhoud.container table.shopitems tr.basket td:first-of-type {
        padding: 0px;
        width: 0px; }
      .inhoud.container table.shopitems tr td .car_details, .inhoud.container table.shopitems tr.basket td .car_details {
        margin-bottom: 0px; }
        .inhoud.container table.shopitems tr td .car_details button.knop, .inhoud.container table.shopitems tr.basket td .car_details button.knop {
          width: 100% !important;
          margin: 0px !important;
          max-width: 100%; }
        .inhoud.container table.shopitems tr td .car_details .car_details_title, .inhoud.container table.shopitems tr td .car_details input.customfield, .inhoud.container table.shopitems tr.basket td .car_details .car_details_title, .inhoud.container table.shopitems tr.basket td .car_details input.customfield {
          width: 100%;
          max-width: 100%; }
      .inhoud.container table.shopitems tr td.productimage, .inhoud.container table.shopitems tr.basket td.productimage {
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 5px; }
      .inhoud.container table.shopitems tr td .knop_remove, .inhoud.container table.shopitems tr.basket td .knop_remove {
        display: inline-block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border: 1px solid #ccc; }
      .inhoud.container table.shopitems tr td .basket_form div, .inhoud.container table.shopitems tr.basket td .basket_form div {
        width: 100%; }
        .inhoud.container table.shopitems tr td .basket_form div:after, .inhoud.container table.shopitems tr.basket td .basket_form div:after {
          content: "";
          display: table;
          clear: both; }
  .inhoud.container table.totals {
    margin-top: 10%;
    margin-bottom: 15%;
    font-size: 1.2rem; }
    .inhoud.container table.totals tr td:last-of-type {
      width: 0px; }
  .inhoud.container .sub_title {
    width: 100%;
    text-align: center;
    display: inline-block; }
  .inhoud.container table.order_buttons {
    margin-bottom: 10%; }
    .inhoud.container table.order_buttons:before {
      top: -50px; }
    .inhoud.container table.order_buttons td, .inhoud.container table.order_buttons td.klantofferte {
      padding: 0px;
      padding-left: 15px;
      padding-right: 15px;
      border: 0px;
      text-align: left !important;
      padding-top: 10px; }
      .inhoud.container table.order_buttons td table td, .inhoud.container table.order_buttons td.klantofferte table td {
        padding: 0px; }
      .inhoud.container table.order_buttons td h2, .inhoud.container table.order_buttons td.klantofferte h2 {
        margin-top: 10%;
        margin-left: 0px !important; }
      .inhoud.container table.order_buttons td form table, .inhoud.container table.order_buttons td.klantofferte form table {
        width: 100%; }
        .inhoud.container table.order_buttons td form table table, .inhoud.container table.order_buttons td.klantofferte form table table {
          width: 100%; }
    .inhoud.container table.order_buttons tr {
      border: 0px; }
  .inhoud.container table.extra_options tr {
    border: 0px; }
    .inhoud.container table.extra_options tr td {
      padding: 0px;
      border: 0px; }
      .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(1) {
        width: 30%;
        float: left; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(1) td {
          height: 50px;
          line-height: 50px; }
      .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) {
        width: 70%;
        float: left;
        background: transparent; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) td {
          background: transparent;
          padding-top: 5px;
          padding-bottom: 5px; }
        .inhoud.container table.extra_options tr td table.extra_option tr.basket:nth-of-type(2) input {
          width: 100% !important; }
      .inhoud.container table.extra_options tr td table.extra_option .knop_addoptionalproduct:before {
        width: initial; }
  .inhoud.container div.addressform {
    padding-top: 0px; }
  .inhoud.container .basket_addressfields table, .inhoud.container .order_addressfields table {
    margin-left: 0px !important; }
    .inhoud.container .basket_addressfields table .feedback img, .inhoud.container .order_addressfields table .feedback img {
      display: none; }
    .inhoud.container .basket_addressfields table .knop_winkelen, .inhoud.container .order_addressfields table .knop_winkelen {
      margin-bottom: 10px; }
    .inhoud.container .basket_addressfields table tr, .inhoud.container .order_addressfields table tr {
      border: 0px; }
      .inhoud.container .basket_addressfields table tr.gender:after, .inhoud.container .order_addressfields table tr.gender:after {
        content: "";
        display: table;
        clear: both; }
      .inhoud.container .basket_addressfields table tr td, .inhoud.container .order_addressfields table tr td {
        border: 0px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100% !important;
        clear: left; }
        .inhoud.container .basket_addressfields table tr td.gender_male, .inhoud.container .basket_addressfields table tr td.gender_female, .inhoud.container .order_addressfields table tr td.gender_male, .inhoud.container .order_addressfields table tr td.gender_female {
          float: left;
          width: 50% !important;
          text-align: left;
          line-height: 30px; }
          .inhoud.container .basket_addressfields table tr td.gender_male [type=checkbox] + label, .inhoud.container .basket_addressfields table tr td.gender_male [type=radio] + label, .inhoud.container .basket_addressfields table tr td.gender_female [type=checkbox] + label, .inhoud.container .basket_addressfields table tr td.gender_female [type=radio] + label, .inhoud.container .order_addressfields table tr td.gender_male [type=checkbox] + label, .inhoud.container .order_addressfields table tr td.gender_male [type=radio] + label, .inhoud.container .order_addressfields table tr td.gender_female [type=checkbox] + label, .inhoud.container .order_addressfields table tr td.gender_female [type=radio] + label {
            float: left;
            margin-right: 0px;
            padding-right: 0px; }
            .inhoud.container .basket_addressfields table tr td.gender_male [type=checkbox] + label:before, .inhoud.container .basket_addressfields table tr td.gender_male [type=radio] + label:before, .inhoud.container .basket_addressfields table tr td.gender_female [type=checkbox] + label:before, .inhoud.container .basket_addressfields table tr td.gender_female [type=radio] + label:before, .inhoud.container .order_addressfields table tr td.gender_male [type=checkbox] + label:before, .inhoud.container .order_addressfields table tr td.gender_male [type=radio] + label:before, .inhoud.container .order_addressfields table tr td.gender_female [type=checkbox] + label:before, .inhoud.container .order_addressfields table tr td.gender_female [type=radio] + label:before {
              float: left; }
          .inhoud.container .basket_addressfields table tr td.gender_male img, .inhoud.container .basket_addressfields table tr td.gender_female img, .inhoud.container .order_addressfields table tr td.gender_male img, .inhoud.container .order_addressfields table tr td.gender_female img {
            display: none; }
        .inhoud.container .basket_addressfields table tr td input, .inhoud.container .order_addressfields table tr td input {
          width: 100% !important; }
        .inhoud.container .basket_addressfields table tr td h3, .inhoud.container .order_addressfields table tr td h3 {
          font-size: 14px; }
        .inhoud.container .basket_addressfields table tr td .knop_kassa, .inhoud.container .order_addressfields table tr td .knop_kassa {
          float: none !important;
          width: 100%; }
        .inhoud.container .basket_addressfields table tr td table td, .inhoud.container .order_addressfields table tr td table td {
          padding: 0px; }
  .inhoud.container h2 {
    margin-left: 15px !important; }
  .inhoud.container .knop_offerte, .inhoud.container .knop_opnieuw, .inhoud.container .knop_winkelen {
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px; }

  #NoneSelectedProducts {
    width: 100%;
    left: 0px;
    margin-left: 0px; }
    #NoneSelectedProducts table tr {
      margin-top: 15px; }
    #NoneSelectedProducts table td {
      padding-left: 0px;
      border: 0px; }
      #NoneSelectedProducts table td.NoneSelectedProduct div {
        text-align: center; }
      #NoneSelectedProducts table td form {
        text-align: center; }
        #NoneSelectedProducts table td form input.NoneSelectedProduct {
          max-width: 100%;
          white-space: normal;
          height: auto;
          line-height: 1.5rem;
          padding: 1rem 0.4rem;
          width: calc(100% - 30px); }
    #NoneSelectedProducts a {
      width: 100% !important;
      margin-top: 15px;
      text-align: center; }

  .search_tyres .product.has_product_wide .product_cell {
    width: 100%;
    float: left;
    margin: 0px; }
    .search_tyres .product.has_product_wide .product_cell:nth-of-type(1) {
      height: 150px;
      position: relative; }
      .search_tyres .product.has_product_wide .product_cell:nth-of-type(1) a {
        display: inherit;
        top: 0px;
        margin-top: 10px;
        position: relative;
        left: inherit;
        margin-left: inherit; }
  .search_tyres .product.product_rear .product_cell {
    width: 100%;
    float: left;
    margin: 0px; }
    .search_tyres .product.product_rear .product_cell:nth-of-type(1) {
      display: none; } }
@media screen and (max-width: 1180px) {
  .search_tyres .product:hover .product_cell:nth-of-type(1) a img, .product_single .product:hover .product_cell:nth-of-type(1) a img {
    width: 120px;
    margin-left: initial;
    margin-top: initial; } }
@media screen and (max-width: 450px) {
  /* Responsive fix */
  .inhoud.container table.optional_extra {
    display: block;
    /* Hide table headers (but not display: none;, for accessibility) */ }
    .inhoud.container table.optional_extra .shopitems_header {
      display: none; }
    .inhoud.container table.optional_extra thead, .inhoud.container table.optional_extra tbody, .inhoud.container table.optional_extra th, .inhoud.container table.optional_extra td, .inhoud.container table.optional_extra tr {
      display: block; }
    .inhoud.container table.optional_extra thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px; }
    .inhoud.container table.optional_extra tr {
      border: 1px solid #ccc; }
    .inhoud.container table.optional_extra td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%; }
    .inhoud.container table.optional_extra td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap; }

  .inhoud.container table.optional_extra tr {
    border: 0px; }
    .inhoud.container table.optional_extra tr:nth-of-type(1) {
      display: none; }
    .inhoud.container table.optional_extra tr:last-of-type {
      display: none; }
    .inhoud.container table.optional_extra tr td {
      text-align: center;
      border: 0px; }
  .inhoud.container table.optional_extra .knop_addoptionalproduct span {
    display: inline-block; }
  .inhoud.container table.optional_extra .knop_addoptionalproduct:before {
    width: auto; } }
@media screen and (max-width: 530px) {
  .filter_buttons {
    margin-top: 40px; }
    .filter_buttons > div {
      margin-right: 0px; }

  .simplelist .product .product_cell:nth-of-type(1) {
    width: 100%; }
    .simplelist .product .product_cell:nth-of-type(1) a img {
      width: 30%; }
  .simplelist .product .product_cell:nth-of-type(2) {
    width: 100%; }
  .simplelist .product .product_cell {
    width: 100%; }

  .planner_steps .planner_stepcurrent, .planner_steps .planner_step, .planner_steps .planner_stepchecked {
    width: 100%; }
  .planner_steps .planner_stepchecked, .planner_steps .planner_step {
    display: none; }

  div.planner_adjust2, div.planner_adjust3 {
    width: 100%;
    margin-top: 0px; }
    div.planner_adjust2 a, div.planner_adjust3 a {
      width: 100%;
      text-align: center; }

  input.plannerknop {
    margin-left: 0px;
    width: 100%; }

  div.planner_rightcolumn, .planner table {
    margin-top: 5%; }
    div.planner_rightcolumn tr, .planner table tr {
      margin-bottom: 10px;
      border: 0px; }
      div.planner_rightcolumn tr td, .planner table tr td {
        width: 100%; }

  .planner_confirmation table tr td {
    width: 100%;
    margin-bottom: 3px;
    margin-top: 3px; }

  .overview_products td {
    padding: 5px; }

  .categorytabs a.producttab, .categorytabs a.producttabs {
    padding: 7px 15px;
    font-size: 12px;
    margin: 0px 0px 0px 1px; }

  .search_tyres .setprice .add_basket {
    font-size: 13px; }

  .all_common_filters select {
    width: 100%; }
  .all_common_filters .sort_option {
    width: 100%; }
  .all_common_filters .common_filter {
    width: 100%; }
    .all_common_filters .common_filter.filter_FreeSize {
      width: 100%; }
  .all_common_filters input.filter_text {
    width: 100%; }
  .all_common_filters .filter_stock, .all_common_filters .filter_FreeText, .all_common_filters .sort_option, .all_common_filters .filter_EAN, .all_common_filters .filter_status, .all_common_filters .filter_MinLoadIndex, .all_common_filters .filter_Steek, .all_common_filters .filter_Steekcirkel, .all_common_filters .filter_ET, .all_common_filters .filter_Boring {
    width: 100%;
    max-width: 100% !important; }
  .all_common_filters input.carsearch_submit, .all_common_filters input.search_submit {
    min-width: initial; }

  div.productlist_wheel, div.productlist_steel {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    height: auto; } }
@media screen and (max-width: 767px) {
  .stockinfo .stocktable {
    width: 100%;
    margin: 0px;
    left: 0px;
    height: 100%; }
    .stockinfo .stocktable table tr td:nth-of-type(4) ~ td {
      display: none; }
  .stockinfo .stockinfo_close {
    top: initial;
    bottom: 0px;
    margin: 0px;
    width: 100%;
    right: 0px;
    text-align: center;
    background: #333;
    color: #fff; }

  img {
    max-width: 100% !important; } }
div.cms_popup_header {
  height: 24px;
  line-height: 24px;
  padding: 10px;
  background: #a71f1f;
  color: #fff; }
  div.cms_popup_header span {
    font-size: 20px; }
  div.cms_popup_header span.cms_popup_close {
    float: right;
    position: relative;
    top: -9px;
    right: -7px;
    cursor: pointer;
    font: normal normal normal 20px/1 FontAwesome; }
  div.cms_popup_header span.cms_popup_close i {
    color: #fff;
    font-size: 40px; }

div.purchaseorderproductdata div.cms_popup_header {
  min-height: 44px; }

@media screen and (min-width: 1023px) {
  .hideondesk {
    display: none !important; } }
@media screen and (max-width: 1023px) {
  .hideonmobile {
    display: none !important; } }
.showrow {
  display: table-row; }

.hiderow {
  display: none; }

a.readmore_news {
  float: right; }

select.notdefaultselected {
  background-color: yellow; }

.knop_planner {
  display: block;
  font-size: 8pt;
  font-weight: bold;
  width: 240px;
  height: 40px;
  text-indent: 34px;
  line-height: 20px;
  text-align: left;
  padding-right: 4px;
  cursor: pointer;
  border: 1px solid #b9b1ab;
  /*background-image: url("../img/shop/afronden.png") !important;
  background-position: center left !important;
  background-repeat: no-repeat !important;*/
  background-color: #eee !important;
  color: #333; }
  .knop_planner :hover {
    color: #ff6600; }

#foutmelding {
  display: none;
  font-size: 10pt;
  position: absolute;
  top: 100px;
  padding: 20px;
  width: 400px;
  min-height: 200px;
  border: 2px solid #333;
  background-color: #fff;
  color: #333;
  z-index: 400; }

input.findcustomer[type="text"] {
  width: 300px;
  height: 24px;
  margin-right: 10px; }

input.findcustomer[type="submit"]:hover, input.findcustomer[type="button"]:hover {
  box-shadow: 3px 3px 5px #666; }

input.findcustomer[type="submit"], input.findcustomer[type="button"] {
  min-width: 180px;
  height: 30px;
  line-height: 30px;
  padding: 10px;
  line-height: 4px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 500;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background-color: #eee;
  color: green; }

input.findcustomer[type="button"] {
  color: red; }

#custlist {
  display: none;
  font-size: 10pt;
  position: absolute;
  top: 100px;
  padding: 20px;
  width: 600px;
  height: 600px;
  overflow: auto;
  border: 2px solid #333;
  background-color: #fff;
  color: #333;
  z-index: 400; }

#custlist tr.customerrow:hover {
  background: yellow; }

#custlist tr.customerrow {
  cursor: pointer; }

img.reload_captcha {
  border: none;
  float: right; }

div.galleryblock {
  text-align: center;
  margin: auto; }

div.galleryitem {
  width: 150px;
  height: 120px;
  display: inline-block;
  cursor: pointer;
  margin: 0px 12px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

/* shop items */
div.image_list_item {
  float: left;
  padding: 4px; }

div.image_list_item_last {
  padding: 4px; }

div.cms_form {
  /*clear: both;*/ }

/* lightbox */
#lightbox-secNav-btnClose img {
  width: 62px;
  height: 22px;
  background-image: url("../img/cms/lightbox-btn-close.gif");
  background-repeat: no-repeat;
  background-position: center center; }

span.columnhead_order {
  position: relative;
  left: 93px; }

div.inhoud_orderpage {
  overflow: auto; }

div.addressform {
  clear: both;
  padding-top: 40px; }

div.SplitStock select {
  width: 60px; }

.savebutton:hover {
  color: #ff6600; }

.savebutton {
  display: block;
  font-size: 8pt;
  font-weight: bold;
  width: 140px;
  height: 40px;
  text-indent: 34px;
  line-height: 20px;
  text-align: left;
  margin-top: 20px;
  cursor: pointer;
  border: 1px solid green;
  background-color: #f2f2f2;
  color: green; }

div.personsdata {
  text-align: left;
  line-height: 18px; }

img.editcustmemo, img.logofcust {
  margin-right: 1px;
  float: right;
  border: 0px; }

div.draggable {
  cursor: move; }

.faq_container {
  width: 100%; }

.faq_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 10px; }

.faq_item .faq_question, .faq_item h2 {
  font-size: 16px;
  font-weight: 600;
  background: #EFEFEF;
  padding: 15px 20px;
  margin: 0px;
  cursor: pointer;
  transition: all .2s ease-in-out;
  font-family: "Open Sans", sans-serif;
  position: relative; }

.faq_item .faq_question:hover, .faq_item h2:hover {
  background: #d6d6d6; }

.faq_item .faq_question:after, .faq_item h2:after {
  content: '\f078';
  right: 20px;
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.faq_item .faq_answer {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 0px;
  overflow: hidden;
  transition: all .5s ease-in-out; }

.faq_item .faq_answer .text {
  padding: 20px; }

.faq_item.open .faq_question:after, .faq_item.open h2:after {
  content: '\f062'; }

.faq_item .faq_question:after, .faq_item h2:after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular); }

/*
.price_visible {
    display: block;
}
.price_hidden {
    display: none;
}
.purchaseprice_visible {
    font-size: 1.0em;
}
.purchaseprice_hidden {
    font-size: 0;
}*/
.news_blocks {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem; }

.news_block {
  display: block;
  color: #000;
  text-decoration: none;
  position: relative;
  /*width: calc(33% - 4% / 2);*/
  margin-right: 2%;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 10px; }

.news_block:last-of-type {
  margin-right: 0px; }

.subtitle, .news_links {
  width: 100%; }

.news_links {
  margin-bottom: 1rem; }

a.news_link {
  padding: 10px 20px;
  background: transparent !important;
  color: #000;
  display: inline-block;
  margin-top: 5px;
  border: 1px solid #000;
  transition: all 0.2s ease-in-out; }

a.news_link:hover {
  background: #000 !important;
  color: #fff; }

.news_block .news_image {
  display: none; }

.news_block .news_title {
  width: 100%;
  padding: 15px;
  display: block;
  font-weight: 700;
  padding-bottom: 10px;
  font-size: 1.3rem; }

.news_block .news_date {
  width: 100%;
  padding: 15px;
  padding-top: 10px;
  display: block;
  border-top: 1px solid #000;
  font-size: 1rem;
  text-transform: initial; }

.news_block .news_text {
  width: 100%;
  padding: 15px;
  padding-top: 0px;
  display: block;
  font-size: 1rem;
  text-transform: initial; }

.news_block .news_button {
  width: 100%;
  text-align: right;
  padding: 15px;
  display: block;
  font-size: 1rem;
  text-transform: initial; }

.news_block .news_button:after {
  content: "\f105";
  display: inline-block;
  position: relative;
  font: normal normal normal 13px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
  transition: all 0.2s ease-in-out; }

.news_block:hover {
  text-decoration: none;
  cursor: pointer; }

.news_more_button {
  float: right;
  margin-top: 2%;
  display: inline-block;
  font-weight: 700;
  font-size: 1rem;
  transition: all 0.2s ease-in-out; }

.news_more_button:after {
  content: "\f105";
  display: inline-block;
  position: relative;
  font: normal normal normal 16px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 10px;
  transition: all 0.2s ease-in-out; }

@media screen and (max-width: 1023px) {
  .news_blocks {
    flex-wrap: wrap; }

  .news_block {
    width: calc(50% - 2%);
    margin-right: 2%;
    margin-bottom: 2%; }

  .news_block:last-of-type {
    margin-right: 0px; } }
@media screen and (max-width: 767px) {
  .news_blocks {
    flex-wrap: wrap; }

  .news_block {
    width: calc(100%);
    margin-right: 0%;
    margin-bottom: 2%; }

  .news_block:last-of-type {
    margin-right: 0px; } }
.newsitem_single h1.title {
  width: calc(100% - 100px);
  margin-top: 2rem;
  font-weight: 700; }

.newsitem_single img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px; }

.newsblock_complete {
  width: 100%; }

.newsblock_complete img {
  max-width: 100% !important;
  height: auto !important; }

.newcust {
  height: 40px !important;
  font-size: 12pt !important; }

/* new mobile menu */
div.mobile_menu, div.mobile_menu_hamburger {
  display: none; }

@media screen and (max-width: 1224px) {
  div.cms_form_v2 .form {
    margin-left: 0px; }

  div.cms_form_v2 .form .form_row {
    width: 100%;
    flex-wrap: wrap; }

  div.cms_form_v2 .form .form_row .description {
    width: 100%;
    text-align: left;
    padding-right: 10px;
    font-weight: 300; }

  div.mobile_menu_hamburger {
    display: inline-block; } }
/* employee section */
div.employeelist {
  width: 100%;
  min-height: 170px;
  padding-bottom: 20px; }

div.medewerker_tmb {
  width: 200px;
  height: 340px;
  margin: 0px 16px 30px;
  float: left; }

a.medewerker_tmb {
  margin: auto;
  display: block;
  width: 180px;
  height: 250px;
  /*border: 1px solid #a40e0e;*/
  background-repeat: no-repeat;
  background-size: cover; }

div.employeedetails {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 300;
  background-color: rgba(0, 0, 0, 0.7); }

div.medewerker {
  display: none;
  position: absolute;
  width: 50%;
  min-width: 600px;
  height: 600px;
  min-height: 300px;
  background: #fff;
  border: 1px solid grey;
  padding: 20%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

h3.medewerkertitle {
  padding-top: 10px;
  width: 100%;
  margin: auto;
  font-size: 11pt;
  color: #9d9d9c;
  text-transform: none;
  line-height: 18px; }

img.medewerker {
  float: right;
  margin-left: 5px;
  border: 1px solid #a40e0e;
  max-width: 50%; }

img.preloadimage {
  display: none;
  border: 0px; }

.employeedetails.open {
  display: block !important; }

.employeedetails div.medewerker.open {
  min-height: 0px;
  padding-top: 4%;
  padding-bottom: 4%;
  overflow: auto;
  transform: scale(1); }

.employeedetails div.medewerker {
  transition: all 0.5s ease-in-out;
  height: 486px;
  padding: 4%;
  min-height: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  display: block !important;
  overflow: hidden;
  border: 0px;
  transform: scale(0); }

.employeedetails img.medewerker {
  margin-left: 30px;
  margin-bottom: 30px; }

a.medewerker_tmb {
  position: relative;
  overflow: hidden;
  background-position: center; }

a.medewerker_tmb:before {
  content: '';
  position: absolute;
  background: #000;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer; }

a.medewerker_tmb:after {
  content: "\f00e";
  display: inline-block;
  font: normal normal normal 22px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color: #fff;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  transform: scale(2); }

a.medewerker_tmb:hover:before {
  opacity: 0.5; }

a.medewerker_tmb:hover:after {
  opacity: 1;
  transform: scale(1); }

@media screen and (max-width: 1023px) {
  .employeedetails div.medewerker.open {
    width: 92%;
    height: 100%; }

  .close {
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 40px;
    top: 18px;
    right: 18px; } }
@media screen and (max-width: 600px) {
  .employeedetails img.medewerker {
    margin-left: auto;
    margin-right: auto;
    width: 100%; } }
div.employeedetails .close {
  position: absolute;
  top: 9px;
  right: 14px;
  cursor: pointer;
  transition: all 0.2s ease-in-out; }

div.employeedetails .close:hover {
  color: #ff0000; }

div.employeedetails .close:before {
  content: "\f00d";
  display: inline-block;
  font: normal normal normal 22px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased; }

/* end of employee section */

/*# sourceMappingURL=body.css.map */