.elementor-362 .elementor-element.elementor-element-c81a41d{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-362 .elementor-element.elementor-element-f42ae91{--display:flex;--overflow:hidden;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-362 .elementor-element.elementor-element-77dac8d{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 70px) 0px;text-align:center;}.elementor-362 .elementor-element.elementor-element-77dac8d .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:73px;font-weight:600;line-height:85px;color:#3B70D9;}.elementor-362 .elementor-element.elementor-element-61e7da7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-362 .elementor-element.elementor-element-c81a41d{--width:100%;}.elementor-362 .elementor-element.elementor-element-f42ae91{--width:90%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-362 .elementor-element.elementor-element-77dac8d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-362 .elementor-element.elementor-element-77dac8d .elementor-heading-title{font-size:45px;line-height:1.1em;}}/* Start custom CSS for shortcode, class: .elementor-element-61e7da7 */ /* ======================================
    TRAINPOOL CART REDESIGN - 2 SPALTEN NEBENEINANDER
    FIX: Grid bleibt erhalten, nur Info-Card zentriert
====================================== */

.woocommerce-cart {
    font-family: 'Lexend', sans-serif !important;
    background: #F5F7FB !important;
    padding: 0px 0;
}

/* ============================================================
    HAUPT-CONTAINER: 2-SPALTEN GRID (IMMER AKTIV)
============================================================ */

.woocommerce {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    align-items: start !important;
}

/* ============================================================
    LINKE SPALTE: PRODUKTLISTE
============================================================ */

div.woocommerce form.woocommerce-cart-form {
    grid-column: 1 !important;
    background-color: #FFFFFF !important;
    border-radius: 7px !important;
    border: 1px solid #F0F2F7 !important;
    padding: 30px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    margin-top: 30px !important;
    align-self: start !important;
}

/* Tabellen-Cleanup (Keine Linien) */
div.woocommerce .woocommerce-cart-form table.shop_table.cart,
div.woocommerce .woocommerce-cart-form table.shop_table.cart tr,
div.woocommerce .woocommerce-cart-form table.shop_table.cart td,
div.woocommerce .woocommerce-cart-form table.shop_table.cart th {
    border: 0 none transparent !important;
    background-color: transparent !important;
}

/* ============================================================
    MEHR ABSTAND ZWISCHEN PRODUKTEN
============================================================ */

.woocommerce-cart-form table.cart tbody tr {
    margin-bottom: 30px !important;
    padding-bottom: 30px !important;
    border-bottom: 1px solid #F0F2F7 !important;
}

.woocommerce-cart-form table.cart tbody tr:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* Abstand zwischen den Zellen */
.woocommerce-cart-form table.cart td {
    padding: 20px 10px !important;
    vertical-align: middle !important;
}

/* ============================================================
    BILDER: BORDER RADIUS 7
============================================================ */

.woocommerce-cart-form td.product-thumbnail img {
    width: 150px !important;
    height: auto !important;
    border-radius: 7px !important;
    display: block;
}

/* PRODUKT TEXTE FARBE */
.product-name a {
    color: #3B70D9 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

/* ============================================================
    ENTFERNEN BUTTON (X) - GRAU - OHNE DOPPELTES X
============================================================ */

.product-remove a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: 2px solid #6B7280 !important;
    border-radius: 50% !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* X Symbol anzeigen */
.product-remove a.remove::before {
    content: "×" !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #6B7280 !important;
    line-height: 1 !important;
}

.product-remove a.remove:hover {
    background: #6B7280 !important;
    border-color: #6B7280 !important;
}

.product-remove a.remove:hover::before {
    color: #FFFFFF !important;
}

/* ============================================================
    RECHTE SPALTE: WARENKORB-SUMME
============================================================ */

.cart_totals {
    grid-column: 2 !important;
    background: #FFFFFF !important;
    border-radius: 7px !important;
    padding: 30px !important;
    border: 1px solid #F0F2F7 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    margin: 0 !important;
    margin-top: 30px !important;
    align-self: start !important;
}

/* TABELLEN RÄNDER KOMPLETT ENTFERNEN */
.cart_totals table.shop_table,
.cart_totals table.shop_table tr,
.cart_totals table.shop_table td,
.cart_totals table.shop_table th {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 12px 0 !important;
}

.cart_totals h2 {
    font-size: 22px !important;
    color: #0B1D47 !important;
    margin-bottom: 25px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #F0F2F7 !important;
}

/* Summen-Texte */
.cart_totals .amount {
    color: #3B70D9 !important;
    font-weight: 600 !important;
}

.cart_totals .order-total .amount {
    font-size: 18px !important;
}

/* ============================================================
    BUTTONS
============================================================ */

.woocommerce .button, 
.woocommerce button.button, 
.checkout-button {
    background: #3B70D9 !important;
    color: #FFFFFF !important;
    border-radius: 7px !important;
    padding: 16px 30px !important;
    font-weight: 600 !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.checkout-button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin-top: 20px !important;
    font-size: 16px !important;
}

.woocommerce .button:hover {
    background: #0B1D47 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(59, 112, 217, 0.3) !important;
}

/* ============================================================
    RESPONSIVE: MOBILE (unter 768px)
============================================================ */

@media (max-width: 768px) {
    .woocommerce {
        grid-template-columns: 1fr !important;
    }
    
    div.woocommerce form.woocommerce-cart-form,
    .cart_totals {
        grid-column: 1 !important;
        padding: 20px !important;
    }
    
    .woocommerce-cart-form table.cart tbody tr {
        margin-bottom: 20px !important;
        padding-bottom: 20px !important;
    }
}

/* ============================================================
    UNNÖTIGES AUSBLENDEN
============================================================ */

.coupon, .product-subtotal, .woocommerce-cart-form th.product-subtotal {
    display: none !important;
}

/* ============================================================
    WOOCOMMERCE NOTICES STYLING
============================================================ */

/* "Rückgängig machen?" Benachrichtigung ENTFERNEN */
.woocommerce-message--undo,
.woocommerce-message .restore-item,
.woocommerce-message a.restore-cart {
    display: none !important;
}

/* ============================================================
    WOOCOMMERCE NOTICES STYLING (FIX: Mobile & DevTools geprüft)
============================================================ */

/* "Rückgängig machen?" Benachrichtigung ENTFERNEN */
.woocommerce-message--undo,
.woocommerce-message .restore-item,
.woocommerce-message a.restore-cart {
    display: none !important;
}

/* Success-Messages als zentrierte Card */
.woocommerce-message {
    grid-column: 1 / -1 !important; /* Nutzt volle Breite im Grid */
    width: 100% !important;
    max-width: 600px !important;
    margin: 30px auto !important;
    background: #FFFFFF !important;
    border-radius: 7px !important;
    border: 1px solid #F0F2F7 !important;
    padding: 30px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    font-family: 'Lexend', sans-serif !important;
    font-size: 16px !important;
    color: #0B1D47 !important;
    border-top: 3px solid #3B70D9 !important;
    
    /* Aktiviert echtes Flexbox zur vertikalen Zentrierung */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 20px !important; /* Definiert sauberen Abstand zwischen Text und Button */
}

/* 1. Buggy Haken/Icon restlos und überall eliminieren */
.woocommerce-message::before,
.woocommerce-message .wc-forward::before,
.woocommerce-message a.button::before {
    display: none !important;
    content: "" !important;
    visibility: hidden !important;
}

/* 2. Den Button in der Message ("Warenkorb anzeigen") zentrieren & fixieren */
.woocommerce-message a.button.wc-forward {
    display: inline-block !important;
    float: none !important; /* Standard WooCommerce-Floats brechen */
    margin: 0 auto !important;
    width: auto !important;
    min-width: 200px !important; /* Macht den Button mobil griffig */
    text-align: center !important;
}

/* Error-Messages als zentrierte Card */
.woocommerce-error {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 600px !important;
    margin: 30px auto !important;
    background: #FFFFFF !important;
    border-radius: 7px !important;
    border: 1px solid #F0F2F7 !important;
    padding: 30px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    font-family: 'Lexend', sans-serif !important;
    font-size: 16px !important;
    color: #0B1D47 !important;
    border-top: 3px solid #DC2626 !important;
    
    /* Zentrierung */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Error Icon ebenfalls ausblenden */
.woocommerce-error::before {
    display: none !important;
    content: "" !important;
    visibility: hidden !important;
}

/* ============================================================
    FIX: WARENKORB LEER & BUTTON ZENTRIERUNG
============================================================ */

/* 1. Die Hinweistexte und die Button-Box strecken sich über die volle Breite */
.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-cart .woocommerce-info,
.woocommerce-cart .wc-empty-cart-message,
.woocommerce-cart .return-to-shop {
    grid-column: 1 / -1 !important; /* Nutzt die volle Grid-Breite */
    width: 100% !important;
    max-width: 600px !important; /* Schicke, kompakte Breite für Desktop & Mobile */
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* 2. Den umschließenden Paragraph des Buttons zentrieren */
.woocommerce-cart p.return-to-shop {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 20px !important; /* Abstand nach oben zur Info-Box */
}

/* 3. Den Button selbst fixieren */
.woocommerce-cart p.return-to-shop a.button.wc-backward {
    display: inline-block !important;
    width: auto !important;
    min-width: 200px !important;
    text-align: center !important;
    padding: 16px 30px !important;
} /* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c81a41d */ a{
 color:#3B70D9;   
} /* End custom CSS */