.elementor-11 .elementor-element.elementor-element-3206d06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-783cecf{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-cart, class: .elementor-element-4e21bc6 *//* 1. Extrem luftiges Layout (Whitespace) für die Produkte */
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce table.shop_table.cart td {
    padding: 30px 0 !important; /* Viel Platz oben und unten */
    border-bottom: 1px solid #f0f0f0 !important;
    vertical-align: middle !important;
}

/* 2. Feine Editorial-Überschriften (Produkt, Preis, etc.) */
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce table.shop_table th {
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    color: #888888 !important;
    font-weight: 400 !important;
    border-bottom: 1px solid #000000 !important;
    padding-bottom: 15px !important;
}

/* 3. Elegante Produkt-Titel */
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce table.shop_table .product-name a {
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
}

/* 4. Minimalistisches X zum Löschen statt klobigem Button */
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce a.remove {
    color: #000000 !important;
    background: transparent !important;
    font-size: 24px !important;
    font-weight: 300 !important;
}
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce a.remove:hover {
    color: #cccccc !important;
    background: transparent !important;
}

/* 5. Die Summen-Spalte (rechts) wie eine edle Quittung */
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce .cart-collaterals h2 {
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 2.5px !important;
    font-weight: 600 !important;
    color: #000000 !important;
    border-bottom: 2px solid #000000 !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
}

.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce-cart .cart-collaterals .cart_totals table.shop_table th,
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce-cart .cart-collaterals .cart_totals table.shop_table td {
    padding: 15px 0 !important;
    font-size: 14px !important;
}

/* 6. Der perfekte Checkout-Button */
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce .wc-proceed-to-checkout a.checkout-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    padding: 22px 0 !important;
    margin-top: 20px !important;
    border: none !important;
}
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #333333 !important;
}

/* 7. Input-Felder (Menge & Gutschein) extrem dezent */
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce .quantity input.qty,
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce .coupon input.input-text {
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    padding: 10px !important;
    background: transparent !important;
}
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce .coupon button.button {
    background: transparent !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
}
/* 8. Der leere Warenkorb - Minimalismus pur */
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce .woocommerce-info, 
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce p.cart-empty {
    background-color: transparent !important;
    border: none !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    color: #000000 !important;
    padding: 60px 0 20px 0 !important;
    letter-spacing: 0.5px !important;
}

/* Entfernt das kleine, altmodische Info-Icon von WooCommerce */
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce .woocommerce-info::before {
    display: none !important;
}

/* Zentriert den "Zurück zum Shop" Button */
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce .return-to-shop {
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 60px !important;
}

/* "Zurück zum Shop" Button im edlen Margiela-Look */
.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce .return-to-shop a.button.wc-backward {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    padding: 18px 40px !important;
    border: none !important;
    transition: all 0.3s ease;
    display: inline-block !important;
}

.elementor-11 .elementor-element.elementor-element-4e21bc6 .woocommerce .return-to-shop a.button.wc-backward:hover {
    background-color: #333333 !important;
}/* End custom CSS */