/* 20250616125629 - 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: #0a8de9;
}

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

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.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: #333333;
}

/* custom */
:root {
    /*--green: #fe6e00;*/
    /*--greengradient: linear-gradient(90deg, #fe6e00 20%, #e06202 100%);*/
    --greyblue: #F0F4F7;
    --blue: #0000FF;
    --bluedark: #01132C;
    --bluegradient: linear-gradient(90deg, #0000FF 20%, #0000BA 100%);
    --bluegradientreverse: linear-gradient(90deg, #0000BA 20%, #0000FF 100%);
    --orange: #66b329;
    --orangedark: #5aa123;
    --orangegradient: linear-gradient(90deg, #5aa123 20%, #66b329 100%);
    --orangegradientreverse: linear-gradient(90deg, #66b329 0%, #5aa123 100%);
}


.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;}

.productpage__content-info iframe {max-width:100%;}
.scroll-inner {
	&::-webkit-scrollbar {
		width: 10px !important;
	}
	&::-webkit-scrollbar:horizontal {
		height: 10px !important;
	}
	&::-webkit-scrollbar-track {
		background-color: transparentize(#ccc, 0.7) !important;
	}
	&::-webkit-scrollbar-thumb {
		border-radius: 10px !important;
		background: transparentize(#ccc, 0.5) !important;
		box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
	}
}

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

.imageRow{
 margin-top:10px; 
display:flex;
}

.imageFit {
height: 272px;
    object-fit: contain;
}

.tiptext {
  background: #D2D7D3;
  color: #222;
  border-radius: 100%;
  display: inline-block;
  text-decoration: none;
  position: relative;
  width: 40px;
  height: 28px;
  margin: 0 2px;
  padding-top: 12px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}

.opening-hours{
position:absolute;bottom:-22px;left:0px;background-color:var(--orange);font-size:12px; padding-left:10px;
}
@media screen and (max-width:767px) {
	.banner-heel__content .opening-hours {width:125px}
}

.opening-hours::after{
content: '';
    display: block;
    position: absolute;
    height: 100%;
    left: 100%;
    width: 40px;
    background: var(--orange);
    transform: skew(-15deg, 0);
    z-index: -1;
    margin-left: -20px;
    top: 0;

}


@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;}
}
.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) {
.only-mobile-screen-line {display: none;}
.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;
}
.imageRow{
    flex-direction:column;
}
}
.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){
.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;
}
@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;
}


.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) {
  body.with-message {margin-top:213px!important}
  .messages.melding {padding: 0;}
}

@media screen and (max-width: 767px) {
  .tooltipcatalogue{width: 115px !important;margin-left: -55px !important;  }  
  .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;}

/* banner fix */
.banner-timer .banner__label {padding-right:0;}
.banner-timer .banner__label span.timer {padding-right:10px;}
.banner__label:after {display:none}

/* 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: 16px;font-weight: 500;margin-bottom: 10px;text-align: left;}
	.showroom__level {float: right;color: #01A118;}
.showroom__level .icon {width: 20px;padding: 0 3px;border: 1px solid #007b12;border-radius: 100px;height: 20px;line-height: 10px;margin-right:8px;}
.showroom__level .icon svg {height:19px;}
.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;display:none;}
.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%;margin-bottom:30px;
      text-align: left;
  font-family: Inter;
}
.showroom__container .heading {
      color: var(--orange);
      font-size: 14px;
    font-weight: 500;
  margin-bottom: 20px;
       text-align: left;
}
.showroom__container a {text-decoration:none;}
    .showroom__level {
      position: relative;
    vertical-align: top;
    display: flex;
    float: right;
      color: #007b12;
}
   .showroom .fa {
       font-size: 17px;
       float: right;
     color: #BBCBDD;
}
.showroom__info {
  margin-bottom: 8px;
}

#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;    
  height: auto;
    padding-left: 83px;
}



.out-of-stock-band{
      text-align: center;
    background-color: #CC6000;
  color: #fff}

.not-exist-image-container{
position:relative;
}

.thicky-info {
background-color: white; color: #ff7800; padding: 15px 0;
}
.thicky-info-header{
	display: flex;
  font-weight:700;
}
.thicky-info-header-item{
  white-space: nowrap;
  margin: 0 5px 0 0;
}

@media only screen and (max-width: 1024px) {
 .thicky-info-header {
display:flex; flex-direction:column;
}
.margin-zero {
  margin-left:0px;
}
.thicky-info-header-item{
  margin: 0;
}
}
  @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; 
  }
}

.prod-card .product-configure-variants select {font-size: 10px;background: none;max-width:100%;}

/* Specifiek fietsen4all */
/*.main-footer__service svg path {stroke:var(--orange);}*/
.main-footer__service h4,
.main-footer__service li a {color:var(--green)}
.productpage__content-info-col a {color:var(--orange)!important;}
.icon-orange-arrow svg path  {stroke:var(--orange)!important;}


/* KLEUREN */
.main-header__nav-grid svg path,
.main-header__nav-mainlink svg path,
.main-header__usp-grid svg path,
.main-header__link--icon-cart svg path,
.main-footer__service li a svg path,
.productpage__content-usps i svg path {stroke:var(--orange);}

.main-header__link--icon-account svg,.main-header__link--icon-account svg path {fill:var(--orange)!important;}

.banner-split__content:before, .banner-split__content,
.banner-split__content:before, .banner-split.banner_reverse {background: var(--orange);}

/* TIJDELIJK? */
.banner-2 .banner__image img {    object-position: left bottom;}