/*
Theme Name:   Storefront Child
Template:     storefront
*/

/* philosopher-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Philosopher';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/philosopher-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/philosopher-v21-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Philosopher' !important;
}
    
@media (max-width: 768px) {
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Philosopher';
  }
}


/* Suchsymbol ausblenden */
.site-header .site-search {
    display: none !important;
}
/*
.site-header-cart .cart-contents   {
    display: none !important;
}

/*sortieren und produktzähler auf shopseite entfernen*/
.woocommerce-ordering,
.woocommerce-result-count{
        display: none;
    }

/*Seinteninfo im Footer*/
.site-info {
    display: none;
}

/*Abstände zwischen Bulletpoints*/
:root :where(.is-layout-flex) {
    gap: 90px;
}

/*Gesamte Seitenbreite erhöht*/
 .col-full {
        max-width: 90em;
    }

/*Abstände Produktseite*/
@media (min-width: 768px) {
    .left-sidebar .content-area

 {
      margin-right: 100px;
    }
}



/* WooCommerce: Shop- & Kategorie-Seiten – Titel ausblenden */
.woocommerce-shop .page-title,
.woocommerce-page .page-title,
.page .entry-title,
.wpsp-nav{
  display: none;
}

/* Abstand vom Header zum Produkt*/
.product {
  padding-top: 50px;
}

/* Text unter Preis*/
.price-tax-shipping-note {
    color: #666;
}
.price-tax-shipping-note a {
    text-decoration: underline;
    color: cornflowerblue;
}
.reset_variations {
    display: none !important;
}

/*Gesamtsume Warenkorb nicht geschätzte Gesamtsumme
.wc-block-components-totals-item__label {
    visibility: hidden;
    position: relative;
}

.wc-block-components-totals-item__label::after {
    content: "Gesamtsumme";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}

*/