/* 20241203090027 - 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: #008080;
}

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

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

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

/* custom */
.accountpages .gui-wishlist .gui-buttons .gui-right { display: none; }

.row{
  width:100%;
  float: left;
}

.USP-INDEX_artikelen_voorraad{
  width: 100%;
  align-items: center;
  text-align: center;
  background-color: #008080;
  color:#ffffff;
  padding-top: 1em;
  padding-bottom: 1em;
}

/*** BLOG-INHOUD-pag AFBEELIND POSITIE- agnes 2024-01-12 ***************/
.centered-image {
    text-align: center;
}

.left-image {
    display: flex;
    align-items: center;
}

.left-image img {
    max-width: 100%;
    max-height: 100%;
}

.right-image {
    display: flex;
    align-items: center;
}

.right-image img {
    max-width: 100%;
    max-height: 100%;
}

/*** YouTube responsive - agnes 2022-03-23 ***************/
.video-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  padding-top: 30px; 
  height: 0; 
  overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; }

/*** START Retourbutton naar returnless - agnes 2022-02-15  ***/

.button_retour_aanmelden {
  width: 100%;
  align-items: center;
  text-align: center;
}

article.text .content .button_retour_aanmelden a{
  text-decoration: none;
}
/*** EINDE Retourbutton naar returnless - agnes 2022-02-15  ***/

/*** START textpage.rain mobile contant vak - agnes 2022-01-27 marge linkerkant aansturen ***/
article.text.sticky .sidebar + .content {
    margin-left: auto;
    padding-left: 50px;
    width: calc(100% - 1px);
}
@media only screen and (max-width: 768.98px) {
  article.text.sticky .sidebar + .content { padding-left: 0; }
}
/*** EINDE textpage.rain mobile contant vak - agnes 2022-01-27 marge linkerkant aansturen ***/

/*** START add-ons "levertijden op productcards" - agnes 2022-01-27 kleur aansturen ***/
:root{
--dmws-plus-negatives-color : #000000;
}

/***EINDE  add-ons "levertijden op productcards" - agnes 2022-01-27 kleur aansturen ***/

/*** FOOTER - agnes 2021-10-06 ***/

#footer .footer-top a:not(.btn) {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    transition: var(--transition);
}

/*** CHECK-OUT proces - CONTACTGEGEVENS - agnes 2022-03-22 ***************/
.address-formatted .address {
  color: #ff0000;
  font-size: 20px;
}

/*********************** SERVICE PAGINA - KLANTENSERVICE  ***************/
/*********************** FAQ - agnes 2023-02-08  ***************/
.h3-faq{
  background-color: #008080;
  color:#ffffff;
  padding-left:5%;
}

/*********************** SERVICE PAGINA - KLANTENSERVICE - agnes 2023-03-08 ***************/
.zelfregelen_00{
  float: left;
  color: #ffffff;
	border: 1px;
	border-color: #008080;
  border-style: solid;
  background-color: #008080;
	margin: 20px;
	padding: 20px;
  width: 43%;
  min-width: 300px;
}

.titel_zelfregelen_00{
 color: #ffffff;
 font-weight: bold;
}

.zelfregelen{
  float: left;
  color: #008080;
	border: 1px;
	border-color: #008080;
  border-style: solid;
  background-color: #ffffff;
	margin: 20px;
	padding: 20px;
  width: 43%;
  min-width: 300px;
}

.titel_zelfregelen{
 color: #008080;
 font-weight: bold;
}

.contactopnemen{
    float: left;
    width: 24%;
    min-width: 250px;
  	margin: 20px  5px;
	  padding: 10px;
} 

.icon-contactopnemen{
  display: flex;
  align-content: center;
  justify-content: center;
	align-items: center;
  padding-top: 5px;
  padding-bottom: 10px;
  border-radius: 0px;
}

img.contacticon {
    margin-left: auto;
    margin-right: auto;
    border-radius: 0px;
}

.titel-contactopnemen{
  color: #008080;
  font-weight: bold;
	text-align: center;
}

.info-contactopnemen{
    color: #008080;
  	text-align: center;
}

/*********************** SERVICE PAGINA - KLANTENSERVICE - agnes 2021-05-27 ***************/
.klantenservice_introbox{
    width: 100%;
  	border-top: 1px solid #aaaaaa;
  	border-bottom: 1px solid #aaaaaa;
}

.klantenservice_contact{
  float:left;
  width:48%;
  margin:3% 1%;
    }

.klantenservice_contact_ICON{
  float:left;
  margin-right:3%;
    }

