﻿/**
	CSS von Weinhelp7 für 2 Weine nebeneinander
	für Storefront und Neve
*/



html {
	
	--WH-PicWidth : 150Px;
	--WH-PicHeight : calc( var( --WH-PicWidth) * 2);
	--WH-PicHeightA : auto;
	----WH-PicVisible : none;
	--WH-PicVisible : block;
	--WH-BoxHeight :calc( var( --WH-BoxHeightElaPlus) + 510px);

	
}

html .theme-neve {
  --WH-Prod-width: 46%;
}


@media (max-width: 786px) {
html .theme-neve {
  --WH-Prod-width: 75%;
}
}


/*    ##Device = Tablets, Ipads (portrait) */
/*    ##Screen = B/w 768px to 1024px*/
@media (min-width: 768px) and (max-width: 1024px) {



}

@media (min-width: 786px) {
	
  /* Flaschenposition im Shop*/
ul.products li.product img {
    margin: 10px 50Px 10px!important;
	display: var(--WH-PicVisible)!important;
    height: var(--WH-PicHeightA) ;
    width: var(--WH-PicWidth) ;
}

.theme-astra ul.products li.product img {
       width: var(--WH-PicWidth)!important ;
	    height: var(--WH-PicHeightA) ;
		width: var(--WH-PicWidth) ;
}

.theme-neve ul.products li.product img {
       width: var(--WH-PicWidth)!important ;
	   height: var(--WH-PicHeightA)!important ;
}

/* Flaschenposition im Shop*/

 

div[itemprop="description"] {
	display:none!important;
}

li.additional_information_tab {
    display: none !important;
}

li.reviews_tab{
    display: none !important;
}



/*
 #customer_details + #wc_checkout_add_ons, #order_review, #order_review_heading {
            width: 80%!important;
        }
 */   


    .woocommerce-checkout .payment-fixed {
        position:relative;
        top:0;
        z-index:9;
    }

    .admin-bar .woocommerce-checkout .payment-fixed {
        top:unset;
    }



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;

}




.theme-customizr ul.products li.product .button {
	font-size: 12px!important;

}

/* 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;
}

.theme-neve .added_to_cart {
    left: 85Px!important;
	font-size: 12px !important;
}


.theme-customizr .added_to_cart {
top: calc( var(--WH-BoxHeight) - 4Px) !important;
left: 100px!important;
}


.theme-storefront .added_to_cart {
  
  left: 80Px !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;
}


.dimensions {
    font-weight: normal;
    font-size: 10px;
    position: absolute;
    top: calc( var(--WH-BoxHeight) - 45Px)!important;
    left:230px;
    line-height: 1.1em;
}




/* die breite der Box wird über die Anzahl und die Bildschirmbreite
   In
   var( --WH-Prod-width , 30% )
   berechnet
   */
 

/* Produktfelder im Shop */
.site-main ul.products li.product , .woocommerce ul.products li.product{ 
    width: var( --WH-Prod-width , 30% )!important;
	min-width : 350Px!important;
    float: left!important;
    text-align: left!important;
    margin-right: 1%!important;
	background-color: var(--WH-Prod-background);/* NUR NEVE  */
    border: 1px solid #d6d6d6;
    border-radius: 6px!important;
    min-height: var(--WH-BoxHeight) ;
}
/* Produktfelder im Shop */




ul.products li.product.first {
    clear: none!important;
}

ul.products li.product.last {
    margin-right: 3%!important;
}



ul.products li.product h3 {
    font-size: 1.1em;
    float: right;
    width: 70%;
}


/* Aktion*/
 .onsale {
    border-color: #43454b;
    position: absolute;
    top: 10px;
    left:75%;
}
/* Aktion*/




/* Preis im Shop bei den Flaschen*/
 ul.products li.product .price {
    font-weight: bold!important;
    position: absolute;
    top: 215px;
    left: 240Px;
    font-size: 25px!important;
}
/* Preis im Shop bei den Flaschen*/

ul.products li.product .onsale {
    font-size: 25px!important;
    position: absolute!important;
    top: 30px;
    left:calc(var(--WH-PicWidth) + 50Px)!important;
	color: red !important;
	border: 1px solid;
	padding: .2em .6em;
	text-transform: uppercase;
}


.price del {
    opacity: .5; 
}



ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3 {
   position: absolute;
    top: calc(var(--WH-PicHeight));
	padding: 5px!important;
  
}






.confirm_add  {
 display:none;
}


/* zur Kasse */
#payment .place-order .button {
    font-size: 1.387em;
    width: 70%;
    white-space: pre-wrap;
    top: initial;
}
/* zur Kasse */



/* Kaufen */
proceed-to-checkout .button.checkout-button {
    font-size: 1.387em;
    top: initial;
}
/* Kaufen */





