/**
	CSS von Weinhelp7 für 1 Wein untereinander
	für Storefront und Neve
*/


html {
	
	--WH-PicWidth : 90Px;
	--WH-PicHeight : calc( var( --WH-PicWidth) * 2);
	--WH-PicHeightA : auto;
	----WH-PicVisible : none;
	--WH-PicVisible : visible;

	--WH-BoxHeight :  200px ;
}


html .theme-neve {
  --WH-Prod-width: 95%;
}
	
	
html .theme-customizr {
  --WH-Prod-width: 95%;
}

		
@media (min-width: 768px) {
	

ul.products li.product .price{
    font-weight: bold!important;
    font-size: 18px!important;
    font-weight: 700!important;
    margin-left: .618em!important;
    background-color: transparent!important;
    position: absolute!important;
    top: calc( var(--WH-BoxHeight) - 122Px);
    left: calc(var(--WH-PicWidth) +  10px);

}



.single-product div.product .price {
    font-weight: 700;
    position: relative;
}

ul.products li.product .onsale {
    font-weight: bold!important;
    font-size: 15px!important;
    position: absolute!important;
    top: 3px!important;
    left:calc(var(--WH-PicWidth) + 5Px)!important;
	color: red !important;
	border: 1px solid;
	padding: .2em .6em;
	text-transform: uppercase;
	font-weight: 600;
}


.price del {
    opacity: .5; 
}


ul.products li.product .button {
	position: absolute;
 	top: calc( var(--WH-BoxHeight) - 45Px)!important;
    left: calc(var(--WH-PicWidth) + 90Px) ;
	margin-top: 0em!important;
	font-size: 14px!important;
	padding: 6px!important;

}


.theme-striking_r ul.products li.product .button {
	top: calc( var(--WH-BoxHeight) - 43Px)!important;
    left: calc(var(--WH-PicWidth) + 153Px) ;
	
}


/* Warenkorb anzeigen*/
.added_to_cart {
    
    position: absolute;
    top: calc( var(--WH-BoxHeight) - 45Px)!important;
    left:calc(var(--WH-PicWidth) + 230Px)!important;
	margin-top: 0em!important;
	font-size: 16px!important;
	padding: 6px!important;
}

/* Warenkorb anzeigen*/
.theme-astra .added_to_cart {
    position: absolute;
    left:calc(var(--WH-PicWidth) + 86Px)!important;
}

.theme-neve .added_to_cart {
    position: absolute;
    left:calc(var(--WH-PicWidth) + 82Px)!important;
	font-size: 13px !important;
}

.theme-customizr .added_to_cart {
  top: calc( var(--WH-BoxHeight) - 4Px) !important;
  left: calc(var(--WH-PicWidth) + 110Px) !important;
}

.theme-storefront .added_to_cart {
  top: calc( var(--WH-BoxHeight) - 4Px) !important;
  left: calc(var(--WH-PicWidth) + 110Px) !important;
}


ul.products .quantity {
    position: absolute;
   top: calc( var(--WH-BoxHeight) - 45Px)!important;
    left: calc(var(--WH-PicWidth) +  15px);
}

.quantity .qty {
  width: 55px !important;
  padding: 3px !important;
  font-size: 16px !important;
  height: 25px !important;
  margin: 0px;
  box-sizing: content-box!important;
  border-style: solid;
  border-radius:3px;
  border-color:white;
  border-width:3px;
}


.dimensions {
    font-weight: normal;
    font-size: 11px;
    position: absolute;
   top: calc( var(--WH-BoxHeight) - 95Px)!important;
    left: calc(var(--WH-PicWidth) +  10px);
    line-height: 1.1em;
}





ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
   position: absolute;
    top: -10px;
	left: calc(var(--WH-PicWidth) +  90px);
  
}


/* die breite der Box wird über die Anzahl und die Bildschirmbreite
   In
   var( --WH-Prod-width , 30% )
   berechnet
   */
   
ul.products li.product {
    width: var( --WH-Prod-width , 30% )!important;
	min-width : calc(var(--WH-PicWidth) + 370px) !important;
    float: left!important;
    text-align: left!important;
    margin-right: 1%!important;
    background-color: var(--WH-Prod-background);/* NUR NEVE  */
    border: 1px solid #d6d6d6!important;
    border-radius: 6px!important;
    min-height: calc(var(--WH-BoxHeight) + 10Px)!important;
}