.klantenservice_contact_tekst{
   float:left;
  padding-left:3%;
   font-size: 16px;
   color: #333333;
    }

.klantenservice_contact_tekstextra{
  font-size:11px;
  color: #666666;
  text-decoration:none;
  }

.h2_klantenservice{
  font-family: 'Righteous', cursive;
  font-size: 28px;
  color: #333333;
  font-weight:lighter;
  margin-bottom: 20px;
  letter-spacing:1px;
  }

.klantenservice-page-category{
 width:50%; 
 margin-top:3rem;
 float: left; 
  }
@media only screen and (max-width: 768.98px) {
	article.text .klantenservice-page-category ul { margin-left: 0; }
}

.klantenservice_bedrijfsgegevens{
    width: 100%;
    border: 1px solid #aaaaaa;
    float: left;
    padding: 10px;
    background: #efefef;
  margin-top:3rem;
}


/*********************** VACATURE - service page  - agnes 2022-07-27 ******/
.vacature_let_op{
    background-color: #EEEEEE;
    padding-left: 2%;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 2%;
    margin-top:2%;
    margin-bottom:2%;
    border-left-color: #666666;
    border-left-style: solid;
    border-left-width: medium;
}

/*********************** BLOCKQUOTE - agnes 2021-05-18 ******/
blockquote {
    display: block;
    background: #f9f9f9;
    border-left: medium solid #666666;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019""\2020""\2021";
}

blockquote:before {
    color: #666666;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
    font-weight: 600;
    font-size: 1.375em;
    line-height: 1.2125em;
    margin-top: -0.2em;
    margin-bottom: 0.2em;
}

/*********************** BLOG - agnes 2021-05-27 ******/
.BLOG_info_blok{
	float: left;
	}

.BLOGnoteblok_grijs {
    display: block;
    background: #f9f9f9;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    color:#008080;  
    font-weight:bold;
}

.BLOGnoteblok_grijs-title {
  color:#008080;
  font-size: 2em;
  font-weight:bold;
  margin-right:0.5em;
}

.BLOGnoteblok_blauwgroen {
    display: block;
    background: #008080;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    color: #ffffff;  
    font-weight:bold;
}

.BLOGnoteblok_blauwgroen a {
    color: #ffffff;  
    font-weight:bold; 
    text-align: center;
  }

.let_op{
    background-color: #EEEEEE;
    padding-left: 2%;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-right: 2%;
    margin-top:10%;
    margin-bottom:5%;
    border-left-color: #666666;
    border-left-style: solid;
    border-left-width: medium;
}

/*********************** productpag - iframe youtube instructiefilmpjes - agnes 2022-01-25 ******/
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}

.iframe-container iframe{
  position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
  }
  
/*********************** EINDE productpag - iframe youtube instructiefilmpjes - agnes 2022-01-25 ******/


.product .actions .price .excl { font-size: 12px; text-transform: lowercase; }
.product.list .actions .price .excl { margin-left: 5px; }
@media only screen and (max-width: 999.98px) {
  .product .actions .price .excl { margin-left: 5px; }
}

#product .price .stock-wrap { margin-top: 10px; }
#product .price .stock-wrap .omni-location-inventory { margin-left: 20px; }


#product .leaseprijs { display: flex; flex-direction: column; height: auto; margin-bottom: 45px; margin-top: -35px; overflow: hidden; padding: 0; }
#product .leaseprijs > span { background-color: #004D4D; font-size: 18px; padding: 10px 15px; text-align: center; width: 100%; }
#product .leaseprijs .month { background-color: #ffffff; color: #008080; display: flex; font-size: 21px; justify-content: space-between; }

#product .content .btn.offerte, #product-content .btn.offerte { margin-bottom: 20px; order: 5; padding: 0 10px; text-align: center; }
.popup.offerte .top { margin-bottom: 20px; }
.popup.offerte .form-contact label { margin-bottom: 10px; }

@media only screen and (max-width: 575.98px) {
  #product .leaseprijs { margin-bottom: 20px; margin-top: -10px; }
  #product .leaseprijs > span { font-size: 15px; }
  #product .leaseprijs .month { font-size: 18px; }
}
  


