/* =====================================================================
   LUMOTIQUE · eigene Anpassungen (CSS) · Stand 25.10.2026
   Geladen im Seitenkopf über SEO → Tracking-Codes → Tracking-Code (Head):
     <link rel="stylesheet" href="/images/lumotique-custom/lumotique.css?v=7">
   Bei jeder Änderung die Zahl hinter ?v= erhöhen (Strato cacht 30 Tage).
   Inhalt:
     1. Warenkorb        (nur .cart-not-empty)
     2. Checkout         (nur Seiten mit body.page-checkout…/page-login)
     3. Tablet 768–991 px (Kopfzeile, Menü, Listen, Produktseite)
     4. Leerer Warenkorb (Karte + Kategorie-Kacheln, Inhalt aus lumotique.js 1b)
     5. Warenkorb-Empfehlungen (Leuchtmittel -> passende Leuchten, lumotique.js 1c)
     6. Kaufleiste Handy-Produktseite (lumotique.js 3)
     7. Vertrauenszeile Produktseite (lumotique.js 4; Grundstil .lb-vertrauen aus Abschnitt 1)
   Das allgemeine Shop-Design steht im StyleEdit-CSS (Design/Aufraeumen/…BEREINIGT.css).
   ===================================================================== */

/* ===================================================================== 
   1. WARENKORB
   ===================================================================== */