ul.products li.product h3 {
    font-size: 1.1em;
    float: right;
    width: 70%;
    padding-left: 50px;
}



ul.products li.product img {
	display: var(--WH-PicVisible)!important;
    height: var(--WH-PicHeightA) ;
    width: var(--WH-PicWidth) !important;
    position: absolute !important;
    margin: 3px !important;
	top: calc( (var(--WH-BoxHeight) - var(--WH-PicHeight)) / 2) ;
}


.theme-striking_r ul.products li.product img {
  width: calc(var(--WH-PicWidth) - 30px) !important;
  position: absolute !important;
  margin: 3px !important;
  top: 5px;
}


}


    @media (min-width: 768px) {
        #order_review, #order_review_heading {
        border:0px;
        }
    }

	
	
	/* Kategorie anzeige */

.theme-astra ul.products li.product .woocommerce-loop-category__title {
  bottom: unset;
  margin-left: 0px !important;
  padding-left: 0px;
  top: 10px;
  left: calc(var(--WH-PicWidth)+10px);
}
 



ul.products li.product-category  img {
    width: var(--WH-PicHeight) !important;
    position: absolute !important;
    left: 10px !important;
    top: calc( (var(--WH-BoxHeight) - var(--WH-PicHeight)) / 2)   !important;
}



@media (max-width: 768px) {
.woocommerce-loop-category__title:not(.anything) {
  margin-left: var(--WH-BoxHeight) !important;
}

.theme-storefront .woocommerce-loop-category__title:not(.anything) {
    margin-left: auto !important;
  }



.theme-astra ul.products li.product-category  img {
  left: calc(-0.1 * var(--WH-PicHeight));
  position:relative;
}
}






@media (min-width: 768px) {
	
.theme-neve ul.products li.product-category  img {
  left: 10px!important;
  position:relative;	
  width: auto !important;	
}


.theme-storefront ul.products li.product-category  img {
	width: var(--WH-PicHeight) !important;
	top: 40px!important;
    left: 40px;
}
}


@media (min-width: 768px) {
	
.theme-astra ul.products li.product-category  img {
  left: 10px!important;
  position:relative;	
  width: auto !important;	
}
}

.img-wrap .out-of-stock-badge {
  display: none!important;
}


.woocommerce-loop-category__title {
	font-size:25px!important;
	text-align: center!important;
	margin-left: 60px!important;
	margin-top:20px;
  margin-right: 0px!important;
	
}
	
/* -----------------------------Kategorie anzeige */





/*    KBU    */

@media (max-width: 768px) {

.WH_KBU1 .WH_Kbez, .WH_KBU1 .WH_KlTab  {
  font-size: small;
  overflow: hidden;
  line-height: 18px !important;
  width: calc(100% - 20Px);
}

}

@media (min-width: 768px) {


.WH_KBU1 .WH_Kbez, .WH_KBU1 .WH_KlTab {
    position: absolute;
    top: 70px;
    left: 320px;
    font-size: small;
    overflow: hidden;
  margin-right: 22px;
  line-height: 18px !important;
  width: calc(100% - 340Px);
}




.WH_KBU1 ul.products li.product {
        min-height: calc(var(--WH-BoxHeight) + 15px) !important;
}


.WH_KBU1 .woocommerce-product-details__short-description {
    display: none;
}

.WH_KBU1 ul.products li.product .woocommerce-loop-product__title, .WH_KBU1 ul.products li.product h2, .WH_KBU1 ul.products li.product h3 {
    position: absolute;
    top: -10px;
    left: 250px;
}


}





/*    ELAB   */



.WH_ELA1 .woocommerce-page #content div.product div.summary  div.WH_Elab { /* einzelnes Produkt */
	max-width : 400px;
	
}

