.elementor-kit-11{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;color:#FFFFFF;font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;line-height:1.7em;}.elementor-kit-11 button,.elementor-kit-11 input[type="button"],.elementor-kit-11 input[type="submit"],.elementor-kit-11 .elementor-button{background-color:#A20404;color:#FFFFFF;}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.elementor-kit-11 a{color:#FFFFFF;}.elementor-kit-11 h1{color:#FFFFFF;font-family:"Moms Typewriter", Sans-serif;font-size:40px;font-weight:400;line-height:1.3em;}.elementor-kit-11 h2{color:#CFCFCF;font-family:"Moms Typewriter", Sans-serif;font-size:24px;}.elementor-kit-11 h3{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.related.products {
    display: none !important;
}
.woocommerce a.remove{
    color: #ffffff !important;
    font-size: 2em;
}
.woocommerce a.remove:hover {
    background: none;
}


.woocommerce-Price-amount{
    color: #ffffff !important;
}

.in-stock {
    color: #ffffff !important;
}



/* --- 1. PRIMÄRE BUTTONS (z.B. "Weiter zur Kasse", "Bestellung abschicken") --- */

.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
.woocommerce #respond input#submit.alt {
    background-color: #880000 !important; /* Deine Wunschfarbe */
    color: #ffffff !important;            /* Textfarbe (weiß) */
    border: 1px solid #ffffff;
}

/* Hover-Effekt für primäre Buttons (beim Drüberfahren) */
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover, 
.woocommerce #respond input#submit.alt:hover {
    background-color: #4f46e5 !important; /* Dunklere Nuance für Hover */
    color: #ffffff !important;
}

/* --- 2. SEKUNDÄRE BUTTONS (z.B. "Gutschein anwenden", "Warenkorb aktualisieren") --- */
.woocommerce a.button:not(.alt), 
.woocommerce button.button:not(.alt), 
.woocommerce input.button:not(.alt) {
    background-color: #000000 !important; /* Deine Wunschfarbe */
    color: #ffffff !important;            /* Textfarbe (dunkel) */
    border: 1px solid #ffffff;
}

/* Hover-Effekt für sekundäre Buttons */
.woocommerce a.button:not(.alt):hover, 
.woocommerce button.button:not(.alt):hover, 
.woocommerce input.button:not(.alt):hover {
    background-color: #000000 !important; /* Hover-Farbe */
    color: #ffffff !important;
    border: 1px solid #ffffff;
}


/* Produkt */
.flex-control-thumbs {
    margin-top: 35px !important;
}


.woocommerce .quantity .qty {
    width: 5.5em;
}


/* Kasse */
.wc-block-components-order-summary-item__quantity{
    background-color: #008800 !important;
}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label{
    color: #7a7a7a !important;
}


/* für Mobil */
@media (max-width: 767px) {
    /* Das ausgeblendete Produktbild im Warenkorb für Mobil wieder sichtbar machen */
    .woocommerce-cart table.cart .product-thumbnail {
        display: block !important;
        text-align: center;
        padding: 10px 0;
    }

    /* Optionale Optimierung: Das Bild innerhalb des Blocks zentrieren */
    .woocommerce-cart table.cart .product-thumbnail img {
        display: inline-block !important;
        width: 80px !important; /* Größe kannst du flexibel anpassen */
        height: auto !important;
    }
    
    /* Erzeugt ein schönes Label "Produktbild:", passend zu den anderen Zeilen */
    .woocommerce-cart table.cart .product-thumbnail::before {
        content: "Produktbild:";
        float: left;
        font-weight: bold;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Moms Typewriter';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://badmono.com/wp-content/uploads/MomsTypewriter.woff2') format('woff2'),
		url('https://badmono.com/wp-content/uploads/MomsTypewriter.woff') format('woff');
}
/* End Custom Fonts CSS */