.elementor-298 .elementor-element.elementor-element-6f8c30a{--display:flex;--min-height:200px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5%;--padding-bottom:5%;--padding-left:8%;--padding-right:8%;}.elementor-298 .elementor-element.elementor-element-6f8c30a:not(.elementor-motion-effects-element-type-background), .elementor-298 .elementor-element.elementor-element-6f8c30a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mk-identity.de/wp-content/uploads/2026/08/attractive-woman-dressed-hoodie-downtown-city-1024x684.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.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-298 .elementor-element.elementor-element-872af61{text-align:center;}.elementor-298 .elementor-element.elementor-element-872af61 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:5em;font-weight:600;color:#FFFFFF;}.elementor-298 .elementor-element.elementor-element-f372145{--display:flex;--min-height:60vh;--margin-top:3%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;}.elementor-298 .elementor-element.elementor-element-a2f6379{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-298 .elementor-element.elementor-element-a2f6379 .woocommerce-breadcrumb{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-298 .elementor-element.elementor-element-a73a53d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-298 .elementor-element.elementor-element-b01eb6e{--display:flex;}.elementor-298 .elementor-element.elementor-element-b01eb6e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-298 .elementor-element.elementor-element-3816a92{--display:flex;}.elementor-298 .elementor-element.elementor-element-0af2291{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 3%) 0%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-298 .elementor-element.elementor-element-b01eb6e{--width:65%;}.elementor-298 .elementor-element.elementor-element-3816a92{--width:35%;}}@media(max-width:1024px){.elementor-298 .elementor-element.elementor-element-6f8c30a{--padding-top:10%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-298 .elementor-element.elementor-element-6f8c30a{--min-height:0px;--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-298 .elementor-element.elementor-element-872af61 .elementor-heading-title{font-size:2.4rem;}.elementor-298 .elementor-element.elementor-element-f372145{--margin-top:03%;--margin-bottom:03%;--margin-left:0%;--margin-right:0%;}.elementor-298 .elementor-element.elementor-element-a73a53d{--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-298 .elementor-element.elementor-element-b01eb6e{--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-298 .elementor-element.elementor-element-3816a92{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-e7bb87e *//* ==========================================================
   Modernes Warenkorb-Design mit globaler Schriftart
   ========================================================== */

/* Haupt-Tabelle & Vererbung */
.woocommerce-cart-form .shop_table.cart,
.woocommerce-cart-form .shop_table.cart * {
    font-family: var(--e-global-typography-secondary-font-family, inherit) !important;
}

.woocommerce-cart-form .shop_table.cart {
    border: none !important;
    border-collapse: collapse !important;
    background: #fff;
}

.woocommerce-cart-form .shop_table.cart tbody td {
    font-size: 1.0rem !important;
}

/* Tabellenkopf */
.woocommerce-cart-form .shop_table.cart th {
    padding: 15px 12px !important;
    font-weight: 600 !important;
    color: #333 !important;
    text-transform: none !important;
    font-size: 1.2rem !important;
    border: none !important;
}

/* Tabellenzeilen & Abstände */
.woocommerce-cart-form .shop_table.cart tr.cart_item {
    border-bottom: 1px solid #eee !important;
}

.woocommerce-cart-form .shop_table.cart td {
    padding: 20px 12px !important;
    vertical-align: middle !important;
    border: none !important;
}

/* Produktbilder & Remove-Button (Kreuz) */
.woocommerce-cart-form .shop_table.cart td.product-remove a.remove {
    color: #b30000 !important;
    font-size: 1.2rem !important;
    font-weight: 400;
    text-decoration: none;
    background: none !important;
}

.woocommerce-cart-form .shop_table.cart td.product-thumbnail img {
    width: 70px !important;
    height: auto !important;
    border-radius: 4px;
}

.woocommerce-cart-form .shop_table.cart td.product-name a {
    color: #111 !important;
    font-weight: 500;
    text-decoration: none;
}

/* Preise & Mengen */
.woocommerce-cart-form .shop_table.cart td.product-price,
.woocommerce-cart-form .shop_table.cart td.product-subtotal {
    color: #b30000 !important;
    font-weight: 600;
}

.woocommerce-cart-form .shop_table.cart td.product-quantity input.qty {
    width: 50px !important;
    text-align: center !important;
    padding: 6px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px;
}

/* Gutschein-Eingabefeld */
.woocommerce-cart-form .shop_table.cart td.actions .coupon input.input-text {
    width: 220px !important;
    height: 44px !important;
    padding: 0 14px !important;
    font-size: 1rem !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    margin-right: 8px;
    vertical-align: middle !important;
}

/* Buttons */
.woocommerce-cart-form .shop_table.cart td.actions button.button {
    height: 44px !important;
    padding: 0 20px !important;
    font-size: 1rem !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    background-color: #eee !important;
    color: #333 !important;
    border: none !important;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle !important;
    display: inline-block !important;
    transition: background 0.2s;
}

.woocommerce-cart-form .shop_table.cart td.actions button.button:hover {
    background-color: #ddd !important;
}

