.elementor-10 .elementor-element.elementor-element-5f3d598{--display:flex;}.elementor-10 .elementor-element.elementor-element-aefe4b3{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-10 .elementor-element.elementor-element-aefe4b3 a{color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-d20bed8{--display:flex;}.elementor-10 .elementor-element.elementor-element-3285304{--spacer-size:60px;}/* Start custom CSS for text-editor, class: .elementor-element-aefe4b3 *//* =======================================================================
 * Marburg – WooCommerce Warenkorb · 2-Spalten-Layout
 * Classic Shortcode [woocommerce_cart] · Scope: body.woocommerce-cart
 * ===================================================================== */
:root {
  --brand: #06305F;
  --brand-light: #195184;
  --brand-superlight: #EEF4FA;
  --text-dark: #1B1B1B;
  --line: #E6E6E6;
  --radius: 6px;
}

/* ---------- Container-Setup (Neu für 1140px Kompatibilität) ---------- */
.woocommerce-cart .woocommerce {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 15px; /* Verhindert, dass der Inhalt auf kleineren Screens am Rand klebt */
}

/* ---------- Tabelle ---------- */
.woocommerce-cart .woocommerce-cart-form .shop_table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%; /* Geändert von 70% auf 100%, damit die Grid-Spalte ideal ausgefüllt wird */
  font-size: .95rem;
  color: var(--text-dark);
}
.woocommerce-cart .woocommerce-cart-form thead th {
  background: var(--brand);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .03em;
  font-weight: 600;
  padding: .85em .75em;
}
.woocommerce-cart .woocommerce-cart-form tbody td {
  padding: .15em .75em;
  vertical-align: middle;
  border-top: 1px solid var(--line);
}
.woocommerce-cart .woocommerce-cart-form tbody tr:nth-child(even) {
  background: var(--brand-superlight);
}

/* ---------- Produktbild + Name (Standard-Markup) ---------- */
.woocommerce-cart .woocommerce-cart-form td.product-thumbnail img {
  width: 72px; height: auto;
  border-radius: var(--radius);
  box-shadow: 0 0 6px rgba(0,0,0,.08);
}
.woocommerce-cart .woocommerce-cart-form td.product-name a {
  color: var(--brand); font-weight: 600; text-decoration: none;
}
.woocommerce-cart .woocommerce-cart-form td.product-name a:hover { 
  text-decoration: underline; 
}

/* ---------- Preise ---------- */
.woocommerce-cart .woocommerce-cart-form td.product-price,
.woocommerce-cart .woocommerce-cart-form td.product-subtotal {
  color: var(--brand); font-weight: 600;
}

/* ---------- Menge ---------- */
.woocommerce-cart .quantity .qty {
  max-width: 5rem; border: 1px solid #C8CDD1; border-radius: var(--radius);
  padding: .5em; text-align: center; background: #fff; font-weight: 600;
}
.woocommerce-cart .quantity .qty:focus {
  border-color: var(--brand); outline: none;
  box-shadow: 0 0 0 2px rgba(6,48,95,.15);
}

/* ---------- Entfernen (×) ---------- */
.woocommerce-cart a.remove {
  color: var(--brand); border: 2px solid var(--brand); border-radius: 50%;
  width: 1.5em; height: 1.5em; font-size: 1rem;
  display: inline-flex; align-items: center; justify-content: center;
  transition: all .2s;
}
.woocommerce-cart a.remove:hover { 
  background: var(--brand); color: #fff !important; 
}

/* ---------- Buttons – nur im Warenkorb ---------- */
.woocommerce-cart .woocommerce .button,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  background: var(--brand); color: #fff; border: none; border-radius: var(--radius);
  padding: .75em 1.6em; font-weight: 600;
  transition: background .25s ease, transform .2s ease;
}
.woocommerce-cart .woocommerce .button:hover,
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover {
  background: var(--brand-light); transform: translateY(-2px);
}
.woocommerce-cart .woocommerce-cart-form button[name="update_cart"] {
  background: #fff; color: var(--brand); border: 1px solid var(--brand);
}
.woocommerce-cart .woocommerce-cart-form button[name="update_cart"]:hover {
  background: var(--brand-superlight);
}

/* ---------- Gutschein ---------- */
.woocommerce-cart .coupon .input-text {
  border: 1px solid #C8CDD1; border-radius: var(--radius); padding: .6em .8em;
}

