/* 20220803113327 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0090e3;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0090e3;
  box-shadow: 0 0 2px #0090e3;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0090e3;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #0090e3;
}

/* custom */
.gui-progressbar {display:none!important;}
.cta {background:var(--orangegradient);padding:25px;margin-bottom:25px;}
.cta-titel {color:#ffffff;text-align:center;font-size:27px;line-height:37px;}
.cta-subtitel {color:#ffffff;text-align:center;}
.cta-button::after {content:"→";margin-left:10px;}
.cta-button {background:#fd833c; !important;}
.fietsen-link {text-align:center;text-decoration:none;font-weight:600;color:var(--orange);margin-left:auto;margin-right:auto;display:block;margin-top:15px;font-size:18px;}
.fietsen-sublink{text-align:center}
.servicepunt-link {text-decoration:none;color:var(--orangegradient);}
#openingstijden {border-collapse: collapse;width: 100%;}
#openingstijden td, #openingstijden th {border: 1px solid #ddd;padding: 8px;}
#openingstijden tr:nth-child(even){background-color: #f2f2f2;}
#openingstijden tr:hover {background-color: #ddd;}
#openingstijden th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: var(--orange);color: #ffffff;}
.intro-titel {text-align: center;font-size: 26px!important;background-color: var(--orange);color: #ffffff!important;border-radius: 25px;padding: 10px;}
.actie-tweedehands-banner {padding-bottom: 35% !important;}
.center-image {margin-left: auto;margin-right: auto;display: block;}

@media screen and (max-width: 1024px) {
.cta {--gap: var(--space-lg);margin-bottom: var(--gap)!important;margin-left: var(--offset)!important;}
.cta-titel {font-size:16px;line-height:26px;}
}


.tooltipcatalogue::after{
margin-left:0 !important;
  left:43% !important;
}
.tooltiptext::after{
  right:104px !important;
}

.order__btn span.small {display:block;font-size:10px;}
/**/
.productpage__images .badge {top:10px;}
.blok-content__text table td {padding:5px;}
.blok-content__text table tr:nth-child(even) td {background:#F2F9FF;}

@media (min-width: 1024px) {
.main-header__dropdown a.main-header__nav-mainlink:hover,
.subsubitemlink:hover,
.menu-row li .subitemlink > .title:hover {
text-decoration: underline;
}

.menu-row li .subitemlink.nolink > .title:hover {
text-decoration: none;
}
}
@media (min-width: 1024px) {
.show-mobile {
display: none!important}
.hide-mobile {
display: inline-block;
}
}
@media (max-width: 1024px) {
.show-mobile {
display: block !important;
position: relative !important;}
.hide-mobile {
display: none!important;
}
}
.main-header__nav-grid .main-header__item .main-header__link span {
white-space:nowrap;
}
@media (min-width: 1000px) and (max-width: 1200px) {
.hide1200 {
display: none;
}
}
.main-header__nav-mainlink svg {
width: 20px;
height: 20px;
}

.reviewwidget__block.service-block {
max-width: unset;
height: auto;
margin-bottom: 0;
flex-direction: column;
margin-top: 16px;
}
.reviewwidget__block.service-block .reviews {
padding-bottom: 0;
}
.reviewwidget__block.service-block #kiyoh {
max-width: 49px;
display: inline-block;
width: 100%;
}
@media screen and (max-width: 767px){
    .tooltipcatalogue{
  width: 115px !important;
  margin-left: -55px !important;  
  }
  
.sticky-filter {
position: fixed;
position: -webkit-sticky;
z-index: 10;
top: 103px;
width: 100%;
background: white;
padding: 15px 10px 15px 52px;
Margin: 0;
left: 0px;
color: var(--orange);
border-bottom: 1px solid #BBCBDD;
transition: all .3s ease-out;
}
.sticky-filter.filtertoggle:before{
left: 22px; 
background:url(icon-filter-orange2.svg); 
}
}
.flex-fix {
display: flex;
}
.introductie img {
margin-left: auto;
margin-right: auto;
display: block;
}
.montage h2 {
font-size: 24px !important;
font-weight: 800 !important;
line-height: 34px !important;
}
.usp ul li:first-child {
border-bottom: 1px solid #dfdfdf;
font-size: 20px;
line-height: 30px;
font-weight: 700;
text-align: left;
margin-bottom: 10px !important;
background: none;
color: #000000;
}
.usp ul li {
background: var(--orangegradient);
padding: 7px !important;
font-size: 16px;
line-height: 26px;
font-weight: 300;
color: #ffffff;
margin: 5px 0px !important;
}
.handleidingen h2 {
font-size: 24px !important;
font-weight: 800 !important;
line-height: 34px !important;
}
.handleidingen img {
margin-left: auto;
margin-right: auto;
display: block;  
margin-top: 50px;
}
.rijkelaar h2 {
font-size: 24px !important;
font-weight: 800 !important;
line-height: 34px !important;
}
.rijkelaar img {
margin-left: auto;
margin-right: auto;
display: block;
}
.instructie-videos-introductie p {
font-size: 14px;
line-height: 24px;
color: #000000;
margin-top: -10px;
font-weight: 300;
}
.instructie-videos-montage-set h2 {
font-size: 24px !important;
font-weight: 800 !important;
line-height: 34px !important;  
}
.instructie-videos-montage-set p {
font-size: 14px;
line-height: 24px;
color: #000000;
font-weight: 300;
}
.instructie-videos-montage-set img {
margin-left: auto;
margin-right: auto;
display: block;
}
.instructie-videos-usp h2 {
color:#000000;
font-size: 24px !important;
font-weight: 800 !important;
line-height: 34px !important;  
border-bottom: 2px solid #dfdfdf;
padding-bottom: 15px;
}
.instructie-videos-usp ul li {
background: var(--orangegradient);
padding: 7px !important;
font-size: 16px;
line-height: 26px;
font-weight: 300;
margin: 5px 0px !important;
}
.instructie-videos-usp ul li a {
color: #ffffff;
text-decoration: none;
padding: 5px;
}
.instructie-videos-instructie h2 {
font-size: 24px !important;
font-weight: 800 !important;
line-height: 34px !important;
}
.instructie-videos-instructie p {
font-size: 14px;
line-height: 24px;
color: #000000;
font-weight: 300;
}
.instructie-videos-videos h3 {
font-size: 21px !important;
font-weight: 700 !important;
line-height: 31px !important;
color: var(--blue);
}
.instructie-videos-videos p {
font-size: 16px;
line-height: 26px;
min-height: 75px !important;
font-weight: 100;
font-style: italic;
}
.instructie-videos-videos a {
font-size: 16px;
line-height: 26px;
font-weight: 100;
font-style: italic;
}
.instructie-videos-videos img {
padding-top: 17px !important;
}
table {
max-width: 100%;
}
#afmonteren-fiets {
  border-collapse: collapse;
  width: 100%;
}
#afmonteren-fiets td, #afmonteren-fiets th {
  border: 1px solid #ddd;
  padding: 8px;
}
#afmonteren-fiets tr:nth-child(even){background-color: #f2f2f2;}
#afmonteren-fiets tr:hover {background-color: #ddd;}
#afmonteren-fiets th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background: var(--orange);
  color: white;
}

.footer__blogs .slide-container {
 background-color: white; 
  padding-bottom: 10px;
}
  .footer__blogs .slide span {
 color: black; 
}
 .footer__blogs .slide .blog__date,
  .footer__blogs .slide .blog__title {
 padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 768px){
.main-footer__categories {
 margin-bottom: 20px; 
}
}
.main-footer__categories li a {
  color: white;
  text-decoration: none;
}
.main-footer__social {
  margin-bottom: 0;
}

.gui-page-title,
  #gui-popover,
  .gui-cart .gui-col3-equal,
  #gui-form-cart { 
  display: none;
  }
  
    .ccart #gui-form-cart{
     padding: 0px;
      background: none;
  }
  .ccart .gui-form{
       background: white;
    padding: 23px;
    position: relative;
  }
  .ccart .button-upper {
   margin-top: -15px; 
  }
  .ccart .padding-fix {
    position: relative;
  }
  @media (max-width: 600px){
      .ccart .gui-align-right.button-upper {
    position: fixed;
    bottom: 0px;
    float: none;
    z-index: 100000000;
    width: 100%;
    max-width: 300px;
    left: 19px;
    right: 20px;
            margin: 0 auto;
    display: inline-block;
  }
  }
 .ccart .gui-page-title-2 {
    margin-bottom: 30px;
       font-size: 26px;
    color: var(--orange)!important;
    font-weight: 500;
  }
  .ccart .gui-image a img {
    width: 160px;
    max-width: 100%;
    height: auto;
}
   .ccart .gui-image {
   border: none;  
  }

  .ccart .gui a.product-title {
    color: #0000FF;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 0 20px 0;
    display: block;
  }
    .ccart td p {
      color: #878787;
      font-size: 13px;
      line-height: 23px;
  }
 .ccart .gui-cart .gui-number {
    width: 105px;
   height: 35px;
   display: inline-flex;
}
  .ccart .gui-number .gui-value,
  .ccart .gui-number .gui-handle,
  .ccart .gui-number .gui-handle a,
  .ccart .gui a.gui-action-delete {
    background: none;
    text-indent: unset;
        position: relative;
    display: inline-block;
  }
