/*
Theme Name: Werz.bio - Theme
Theme URI: Werz.bio
Template: Divi
Author: Adrian Daniel
Version: 4.21.1.1689084415
Updated: 2023-07-11 16:06:55

*/





.woocommerce ul.products li.product h2 {
  line-height: 2.5ex;
  height: 6.5ex; 
  overflow: hidden;
}

@media (max-width: 768px){
	.woocommerce ul.products li.product h2 {
		line-height: 2.5ex;
 		height: 8.5ex; 
 		overflow: hidden;
		}
}
/* Star Styling */
a.star-1,
a.star-2,
a.star-3,
a.star-4,
a.star-5 {
    color: #000000;
    font-size: 30px;
}
/* Disable Notification for Woocommerce Actions*/
.woocommerce-notices-wrapper .woocommerce-message {
    display: none !important;
}

/* Woocommerce Produkt Template */

.woocommerce table.shop_attributes td {
font-style:normal !important;
}

.custom-product-info {
font-size: 1em;

}

.et_pb_module.et_pb_code.et_pb_code_0_tb_body {
text-align: center;
}

/* Woocommerce Produkt Template */
.woocommerce table.shop_attributes td {
    font-style: normal !important;
}

.custom-product-info {
    font-size: 1em;
}

.et_pb_module.et_pb_code.et_pb_code_0_tb_body {
    text-align: center;
}


/*Germanized - disable ugly things */
.product p.wc-gzd-additional-info { 
display:none;
}

.woocommerce-product-rating .wc-gzd-rating-authenticity-status { 
display:none;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { 
background-color:#534640;
}

.woocommerce ul#shipping_method {
margin-top:10px;
}

.dhl-preferred-service-content {
    margin-top: 1em;
    display: none;
}

/*menu cart number of items*/
.et_pb_menu__cart-count {
  background: #000000;
  padding: 4px 8px;
  border-radius: 50px;
}

.et_pb_menu_1_tb_header.et_pb_menu .et_pb_menu__icon.et_pb_menu__icon__with_count .et_pb_menu__cart-count {
  padding-top: 10px;
}

@media only screen and (max-width: 1024px) {
    #woofc-count {
        display: none;
    }
}

.wc-block-components-notice-banner.is-success {
		display:none;
}



#zoid-paypal-buttons-uid_d1d183c250_mje6ntg6mty > iframe.visible {
margin-top:15px !important;
}

.ppc-button-wrapper {
margin-top:15px;
}

/* Grundlegende Stildefinitionen, die für alle Geräte gelten */
.single_add_to_cart_button.button.alt {
    width: auto; /* Standardbreite für alle Geräte, außer wenn in Media Queries überschrieben */
}

/* Stil für Mobilgeräte und Tablets im Porträtmodus */
@media (max-width: 768px) {
    form.cart {
        flex-direction: column; /* Ändert die Flexbox-Richtung, um die Elemente untereinander anzuordnen */
    }

    form.cart .quantity, form.cart .single_add_to_cart_button {
        width: 100%; /* Setzt die Breite der Elemente auf 100%, um die volle Breite auszunutzen */
        margin-right: 0; /* Entfernt den rechten Abstand, da er nicht mehr benötigt wird */
        margin-bottom: 10px; /* Fügt einen unteren Abstand zwischen den Elementen hinzu */
    }

    /* Entfernt die maximale Breite für das 'quantity'-Feld auf Tablets und Mobilgeräten */
    form.cart .quantity {
        max-width: none;
    }
}

/* Stil nur für Desktop-Geräte und Tablets im Landschaftsmodus */
@media (min-width: 769px) {
    /* Stil für den 'cart'-Formular-Container */
    form.cart {
        display: flex; /* Aktiviert Flexbox */
        align-items: stretch; /* Stellt sicher, dass alle Kinder (Button und Quantity-Feld) die gleiche Höhe haben */
        width: 100%; /* Stellt sicher, dass der Formular-Container die volle Breite einnimmt */
    }

    /* Stil für das 'quantity'-Feld */
    form.cart .quantity {
        flex-grow: 1; /* Erlaubt dem Quantity-Feld, den verfügbaren Platz zu nutzen */
        flex-basis: 0; /* Startet ohne eine festgelegte Basisbreite, sodass es flexibel wachsen kann */
        margin-right: 8px; /* Fügt einen Abstand zwischen Quantity-Feld und Button hinzu */
        max-width: 12%; /* Setzt eine maximale Breite für das Quantity-Feld */
    }

    /* Stil für den 'In den Warenkorb'-Button */
    form.cart .single_add_to_cart_button {
        flex-grow: 1; /* Erlaubt dem Button, den verfügbaren Platz zu nutzen */
        flex-basis: 0; /* Startet ohne eine festgelegte Basisbreite, sodass es flexibel wachsen kann */
    }
}

/* Für Handys */
@media (max-width: 480px) {
    .single_add_to_cart_button.button.alt {
        width: 100%;
    }
}

/* EINFÜGEN AB HIER IN DIE NEUE SEITE */
/* Schriftgröße für die Untermenü-Links */
.et-menu-nav .et-menu .sub-menu li a {
    font-size: 14px; /* Hier kannst du die gewünschte Schriftgröße einstellen */
}