.woocommerce-tabs ul.tabs {
            width: 29.4117647059%;
            float: left;
            margin-right: 5.8823529412%;
            text-align: left;
            visibility: hidden;
        }




		
/* Kategorie anzeige */

ul.products li.product-category  img {
    width: 250px ;
    position: absolute !important;
    left: 40px !important;
    top: 30px !important;
	width: calc(var(--WH-PicWidth) * 1.5) !important;
    height: auto !important;
}



.theme-astra .woocommerce-loop-category__title {

    position: relative !important;
	top :  calc(var(--WH-PicWidth) * 1.5) !important;
}


.woocommerce-loop-category__title {
	font-size:25px!important;
	text-align: center!important;
	margin-top:20px;
  margin-right: 0px!important;

    position: relative !important;
}

li.product-category {
    min-height: 350px !important;
}
	
/* -----------------------------Kategorie anzeige */		
		
		
		
		

	}
	
	
	
	/*    KBU    */
	
	
@media (max-width: 768px) {
.WH_KBU1 ul.products li.product {
    width: 93%;
    float: left !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 6px !important;
    margin: 15px !important;
}	
	
}


@media (min-width: 768px) {
	
.WH_KBU1 ul.products li.product .onsale {
  top: 55px !important;
}

.WH_KBU1 .WH_Kbez, .WH_KBU1 .WH_KlTab {
    position: absolute;
    top: 135px;
    left: 170px;
    font-size: small;
    max-height: 190px;
    overflow: hidden;
    width: calc(100% - 25Px - var(--WH-PicWidth));
	line-height: 24px;
}



/* in den Warenkorb */

.WH_KBU1 ul.products .quantity  {
    width: 4.235801032em;
    text-align: center;
    position: absolute;
    left: 12px;
    top: 458px;
}

/* warenkorb anzeigen nach in den warenkorb */
.WH_KBU1 .added_to_cart  {
   
    position: absolute;
	
    top: 500px;
    left: 100px;
}  
/* warenkorb anzeigen nach in den wartenkorb */






.WH_KBU1 .woocommerce-product-details__short-description {
    display: none;
}

/* Preis im Shop bei den Flaschen*/
.WH_KBU1 ul.products li.product .price {
    top: 20px;
    left: 170Px;
    font-size: 25px!important;
}
/* Preis im Shop bei den Flaschen*/


.WH_KBU1 span.dimensions {
    top: 70px;
    left: 200px;
}

.WH_KBU1 ul.products li.product img {
    margin: 10px 10px !important;
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
    left: 10px;
    text-align: left;
}

}





/*   ELAB   */
summary.ElabV2 {
  font-size: 15px!important;
}

.WH_ELA2 .woocommerce-page #content div.product div.summary  div.WH_Elab { /* einzelnes Produkt */
	max-width : 400px;
	
}

.WH_ELA2 .woocommerce-page #content div.product div.summary  div.Elab_a { /* einzelnes Produkt */
	font-size: 15px!important;
	
}

  @media (min-width: 768px){  /* shopseite viele nebeneinander */
.WH_ELA2 .site-main ul.products li.product .WH_Elab {
max-width:  90%;
position: absolute;
left: 10Px !important;
top: calc( var(--WH-BoxHeight) - 50Px - var(--WH-BoxHeightElaPlus));
margin-bottom: -30px;
min-width: 90%;
}

.theme-astra.WH_ELA2 .site-main ul.products li.product .WH_Elab {

}

.theme-astra.WH_ELA2 .site-main ul.products li.product .ElabV1.WH_Elab {
 
}



.theme-neve.WH_ELA2  .ElabV2.WH_Elab {
	max-width:  90%;
	position: absolute;
	left: 10Px !important;
	top: calc( var(--WH-BoxHeight) - 100Px) !important;
	margin-bottom: -30px;
	min-width: 90%;
}

.theme-neve.WH_ELA2  .ElabV1.WH_Elab {
	max-width:  90%;
	position: absolute;
	left: 10Px !important;
	top: calc( var(--WH-BoxHeight) - 100Px) !important;
	margin-bottom: -30px;
	min-width: 90%;
}
}



.theme-storefront.WH_ELA2 .WH_Elab.ElabV2 {

}

.theme-customizr.WH_ELA2  .ElabV1.WH_Elab {
  position: relative;
  max-width: 170px;
  left: calc(var(--WH-PicWidth) + 80Px) ;
  top: calc( var(--WH-BoxHeight) - 817Px) !important;
  min-width: 142px;
}

.theme-customizr.WH_ELA2 .ElabV2.WH_Elab {
  position: relative;
  max-width: 170px;
  left: calc(var(--WH-PicWidth) + 80Px) ;
  top: calc( var(--WH-BoxHeight) - 817Px) !important;
  min-width: 142px;
}


  
  
  
    @media (max-width: 786px) {  /* 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;
}
  }
  
     @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;
}
  }
  