/* ==========================================================
   Warenkorb-Tabelle: Mobile & Desktop Trennung
   ========================================================== */

/* Spalte "Gesamt" generell ausblenden */
.woocommerce table.shop_table.cart th.product-subtotal,
.woocommerce table.shop_table.cart td.product-subtotal {
    display: none !important;
}

/* ==========================================================
   DESKTOP-ANSICHT (Bildschirme ab 769px)
   ========================================================== */
@media screen and (min-width: 769px) {
    .woocommerce table.shop_table.cart thead tr {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background-color: #f5f5f5 !important;
        border-radius: 4px !important;
        padding: 6px 0 !important;
    }

    .woocommerce table.shop_table.cart thead th {
        background: transparent !important;
        border: none !important;
        color: #1a1a1a !important;
        font-weight: 700 !important;
    }

    .woocommerce table.shop_table.cart tbody tr.cart_item {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
        background: transparent !important;
    }

    .woocommerce table.shop_table.cart tbody td {
        background: transparent !important;
        border: none !important;
    }

    .woocommerce table.shop_table.cart th.product-thumbnail,
    .woocommerce table.shop_table.cart td.product-thumbnail {
        order: 1 !important;
        width: 80px !important;
        flex: 0 0 80px !important;
        text-align: center !important;
    }

    .woocommerce table.shop_table.cart th.product-name,
    .woocommerce table.shop_table.cart td.product-name {
        order: 2 !important;
        flex: 1 1 auto !important;
        text-align: left !important;
        padding-left: 15px !important;
    }

    .woocommerce table.shop_table.cart th.product-price,
    .woocommerce table.shop_table.cart td.product-price {
        order: 3 !important;
        width: 110px !important;
        flex: 0 0 110px !important;
        text-align: center !important;
    }

    .woocommerce table.shop_table.cart th.product-quantity,
    .woocommerce table.shop_table.cart td.product-quantity {
        order: 4 !important;
        width: 100px !important;
        flex: 0 0 100px !important;
        text-align: center !important;
    }

    .woocommerce table.shop_table.cart th.product-remove,
    .woocommerce table.shop_table.cart td.product-remove {
        order: 5 !important;
        width: 50px !important;
        flex: 0 0 50px !important;
        text-align: center !important;
    }
}

/* ==========================================================
   MOBILE ANSICHT (Bildschirme bis 768px)
   ========================================================== */
