/*
Theme Name: Kadence Child
Template: kadence
Author: Kadence WP
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.3.1768769083
Updated: 2026-01-18 21:44:43

*/

/* Erzwingt das Button-Styling für WooCommerce Shortcodes in Kadence */
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button {
    background-color: var(--global-palette1) !important; /* Deine Primärfarbe */
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    display: block !important;
    text-align: center !important;
    margin-top: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease-in-out !important;
}

/* Hover-Effekt */
.woocommerce ul.products li.product .button:hover,
.woocommerce-page ul.products li.product .button:hover {
    background-color: var(--global-palette5) !important; /* Deine Hover-Farbe */
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
}

/* Produkttitel im WooCommerce Shortcode fett schreiben */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    font-weight: 750 !important; /* 700 ist der Standardwert für Fett */
    font-size: 1.2rem !important; /* Optional: Größe leicht anpassen */
    margin-bottom: 10px !important;
    line-height: 1.3 !important;
}

/* Links in der Bestellbestätigung besser klickbar machen */
<div style="margin: 20px 0; padding: 15px 0; border-top: 1px solid #eee; font-size: 12px; color: #666; text-align: center; line-height: 1.6;">
    Es gelten unsere <br> 
    <a href="..." style="color: #666; text-decoration: underline; display: inline-block; padding: 5px 0;">Allgemeinen Geschäftsbedingungen</a> 
    <br>und unsere <br>
    <a href="..." style="color: #666; text-decoration: underline; display: inline-block; padding: 5px 0;">Datenschutzerklärung</a>.
</div>

/* Verhindert zu große Abstände unter den Thumbnails */
.woocommerce-product-gallery ol.flex-control-nav {
    margin-top: 0px !important;
    position: relative !important;
}

.woocommerce div.product div.images img {
    max-height: 600px; /* gewünschte maximale Höhe */
    width: auto;
    height: auto;
    object-fit: contain;
}

.woocommerce ul.products li.product a img {
    height: 275px; /* gewünschte Höhe */
    width: auto;
    object-fit: contain; /* Bild vollständig anzeigen */
}
.woocommerce ul.products li.product a img {
    height: 275px;
    width: auto;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
}