.ccart .gui-number .gui-handle{
         padding-left: 12px;
    padding-right: 7px;
    border: none;
    padding-top: 4px;
  color: #000000;
  }
  .ccart .gui-number .gui-handle a{
     color: #000000; 
  }
  .ccart {
    font-size: 18px;
  color: #000000; 
  }
    .ccart .gui-number .gui-value {
   border-left:  1px solid #CCCCCC;
      border-right: 1px solid #CCCCCC;
        margin-top: -1px;
       padding-top: 4px;
  }
  h3.ccart-title,
 h2.ccart-title {
   font-size: 18px;
   font-weight: 700;
   color: #000;
  }
  .ccart .bundle {
   margin-top: 20px; 
  }
 .ccart .bundle img {
   margin: 0 10px; 
  }
  .ccart .small-image {
   max-width: 50px;
    vertical-align: middle;
  }
  .ccart .teko-plus {
   font-weight: 700; 
  }
  .ccart .gui-delivery-time-cart span {
    font-weight: 700;
  }
  .ccart #gui-form-discount .gui-button-small {
        position: absolute;
     top: 0;
    right: 0;
        background: white !important;
    border: 2px solid #cc6000;
    color: #cc6000 !important;
    font-size: 14px;
    padding: 8px 20px;
  }
    .ccart .gui-form {
      padding: 0;
  }
  .ccart {
        border-bottom:  1px solid #dcdcdc;
  }
  .ccart .gui-cart .gui-div-cart-coupons {
   margin-bottom: 0; 
  }
  .ccart .gui-div-cart-sum {
  padding: 0 30px 30px 30px;
  }
  .ccart .gui-cart-sum .gui-item .gui-desc {
   text-align: left; 
        margin-bottom: 20px;
  }
  .ccart #gui-form-cart-b .gui-table tbody tr td:first-child {
    padding-left: 23px;
  }
  .ccart .gui-table tbody tr td:last-child {
  padding-left: 0px;
 vertical-align: bottom;
        padding-right: 30px !important;
}

   .ccart #gui-form-cart-b .gui-table {
     border: none;
         display: inline-block;
     width: 100%;
    position: relative;
    margin-bottom: -5px;
  }
  .link-shop,
  .ccart .gui-table a {
    font-size: 11px;
  }
    .ccart .inline {
     padding-left: 0 !important;
      padding-right: 20px;
          display: inline-block;
  }

  .ccart .inline a{
    display: inline-block;
  }
  .ccart tr.border {
   border-bottom: 1px solid rgb(240, 244, 247) !important; 
  }

  .ccart .bundle img {
   height: 60px;
  }
 .ccart .bundle li a, 
  .ccart .bundle li {
    display: flex;
    align-items: center;
      font-size: 14px;
    color: #000000;
    font-weight: 700;
  }
  .ccart table,
    .ccart tbody,
  .ccart tr {
        display: block;
    width: 100%;
    position: relative;
  }
  .ccart .gui-table tbody tr td {
    padding: 15px 0px 40px 15px;
  }
