/* 20231201102333 - 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: #333333;
  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: #76c61b;
}

/* custom */
.powered-by {display:none}

.shipping strong {font-weight:bold; color:#2da60c}

.prod-card__old-price,
.product__price--old {color:#D22B2B}

.prod-card__badge {background-color:#D22B2B}


/* .products .product .image-wrap .sale-new.new-label {background-color:#FF9600} */

/*
@media (max-width: 1200px) {
.topnav .left {width:520px;}
}


@media (max-width: 992px) {
.topnav .left {width:280px;}
.header-info span.block {width:230px}
}

@media (max-width: 440px) {
  .topnav .left {width:100%; margin-bottom:10px;}
  .header-info .shipping {display:none}
}
*/



/*  VIEWSION vSelect  */
/*  Basic - no class  */
.vSelect.block {
  display: block;
  position: relative; }

.vSelect.block li {
  margin-bottom: 5px;
  cursor: pointer;
  border: 1px solid #ccc;
  position: relative; }

.vSelect.block li:hover, .vSelect.block li.act {
  border-color: #000; }

.vSelect.block div.bg {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 40px;
  border-right: 1px solid #ccc; }

.vSelect.block div.caption {
  padding-left: 50px; }


.vSelect.block.dropdown.noid .id {
  display: none; }

.vSelect.block.dropdown.noinfo .vSelect-info {
  display: none; }

/* Dropdown  */
.vSelect.block.dropdown {
  padding-bottom: 40px;
  width: 100% !important;
  position: relative;
  z-index: 100; }

.vSelect.block.dropdown ul {
  background-color: #fff;
  width: 100%;
  height: 1px;
  border: 1px solid #ccc;
  position: absolute;
  margin: 0px; }

.vSelect.block.dropdown ul.sel {
  transition: height .4s;
  margin-top: 40px;
  overflow: scroll;
  z-index: 1; }

.vSelect.block.dropdown .btn {
  position: absolute;
  width: 42px;
  line-height: 42px;
  right: -1px;
  top: -1px;
  height: 42px;
  font-size: 16px;
  text-align: center;
  z-index: 3; }

.vSelect.block.dropdown.open ul.sel {
  height: 300px;
  box-shadow: 0px 2px 3px rgba(200, 200, 200, 0.5); }

.vSelect.block.dropdown li {
  width: auto;
  float: none;
  height: 40px;
  position: relative;
  overflow: hidden;
  border: none;
  z-index: 1;
  margin: 0; }

.vSelect.block.dropdown ul.sel li.act, .vSelect.block.dropdown ul.sel li:hover {
  background-color: #f3f3f3;
}

.vSelect.block.dropdown ul.sel li.disabled .caption {
  opacity: .3;
}
.vSelect.block.dropdown ul.sel li.disabled::after {
  content: "aktuell nicht lieferbar";
  color: #fff;
  background-color:red;
  opacity:.4;
  display:block;
  position:absolute;
  right:10px;
  top:10px;
  font-size:9px;
  padding:2px 5px;
}


.vSelect.block.dropdown ul.sel li.act, .vSelect.block.dropdown ul.sel li.disabled:hover {
  background-color: #eee;
  cursor: not-allowed !important;
}

.vSelect.block div.bg {
  left: 5px;
  top: 5px;
  bottom: 5px;
  width: 70px;
  border: none;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1); }

.vSelect.block.dropdown ul.cur {
  visibility: visible;
  margin-top: 0px;
  height: 42px;
  z-index: 2; }

.vSelect.block.dropdown:hover ul.cur {
  box-shadow: 0px 2px 3px rgba(200, 200, 200, 0.5); }

.vSelect.block.dropdown li .caption {
  display: block;
  position: absolute;
  visibility: visible;
  white-space: normal;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  bottom: auto;
  top: 0px;
  left: 85px;
  right: 0px;
  line-height: 40px; }

/* .vSelect.block.dropdown li:hover, .vSelect.block,dropdown li.act { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } */
/* Cart */
.vSelect-cart.addImg {
  height: 20px;
  margin: 5px;
  border: 1px solid #999; }

.vSelect-cart.preEm {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid #999;
  margin: 0px 5px;
  vertical-align: text-top; }

.vSelect-cart.preEm {
  display: none; }


/* VIEWSION vSelect Mix 2022 */

.product__price {float:left;}
.unitprice {float: none; clear:both; width:100%; display: block; margin-top:30px}

.product__price-wrapper  ul {background:#e3ffdb; padding:10px; color: #2da60c; margin-top:10px}
.product__price-wrapper  ul li {list-style: none; border-bottom: 1px solid #2da60c ; font-size: 75%;}
.product__price-wrapper  ul li:last-child {border:none}

.vsmx-price-from {margin-right:10px; padding-right:10px; border-right: 1px solid #ccc; position:relative; color:#2da60c;}
.vsmx-price-from small {font-size:50%; position:absolute; left:0px; bottom:-14px}

#product_configure_form .product-option {display:none}

.vselectmix .product-configure-custom-option {width:100% !important}
.vselectmix #product_configure_form .product-option textarea {background: #ccc; width:100%; max-width:none !important}


.vselectmix #product_configure_form .cart .change {display:none}

.vselectmix #product_configure_form .cart {display:none}
.Xvselectmix-sel #product_configure_form .cart .btn {display:inherit}

.vselectmix-false #product_configure_form .product-option {display:inherit}

.vsmx-scroll-btn {display:block; text-align:center; float:right; }
#vsmx-botbar {position: fixed; z-index: 10; font-size: 14px; left:0px; right:0px; background: #efefef; padding: 20px 20px 10px 20px; border-top:1px solid #ccc; box-shadow: 0px 0px 2px #666;

			 bottom:-200px;
			 transition: bottom .5s;
}

.vselectmix-sel #vsmx-botbar {bottom:0px}

#vsmx-botbar > div {max-width: 1140px; position: relative; margin: auto; height:100%}
#vsmx-botbar .lft {margin-right:410px}
#vsmx-botbar .rgt {text-align:right; width:400px; position:absolute; top:0px; right:0px}
#vsmx-botbar .rgt > div {width: 50%; overflow: hidden; float: left; line-height: 18px;}
#vsmx-botbar .rgt .btn { width: 90%; text-align:center; height:40px; line-height: 40px;}
#vsmx-botbar .col-itm,
#vsmx-botbar .col-itm .bg {borderX:1px solid #000; box-shadow: 0 0 1px #666; display:inline-block; width:40px; height:40px; line-height: 40px; text-align:center; margin: 0 10px 10px 0}
#vsmx-botbar .col-itm {border:none; text-decoration: none; font-weight: bold; color:#000; text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff;}
#vsmx-botbar .price.total {font-weight: bold; font-size:18px; margin-left:10px}
/*
#vsmx-botbar .col-itm {
    color: #fff; 
    mix-blend-mode: difference;
}
*/

#vselectmix.row {padding:10px}
#vselectmix h3 {margin:20px 5px}
#vselectmix .vitm {width:25%; display:inline-block }


#vselectmix .vitm > div {border: 1px solid transparent; margin:5px; height: 100px; position:relative; box-shadow: 0 0 1px #666; }


#vselectmix .vitm .title {background:rgba(250, 250, 250, 0.6); position: absolute; left: 0px; top:0px; padding:2px 5px; font-size:10px; line-height: 13px; box-shadow: 0 0 1px #666; }


#vselectmix .vitm .cart {background:rgba(250, 250, 250, 0.6); position: absolute; bottom: 0px; right: 0px; text-align:right; line-height: 0px; line-height: 0px;  box-shadow: 0 0 1px #666; }

#vselectmix .vitm .cart .qty,
#vselectmix .vitm .cart a {display:inline-block; height:25px; width:25px; font-size:16px; line-height: 25px; padding:0; margin:0; border:none; text-align: center;}
#vselectmix .vitm .cart .qty {width:50px; color:#000; opacity:.3  }
#vselectmix .vitm .cart a { color:#333; font-weight:bold; font-weight: 20px; text-decoration: none;}

#vselectmix #product_configure_form input {pointer-events: none; }

#vselectmix .vitm .down {opacity:.3}
#vselectmix .vitm.sel .down {opacity:1 }

#vselectmix .vitm.av-false .cart a,
#vselectmix .vitm.av-false .cart input {display:none}
#vselectmix .vitm.av-false .cart::after {
	content: "aktuell nicht lieferbar";
    color: red; 
	font-size:10px;
	line-height:25px;
	margin:5px;
} 

#vselectmix .vitm.selX {background:rgb(100, 100, 100)}
#vselectmix .vitm.sel .bg {border-color:#000; box-shadow: 0px 0px 6px black;}
#vselectmix .vitm.sel .qty {opacity:1}
/*
.vselectmix-sel .vitm .down {display:none}
.vselectmix-sel .vitm {opacity:.5}


.vselectmix .vitm:hover {opacity:1}
*/


@media only screen and (max-width: 600px) {
	#vsmx-botbar .lft {margin-right:-20px; margin-bottom:25px; border-bottom: 1px solid #ccc }
	#vsmx-botbar .rgt {width:100%; top:auto; bottom:10px; position:relative}
	#vsmx-botbar .col-itm,
	#vsmx-botbar .col-itm .bg {width:33px; height:33px; line-height: 30px; margin: 0 10px 10px 0}
	#vselectmix .vitm {width:50%}

	.product__price {float:none;}	
	.vsmx-scroll-btn {float: none; margin-top:30px !important }
}


.vsmx-cart-vitm .qty {display:inline-block; min-width:12px;}
.vsmx-cart-vitm .bg {display:inline-block; width:12px; height:12px; vertical-align:text-bottom;  border: 1px solid #ccc; margin:0 5px 0px 2px}


/* X-MAS */
.x-mas a {color:green !important; font-weight:bold !important;}
.main-header--desktop .x-mas a {background-color:rgb(223, 254, 222); border-radius:5px}