.WH_ELA1 .woocommerce-page #content div.product div.summary  div.Elab_a { /* einzelnes Produkt */
	font-size: 15px!important;
	
}



  @media (min-width: 768px){  /* shopseite viele nebeneinander */
  

  
.products.WH_ELA1 .WH_Elab {
 margin-bottom: -30px;
max-width: 170px;
position: absolute;
top: calc( var(--WH-BoxHeight) - 72Px);
left: 303px;
min-width: 142px;
}


  
.theme-patti  .WH_Elab.ElabV2 {
 margin-bottom: -30px;
max-width: 170px;
position: absolute;
top: calc( var(--WH-BoxHeight) - 44Px);
left: 352px;
min-width: 142px;
}

.theme-patti-4  .WH_Elab.ElabV2 {
 margin-bottom: -30px;
max-width: 170px;
position: absolute;
top: calc( var(--WH-BoxHeight) - 44Px);
left: 352px;
min-width: 142px;
}



  
.theme-patti  .WH_Elab.ElabV1 {
 margin-bottom: -30px;
max-width: 170px;
position: absolute;
top: calc( var(--WH-BoxHeight) - 84Px);
left: 342px;
min-width: 142px;
}

.theme-patti-4  .WH_Elab.ElabV1 {
 margin-bottom: -30px;
max-width: 170px;
position: absolute;
top: calc( var(--WH-BoxHeight) - 84Px);
left: 342px;
min-width: 142px;
}



.theme-storefront  .WH_Elab.ElabV2 {
position:absolute;
top: calc( var(--WH-BoxHeight) - 30Px);
left: 309px;
min-width: 150px;
}



.theme-storefront  .WH_Elab.ElabV2 {
position: absolute;
top: calc( var(--WH-BoxHeight) - 38Px);
left: 308px;
min-width: 215px;
}



.theme-storefront  .WH_Elab.ElabV1 {
position:absolute;
top: calc( var(--WH-BoxHeight) - 45Px);
left: calc(var(--WH-PicWidth) + 220px);;
min-width: 150px;
}



.theme-storefront summary.ElabV2 {
  
  font-size: 15px;

}





.theme-striking_r  .WH_Elab.ElabV2 {
position: absolute;
top: calc( var(--WH-BoxHeight) - 38Px);
left: 399px;
min-width: 174px;
}



.theme-striking_r  .WH_Elab.ElabV1 {
position: absolute;
top: calc( var(--WH-BoxHeight) - 81Px);
left: 393px;
min-width: 223px;
}




  }
  
  
 @media (max-width: 768px) {
  .theme-neve.WH_ELA1 .ElabV2.WH_Elab {
    max-width: 260px;
    top: calc( var(--WH-BoxHeight) - 43Px);
    left: calc(var(--WH-PicWidth) + 235px);
    min-width: 180px;
    width: 260px;
  }
  
summary.ElabV2 {
  font-size: 16px!important;
  line-height: 1.7;
  font-weight: bold;
}  

  .nv-card-content-wrapper :nth-child(1) {
    order: unset!important;
  }
   .Ela_Linea {
    width: unset!important;
  }
}
  
 

 @media (min-width: 768px){  /* shopseite viele nebeneinander */

.theme-astra.WH_ELA1 .WH_Elab {
  max-width: 300px;
  top: calc( var(--WH-BoxHeight) - 45Px);
  left: calc(var(--WH-PicWidth) + 235px);
  min-width: 165px;
  position:absolute;
}  




.theme-astra.WH_ELA1 .WH_Elab.ElabV2 {
top: calc( var(--WH-BoxHeight) - 44Px);
left:  calc(var(--WH-PicWidth) + 220Px);
position: absolute;
}

.theme-astra summary.ElabV2 {
  font-size: 13px !important;
}
  
.theme-neve.WH_ELA1 .WH_Elab {
  max-width: 320px;
  top: calc( var(--WH-BoxHeight) - 44Px);
  left:  calc(var(--WH-PicWidth) + 235Px);
  min-width: 180px;
  position:absolute;
}   


.theme-neve summary.ElabV2 {
  font-size: 17px !important;
}
 

 
.theme-neve.WH_ELA1 .ElabV2.WH_Elab {
  max-width: 260px;
  top: calc( var(--WH-BoxHeight) - 43Px);
  left: calc(var(--WH-PicWidth) + 235px);
  min-width: 180px;
  width: 260px;
}

 
  .theme-customizr  .WH_Elab {
  position: absolute;
  max-width: 210px;
  top: calc( var(--WH-BoxHeight) - 64Px);
  left: 355px;
  min-width: 180px;
  width: 200px;
 }

.theme-customizr  .ElabV2.WH_Elab {
  max-width: 260px;
  top: calc( var(--WH-BoxHeight) - 45Px);
  left: 361px;
  min-width: 180px;
  width: 251px;
}

 

  
 } 
 

  @media (max-width: 921px) {  /* shopseite viele nebeneinander astra */
.ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.tablet-columns-3 ul.products:not(.elementor-grid) {
  grid-template-columns: repeat(1, minmax(0, 1fr))!important;
}
  }