.et-menu .menu-item-has-children>a:first-child:after {
    display:none;
}
/* Bug Fix */
:root :where(a:where(:not(.wp-block-navigation))),:root :where(a:where(:not(.wp-element-button))) {text-decoration: initial !important;}

.is-form-style input.is-search-input {
    border-radius: 100px;
}

.et-l--body ul {
list-style-type: disc;
padding: 0 0 0 0;
line-height: 26px;
}

#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
list-style-type: disc;
padding: 0 0 0 0;
line-height: 26px;
}

.wpfTitleToggle {
display:none !important;
}

.woocommerce button.button, .woocommerce-page button.button {
background-color: #ffffff;
border-radius: 20px;
color: black!important;
border-color: black;
padding-left: 50px;
padding-right: 50px;
border-width: 1px;
width: 60%;
}

.woocommerce button.button:hover, .woocommerce-page button.button:hover {
background-color: #ffffff;
border-radius: 20px;
color: black!important;
border-color: black;
padding-left: 50px;
padding-right: 50px;
border-width: 1px;
width: 60%;
}


.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
border-color: #000000 !important;
border-width: 1px;
background-color: #ffffff;
border-radius: 10px;
width: 80%;
color: #000000;
}

.wpfFilterWrapper {
margin-top: 0px !important;
}

.wpfFilterWrapper .wfpTitle {
font-size: 19px !important;
font-weight: bold !important;
font-family:'Open Sans',Helvetica,Arial,Lucida,sans-serif;
color: #4e433e !important;
}

.wpfFilterWrapper .wpfFilterTaxNameWrapper {
font-size: 19px !important;
font-weight: normal !important;
font-family:'Open Sans',Helvetica,Arial,Lucida,sans-serif;
color: #4e433e !important;

}

.woocommerce table.shop_attributes th {
width: 200px !important;
}

/* Gleiche Stile wie die WooCommerce-Produkteigenschaften */
.nutrion-pro-product-info {
    display: table;
    width: 100%;
    border-spacing: 0 5px; /* Abstand zwischen den Zeilen */
}

.nutrion-pro-product-item {
    display: table-row;
    margin: 0;
    padding: 0;
}

.nutrion-pro-label {
    display: table-cell;
    font-size: 1vw !important;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    color: #4e433e !important;
    padding-right: 20px; /* Erhöhter Abstand nach rechts */
    font-weight: regular;
    vertical-align: top;
    width: 200px; /* Gleiche Breite wie WooCommerce-Tabelle */
}

.nutrion-pro-value {
    display: table-cell;
    font-size: 1vw !important;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    color: #4e433e !important;
    vertical-align: top;
}

@media screen and (max-width: 768px) {
    .nutrion-pro-label,
    .nutrion-pro-value {
        font-size: 1em !important;
    }
}


/* Entfernt den Abstand bei den -Tags innerhalb der Zellen */
.woocommerce-product-attributes-item__value p {
    margin:  0 !important; /* Entfernt äußeren Abstand der -Tags */
    padding: 0 !important; /* Entfernt inneren Abstand der -Tags */
    line-height: 1.5 !important; /* Reduziert den Zeilenabstand */
}

/* Entfernt mögliche zusätzliche Abstände zwischen den Zellen */
.woocommerce-product-attributes-item__label,
.woocommerce-product-attributes-item__value {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
    vertical-align: top; /* Verhindert vertikalen Abstand */
}

.button {
 	font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
}


.nav li li {
 	line-height:1em; 
}

@media (max-width: 768px) {
    .product-taxonomy {
        display: none;
    }
}

.variations .label {
    display: block; /* Stellt sicher, dass das Label eine eigene Zeile einnimmt */
    margin-bottom: 5px; /* Abstand zwischen Label und Dropdown-Menü */
}

.variations .value {
    display: block; /* Setzt das Dropdown-Menü auf eine neue Zeile */
    width: 100%; /* Lässt das Dropdown-Menü die volle Breite einnehmen */
}

.woocommerce-variation-add-to-cart {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* Ermöglicht das Umbrechen auf kleinen Bildschirmen */
    gap: 10px; /* Abstand zwischen Mengenfeld und Button */
}

.woocommerce-variation-add-to-cart .quantity {
    display: inline-block;
    margin: 0;
}

.woocommerce-variation-add-to-cart .quantity input.qty {
    width: 80px; /* Festgelegte Breite für das Mengenfeld */
    height: 40px; /* Höhe des Feldes für bessere Sichtbarkeit */
    font-size: 16px; /* Größere Schriftgröße */
    text-align: center; /* Text im Mengenfeld zentrieren */
    border: 1px solid #ccc; /* Standardrahmen */
    border-radius: 5px; /* Abgerundete Ecken */
}

@media (max-width: 768px) {
    .woocommerce-variation-add-to-cart {
        flex-direction: column; /* Stapelt das Mengenfeld und den Button auf mobilen Geräten */
        align-items: stretch; /* Button und Mengenfeld nehmen volle Breite ein */
    }

    .woocommerce-variation-add-to-cart .quantity input.qty {
        width: 100%; /* Mengenfeld nimmt volle Breite auf mobilen Geräten ein */
    }
}

.wheel_description span {
    color: #000000 !important; /* Ersetze #deineFarbe mit der gewünschten Farbe */
}





.highlighted_menu_item {
    background-color: #c24768;
    padding: 17px 0 7px 20px !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.highlighted_menu_item a {
    color:  white !important;
}