@media (max-width: 768px) {
    .woocommerce[class*=columns-] ul.products {
        margin-left: -3.8%;
    }
    
    .woocommerce[class*=columns-] ul.products li.product {
        width: 50%;
        float: left !important;
        clear: none;
        padding-left: 3.8%;
        box-sizing: border-box;
    }
}

/* Größe der Produkttitel auf Shop- und Archivseiten ändern */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 24px; /* Hier kannst du die gewünschte Schriftgröße einstellen */
}

/* Schriftgröße für mobile Geräte */
@media only screen and (max-width: 767px) {
    body {
        font-size: 18px; /* Mobile Schriftgröße */			
    }
    }
}



/* Optionale Anpassung für die Cart-Empty-Nachricht */
.woocommerce .cart-empty {
    background-color: #cbb04d; /* Hintergrundfarbe */
    color: #ffffff; /* Schriftfarbe */
    font-family: 'Oswald', sans-serif; /* Schriftart */
    font-size: 18px; /* Schriftgröße für gute Lesbarkeit */
    padding: 20px; /* Abstand */
    border-radius: 5px; /* Abgerundete Ecken */
	text-transform: uppercase; /* Großbuchstaben */
    text-align: center; /* Text zentrieren */
    border-left: none; /* Entfernt die linke Randlinie */
    padding-left: 20px; /* Optional: Füge etwas Abstand links hinzu */
}

/* Allgemeine Anpassungen für WooCommerce-Buttons */
.woocommerce button.button,
.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce input.button {
    background-color: #cbb04d; /* Hintergrundfarbe */
    color: #ffffff; /* Schriftfarbe */
    border-color: #cbb04d; /* Rahmenfarbe */
	height: auto; /* Automatische Höhe */
    font-family: 'Oswald', sans-serif; /* Schriftart */
    font-size: 16px; /* Schriftgröße */
    text-transform: uppercase; /* Großbuchstaben */
	letter-spacing: 1px; /* Abstand zwischen den Buchstaben */
    padding: 10px 30px; /* Abstand (oben/unten, links/rechts) */
    border-radius: 5px; /* Abgerundete Ecken */
    transition: all 0.3s ease; /* Übergangseffekte */
    line-height: 1; /* Vertikale Ausrichtung des Textes */
    display: inline-block; /* Element als Inline-Block darstellen */
    vertical-align: middle; /* Vertikale Ausrichtung in der Mitte */
}

/* Hover-Stil für Buttons */
.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button:hover {
    background-color: #ffffff; /* Hintergrundfarbe beim Hover */
    color: #cbb04d; /* Schriftfarbe beim Hover */
    border-color: #ffffff; /* Rahmenfarbe beim Hover */
}



/* Stil für den "Vorrätig"-Button */
.woocommerce .product .stock.in-stock {
    background-color: #ffffff !important; /* Hintergrundfarbe */
    color: #cbb04d !important; /* Schriftfarbe */
    border-color: #cbb04d !important; /* Rahmenfarbe */
    font-family: 'Oswald', sans-serif; /* Schriftart */
    font-size: 16px; /* Schriftgröße */
    text-transform: uppercase; /* Großbuchstaben */
    padding: 6px 30px; /* Abstand (oben/unten, links/rechts) */
    border-radius: 5px; /* Abgerundete Ecken */
    line-height: 1; /* Vertikale Ausrichtung des Textes */
    display: inline-block; /* Element als Inline-Block darstellen */
    vertical-align: middle; /* Vertikale Ausrichtung in der Mitte */
}

/* Vergrößern des Häkchens bei den Vorrätig-Meldungen */
.woocommerce .product .stock.in-stock:before {
    transform: scale(2); /* Vergrößert das Häkchen um 1.5-fache */
    display: inline-block; /* Ermöglicht die Verwendung von Transformationsattributen */
}

/* Allgemeine Anpassungen für WooCommerce-Meldungen */
.woocommerce-info,
.woocommerce-error,
.woocommerce-message,
.woocommerce .cart-empty {
    background-color: #cbb04d; /* Hintergrundfarbe */
    color: #ffffff; /* Schriftfarbe */
    font-family: 'Oswald', sans-serif; /* Schriftart */
    font-size: 18px; /* Schriftgröße für gute Lesbarkeit */
	 letter-spacing: 1px; /* Abstand zwischen den Buchstaben */
    padding: 20px; /* Abstand */
    border-radius: 5px; /* Abgerundete Ecken */
	  

    text-align: center; /* Text zentrieren */
    border-left: none; /* Entfernt die linke Randlinie */
    padding-left: 20px; /* Optional: Füge etwas Abstand links hinzu */
}

/* Entfernen der linken farbigen Spalte (pseudo-Elemente) */
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-message::before,
.woocommerce .cart-empty::before {
    content: none; /* Entfernt das pseudo-Element, falls vorhanden */

}


/* Alle Links normal (keine Unterstreichung) */
a {text-decoration: none
}

/* Links innerhalb von p unterstrichen */
p a {
color: #000000;
font-weight: bold;
text-decoration: underline;
}