.ccart .tddiscount {
      position: absolute;
    right: 30px;
    bottom: 50px;
  }
  @media (max-width: 768px){
 
  .ccart table,
    .ccart tbody,
  .ccart tr,
  .ccart td {
        display: inline-block;
  }
    .ccart .gui-table tbody tr td {
    white-space: normal;
          padding: 15px 0px 25px 15px;
    }
      .hide-mob {
        display: none!important;
    }
    .gui-valign-top {
      width: 100% !important;
    }
    .gui-image  {
    width: 68%;
    display: inline-block;
    }
    .ccart .padding-fix {
     position: unset; 
    }
    .handle {
     position: absolute;
    right: 20px;
    top: 115px;
    }
    .container-leave {
          text-align: right;
    margin-top: 50px;
          position: absolute;
    right: 20px;
    top: 115px;
    }
   .whishlist {
			display: block;
     margin: 10px 0 0;
    }
   .ccart .gui-cart .gui-table tbody tr td,
    .ccart .gui-cart .gui-table tbody tr td:first-child {
     display: block; 
    padding-right: 23px;
    }
    .ccart .gui a.gui-action {
      width: 100%;
    }
    .ccart table td {
      width: 100% !important;
    }
    .ccart .gui-number {
          float: right;
    }
  }
  @media (min-width: 768px){ 
        .ccart .tddiscount {
    bottom: 86px;
  }
    .hide-desktop {
      display: none !important;
    }
      .ccart .whishlist {
   padding-right: 20px; 
  }
    .handle {
        right: 200px;
    bottom: 41px;
    position: absolute;
    }
  }
  .container-elements {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .ccart .gui-cart .gui-table tbody tr:last-child td {
   height: auto; 
   position: relative; 
  }
  @media (max-width: 480px){
.ccart .gui-table {
  padding-bottom: 0px;
  margin-bottom: -5px;
  }
  .ccart .gui-cart .gui-table tbody tr:last-child td {
   white-space: normal; 
      display: block;
    padding-top: 0;
    }
    .ccart .gui-image a img {
     width: unset; 
    }
    .gui-image {
    width: 50%;
    }
 
    .ccart .gui-div-cart-sum {
    padding: 0 0px 30px 0px;
    }
 
    .ccart .gui-align-right.button-upper {
    left: 0;
    right: 0;
}
  }
  @media  screen and (max-width: 768px){
    .productpage__content-usps ul li {flex-basis: 100%;max-width: 100%;padding: 11px 52px;text-align: left; font-size:12px;} 
    .productpage__content-usps ul li i {position: absolute;}
  }
  
  @media screen and (max-width: 600px){
  .ccart .sticky-payment-button {
    position: fixed;
    background: white;
    width: 100%;
    z-index: 100;
    bottom: 0px;
    left: 0px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  border-radius: 5px;
  }
   .gui-cart-sum {
    padding: 20px; 
  }
}
  .ccart .gui-cart-sum .gui-item .gui-desc,
  .ccart .gui-cart-sum .gui-item .gui-price {
    width: 50%;
  }

  .order_payment {
   background-color: white;
    margin-bottom: 30px; 
    text-align: center;
    padding: 20px;
  }
  .clerk h2 {
   line-height: 40px; 
  }

.messages.melding {
      position: absolute;
    top: 0px;
    z-index: 1000;
    width: 100%;
    max-width: 100%;
    text-align: center;
      padding: 0;
  margin: 0;
}
.messages.melding ul { 
    margin: 0;
}
@media (min-width: 1024px) {
  .messages.melding {
    padding: 0;
}
}
@media screen and (max-width: 767px) {
  .messages.melding {
      position: relative;
  }
  .main-header.message-on-top {
    margin-top: 0px;
  }
.message-on-top .main-header__top-grid {
  position: relative;
}
  .message-on-top.sticky .main-header__top-grid {
  position: fixed;
}
}

  .main-header.message-on-top {
    top: 40px;
  }
  .main-header.message-on-top.sticky {
    top: 0px;
  }


/* Price input */
.price-filter-range .min,.price-filter-range .max,.price-filter-range span {float:left;width:33%;display:block;line-height:30px;text-align:center;}
.price-filter-range .min,.price-filter-range .max {border:2px solid #999;height:30px;border-radius:5px;}
.price-filter-range input::-webkit-outer-spin-button,
.price-filter-range input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.price-filter-range input[type=number] {
  -moz-appearance: textfield;
}

  .main-footer__payment-2 svg {
        fill: white !important;
    height: 18px;
    display: inline-block;
    width: auto;
  }
  .main-footer__payment-2 svg.visa {
     height: 48px;
    margin-top: -30px;
    margin-bottom: -15px;
  }

   .main-footer__payment-1 svg .st1,
   .main-footer__payment-1 svg .st0,
  .main-footer__payment-1 svg {
        fill: white !important;
    height: 18px;
    display: inline-block;
    width: auto;
  }


	.showroom {
    margin-bottom: 15px;
    border: 1px solid #BBCBDD;
    border-radius: 2px;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 13px;
    line-height: 17px;
    padding: 10px;
    cursor:pointer;
	}
  .showroom__container {
   width: 100%; 
        text-align: left;
    font-family: Inter;
  }
  .heading {
        color: var(--orange);
        font-size: 20px;
      font-weight: 500;
    margin-bottom: 20px;
         text-align: left;
  }
      .showroom__level {
        position: relative;
    vertical-align: top;
    display: flex;
      float: right;
        color: #01A118;
  }
     .showroom .fa {
         font-size: 17px;
         float: right;
       color: #BBCBDD;
  }
  .showroom__info {
    margin-bottom: 15px;
  }

#showroom {
height: auto;
max-height: 500px;
transition: all 0.25s ease-in;
  }
     #showroom.hide { 
       opacity: 0;
    height: 0;
     max-height: 0px;
     transition: max-height 0.25s ease-out;
  }
