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

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

.gui a {
  color: #fefefe;
}

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

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

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

.gui-block-title {
  color: #000000;
  background-color: #fefefe;
}

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

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

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

.gui-block-option {
  border-color: #d8d8d8;
  background-color: #f2f2f2;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #8c8c8c;
  background-color: #f2f2f2;
}

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

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

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

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

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

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #030200;
  background-color: #e2e2e2;
}

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

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

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

.gui-progressbar {
  background-color: #000000;
}

/* custom */
.productpage .product-tabs .tabs-box {
  border-bottom: 1px solid #3A3838;
  margin: 0 -15px;
  margin-bottom: 15px;
}

.productpage .product-tabs .tabsOptions .tab {
  padding: 10px 15px;
  border: 1px solid #444;
  border-bottom: none;
  display: inline-block;
  margin-right: 10px;
  font-weight: bold;
}

.productpage .product-tabs .tabsOptions .tab.active {
  color: #fff;
  border-color: #3A3838;
  background: #3A3838;
}

.productpage .product-tabs .tabs-boxes {
	margin: 0 -30px;
}

.productpage .product-tabs .tabs-boxes .tab-box {
  display: none;
}

.productpage .product-tabs .tabs-boxes .tab-box.active {
  display: block;
}


/*A. Masoumie, 12-02-2019, ZD #760226, Workaround CSS image BEGIN*/ 
<!-- Desktop  -->
.banner-1 {
    background: url(banner-1.jpg?002) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.banner-1-slide.slide-2 {
    background: url(banner-1-slide-2.jpg?004) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.banner-2 {
    background: url(banner-2.jpg?010) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.banner-2-right {
    background: url(banner-2-right.jpg?006) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.banner-3 {
    background: url(banner-3.jpg?101) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.banner-4 {
    background: url(banner-4.jpg?010) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.banner-bottom {
    background: url(banner-bottom.png?013) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    min-height: 450px;
    max-width: 100%;
    background-position: center left;
}

@media (min-width: 767px) and (max-width: 991px) {
  .productpage .product-tabs {
    margin: 30px;
    margin-bottom: 0px;
  }
}

@media (max-width: 767px) {
 .productpage .product-tabs .tabs-box {
    display: flex;
    justify-content: center;
  }
  
  .productpage .product-tabs .tabsOptions .tab {
    margin: 0 3px;
  } 
  
  .productpage .product-tabs .tabs-boxes .tab-box {
    margin: 0 30px;
  }
}


<!-- Mobile  -->
@media only screen and (max-width: 767px) {
  
.banner-1.with-mobile {
    background: url(banner-1-mobile.jpg?009) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.banner-1-slide.slide-2.with-mobile {
    background: url(banner-1-slide-2-mobile.jpg?001) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }}
/*A. Masoumie, 12-02-2019, ZD #760226, Workaround CSS image END*/
/*cookielogo verbergen*/
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

.justify-center {
	justify-content: space-between !important;
}


.energy-label-popup {
	position: fixed;
  display: flex;
  z-index: 100000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.5);
  
      align-items: center;
    justify-content: center;
}

.energy-label-popup-container {
  max-width: 300px;
  background: white;
}

.energy-label-popup-container img {
	width: 100%;
  height: auto;
}

.image-container {
	position: relative;
  padding: 42px;
}

.image-container > div {
  position: absolute;
  right: 0;
  top: 0;
  /* background: #d5d5d5; */
  padding: 10px;
  font-size: 20px;
  line-height: 20px;
  color: var(--grey);
  cursor: pointer;
}

.energy-label-popup.hide {
	display: none;
}

.collection-energy-label {
  position: absolute;
  right: 0;
  z-index: 2;
  bottom: 0;
  max-width: 70px;
}

.collection-energy-label img {
  height: 20px;
  width: auto;
  cursor: pointer;
}

.faq-section {
  max-width: 800px;
  margin: 40px auto;
  padding: 20px;
  color: #333;
  font-family: inherit;
}

.faq-item {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.faq-question {
  cursor: pointer;
  font-weight: 600;
  font-size: 18px;
  padding: 12px 0;
  color: #333;
  list-style: none;
  outline: none;
  transition: color 0.2s;
}

.faq-question:hover {
  color: #007bff;
}

.faq-answer {
  padding-top: 10px;
  font-size: 16px;
  line-height: 1.5;
  color: #555;
}

.faq-answer ul { list-style-type: disc; padding-left: 20px; }
.faq-answer ol { list-style-type: decimal; padding-left: 20px; }
.faq-answer li { margin-bottom: 8px; }

.faq-credit {
  font-size: 12px;
  color: #bbb;
  text-align: right;
  margin-top: 20px;
}
.faq-credit a { color: #bbb; text-decoration: none; }
.faq-credit a:hover { text-decoration: underline; }

@media (max-width: 768px) {
  .faq-section { padding: 10px; }
  .faq-question { font-size: 16px; }
  .faq-answer { font-size: 14px; }
}

/* Optionally remove default triangle icon from summary and style your own */
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after {
  content: "▼";
  float: right;
  margin-left: 10px;
  font-size: 14px;
  color: #bbb;
  transition: transform 0.3s;
}
.faq-item[open] summary::after {
  transform: rotate(180deg);
}