.cart-not-empty{--lb-ink:#2b2620;--lb-muted:#8a8278;--lb-line:#ece7df;--lb-acc:#4E4637}
/* Artikelliste als Karte */
.cart-not-empty .order-wishlist{background:#fff;border-radius:18px;padding:8px 26px!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(78,70,55,.06)}
.cart-not-empty table.table-responsive{margin:0!important;border:0!important}
.cart-not-empty table.table-responsive thead{display:none}
.cart-not-empty tbody tr.item{display:grid!important;grid-template-columns:104px minmax(0,1fr) 128px 100px;align-items:start;column-gap:22px;padding:22px 0!important;border-bottom:1px solid var(--lb-line)!important}
.cart-not-empty tbody tr.item:last-child{border-bottom:0!important}
.cart-not-empty tbody tr.item>td{display:block!important;border:0!important;padding:0!important;width:auto!important}
.cart-not-empty tr.item td.image img{width:104px!important;height:104px;object-fit:contain;background:#f7f5f1;border-radius:12px;padding:6px}
.cart-not-empty tr.item a.product-title{font-size:16px;font-weight:600;color:var(--lb-ink)!important;line-height:1.35;text-decoration:none}
.cart-not-empty tr.item td.product{font-size:13px;color:var(--lb-muted);line-height:1.7}
.cart-not-empty tr.item td.text-right{font-size:17px;font-weight:700;color:var(--lb-ink);text-align:right;padding-top:6px!important}
.cart-not-empty tr.item td.qty{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;padding-top:2px!important}
/* Mengen-Stepper */
.lb-stepper{display:inline-flex;align-items:center;flex-wrap:nowrap;flex-shrink:0;min-width:108px;border:1px solid var(--lb-line);border-radius:999px;background:#faf8f5;overflow:hidden}
.lb-stepper button{flex:0 0 auto;width:34px;height:36px;border:0;background:transparent;font-size:18px;color:var(--lb-acc);cursor:pointer}
.lb-stepper button:hover{background:#f0ebe3}
.cart-not-empty tr.item td.qty .lb-stepper input{flex:0 0 auto;width:40px!important;max-width:40px!important;height:36px!important;border:0!important;background:transparent!important;text-align:center;font-weight:600;font-size:15px;box-shadow:none!important;padding:0!important}
.cart-not-empty tr.item td.qty .button-refresh{display:none!important}
.cart-not-empty tr.item td.qty .button-delete{color:var(--lb-muted)!important;font-size:12.5px;text-decoration:underline;padding-left:4px}
.lb-del-x{display:none}
/* Mengenrabatt-Hinweis */
.lb-wk-rabatt{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#e6f4ec;color:#245c43;font-size:13px;line-height:1.5;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lb-wk-rabatt b{color:#1d4a36}
.lb-wk-rabatt button{margin-left:auto;border:0;border-radius:20px;background:#2e7d5b;color:#fff;font:inherit;font-weight:600;padding:6px 14px;cursor:pointer}
.lb-wk-rabatt.erreicht{background:#f4f1ec;color:#4E4637}
/* Versandzeile statt Balken (unter 100 € Warenwert) */
.lb-versand-info{margin:0 0 18px;padding:14px 18px;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04);font-size:14px;color:#4E4637;display:flex;gap:10px;align-items:center}
.lb-versand-info b{font-weight:700}
/* Summenbox */
.cart-not-empty .total-box{background:#fff!important;border-radius:18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(78,70,55,.08)!important;padding:22px 24px!important}
.cart-not-empty table.order-total{border:0!important;margin:0!important}
.cart-not-empty table.order-total tr,.cart-not-empty table.order-total td{background:transparent!important}
.cart-not-empty table.order-total td{border:0!important;padding:7px 0!important;font-size:14px;color:#5a554c}
.cart-not-empty table.order-total tr.sum td{border-top:1px solid var(--lb-line)!important;padding:14px 0 7px!important;font-size:18px;color:var(--lb-ink);font-weight:700}
.cart-not-empty a.button-submit{border-radius:12px!important;height:52px;display:flex!important;align-items:center;justify-content:center;font-size:16px;letter-spacing:.04em;margin-top:6px}
.lb-vertrauen{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:6px;font-size:13px;color:#5a554c}
.lb-vertrauen li{display:flex;gap:8px;align-items:center}
.lb-vertrauen li::before{content:"✓";color:#2e7d5b;font-weight:700}
a.lb-weiter-link{background:none!important;border:0!important;color:#4E4637!important;text-decoration:underline;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;padding:8px 0!important;width:auto!important;box-shadow:none!important}
/* Handy */
@media (max-width:767px){
  .cart-not-empty .order-wishlist{padding:4px 16px!important;border-radius:16px}
  .cart-not-empty tbody tr.item{position:relative;grid-template-columns:76px minmax(0,1fr) auto!important;column-gap:14px;row-gap:12px;padding:18px 0!important}
  .cart-not-empty tr.item td.image{grid-column:1!important;grid-row:1/3!important}
  .cart-not-empty tr.item td.image img{width:76px!important;height:76px}
  .cart-not-empty tr.item td.product{grid-column:2/4!important;grid-row:1!important;padding-right:26px!important}
  .cart-not-empty tr.item td.qty{grid-column:2!important;grid-row:2!important;flex-direction:row;align-items:center;position:static!important}
  .cart-not-empty tr.item td.text-right{grid-column:3!important;grid-row:2!important;font-size:16px;align-self:center}
  .cart-not-empty tr.item a.product-title{font-size:15px}
  .cart-not-empty tr.item td.qty .button-delete{position:absolute;top:16px;right:0;color:#b0a89c!important;text-decoration:none!important;font-size:16px!important}
  .lb-del-t{display:none}.lb-del-x{display:inline}
  .cart-not-empty .total-box{margin-top:16px;border-radius:16px}
}

/* ---- Layout v2 (15.10.2026): luftiger, Preis oben rechts, Menge unter dem Text, Rabatt-Hinweis über die volle Breite ---- */
.cart-not-empty .order-wishlist{padding:6px 28px!important}
.cart-not-empty tbody tr.item{grid-template-columns:96px minmax(0,1fr) auto!important;grid-template-rows:auto auto auto;column-gap:24px!important;row-gap:14px!important;padding:26px 0!important;align-items:start!important}
.cart-not-empty tbody tr.item>td{max-width:none!important;min-width:0!important;justify-self:stretch}
.cart-not-empty tr.item td.image{grid-column:1!important;grid-row:1/3!important}
.cart-not-empty tr.item td.image img{width:96px!important;height:96px!important}
.cart-not-empty tr.item td.product{grid-column:2!important;grid-row:1!important;padding-right:0!important;font-size:13px;line-height:1.65}
.cart-not-empty tr.item a.product-title{display:block;margin-bottom:6px;font-size:16px}
.cart-not-empty tr.item td.text-right{grid-column:3!important;grid-row:1!important;justify-self:end;padding-top:2px!important;font-size:18px;white-space:nowrap}
.cart-not-empty tr.item td.qty{grid-column:2/4!important;grid-row:2!important;flex-direction:row!important;align-items:center!important;gap:16px!important;position:static!important}
.cart-not-empty tr.item td.qty .button-delete{position:static!important;text-decoration:underline!important;font-size:13px!important;color:#8a8278!important}
.cart-not-empty tr.item .lb-del-t{display:inline!important}.cart-not-empty tr.item .lb-del-x{display:none!important}
.cart-not-empty tr.item>.lb-wk-rabatt{grid-column:1/-1;grid-row:3;margin:0!important;padding:12px 16px;font-size:13.5px}
@media (max-width:767px){
  .cart-not-empty .order-wishlist{padding:4px 16px!important}
  .cart-not-empty tbody tr.item{grid-template-columns:72px minmax(0,1fr) auto!important;column-gap:14px!important;row-gap:12px!important;padding:18px 0!important}
  .cart-not-empty tr.item td.image img{width:72px!important;height:72px!important}
  .cart-not-empty tr.item td.product{grid-column:2/4!important}
  .cart-not-empty tr.item td.text-right{grid-column:3!important;grid-row:2!important;align-self:center;font-size:16px}
  .cart-not-empty tr.item td.qty{grid-column:1/3!important;grid-row:2!important;gap:12px!important}
  .cart-not-empty tr.item a.product-title{font-size:15px}
  .cart-not-empty tr.item>.lb-wk-rabatt{font-size:12.5px}
}

/* ---- v3: Abstand zwischen Artikelkarte und Summenbox, PayPal-Buttons volle Breite ---- */
@media (min-width:992px){.cart-not-empty .order-wishlist{width:calc(66.6667% - 28px)!important;margin-right:28px!important}}
.cart-not-empty .shopping-cart-button{margin-top:18px;padding-left:0!important;padding-right:0!important}
.cart-not-empty .shopping-cart-button #paypal-button-container,.cart-not-empty .shopping-cart-button .paypal-installments{width:100%!important}

/* ---- v4: Mengenrabatt-Hinweis kompakter (eine Zeile) ---- */
.cart-not-empty tr.item>.lb-wk-rabatt{padding:6px 8px 6px 12px!important;font-size:12.5px!important;border-radius:8px;gap:8px;line-height:1.35}
.cart-not-empty tr.item>.lb-wk-rabatt button{padding:4px 11px;font-size:12px;border-radius:14px}
@media (max-width:767px){.cart-not-empty tr.item>.lb-wk-rabatt{font-size:12px!important}}

/* =====================================================================
   2. CHECKOUT
   ===================================================================== */
/* Lumotique Checkout – Schritt 1 (21.10.2026): Fortschrittsanzeige + Anmelde-/Gast-Seite.
   Geladen über die Footer-Content-Zone (content_zone_footer-columns_de.html).
   Selektoren bewusst sehr spezifisch, weil StyleEdit eigene !important-Regeln für den Funnel hat. */

/* ---- Fortschrittsanzeige: nummerierte Kreise mit Linie (statt Pfeil-Kästen) ---- */
html body[class] ul.checkout-processfunnel{display:flex!important;height:auto!important;margin:6px 0 30px!important;padding:0!important;list-style:none;counter-reset:lbstep}
html body[class] ul.checkout-processfunnel>li{flex:1 1 0!important;width:auto!important;max-width:none!important;float:none!important;padding:0!important;margin:0!important;position:relative!important;text-align:center;background:none!important;border:0!important;box-shadow:none!important;counter-increment:lbstep;height:auto!important;line-height:1.3!important;min-height:0!important}
html body[class] ul.checkout-processfunnel>li::before{content:counter(lbstep)!important;display:flex!important;align-items:center;justify-content:center;width:32px!important;height:32px!important;margin:0 auto 7px!important;border:0!important;border-radius:50%!important;background:#2e7d5b!important;color:#fff!important;font-weight:700;font-size:14px;position:relative!important;left:auto!important;top:auto!important;z-index:1!important}
html body[class] ul.checkout-processfunnel>li::after{content:""!important;display:block!important;position:absolute!important;top:15px!important;left:calc(-50% + 20px)!important;right:calc(50% + 20px)!important;width:auto!important;height:2px!important;border:0!important;background:#2e7d5b!important;z-index:0!important}
html body[class] ul.checkout-processfunnel>li:first-child::after{display:none!important}
html body[class] ul.checkout-processfunnel>li.active::before{background:#4E4637!important;box-shadow:0 0 0 5px rgba(78,70,55,.14)}
html body[class] ul.checkout-processfunnel>li.active~li::before{background:#fff!important;color:#8a8278!important;border:2px solid #ddd6cb!important}
html body[class] ul.checkout-processfunnel>li.active~li::after{background:#ddd6cb!important}
html body[class] ul.checkout-processfunnel .step-text.step-text.step-text{display:block!important;width:auto!important;font-size:12.5px!important;text-transform:none!important;letter-spacing:0!important;color:#4E4637!important;background:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;height:auto!important;line-height:1.3!important;font-weight:600!important;box-shadow:none!important;overflow:visible!important}
html body[class] ul.checkout-processfunnel>li.active .step-text.step-text.step-text{background:none!important;color:#2b2620!important;font-weight:700!important;display:block!important}
html body[class] ul.checkout-processfunnel>li.active~li .step-text.step-text.step-text{color:#8a8278!important;font-weight:500!important}
html body[class] ul.checkout-processfunnel .visble-xs{display:none!important}   /* Tippfehler im Gambio-Template: Icons wurden immer als leere Kästen gezeigt */
html body[class] ul.checkout-processfunnel .hidden-xs{display:block!important}

/* ---- Anmelden / Als Gast bestellen: zwei Karten ---- */
html body[class*="page-checkout-started"] h1{font-size:26px;margin:0 0 18px}
html body[class*="page-login"] .row-login{display:flex;flex-wrap:wrap;gap:22px;margin:0!important}
html body[class*="page-login"] .row-login::before,html body[class*="page-login"] .row-login::after{display:none!important}
html body[class*="page-login"] .row-login>div{flex:1 1 320px;width:auto!important;float:none!important;margin:0!important;border-top:0!important;background:#fff;border-radius:18px;padding:26px 26px 22px!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(78,70,55,.06);display:flex;flex-direction:column}
html body[class*="page-login"] .row-login>div::before{display:none!important}
html body[class*="page-login"] .row-login>div>.fieldset-content{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html body[class*="page-login"] .row-login>div>.fieldset-content::before{display:none!important}
html body[class*="page-login"] .row-login>div .login-buttons{margin-top:auto;padding-top:14px}
html body[class*="page-login"] .row-login h4{font-size:17px!important;text-transform:none!important;letter-spacing:0!important;margin:0 0 10px!important;color:#2b2620}
html body[class*="page-login"] .row-login .form-control{border-radius:10px!important;height:46px}
html body[class*="page-login"] .row-login .login-buttons .btn{border-radius:12px!important;height:50px;display:flex!important;align-items:center;justify-content:center;font-size:15px}
html body[class*="page-login"] .row-login .login-buttons .btn-default{background:#fff!important;color:#4E4637!important;border:2px solid #4E4637!important}

/* =====================================================================
   Schritt 2 (22.10.2026): alle Checkout-Seiten im Warenkorb-Stil
   Gilt für: Ihre Daten (Gast/Konto), Versand, Zahlung, Bestätigen.
   ===================================================================== */
html body[class*="page-checkout"]{--lbc-ink:#2b2620;--lbc-muted:#8a8278;--lbc-line:#ece7df;--lbc-acc:#4E4637;--lbc-soft:#faf8f5}
html body[class*="page-checkout"] h1{font-size:26px!important;margin:0 0 18px!important;text-transform:none!important;letter-spacing:0!important}
html body[class*="page-checkout"] #breadcrumb_navi{display:none}

/* Abschnitte als weiße Karten */
html body[class*="page-checkout"] .main-inside form fieldset{display:block;background:#fff;border:0!important;border-radius:18px;padding:22px 24px!important;margin:0 0 18px!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(78,70,55,.06);min-width:0}
html body[class*="page-checkout"] .main-inside form fieldset fieldset{box-shadow:none;padding:0!important;margin:0 0 12px!important}
html body[class*="page-checkout"] .main-inside form legend{float:left;width:100%;border:0!important;margin:0 0 14px!important;padding:0!important;font-size:17px!important;font-weight:700!important;color:var(--lbc-ink)!important;text-transform:none!important;letter-spacing:0!important;display:flex;align-items:center;gap:10px}
html body[class*="page-checkout"] .main-inside form legend+*{clear:both}
html body[class*="page-checkout"] .main-inside form legend a{font-size:13px;font-weight:500;color:var(--lbc-muted)!important;margin-left:auto}
html body[class*="page-checkout"] .main-inside form .row{margin-left:0;margin-right:0}
html body[class*="page-checkout"] .main-inside form .indent-sm-1{margin-left:0!important;padding-left:0!important;padding-right:0!important}
html body[class*="page-checkout"] .main-inside form address{font-style:normal;line-height:1.65;color:#4E4637;margin:0 0 6px}

/* Eingabefelder */
html body[class*="page-checkout"] .main-inside .form-control{border-radius:10px!important;border:1px solid #ddd6cb!important;height:46px;box-shadow:none!important;font-size:15px}
html body[class*="page-checkout"] .main-inside textarea.form-control{height:auto;min-height:90px}
html body[class*="page-checkout"] .main-inside .form-control:focus{border-color:var(--lbc-acc)!important;box-shadow:0 0 0 3px rgba(78,70,55,.12)!important}
html body[class*="page-checkout"] .main-inside .control-label{font-weight:600;color:#4E4637;text-align:left!important}
html body[class*="page-checkout"] .main-inside input[type=radio],html body[class*="page-checkout"] .main-inside input[type=checkbox]{accent-color:var(--lbc-acc);width:18px;height:18px}

/* Versand- und Zahlungsarten als große Auswahlkarten */
html body[class*="page-checkout"] .main-inside .list-group{margin:0;box-shadow:none}
html body[class*="page-checkout"] .main-inside .list-group-item{background:#fff!important;border:1.5px solid var(--lbc-line)!important;border-radius:14px!important;margin:0 0 10px!important;padding:14px 16px!important;color:var(--lbc-ink)!important;transition:border-color .15s,background .15s;cursor:pointer}
html body[class*="page-checkout"] .main-inside .list-group-item:hover{border-color:#cfc6b8!important}
html body[class*="page-checkout"] .main-inside .list-group-item.active{background:var(--lbc-soft)!important;border-color:var(--lbc-acc)!important;box-shadow:0 0 0 3px rgba(78,70,55,.08)}
html body[class*="page-checkout"] .main-inside .list-group-item .row{margin:0}
html body[class*="page-checkout"] .main-inside .list-group-item .title{padding:0!important;margin:0!important}
html body[class*="page-checkout"] .main-inside .shipping-module-container,html body[class*="page-checkout"] .main-inside .payment-module-container{display:flex!important;align-items:center;gap:12px;width:100%;margin:0!important;padding:0!important;font-weight:400;cursor:pointer}
html body[class*="page-checkout"] .main-inside .shipping-module-selection,html body[class*="page-checkout"] .main-inside .payment-module-selection{flex:0 0 auto;position:static!important}
html body[class*="page-checkout"] .main-inside .shipping-module-selection input,html body[class*="page-checkout"] .main-inside .payment-module-selection input{position:static!important;margin:0!important}
html body[class*="page-checkout"] .main-inside .shipping-module-info,html body[class*="page-checkout"] .main-inside .payment-module-info{flex:1 1 auto;width:auto!important;float:none!important;padding:0!important}
html body[class*="page-checkout"] .main-inside .shipping-module-title,html body[class*="page-checkout"] .main-inside .payment-module-title{font-weight:700;font-size:15px;color:var(--lbc-ink)}
html body[class*="page-checkout"] .main-inside .shipping-module-cost,html body[class*="page-checkout"] .main-inside .payment-module-cost{font-weight:600;color:#4E4637;margin-left:4px}
html body[class*="page-checkout"] .main-inside .shipping-module-description,html body[class*="page-checkout"] .main-inside .payment-module-description{display:block;font-size:13px;color:var(--lbc-muted);margin-top:2px}
html body[class*="page-checkout"] .main-inside .shipping-module-icon,html body[class*="page-checkout"] .main-inside .payment-module-icon{flex:0 0 auto;width:auto!important;float:none!important;padding:0!important;text-align:right}
html body[class*="page-checkout"] .main-inside .shipping-module-icon img,html body[class*="page-checkout"] .main-inside .payment-module-icon img{max-height:30px;width:auto;display:inline-block}
html body[class*="page-checkout"] .main-inside .checkout-payment-form .well{background:#fff;border:1px solid var(--lbc-line);border-radius:10px;box-shadow:none;margin:10px 0 0}
html body[class*="page-checkout"] .main-inside p.space-1{color:var(--lbc-muted);font-size:14px}

/* AGB / Widerruf: Textkasten + Häkchen */
html body[class*="page-checkout"] .main-inside .miscellaneous-container{max-height:170px;overflow:auto;background:var(--lbc-soft);border:0!important;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55}
html body[class*="page-checkout"] .main-inside .miscellaneous-container.iframe iframe{border:0;border-radius:10px;width:100%;height:170px}
html body[class*="page-checkout"] .main-inside .checkbox.alert{background:var(--lbc-soft)!important;border:1.5px solid var(--lbc-line)!important;border-radius:12px!important;padding:12px 14px!important;margin:12px 0 0!important;color:var(--lbc-ink)!important}
html body[class*="page-checkout"] .main-inside .checkbox.alert label{display:flex;gap:10px;align-items:flex-start;padding-left:0!important;font-weight:500}
html body[class*="page-checkout"] .main-inside .checkbox.alert input{position:static!important;margin:2px 0 0!important;flex:0 0 auto}

/* Buttons */
html body[class*="page-checkout"] .main-inside .btn{border-radius:12px!important;text-transform:none!important;letter-spacing:0!important;font-weight:600!important}
html body[class*="page-checkout"] .main-inside .btn-primary{height:52px;font-size:16px!important;display:flex;align-items:center;justify-content:center}
html body[class*="page-checkout"] .main-inside .btn-default{background:#fff!important;color:var(--lbc-acc)!important;border:1.5px solid #cfc6b8!important}
html body[class*="page-checkout"] .main-inside .btn-default:not(.btn-sm){height:52px;display:flex;align-items:center;justify-content:center}
html body[class*="page-checkout"] .main-inside .btn-sm{padding:7px 14px!important;font-size:13px!important}
html body[class*="page-checkout"] .main-inside form>.row:last-child,html body[class*="page-checkout"] .main-inside form>div.row:last-of-type{margin-top:8px}

/* Ihre Daten (Gast/Konto) */
html body[class*="page-checkout"] .main-inside .password-fields .headline{font-weight:700;color:var(--lbc-ink);margin-left:8px}
html body[class*="page-checkout"] .main-inside .password-fields .green-check{color:#2e7d5b;margin-right:8px}
html body[class*="page-checkout"] .main-inside .radio-inline label{font-weight:500;display:inline-flex;gap:6px;align-items:center}

/* Bestätigen */
html body[class*="page-checkout-confirmation"] .main-inside .alert-info{background:#eef5f1!important;border:0!important;border-radius:12px;color:#245c43!important}
html body[class*="page-checkout-confirmation"] .main-inside ul.list-reset{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 6px;padding:0}
html body[class*="page-checkout-confirmation"] .main-inside ul.list-reset a{color:#4E4637;font-size:13.5px;text-decoration:underline}
html body[class*="page-checkout-confirmation"] .main-inside ul.list-reset img{display:none}
html body[class*="page-checkout-confirmation"] .main-inside form>.row>fieldset.col-md-5{width:calc(50% - 9px)!important;margin:0 0 18px!important;left:0!important}
html body[class*="page-checkout-confirmation"] .main-inside form>.row>fieldset.col-md-offset-2{margin-left:18px!important}
html body[class*="page-checkout-confirmation"] .main-inside form>.row:has(>fieldset.col-md-5){display:flex;flex-wrap:wrap}
html body[class*="page-checkout-confirmation"] .main-inside table{width:100%;border:0!important}
html body[class*="page-checkout-confirmation"] .main-inside table td,html body[class*="page-checkout-confirmation"] .main-inside table th{border:0!important;border-bottom:1px solid var(--lbc-line)!important;padding:10px 6px!important;background:transparent!important;vertical-align:middle}
html body[class*="page-checkout-confirmation"] .main-inside table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--lbc-muted);font-weight:600}
html body[class*="page-checkout-confirmation"] .main-inside .order-total td{border-bottom:0!important;padding:5px 6px!important}
html body[class*="page-checkout-confirmation"] .main-inside .order-total tr:last-child td{border-top:1px solid var(--lbc-line)!important;font-size:18px;font-weight:700;color:var(--lbc-ink);padding-top:12px!important}
html body[class*="page-checkout-confirmation"] .main-inside .checkout-confirmation-submit{height:58px!important;font-size:17px!important;background:#2e7d5b!important;border-color:#2e7d5b!important}
html body[class*="page-checkout-confirmation"] .main-inside .checkout-confirmation-submit:hover{background:#256a4c!important}

/* Handy */
@media (max-width:767px){
  html body[class*="page-checkout"] .main-inside form fieldset{padding:18px 16px!important;border-radius:16px}
  html body[class*="page-checkout"] .main-inside .shipping-module-icon,html body[class*="page-checkout"] .main-inside .payment-module-icon{display:none!important}
  html body[class*="page-checkout-confirmation"] .main-inside form>.row>fieldset.col-md-5{width:100%!important;margin-left:0!important}
  html body[class*="page-checkout"] ul.checkout-processfunnel .step-text.step-text.step-text{font-size:11px!important}
}

/* Feinschliff nach Test (22.10.2026) */
html body[class*="page-checkout"] .main-inside form fieldset.password-fields{background:#fff!important;border:1.5px dashed #ddd6cb!important;box-shadow:none}
html body[class*="page-checkout"] .main-inside .password-fields .headline{text-transform:none!important;letter-spacing:0!important;font-size:15px!important}
html body[class*="page-checkout"] .main-inside .password-fields .row>div{font-size:13.5px;color:#5a554c;padding-left:28px}
html body[class*="page-checkout"] .main-inside .checkbox.alert{display:block!important;width:auto!important;height:auto!important}
html body[class*="page-checkout"] .main-inside .checkbox.alert::before,html body[class*="page-checkout"] .main-inside .checkbox.alert::after{display:none!important}
html body[class*="page-checkout"] .main-inside .checkbox.alert label{width:auto!important;min-height:0!important;padding-left:0!important}
html body[class*="page-checkout"] .main-inside .checkbox.alert label input[type=checkbox]{position:static!important;margin:2px 0 0!important;left:auto!important;top:auto!important;float:none!important;opacity:1!important;transform:none!important;flex:0 0 18px}
html body[class*="page-checkout"] .main-inside form address{font-weight:400!important}
html body[class*="page-checkout"] .main-inside form .space-1{margin-bottom:0!important}
html body[class*="page-checkout"] .main-inside form legend a .fa{display:none!important}   /* Stift-Icon wird im Theme nicht geladen */
html body[class*="page-checkout"] .main-inside form legend a::after{content:"ändern";text-decoration:underline}
html body[class*="page-checkout-confirmation"] .main-inside table.order-total,html body[class*="page-checkout-confirmation"] .main-inside table.order-total tr,html body[class*="page-checkout-confirmation"] .main-inside table.order-total td{background:transparent!important}
html body[class*="page-checkout-confirmation"] .main-inside .order-wishlist table th{font-size:12px!important}

/* =====================================================================
   3. TABLET 768–991 px
   ===================================================================== */
/* Lumotique – Tablet-Fix (22.10.2026)
   Problem: Zwischen 768 und 991 px Breite (Tablet, schmales Laptop-Fenster) mischt das Malibu-Theme
   Handy- und Desktop-Kopfzeile: Kategorienmenü steht aufgeklappt über der Seite, Burger-Menü fehlt,
   Warenkorb doppelt. Lösung: in diesem Bereich konsequent die Handy-Kopfzeile verwenden.
   Geladen über die Footer-Content-Zone (content_zone_footer-columns_de.html). */
@media (min-width:768px) and (max-width:991px){
  html body #topbar-container,
  html body #header #categories,
  html body #header .navbar-collapse,
  html body #header .navbar-search,
  html body #header #cart-container{display:none!important}

  html body #header{height:60px!important}
  html body #header .navbar-header{display:flex!important;justify-content:center;align-items:center;position:static!important;width:100%!important;height:60px!important;margin:0!important;padding:0!important;float:none!important;left:auto!important;transform:none!important}
  html body #header .navbar-header .navbar-brand{float:none!important;margin:0!important;padding:8px 15px!important;height:60px!important;position:static!important;display:flex!important;align-items:center}
  html body #header .navbar-header .navbar-brand img{height:30px!important;width:auto!important;max-width:none!important}
  html body #header .navbar-toggle.cart-icon{display:block!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;width:60px!important;height:60px!important;margin:0!important}
  html body #meco-overlay-menu-toggle{display:block!important;position:fixed!important;top:0!important;left:0!important;width:60px;height:60px;z-index:3001}
  html body{padding-top:60px!important}

  /* Menü im Burger-Overlay: volle Breite wie auf dem Handy */
  html body #meco-overlay-menu #categories ul.level-1{display:block!important;float:none!important;width:100%!important;max-width:520px;margin:0 auto!important}
  html body #meco-overlay-menu #categories ul.level-1>li{float:none!important;width:100%!important}

  /* Kategorie-Liste (Listenansicht): Bild und Preis schmaler, damit der Artikelname Platz hat */
  html body .productlist-viewmode-list .content-container-inner>.image{flex:0 0 170px!important;width:170px!important}
  html body .productlist-viewmode-list .content-container-inner>.price-tax{flex:0 0 190px!important;width:190px!important}
  html body .productlist-viewmode-list .content-container-inner>.title-description{flex:1 1 auto!important;min-width:0}

  /* Produktseite: Bildbereich hatte feste Höhe (560 px) -> großer Leerraum unter dem Bild */
  html body .product-info .product-info-stage{height:auto!important;min-height:0!important;justify-content:flex-start!important}
}

/* =====================================================================
   4. LEERER WARENKORB (25.10.2026) – Karte mit Symbol, Knöpfen und Kategorie-Kacheln
      Inhalt wird von lumotique.js (Abschnitt 1b) in .cart-empty eingesetzt.
   ===================================================================== */
/* alten Hinweis sofort per CSS ausblenden (nicht erst nach dem Script) und Platz für die Karte freihalten -> kein Aufblitzen/Springen */
.main-inside .cart-empty>.alert,.main-inside .cart-empty>.row{display:none!important}
.main-inside .cart-empty:not(.hidden){min-height:620px}
@media (max-width:767px){.main-inside .cart-empty:not(.hidden){min-height:790px}}
.lb-leer-karte{--lb-acc:#4E4637;background:#fff;border-radius:18px;padding:44px 28px 36px;margin:10px 0 40px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(78,70,55,.06)}
.lb-leer-icon{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:#f4f0ea;display:flex;align-items:center;justify-content:center;color:var(--lb-acc)}
.lb-leer-icon svg{width:36px;height:36px}
.lb-leer-karte h2{font-size:24px!important;font-weight:600!important;color:#2b2620!important;margin:0 0 8px!important;text-transform:none!important;letter-spacing:0!important}
.lb-leer-karte>p{color:#8a8278;font-size:15px;line-height:1.55;max-width:460px;margin:0 auto 24px}
.lb-leer-knoepfe{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}
.lb-leer-knoepfe a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none!important;transition:background .15s,border-color .15s}
.lb-leer-knoepfe .lb-primaer{background:var(--lb-acc);color:#fff!important;border:1px solid var(--lb-acc)}
.lb-leer-knoepfe .lb-primaer:hover{background:#3a3428}
.lb-leer-knoepfe .lb-sekundaer{background:#fff;color:var(--lb-acc)!important;border:1px solid #d9d2c6}
.lb-leer-knoepfe .lb-sekundaer:hover{border-color:var(--lb-acc)}
.lb-leer-kacheln-titel{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#8a8278;margin:0 0 12px}
.lb-leer-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:640px;margin:0 auto}
.lb-leer-kacheln a{display:flex;align-items:center;justify-content:center;min-height:50px;padding:14px 10px;border:1px solid #ece7df;border-radius:12px;background:#faf8f5;color:#2b2620!important;font-weight:500;font-size:14px;text-decoration:none!important;transition:border-color .15s,background .15s}
.lb-leer-kacheln a:hover{border-color:var(--lb-acc);background:#fff}
.lb-leer-vertrauen{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;padding:22px 0 0;margin:30px 0 0;border-top:1px solid #ece7df;font-size:13px;color:#8a8278}
.lb-leer-vertrauen li::before{content:"✓ ";color:var(--lb-acc);font-weight:700}
@media (max-width:767px){
  .lb-leer-karte{padding:32px 18px 26px;border-radius:16px}
  .lb-leer-karte h2{font-size:20px!important}
  .lb-leer-knoepfe{flex-direction:column}
  .lb-leer-knoepfe a{width:100%}
  .lb-leer-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lb-leer-kacheln a{font-size:13px;padding:13px 6px}
  .lb-leer-vertrauen{flex-direction:column;align-items:center}
}

/* =====================================================================
   5. WARENKORB-EMPFEHLUNGEN (25.10.2026) – Leuchtmittel im Warenkorb -> passende Leuchten
      Inhalt aus lumotique.js (Abschnitt 1c) + lumotique-empfehlungen.json
   ===================================================================== */
.lb-emp{clear:both;--lb-acc:#4E4637;background:#fff;border-radius:18px;padding:26px 26px 28px;margin:24px 15px 40px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(78,70,55,.06)}
.cart-empty .lb-emp{margin:0 0 40px}
.lb-emp + .lb-emp{margin-top:0}
.lb-emp[hidden]{display:none!important}
.lb-emp h3{font-size:19px!important;font-weight:600!important;color:#2b2620!important;margin:0 0 4px!important;text-transform:none!important;letter-spacing:0!important}
.lb-emp>p{color:#8a8278;font-size:14px;margin:0 0 18px}
.lb-emp-reihe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lb-emp-karte{display:flex;flex-direction:column;border:1px solid #ece7df;border-radius:14px;padding:12px;background:#fff;color:#2b2620!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.lb-emp-karte:hover{border-color:var(--lb-acc);box-shadow:0 6px 18px rgba(78,70,55,.10)}
.lb-emp-bild{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#faf8f5;border-radius:10px;margin-bottom:10px;overflow:hidden}
.lb-emp-bild img{max-width:88%;max-height:88%;object-fit:contain;mix-blend-mode:multiply}
.lb-emp-name{font-size:13.5px;line-height:1.35;font-weight:500;min-height:3.6em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lb-emp-preis{font-size:16px;font-weight:700;margin-top:8px}
.lb-emp-mwst{font-size:11px;color:#8a8278;margin-bottom:10px}
.lb-emp-knopf{margin-top:auto;display:block;text-align:center;padding:9px 0;border-radius:10px;background:#f4f0ea;color:var(--lb-acc);font-weight:600;font-size:13.5px;transition:background .15s,color .15s}
.lb-emp-karte:hover .lb-emp-knopf{background:var(--lb-acc);color:#fff}
@media (max-width:767px){
  .lb-emp{padding:20px 0 22px;margin:18px 0 30px;border-radius:16px}
  .lb-emp h3,.lb-emp>p{padding:0 18px}
  .lb-emp-reihe{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 18px 6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .lb-emp-reihe::-webkit-scrollbar{display:none}
  .lb-emp-karte{flex:0 0 44%;scroll-snap-align:start}
}

/* =====================================================================
   6. KAUFLEISTE HANDY-PRODUKTSEITE (26.10.2026) – Inhalt aus lumotique.js (Abschnitt 3)
   ===================================================================== */
.lb-kaufleiste{display:none}
@media (max-width:767px){
  .lb-kaufleiste{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:1025;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #ece7df;
    box-shadow:0 -6px 20px rgba(78,70,55,.10);transform:translateY(110%);transition:transform .2s ease;visibility:hidden}
  .lb-kaufleiste.an{transform:none;visibility:visible}
  .lb-kl-preis{display:flex;flex-direction:column;min-width:0;line-height:1.2}
  .lb-kl-preis b{font-size:18px;font-weight:700;color:#2b2620;white-space:nowrap}
  .lb-kl-preis span{font-size:11px;color:#8a8278;white-space:nowrap}
  .lb-kaufleiste button{flex:1;min-height:48px;border:0;border-radius:12px;background:#4E4637;color:#fff;font-weight:600;font-size:15px}
  body.lb-kl-an .pageup{bottom:96px!important}
  body.lb-kl-da{padding-bottom:76px}   /* fester Platz, damit beim Ein-/Ausblenden nichts springt */
  select.lb-kl-fehlt{outline:2px solid #b3261e!important;outline-offset:2px}
}

/* =====================================================================
   7. VERTRAUENSZEILE PRODUKTSEITE (26.10.2026) – Inhalt aus lumotique.js (Abschnitt 4)
   ===================================================================== */
.lb-vertrauen-produkt{margin:18px 0 0;padding:14px 0 0;border-top:1px solid #ece7df;text-align:left;clear:both}
.lb-vertrauen-produkt li{line-height:1.4;align-items:flex-start}
.lb-vertrauen-produkt li::before{flex:0 0 auto}
.lb-vertrauen-produkt li.lb-vt-hilfe::before{content:"☎";color:#4E4637;font-weight:400}
.lb-vertrauen-produkt .lb-vt-hilfe a{color:inherit!important;text-decoration:underline}
.lb-vertrauen-produkt .lb-vt-hilfe small{font-size:12px;color:#8a8278}
/* Hilfe-Kasten unter der Kaufbox ausblenden – Kontakt steht jetzt in der Vertrauenszeile (nur wenn lumotique.js sie eingebaut hat) */
body.lb-vt-da .lumo-help-banner{display:none!important}
/* Banner an der Stelle des Hilfe-Kastens */
.lb-vt-banner{background:#fff;border-radius:18px;padding:22px 24px!important;margin:10px 0 24px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(78,70,55,.06);display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;float:none!important}
.lb-vt-b{display:flex;gap:12px;align-items:flex-start;min-width:0}
.lb-vt-b svg{flex:0 0 38px;width:38px;height:38px;padding:8px;border-radius:50%;background:#f4f0ea;color:#4E4637}
.lb-vt-b strong{display:block;font-size:14px;font-weight:600;color:#2b2620;line-height:1.3}
.lb-vt-b span{display:block;font-size:13px;color:#8a8278;line-height:1.4;margin-top:2px}
.lb-vt-b a{color:inherit!important;text-decoration:underline}
/* Nie doppelt: am Computer (ab 992 px) nur der Banner unter der Kaufbox, am Handy/Tablet nur die Liste am Kaufknopf */
@media (min-width:992px){body.lb-vt-banner-da .lb-vertrauen-produkt{display:none}}
@media (max-width:991px){.lb-vt-banner{display:none!important}}