/* 20250717085840 - 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: #4caf50;
}

.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: #3c8c40;
  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: #76c61b;
}

/* custom */
/* Name: Mary | Date: sept18 2019   | Reason: add margin logo | Begin. */
.img-responsive.lazyloaded,
#logo {
 margin-top: 10px !important;
 margin-bottom: 10px !important;
}

/* Name: Rowan | Date: may 2023  */
.send-cost-tooltip {
 position: relative;
}

.send-cost-tooltip:hover{
 color: #4caf50;
}

.send-cost-tooltip:hover::after{
 content: "Dieser Preis kann je nach Versandart leicht abweichen.";
 position: absolute;
 max-width: 90%;
 min-width: 50%;
 height: fit-content;
 padding: .5rem;
 border-radius: 5px;
 background-color: white;
 top: 1.5rem;
 left: 2rem;
 box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
 z-index: 99;
}

.keep-shopping {
	position: relative !important;
  right: unset !important;
  top: unset !important;
  width: 100%;
  padding: .6rem;
  font-size: small !important;
  display: flex;
  justify-content: center;
  align-items:center;
  text-decoration: underline;
}

@media only screen and (max-width: 575px) {
  
.keep-shopping {
    top: 30px !important;
}
  
}


/* Name: Mary | Date: sept18 2019  | Reason: n| End. */

.uniquePointText {
  color: #FFFFFF;
}
a.addToWishlist {
  display:none !important;
}
.actionProduct .addToCompare {
    width: 40%;
}

/* Jaivy Daam Lightspeed 05 May 2017 15:12:10 */

body > header > div.topnav > div > div > div.col-md-4.col-sm-5 > div > ul > li.last.headerEmail > a > span { text-transform: lowercase; }
.actionProduct .addToCompare { display:none; }
.actionProduct .addToCart { width:100%; text-align:center; }

/* /Jaivy Daam Lightspeed 05 May 2017 15:12:10 */

/* Nynke Lont Lightspeed 08 May 2017 17:57:11 */

.headerStyle3 .logoWrap .searchWrap > a.headerCompare {
  display: none;
}

/* /Nynke Lont Lightspeed 08 May 2017 17:57:11 */
div.loginLinksWrap > ul > li > a{
	color: #666666;
}

.dmws-plus-review-wrapper {
	background: #f8f8f8;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 10px;
  margin-left: 70px;
}
.dmws-plus-review-wrapper p {
	background: none;
	border: none;
	padding: 0;
	margin-left: 0;
}
.dmws-plus-review-wrapper > p,
.dmws-plus-review-wrapper > ul {
  margin-bottom: 1rem;
}
.dmws-plus-review-wrapper > ul > li + li {
  margin-top: 0.25rem;
}
.dmws-plus-review-wrapper > :last-child {
  margin-bottom: 0 !important;
}
.dmws-plus-review-pro-icon,
.dmws-plus-review-con-icon {
  line-height: 18px !important;
}

#dmws-plus-gift-modal-link{
	visibility: hidden !important;
}

/* Mansoor Calculator */
#calculator {
  text-align: right;
}
      .calculator {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
  }


.calculator> td {
        padding: 10px;
        text-align: right;
      }
.calculator > form {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 10px;
    margin-bottom: 20px;
  }
   .calculator > label {
    font-weight: bold;
    white-space: nowrap;
  


  }

   .savings-cell {
        background-color: var(--accent); /* Green color */
     margin : 10px;   
     text-align: right;
        color: white;
      }
  #result {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
  }

  #CI1{
  right:0px;
    
  }
   #CI2{
  right:0px;
  }
   #CI3{
  right:0px;
  }
   #CI4{
  right:0px;
  }
   #CI5{
   right:0px;
  }
   #CI6{
   right:0px;
  } 


/* Tooltip container */
.tooltip1 {
  position: relative;
/*   display: inline-block; */
/*   border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ */
/*   max-height: 100px; */
}
 @media only screen and (min-width: 1199px) {
.circle::after {
   width: 20rem;
   }
.calculator > form > .fields > div > label{
/*   margin-left:auto; */
    margin-right:9rem;
}

.circle{
/* left: -128px; */
/* top: -9px; */
}

/*   #CI1{
  right:134px;
    
  }
   #CI2{
  right:146px;
  }
   #CI3{
  right:166px;
  }
   #CI4{
  right:170px;
  }
   #CI5{
   right:170px;
  }
   #CI6{
   right:155px;
  } */
   

   
} 

 @media only screen and (max-width: 767px) {
.circle::after {
   width: 5rem;
   }
.calculator > form > .fields > div > label{
/*   margin-left:auto; */
    margin-right:2rem;
}
.circle{
/* left: -1rem; */
/* top: -9px; */
}
/*     #CI1{
  right:12%;
    
  }
   #CI2{
  right:15%;
  }
   #CI3{
  right:19%;
  }
   #CI4{
  right:20%;
  }
   #CI5{
   right:20%;
  }
   #CI6{
   right:16%;
  } */
   

} 
/* Tooltip text */
.tooltip1 .tooltiptext1 {
/*   visibility: hidden; */
/*   width: fit-conten; */
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
	padding: 1rem;
  position :relative;
 
  
  /* Position the tooltip text - see examples below! */
  z-index: 1;
}
.circle{
font-size: 14px;
}
/* CIx = Calculator Icon number */

 


/* the infotext  */
.circle::after {
  content: attr(aria-label);
  position: absolute;
/*   max-height: auto; */
  min-width: 10rem; 
  z-index: 1;
  top: 1rem;
  left: 0;
  transform: translateX(10%);
  padding: 5px;
  background-color: #000;
  color: #fff;
  opacity: 0;
  font-size: 10/* Change the font size here */
  transition: opacity 0.3s;
/*   white-space: nowrap; */
/*   max-width: 50rem; */
  
}

.circle:hover::after {
  opacity: 1;
}
/* // Creating a custom tooltip logo
.custom-tooltip-icon {
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #999;
  border-radius: 50%;
  margin-right: 5px;
}

.custom-tooltip-icon::before {
  content: .tooltext1;
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #999 transparent transparent transparent;
} */
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip1:hover .tooltiptext1 {
  visibility: visible;
}


/* Mansoor add usps to mobile */
 @media only screen and (max-width: 767.68px) {
.mobile-usp-container{
margin-top:55px;
text-align: center;
position: relative;
  z-index: 1;
}
   }
 @media only screen and (max-width: 575px) {
.mobile-usp-container{
margin-top:55px;
text-align: center;
position: sticky;
  z-index: 1;
    font-size: 11px;

}
}
}
 @media only screen and (max-width: 400px) {
.mobile-usp-container{
margin-top:55px;
text-align: center;
  font-size: 11px;
  position: fixed;
  z-index: 1;
}
}

#costs-till-free{
margin-top:10px;
}
.mobilemenu-active .mobile-usp-container {
  z-index: 1;
}
@media only screen and (max-width: 575px){
  article{
margin-top:1rem;
  }}

@media only screen and (min-width: 576px) and (max-width: 767px){
  article{
margin-top:80px;
  }
  .formSearch .search-form .default .show .mobile-search{
  	border-top: 1px solid var(--lines);
border-bottom: 1px solid var(--lines);
  }
}

#variant-new-1 .stick .header-message p {margin-top: px;}