@media screen and (max-width: 768px) {
    .woocommerce table.shop_table.cart thead {
        display: none !important;
    }

    .woocommerce table.shop_table.cart td::before {
        display: none !important;
    }

    .woocommerce table.shop_table.cart tbody tr.cart_item {
        display: grid !important;
        grid-template-columns: 70px 1fr auto !important;
        grid-template-rows: auto auto !important;
        gap: 6px 12px !important;
        align-items: center !important;
        padding: 14px 0 !important;
        border-bottom: 1px solid #e5e5e5 !important;
        background: transparent !important;
        width: 100% !important;
        box-sizing: border-box !important;
        position: relative !important;
    }

    .woocommerce table.shop_table.cart tbody td {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
    }

    .woocommerce table.shop_table.cart td.product-thumbnail {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        align-self: flex-start !important;
        width: 70px !important;
    }

    .woocommerce table.shop_table.cart td.product-thumbnail img {
        width: 70px !important;
        height: auto !important;
        border-radius: 6px !important;
        display: block !important;
    }

    .woocommerce table.shop_table.cart td.product-name {
        grid-column: 2 !important;
        grid-row: 1 !important;
        text-align: left !important;
    }

    .woocommerce table.shop_table.cart td.product-price {
        grid-column: 2 !important;
        grid-row: 2 !important;
        text-align: left !important;
        align-self: center !important;
    }

    .woocommerce table.shop_table.cart td.product-remove {
        grid-column: 3 !important;
        grid-row: 1 !important;
        text-align: right !important;
        justify-self: end !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        position: static !important;
    }

    .woocommerce table.shop_table.cart td.product-quantity {
        grid-column: 3 !important;
        grid-row: 2 !important;
        text-align: right !important;
        justify-self: end !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }

    .woocommerce table.shop_table.cart td.actions {
        display: block !important;
        width: 100% !important;
        padding-top: 15px !important;
        box-sizing: border-box !important;
    }

    .woocommerce table.shop_table.cart .coupon {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        float: none !important;
    }

    .woocommerce table.shop_table.cart .coupon input[type="text"],
    .woocommerce table.shop_table.cart .coupon #coupon_code {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin-right: 0 !important;
        margin-bottom: 10px !important;
    }

    .woocommerce table.shop_table.cart .coupon button[name="apply_coupon"],
    .woocommerce table.shop_table.cart .coupon .button {
        width: 100% !important;
        display: block !important;
    }

    .woocommerce table.shop_table.cart td.actions button[name="update_cart"] {
        width: 100% !important;
        margin-top: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0af2291 *//* ==========================================================
   Komplettes CSS für die benutzerdefinierte Warenkorb-Summe
   (Versandkosten-Zeile komplett ausgeblendet)
   ========================================================== */

/* 0. WooCommerce Standard-Floats & Breiten-Beschränkungen aufheben */
.woocommerce .cart-collaterals,
.woocommerce .cart-collaterals .cart_totals,
.woocommerce .cart_totals {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    box-sizing: border-box !important;
}

/* Hauptcontainer */
.woocommerce .cart_totals {
    background: #fff;
    padding: 24px;
    padding-top: 10px !important;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    border-top: none !important;
    font-family: var(--e-global-typography-secondary-font-family, inherit) !important;
}

/* Automatisch generierte Überschriften dauerhaft ausblenden */
.woocommerce .cart_totals h2,
.woocommerce .cart_totals > h2,
.woocommerce .cart_totals .cart_totals h2 {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tabelle grundlegend gestalten */
.woocommerce .cart_totals table.shop_table {
    border: none !important;
    border-collapse: collapse !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
}

.woocommerce .cart_totals table.shop_table th,
.woocommerce .cart_totals table.shop_table td {
    padding: 12px 0 !important;
    border-top: none !important;
    border-bottom: 1px solid #eee !important;
    background: transparent !important;
    font-size: 1rem !important;
    vertical-align: middle !important;
}

.woocommerce .cart_totals table.shop_table th {
    font-weight: 500 !important;
    color: #555 !important;
    text-align: left;
}

.woocommerce .cart_totals table.shop_table td {
    text-align: right;
    font-weight: 600;
}

/* 1. Versandkosten-Zeile & Auswahl komplett ausblenden */
.woocommerce .cart_totals table.shop_table tr.shipping,
.woocommerce .cart_totals table.shop_table tr.woocommerce-shipping-totals {
    display: none !important;
}

/* Gesamtsumme optisch hervorheben */
.woocommerce .cart_totals table.shop_table tr.order-total th,
.woocommerce .cart_totals table.shop_table tr.order-total td {
    font-size: 1.1rem !important;
    color: #b30000 !important;
    border-top: 2px solid #e5e5e5 !important;
    border-bottom: 2px solid #e5e5e5 !important;
}

/* Den Hinweis stabil und formschön über dem Kasse-Button einblenden */
.woocommerce .cart_totals .wc-proceed-to-checkout::before {
    content: "Versandoptionen werden während des Bezahlvorgangs aktualisiert.";
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 15px !important;
    padding: 10px 12px !important;
    background-color: #f9f9f9 !important;
    border-left: 3px solid #b30000 !important;
    border-radius: 0 4px 4px 0 !important;
    color: #555 !important;
    font-size: 0.9rem !important;
    text-align: left !important;
    font-weight: normal !important;
}

/* Kasse-Button im modernen, einheitlichen Stil */
.woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button {
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 20px !important;
    background-color: #333 !important;
    color: #fff !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
    box-sizing: border-box !important;
    transition: background 0.2s;
}

.woocommerce .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #444 !important;
}

/* ==========================================================
   Mobile Anpassung: Sticky-Fixierung am unteren Bildschirmrand
   ========================================================== */
@media screen and (max-width: 768px) {
    .woocommerce .cart_totals {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 99999 !important;
        background: #ffffff !important;
        border: none !important;
        border-top: 1px solid #e5e5e5 !important;
        border-radius: 12px 12px 0 0 !important;
        box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.15) !important;
        padding: 12px 16px !important;
        margin: 0 !important;
        max-height: 75vh !important;
        overflow-y: auto !important;
    }

    .woocommerce-cart .cart-collaterals,
    .woocommerce-cart table.cart {
        margin-bottom: 220px !important;
    }

    .woocommerce .cart_totals table.shop_table {
        margin-bottom: 8px !important;
    }

    .woocommerce .cart_totals table.shop_table th,
    .woocommerce .cart_totals table.shop_table td {
        padding: 6px 0 !important;
        font-size: 0.95rem !important;
    }

    .woocommerce .cart_totals .wc-proceed-to-checkout::before {
        margin-bottom: 8px !important;
        padding: 6px 10px !important;
        font-size: 0.8rem !important;
    }
}

/* ==========================================================
   Mobile Korrekturen für die Warenkorb-Tabelle (Produktbild & Buttons)
   ========================================================== */
@media screen and (max-width: 768px) {
    .woocommerce-cart-form table.shop_table_responsive tr td.product-thumbnail {
        display: block !important;
        text-align: center !important;
        padding: 10px 0 !important;
    }
    
    .woocommerce-cart-form table.shop_table_responsive tr td.product-thumbnail img {
        width: 70px !important;
        height: auto !important;
        border-radius: 4px;
        display: inline-block !important;
    }

    .woocommerce-cart-form .actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        padding: 15px 0 !important;
    }

    .woocommerce-cart-form .actions .coupon {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        float: none !important;
    }

    .woocommerce-cart-form .actions .coupon button.button,
    .woocommerce-cart-form .actions button.button {
        width: 100% !important;
        float: none !important;
        height: 44px !important;
        line-height: 44px !important;
        padding: 0 20px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        text-align: center !important;
        display: block !important;
    }
}/* End custom CSS */