/* 20250703105703 - 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: #ff0000;
}

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

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

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

.sub-blocks .blocks > * {
  order: 1;
}

.sub-blocks .blocks > .slider-wrap {
  order: 2;
}


/***** kleur -button selected- variatie bij producten ******/

#product .content .data .variations ul.buttons li.selected a, #product .content .data .variationswrap.blocks a.variant-block.active {
    background-color: #ee7908;
      border-color: #ee7908;
}


/*** BLOG-INHOUDpag AFBEELDING positie - agnes 2024-01-12 ***************/
.centered-image {
    text-align: center;
    margin-bottom: 20px;
}

.image-with-text {
    display: flex;
    flex-direction: column; /* Weergave onder elkaar op smalle schermen */
    align-items: flex-start; /* Verticaal bovenaan uitlijnen */
    margin-bottom: 20px;
}

.image-with-text img {
    max-width: 100%;
    max-height: 100%;
    margin-right: 10px;
  margin-bottom: 10px; /* Voeg 10px ruimte toe onder de afbeelding */
}

.text-left, .text-right {
    margin: 0; /* Verwijder marges om tekst bovenaan de afbeelding te plaatsen */
}

@media screen and (min-width: 768px) {
    /* Bij schermgroottes van 768px en breder */
    .image-with-text {
        flex-direction: row; /* Weergave naast elkaar op brede schermen */
        align-items: center; /* Horizontaal centreren op brede schermen */
    }

    .text-left, .text-right {
        margin: 0; /* Verwijder de marges op brede schermen */
    }
}

/*** BLOG-INHOUD BUTTON - agnes 2024-01-12 ***************/

.custom-button {
  background-color: #008080;
  color: white;
  border-radius: 10px;
  padding: 10px 20px;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  display: block; /* Maakt het element een blokelement om het volledige beschikbare horizontale ruimte in te nemen */
  margin: 0 auto; /* Horizontaal centreren door margin toe te voegen aan beide zijden */
  text-align: center; /* Centreert de tekst binnen de knop */
}

.custom-button:hover {
  background-color: #006666;
}



/******* KONINGSDAG MELDING *************/

.koningsdag {
  color:#f44611;
  font-weight: bold;
  margin-left: 2px;
  margin-top: 50px;
}

.koningsdag ul{
    line-height: 1.8;
    list-style: none;
  margin-top:2px;
}

.koningsdag ul li{
  color:#f44611;
  font-weight: bold;
  margin-left: 2px;
  padding-top:10px;
}

/***** 123BOEKEN EXTRA CSS AANPASSINGEN agnes 2023-03-2028 poppetje icon verbergen ******/ 
.widget-123boeken-capacity{ 
  visibility: hidden !important; 
} 

.widget-123boeken-persons{ 
  visibility: hidden !important; 
} 

.widget-123boeken-persons-specification{ 
  visibility: hidden !important; 
} 

/*** 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%; }

/*** YouTube SHORTS responsive - agnes 2022-03-23 ***************/
.short{
  float: right;
  margin-left: 50px;
  margin-right: 10px;
}

/*** BLOKKKEN OPMAAK voor tekstpagina's - agnes 2023-12-14 ***************/

.IMG_center{
    width: 100%;
    align-items: center;
    align-content: center;
}


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

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

.button_center{
  align-items: center;
  width: 40%;
  margin: auto;
}

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 zelfregelen & contactgegevens - agnes 2023-03-17 ***************/
.zelfregelen{
  float: left;
  color: #008080;
	border: 1px;
	border-color: #008080;
  border-style: solid;
  background-color: #ffffff;
	margin: 20px;
	padding: 20px;
  width: 46%;
  min-width: 310px;
}

.zelfregelen ul li{
  margin-left:20px;
}


.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:1rem;
 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;
}

/*********************** BLOG - agnes 2023-11-30 ******/

.BLOG_IMG {
display: flex;
justify-content: center;
margin-top: 20px;
margin-bottom: 20px;
}

/*********************** 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 ******/


/*** START tekstpagina - agnes 2023-08-28 ***/

ol ol {
  margin-left: 20px;
}

/*** EINDE tekstpagina - agnes 2023-08-28 ***/


.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; }
}
.accountpages .gui a.custom-return-button {
  background-color: #3cb28b;
  box-shadow: -15px 25px 50px rgba(40, 56, 74, 0.08);
  color: #ffffff;
  cursor: pointer;
  display: inline-flex;
  padding: 10px 25px;
  border-radius: 4px;
  color:#fff;
}

.hurryoutofstock {
    color: #000!important;
}

.hurryoutofstockicon {
    background: #000!important;
}

/* Maatwerk december 2024: same height/toggle for product description/product specs: more maatwerk code in custom.js and in script.js */
#product-content .description .wrapper.product-content-dev {
    min-height: 300px;
}