.elementor-11 .elementor-element.elementor-element-540af0c{--display:flex;--min-height:0px;}/* Start custom CSS for text-editor, class: .elementor-element-f5f1a1e *//* =======================================================================
 *  Marburg Checkout · "Lampenwelt-Style" Visual Upgrade
 *  Reines CSS auf WooCommerce-Standard-Markup · Breite 1140px
 *  Ergänzung zum bestehenden Checkout-CSS (NICHT ersetzen)
 * ===================================================================== */
:root{
  --brand:#06305F;
  --brand-light:#195184;
  --brand-superlight:#EEF4FA;
  --bg-soft:#F7F8FA;        /* helles Grau für Boxen */
  --line:#E6E6E6;
  --line-dark:#D0D5DB;
  --text-dark:#1B1B1B;
  --text-muted:#6B7280;
  --radius-lg:8px;
  --shadow-card:0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow-card-hover:0 4px 12px rgba(6,48,95,.08);
}

/* =======================================================================
 *  Container auf 1140px begrenzen + zentrieren
 * ===================================================================== */
.woocommerce-checkout .woocommerce,
.woocommerce-checkout #content .woocommerce{
  max-width:1140px;
  margin:0 auto;
  padding:0 1rem;
}

/* =======================================================================
 *  STATISCHE 3-STUFEN-ANZEIGE (rein dekorativ, kein echter Stepper)
 *  Wir setzen sie per ::before auf das Formular
 * ===================================================================== */
.woocommerce-checkout form.checkout::before{
  content:"";
  display:block;
  height:64px;
  margin-bottom:2rem;
  background:
    linear-gradient(to right,
      var(--brand) 0%, var(--brand) 33.33%,
      var(--line-dark) 33.33%, var(--line-dark) 100%);
  background-size:100% 3px;
  background-position:left bottom;
  background-repeat:no-repeat;
  position:relative;
}

/* Pseudo-Stepper als kleines Info-Snippet vor dem Formular */
.woocommerce-checkout .woocommerce-notices-wrapper + form.checkout::after,
.woocommerce-checkout form.checkout > .checkout-stepper{ display:none; }

/* Wirklicher Stepper – musst du EINMAL manuell oben einfügen,
   z.B. via Elementor HTML-Widget direkt über dem [woocommerce_checkout]:

   <ol class="checkout-stepper">
     <li class="active"><span>1</span> Adresse</li>
     <li><span>2</span> Zahlung</li>
     <li><span>3</span> Bestellen</li>
   </ol>
*/
.checkout-stepper{
  display:flex;
  justify-content:space-between;
  align-items:center;
  list-style:none;
  padding:0;
  margin:0 0 2.5rem 0;
  max-width:1140px;
  position:relative;
}
.checkout-stepper::before{
  content:"";
  position:absolute;
  top:18px; left:18px; right:18px;
  height:2px;
  background:var(--line-dark);
  z-index:0;
}
.checkout-stepper li{
  position:relative;
  z-index:1;
  background:#fff;
  padding:0 1rem;
  display:flex;
  align-items:center;
  gap:.6rem;
  color:var(--text-muted);
  font-size:.95rem;
  font-weight:500;
}
.checkout-stepper li span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px; height:36px;
  border-radius:50%;
  background:#fff;
  border:2px solid var(--line-dark);
  font-weight:700;
  color:var(--text-muted);
}
.checkout-stepper li.active{ color:var(--brand); }
.checkout-stepper li.active span{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}

/* =======================================================================
 *  Section-Überschriften im Lampenwelt-Stil
 * ===================================================================== */
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading{
  font-size:1.25rem !important;
  font-weight:700 !important;
  color:var(--text-dark) !important;
  border-bottom:none !important;
  padding-bottom:0 !important;
  margin:0 0 1.25rem 0 !important;
  letter-spacing:-.01em;
}

/* =======================================================================
 *  Floating Labels für alle Inputs (CSS-only)
 *  Funktioniert dank placeholder=" " (WooCommerce setzt das automatisch
 *  bei vielen Feldern, sonst über das woocommerce_form_field-Filter)
 * ===================================================================== */
.woocommerce-checkout .form-row{
  position:relative;
}
.woocommerce-checkout .form-row label{
  position:absolute !important;
  left:.85rem !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  background:#fff !important;
  padding:0 .35rem !important;
  font-size:.95rem !important;
  font-weight:400 !important;
  color:var(--text-muted) !important;
  pointer-events:none !important;
  transition:all .15s ease !important;
  margin:0 !important;
  z-index:1;
}
.woocommerce-checkout .form-row input.input-text:focus + label,
.woocommerce-checkout .form-row input.input-text:not(:placeholder-shown) + label,
.woocommerce-checkout .form-row textarea:focus + label,
.woocommerce-checkout .form-row textarea:not(:placeholder-shown) + label,
.woocommerce-checkout .form-row.woocommerce-validated label,
.woocommerce-checkout .form-row select + label{
  top:0 !important;
  transform:translateY(-50%) scale(.85) !important;
  color:var(--brand) !important;
  font-weight:600 !important;
}
/* Inputs müssen den Platz für das schwebende Label haben */
.woocommerce-checkout #customer_details .woocommerce-input-wrapper input.input-text,
.woocommerce-checkout #customer_details .woocommerce-input-wrapper select,
.woocommerce-checkout #customer_details .woocommerce-input-wrapper textarea{
  padding-top:1rem !important;
  padding-bottom:.5rem !important;
  min-height:54px !important;     /* mehr Höhe für Floating Label */
}

