/**
	CSS von Weinhelp7 für 3 Weine nebeneinander
	für Storefront und Neve
*/


/* :root { */
html {
	
	--WH-PicWidth : 130Px;
	--WH-PicHeight : calc( var( --WH-PicWidth) * 2);
	--WH-PicHeightA : auto;
	----WH-PicVisible : none;
	--WH-PicVisible : visible;
	--WH-BoxHeight :calc( var( --WH-BoxHeightElaPlus) + 550px);
	
}

/* .WH_KBU1 :root { */
html .WH_KBU1 {	
	
	--WH-BoxHeight : 650Px;
}

html  .WH_ELA3{	
	
}

html .WH_KBU1 .WH_ELA3{	
	
}



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



ul.products li.product .price {
    font-weight: 600!important;
	font-size: 30px;
}



	@media (min-width: 768px) and (max-width: 1024px){
		html 
		{     --WH-Prod-width:45%!important; }

	}	
	
	@media (min-width: 768px) {
		html .theme-astra
		{     --WH-Prod-width:99%!important; }

	}	


	@media (min-width: 768px) and (max-width: 1024px){
		html .theme-neve
		{     --WH-Prod-width:46%!important; }

	}	
	



@media (max-width: 786Px) {
ul.products li.product {
    width: 93%;
    float: left !important;
   
    border: 1px solid #d6d6d6 !important;
    border-radius: 6px !important;
    margin: 15px !important;
}	

ul.products li.product img {
    display: block!important;
    margin: 10px auto 10px!important;
    width:  var(--WH-PicWidth )!important;
}
	
	
   
ul.products li.product {
    width: var( --WH-Prod-width , 30% )!important;
}
	
}

@media (min-width: 768px) {
	
.dimensions {
font-weight: normal;
font-size: 10px;
position: absolute;
top: calc( var(--WH-BoxHeight) - 95Px)!important;
left: 8px;
line-height: 1.1em;

}	


.site-main ul.products li.product , .woocommerce ul.products li.product{
    width: var( --WH-Prod-width , 30% )!important;
	min-width:210px!important;
    float: left;
    text-align: left!important;
    margin-right: 1%!important;
    border: 1px solid #d6d6d6!important;
    border-radius: 6px!important;
    min-height: calc(var(--WH-BoxHeight) + 5Px) ;
    padding: 2px 2px 2px 2px!important;
    height:  var(--WH-BoxHeight) ;
}


ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
  margin: 0px 20px 10px 10px !important;
  font-size: 16px !important;
}



ul.products li.product img {
    /* display: block!important; */
    margin: 0 auto 0!important;
    height: auto!important;
    width:  var(--WH-PicWidth )!important;
}

ul.products li.product h3 {
    font-size: 1em!important;
}

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


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

.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;
}


ul.products li.product .price {

    text-align: center!important;
    display: block!important;
    font-weight: 600!important;
    position: absolute;
    top: calc( var(--WH-BoxHeight) - 130Px)!important;
	left: 3%;
	font-size: 25px;
	
}



.added_to_cart  {
   
    position: absolute;
	
	top: calc( var(--WH-BoxHeight) - 45Px)!important;
    left: 85Px ;
	margin-top: 0em!important;
	font-size: 16px!important;
	padding: 6px!important;
	font-size: 14px !important;

}  

.theme-customizr .added_to_cart  {
	top: calc( var(--WH-BoxHeight) + 0Px)!important;
	font-size: 16px !important;

}  




		
/* Kategorie anzeige */


ul.products li.product-category  {
  height: 100px !important;
  left: 10px;
}

ul.products li.product-category img {
  width: calc( var(--WH-PicHeight ) - 60px) !important;
  height: auto !important;
  left: 10px;
}


.woocommerce-loop-category__title {
	position: 	relative;
	font-size:25px!important;
	text-align: center!important;
    top:  260px ;

}

li.product-category {
    min-height: calc(var(--WH-BoxHeight) - 360Px) !important;
}
	
	
	
.theme-astra li.product-category {
    min-height: calc(var(--WH-BoxHeight) - 300Px) !important;
}

	
.theme-neve li.product-category {
    min-height: calc(var(--WH-BoxHeight) - 300Px) !important;
}


	
/* -----------------------------Kategorie anzeige */		













}





/*Warenkorb anzeigen bei einzelnen Flaschen*/



/* Item*/
.count {
    font-weight: 300!important;
    opacity: .8!important;
    font-size: .857em!important;
    color: #000000!important;
}
/* Item*/




/*    KBU    */




@media (min-width: 768px) {
	
	.WH_KBU1 .WH_Kbez, .WH_KlTab {
    position: absolute;
    top: 370px;
    left: 20px;
    font-size: small;
    overflow: hidden;
    max-height: 150px;
	width: 85%;
}


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

}




/*   ELAB   */

summary.ElabV2 {
  font-size: 12px!important;
}

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

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

  @media (min-width: 768px){  /* shopseite viele nebeneinander */
.WH_ELA3 .site-main ul.products li.product .WH_Elab {
 
left: 10px !important;
top: calc( var(--WH-BoxHeight) - 120Px -  var(--WH-BoxHeightElaPlus)) !important;
  margin-bottom: -30px;
width: 90%;
position: absolute;
}





.theme-neve.WH_ELA3 .ElabV2.WH_Elab {
  position: absolute;
  left: 5px;
  width: 90%;
  top: calc( var(--WH-BoxHeight) - 155Px) !important;
}

 .theme-neve.WH_ELA3 .ElabV1.WH_Elab {
  position: absolute;
  left:5Px ;
  min-width: 150px;
  width: 90%;
  top: calc( var(--WH-BoxHeight) - 207Px) !important;
}













  }





 /* astra */
  @media (max-width: 544px){
.ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.mobile-columns-2 ul.products:not(.elementor-grid), .woocommerce-page.mobile-columns-2 ul.products:not(.elementor-grid) {
  grid-template-columns: repeat(1, minmax(0, 1fr))!important;
}
  }
  
  
    @media (max-width: 768px){
.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(2, minmax(0, 1fr));
}
	}