/* VAT SWITCH */
:root {
  --awd-buy-button-background: var(--addtocartbutton);
  --awd-addon-buy-button-color: white;
}
#awd-vat-switch, #awd-vat-switch-1 { align-items: center; display: flex; height: 100%; margin-right: 30px; }
#awd-vat-switch #awd-vat-switch-toggle, #awd-vat-switch-1 #awd-vat-switch-toggle { align-items: center; background: #e7e6e6; border: 1px solid #EFEFEF; border-radius: 100px; display: flex; height: 24px; margin: 0 8px 0; padding: 0; text-decoration: none;  position: relative!important; width: auto; left: 0; text-indent: 0; }
#awd-vat-switch #awd-vat-switch-toggle span, #awd-vat-switch-1 #awd-vat-switch-toggle span { align-items: center; color: #aaa; display: flex; font-size: 8px; font-weight: 500; height: 100%; justify-content: center; left: 0; line-height: 27px; position: relative; width: 27px; }
#awd-vat-switch #awd-vat-switch-toggle span.active, #awd-vat-switch-1 #awd-vat-switch-toggle span.active { background-color: var(--awd-buy-button-background); border-radius: 100px; color: var(--awd-addon-buy-button-color); width: 36px; }
#awd-vat-switch b, #awd-vat-switch-1 b { font-weight: 500; }
#awd-vat-switch #awd-vat-switch-toggle, #awd-vat-switch-1 #awd-vat-switch-toggle { margin: 15px 10px 15px 28px; }
#mobile ul { overflow: visible; position: relative; }
.nav-main #awd-vat-switch { margin-bottom: 24px; }
#mobile #awd-vat-switch { display: flex; position: absolute; top: 100%; margin-left: -10px; }
header[id^="mobile-"] #awd-vat-switch { display: flex; margin-left: -30px; }
#mobileMenu #awd-vat-switch, #mobileMenu #awd-vat-switch-2 { display: flex; margin-left: -5px; }
.menu-slide #awd-vat-switch { display: flex; margin-left: 12px; }
.awd-vat-switch-product-data { display: none; }
@media only screen and (max-width: 575.98px) {
  #top .main #awd-vat-switch { display: none !important; }
}


/* --- PRODUCT BUNDLE LOOK --- */
.look-form .row { align-items: center; display: flex; float: none; position: relative; width: auto; }
.look-form .col-sm-2 { padding: 10px; width: 16.66666667%; }
.look-form .col-sm-10 { width: 83.33333333%; }
.look-form .singleproduct { background: #fafafa; margin-bottom:15px; }
.look-form .singleproduct-content { padding:15px; }
.look-form .singleproduct-content .product-price { margin:10px 0px; }
.look-form .singleproduct-content .product-price strong { font-size:16px !important; }
.look-form .producttitle { text-decoration:none; }
.look-form .productquantity { bottom: 10px; font-size: 18px; position: absolute; right: 15px; }
.look-form .stock { margin-top: 20px; }
.look-form .stock, .look-form .stock i::before { font-size:18px; color: #00d25e; }
.look-form .stock li { list-style-type: none; }
.look-form label { margin-top:5px; }
.look-form select { margin-bottom:10px !important; }
.look-form .price .from { margin-right: 7px; }
.look-form .cart { margin-top: 20px; }
.look-form .add-to-wishlist { margin-left: 15px; padding: 0 16px; }
.look-form .add-to-wishlist i { margin-right: 0; }
.look-form .add-to-wishlist i::before { color: var(--bodyText); }
#product form[class*="bundle-item"] ~ .leaseprijs { margin-top: 30px; }
@media (max-width: 767px) {
  .look-form h4 { font-size:17px !important; }
}
/* --- END PRODUCT BUNDLE LOOK --- */


/* Popup lease */
.popup.lease .wrap { overflow-y: scroll; }
.popup.lease .content { align-items: flex-start; display: flex; flex-direction: column; line-height: 2; }
.popup.lease .content p, .popup.lease .content a.btn { margin-bottom: 10px; }
.popup.lease .content p:last-of-type { margin-bottom: 0; }
.popup.lease .content p.legal { font-size: 12px; }
.popup.lease .content a.btn { height: auto; min-height: var(--btnHeight); text-align: center; }
.popup.lease .content a:not(.btn) { text-decoration: underline; }
.popup.lease .content table { border-collapse: collapse; margin-bottom: 15px; min-width: 50%; }
.popup.lease .content table tr td { border-bottom: 1px solid #aaa; padding-bottom: 3px; padding-top: 3px; }
.popup.lease .content form { display: none; opacity: 0; pointer-events: none; width: 100%; }
.popup.lease .content form.show { display: block; opacity: 1; pointer-events: initial; }
.print-only { display: none; }
@media print {
  .print-only { display: block; }
}

#top .categorymenu ul.maincategories li a { padding: 8px 20px; }

#compare-btn .compare-product img { opacity: 1; }


@media only screen and (max-width: 575.98px) {
	.recommended .products-slider { min-height: 440px; }
}