/**
 * Theme Name:  Anzetteln
 * Template:    storefront
 * Description: Child-Theme from Storefront for Anzetteln e.V.
 * Version:     1.0.0
 * Author:      Ulrike Letsch und Roman Bleck
 * Author URI:  https://romanbleck.de
 * Tags:        block-patterns, full-site-editing
 * Text Domain: generatepress-child
 */

/* Fira Sans Font */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('./fonts/Fira_Sans/FiraSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
  }

.fira-sans {
    font-family: "Fira Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
  }

h1 {
    
}

.hervorgehoben {
    font-family: 'Fira Sans';
    font-weight: 400;
    font-size: 28px;
    color: #cc0000;

}
  

.site-branding .site-title a {
    font-family: 'Fira Sans';
    font-weight: 400;
    font-style: normal;
}

.entry-title { display: none; }

/*Abstände für Blöcke und Vorlagen*/
/* Definiert den Abstand nach unten für ALLE normalen Text-Absätze */
.entry-content p, 
.page-content p {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px; /* Hier gewünschten Abstand eintragen */
}

/* Definiert den Abstand für H2- und H3-Überschriften */
.entry-content h2, .page-content h2,
.entry-content h3, .page-content h3 {
    margin-top: 0px;    /* Abstand zum Text DARÜBER */
    margin-bottom: 0px; /* Abstand zum Text DARUNTER */
    margin-left: 0px;
    margin-right: 0px;
}

body,button,input,textarea {
    color: #43454b;
    font-family: "Fira Sans" ,sans-serif;
    line-height: 1.618;
    text-rendering: optimizeLegibility;
    font-weight: 400
}

.storefront-primary-navigation ul li a:hover {
    color: #000000 !important;
    font-weight: bold !important;
}

.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a {
    color: #000000 !important; /* Ersetzen Sie #ff0000 mit Ihrer Wunschfarbe */
    font-weight: bold !important;
}

@media (min-width: 768px) {
    .woocommerce-products-header {
        margin-top: 4em;
        text-align: left !important;
    }

    .site-branding .site-title a {
        font-size: 1.3em;
        letter-spacing: 4px;
    }
    
    .site-content .col-full {
        padding:0;
        margin: 0px auto;
    }

    .storefront-align-wide.page-template-template-fullwidth-php .hentry .entry-content .alignfull, .storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignfull {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 2em;
    }
    .site-branding .site-title a {
        letter-spacing: 2px;
    }

    .site-content .col-full {
        padding:0;
        margin: 0px;
    }

    /* Text "Menü" ausblenden */
    /*.menu-toggle {
        font-size: 0 !important;
        display: block;
        margin: 0px auto;
        float: none;
        width: max-content;
    }*/

    button.menu-toggle, button.menu-toggle:hover {
        border-color: transparent;
    }

    
}

button.menu-toggle, button.menu-toggle:hover {
    background-color: transparent !important;
}

.site-info {
    display: none;
}

/*kein Abstand zwischen header und inhalt*/
.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header {
    margin-bottom: 0em;
}

.no-wc-breadcrumb .site-header {
    margin-bottom: 0em;
}
/*Ende Abstand header und inhalt*/

.single-product div.product .images,.single-product div.product .summary,.single-product div.product .woocommerce-product-gallery {
    margin-bottom: 2.617924em;
    margin-top: 50px;
}

.product_meta {
    display: none;
}

.home.page:not(.page-template-template-homepage) .site-header {
    margin-bottom: 0px;
}

.entry-header {
    margin-top: 0px;
}

.woocommerce-products-header {
    margin-top: 0px;
}

.storefront-full-width-content .woocommerce-products-header {
    padding-bottom: 0px;
}

/* Buttons */
.wpforms-submit {
    background-color: #ffcc00 !important;
    border-radius: 16px !important;       /* Abgerundete Ecken (Größe anpassbar) */
    cursor: pointer;
    color: #000000;
}

/* Farbverlauf im Header und Footer */
header.site-header {
  background: linear-gradient(90deg, #ffcc00 70%, #cc0000 100%);
}

footer.site-footer {
  background: linear-gradient(90deg, #ffcc00 70%, #cc0000 100%);
}

/* Footer Navigationselemente nebeneinander */
.site-footer ul, 
.footer-navigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Zentriert die Links (optional) */
    list-style: none;        /* Entfernt die Aufzählungspunkte */
    padding: 0;
    margin: 0;
}

/* Abstand zwischen den einzelnen Links */
.site-footer li, 
.footer-navigation li {
    margin: 0 15px; 
}

.widget_nav_menu ul li::before {
    font-family: none;
    content: none;
}