/* ---------- Totals-Box (rechte Spalte) ---------- */
.woocommerce-cart .cart_totals {
  border: 1px solid var(--brand); border-radius: var(--radius);
  padding: 1.8rem 1.5rem; background: #fff;
  float: none !important;          /* WC-Default 48%-Float aushebeln */
  width: 400px !important;
}
.woocommerce-cart .cart_totals h2 {
  color: var(--brand); margin-bottom: 1rem; font-weight: 700;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td { color: var(--brand); }
.woocommerce-cart .cart_totals .order-total strong span { font-size: 1.2rem; }

/* CTA „Weiter zur Kasse" – prominent, full-width */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: block; text-align: center; font-size: 1.05rem; padding: .95em 1.6em;
  background: var(--brand) !important; color: #fff !important; border-color: var(--brand) !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--brand-light) !important;
}

/* Cross-Sells immer volle Breite, kein 48%-Float */
.woocommerce-cart .cross-sells {
  float: none !important; width: 100% !important; margin-top: 2.5rem;
}

/* =======================================================================
 * 2-SPALTEN-GRID  (Desktop ≥ 992px)
 * Links Produkte · rechts Sticky-Summary · Cross-Sells volle Breite unten
 * ===================================================================== */
@media (min-width: 992px) {
  .woocommerce-cart .woocommerce {
    display: grid;
    grid-template-columns: minmax(0,1fr) 360px;
    gap: 0 2.5rem;
    align-items: start;
    /* max-width greift aus dem Haupt-Setup weiter oben */
  }
  /* Hinweise (Notices) über volle Breite */
  .woocommerce-cart .woocommerce > .woocommerce-notices-wrapper {
    grid-column: 1 / -1; grid-row: 1;
  }
  /* Produkt-Tabelle links */
  .woocommerce-cart .woocommerce-cart-form {
    grid-column: 1; grid-row: 2; margin: 0;
  }
  /* cart-collaterals auflösen → Kinder werden Grid-Items */
  .woocommerce-cart .cart-collaterals { display: contents; }
  /* Totals rechts + sticky */
  .woocommerce-cart .cart-collaterals .cart_totals {
    grid-column: 2; grid-row: 2;
    position: sticky; top: 2rem; align-self: start;
  }
  /* Cross-Sells volle Breite unter beiden Spalten */
  .woocommerce-cart .cart-collaterals .cross-sells {
    grid-column: 1 / -1; grid-row: 3;
  }
}

/* =======================================================================
 * MOBILE (≤ 768px) – Tabelle → Karten
 * ===================================================================== */
@media (max-width: 768px) {
  .woocommerce-cart .woocommerce-cart-form thead { display: none; }
  .woocommerce-cart .woocommerce-cart-form .shop_table,
  .woocommerce-cart .woocommerce-cart-form tbody,
  .woocommerce-cart .woocommerce-cart-form tr,
  .woocommerce-cart .woocommerce-cart-form td { display: block; width: 100%; }
  
  .woocommerce-cart .woocommerce-cart-form tbody tr {
    border: 1px solid var(--line); border-radius: var(--radius);
    margin-bottom: 1rem; padding: .5rem .75rem; background: #fff !important;
  }
  .woocommerce-cart .woocommerce-cart-form tbody td {
    display: flex; justify-content: space-between; align-items: center; gap: 1rem;
    border: none; border-bottom: 1px solid var(--line); padding: .6em 0; text-align: right;
  }
  .woocommerce-cart .woocommerce-cart-form tbody td:last-child { border-bottom: none; }
  .woocommerce-cart .woocommerce-cart-form tbody td::before {
    content: attr(data-title); font-weight: 600; color: var(--brand); text-align: left;
  }
  .woocommerce-cart .woocommerce-cart-form td.product-thumbnail { justify-content: center; }
  .woocommerce-cart .woocommerce-cart-form td.product-thumbnail::before { display: none; }
  .woocommerce-cart .woocommerce-cart-form td.product-thumbnail img { width: 90px; }
  .woocommerce-cart .woocommerce-cart-form td.product-remove { justify-content: flex-end; }
  .woocommerce-cart .woocommerce-cart-form td.product-remove::before { display: none; }
  .woocommerce-cart .quantity .qty { max-width: 6rem; padding: .65em; }
}/* End custom CSS */