/*
 Theme Name:   roari Shop
 Theme URI:    https://www.roari.de
 Description:  Storefront Child Theme
 Author:       roari.Agentur
 Author URI:   https://www.roari.de
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  roarishop
*/

/*.price{
    margin-bottom:10px !important;
}
.price del {
    
    font-size:15px !important;
}
.price del bdi{
    color:black;
    font-size:15px !important;
}

.price ins bdi{
    color:red !important;font-weight:bold;
    font-size:30px !important;
}

.custom-shipping-notice{
    font-weight: normal;font-size:14px;
}

.woocommerce-tabs .panel h2:first-of-type{
    font-size: 2em;
}

.is--bold{
    font-weight:bold;
}

.producttdleft{
    width:30%;padding:0;
    
}

.producttdright{
  width:70%;padding:0;  
    
}

.woocommerce-product-details__short-description ul{
    list-style: none;
}
.woocommerce ul.products li.product img {
    object-fit: contain !important;  Ändert das Verhalten der Bilder 
    width: 100%;  Stellt sicher, dass die Bilder die volle Breite einnehmen 
    height: auto;  Beibehaltung der Proportionen 
}*/
.woocommerce{
    margin-top:30px !important;
}
.woocommerce-products-header__title{
    padding: 0 !important;
}
.storefront-breadcrumb{
    display: none;
}
.woocommerce-products-header{
    padding-bottom: 0 !important;
}
 .storefront-full-width-content .site-main ul.products.columns-4 li.product
 {
     width: 21.7391304348%;
    float: left;
    font-size: .875em;
 }

  .storefront-full-width-content .site-main ul.products.columns-3 li.product
 {
     width: 33.3333333333%;
    float: left;
    font-size: .875em;
 }

 ul.products li.product{
      width: 33.3333333333% ;
 }

 @media (max-width: 768px) {
      .storefront-full-width-content .site-main ul.products.columns-3 li.product
 {
     width: 100;
    float: left;
    font-size: .875em;
 }

 ul.products li.product{
      width: 100% ;
 }
     
    
.col-1,.col-2{
     width: 100% !important;
 }



 
 }
 
 .woocommerce-error{
    margin-top: 100px;
 }