.showroom .fa-angle-down:before {
  display: none;
}
  .fa-angle-down {display: block;position: relative;right: -10px;top: -11px;}
  .fa-angle-down:after {
  position: absolute;
    content: "";
    top: 14px;
    right: 17px;
    width: 7px;
    height: 7px;
    border: 1px solid #B8CBDF;
    border-left: none;
    border-top: none;
    transform: rotate(45deg);}
   .showroom {
    margin-bottom: 15px;
    border: 1px solid #BBCBDD;
    border-radius: 2px;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 13px;
    line-height: 17px;
    padding: 10px;
  }
  .showroom__container {
   width: 100%; 
        text-align: left;
    font-family: Inter;
  }
  .heading {
        color: var(--orange);
        font-size: 20px;
      font-weight: 500;
    margin-bottom: 20px;
         text-align: left;
  }
      .showroom__level {
      float: right;
        color: #01A118;
  }
     .showroom .fa {
         font-size: 17px;
         float: right;
       color: #BBCBDD;
  }
  .showroom__info {
    margin-bottom: 15px;
  }

#showroom {
height: auto;
max-height: 500px;
transition: all 0.25s ease-in;
  }
     #showroom.hide { 
       opacity: 0;
    height: 0;
     max-height: 0px;
     transition: max-height 0.25s ease-out;
  }

.gui-payment-methods .gui-payment-method-service .gui-payment-method-name {
  display: block;
  max-width: 90%;
  position: relative;
  padding-right: 35px;
}

.gui-payment-methods .tooltip.checkout {
	top: 10px;
  right: 15px;
}

  @media (max-width: 1024px){
    .subitem {
      position: relative;
    }
    .subitem .icon {
        position: absolute;
    top: 8px;
    right: 15px;
  }
}
@media screen and (max-width: 1024px) {
.menuopen .message-on-top .main-header__item.subopen .main-header__dropdown,
.menuopen .message-on-top  .main-header__nav-grid,
.menuopen .message-on-top  .main-header__list {
  top: 70px;
}
  .menuopen .message-on-top.sticky .main-header__item.subopen .main-header__dropdown,
  .menuopen .message-on-top.sticky .main-header__nav-grid,
  .menuopen .message-on-top.sticky  .main-header__list {
  top: 0px;
}
  .subitem icon {
position: absolute;
  }
.menu-row .column li a {
  margin-right: 20px;
  }
  .subsubnav {
   margin-left: 20px; 
  }
}