/* =======================================================================
 *  Bestellübersicht – Card-Style wie Lampenwelt
 * ===================================================================== */
.woocommerce-checkout #order_review{
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  box-shadow:var(--shadow-card) !important;
  padding:1.5rem 1.5rem !important;
}

/* Produkt-Items mit dezentem Trenner */
.woocommerce-checkout #order_review .shop_table tr.cart_item td{
  padding:1rem .25rem !important;
  border-top:1px solid var(--line);
  font-size:.92rem;
}
.woocommerce-checkout #order_review .shop_table tr.cart_item:first-child td{
  border-top:none;
}

/* Summen-Bereich abgesetzt */
.woocommerce-checkout #order_review .shop_table tfoot tr{
  font-size:.95rem;
}
.woocommerce-checkout #order_review .shop_table tfoot tr.cart-subtotal th,
.woocommerce-checkout #order_review .shop_table tfoot tr.cart-subtotal td,
.woocommerce-checkout #order_review .shop_table tfoot tr.shipping th,
.woocommerce-checkout #order_review .shop_table tfoot tr.shipping td{
  padding:.5rem .25rem !important;
  border:none !important;
  color:var(--text-dark) !important;
  font-weight:400 !important;
}
.woocommerce-checkout #order_review .shop_table tfoot tr.order-total{
  border-top:2px solid var(--brand) !important;
}
.woocommerce-checkout #order_review .shop_table tfoot tr.order-total th,
.woocommerce-checkout #order_review .shop_table tfoot tr.order-total td{
  padding:.85rem .25rem !important;
  font-size:1.15rem !important;
  font-weight:700 !important;
  color:var(--brand) !important;
}

/* =======================================================================
 *  Zahlungsmethoden – Karten-Stil
 * ===================================================================== */
.woocommerce-checkout #payment ul.payment_methods{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  margin:0 0 1rem 0 !important;
  list-style:none !important;
}
.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method{
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius-lg) !important;
  padding:1rem 1.25rem !important;
  margin-bottom:.75rem !important;
  transition:all .2s ease;
  cursor:pointer;
}
.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method:hover{
  border-color:var(--brand-light);
  box-shadow:var(--shadow-card-hover);
}
.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method input[type="radio"]:checked + label{
  color:var(--brand);
}
.woocommerce-checkout #payment ul.payment_methods > li.wc_payment_method:has(input:checked){
  border-color:var(--brand) !important;
  background:var(--brand-superlight) !important;
}
.woocommerce-checkout #payment ul.payment_methods label{
  font-size:1rem !important;
  font-weight:600 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:.6rem !important;
  cursor:pointer;
}
.woocommerce-checkout #payment div.payment_box{
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:6px !important;
  margin-top:.85rem !important;
  font-size:.88rem;
  color:var(--text-muted);
}

/* =======================================================================
 *  Bestell-Button – prominent, full-width, mit Icon-Look
 * ===================================================================== */
.woocommerce-checkout #place_order{
  width:100% !important;
  background:var(--brand) !important;
  color:#fff !important;
  font-size:1.1rem !important;
  font-weight:700 !important;
  padding:1rem 1.5rem !important;
  border-radius:var(--radius-lg) !important;
  letter-spacing:.01em;
  box-shadow:0 2px 8px rgba(6,48,95,.2);
  transition:all .2s ease;
}
.woocommerce-checkout #place_order:hover{
  background:var(--brand-light) !important;
  box-shadow:0 4px 16px rgba(6,48,95,.3);
  transform:translateY(-1px);
}

/* AGB-Block über dem Button kompakter */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
  background:var(--bg-soft);
  border-radius:6px;
  padding:.85rem 1rem !important;
  margin:1rem 0 !important;
  font-size:.85rem;
  line-height:1.4;
}

/* =======================================================================
 *  „Login"- und „Coupon"-Hinweise oben im Lampenwelt-Stil
 * ===================================================================== */
.woocommerce-checkout .woocommerce-info{
  background:var(--bg-soft) !important;
  border:1px solid var(--line) !important;
  border-top:3px solid var(--brand) !important;
  border-radius:var(--radius-lg) !important;
  padding:1rem 1.25rem !important;
  margin-bottom:1rem !important;
  color:var(--text-dark) !important;
}

/* =======================================================================
 *  Vertrauenselemente – Padding um den ganzen Checkout
 * ===================================================================== */
.woocommerce-checkout #customer_details{
  background:transparent;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:1.5rem !important;
  margin-bottom:1.25rem;
  box-shadow:var(--shadow-card);
}

/* =======================================================================
 *  MOBILE-Feinschliff
 * ===================================================================== */
@media (max-width:767px){
  .checkout-stepper li{ font-size:.8rem; padding:0 .3rem; }
  .checkout-stepper li span{ width:30px; height:30px; font-size:.85rem; }
  .woocommerce-checkout #customer_details .col-1,
  .woocommerce-checkout #customer_details .col-2{ padding:1rem !important; }
  .woocommerce-checkout #order_review{ padding:1.25rem !important; }
}/* End custom CSS */