/* ==========================================================================
   Licht-Zubehoer.de – custom.css (clean, consolidated, scoped)
   Stand: 2025-12
   Farben: #dbdb00 (Brand), #525252 (Text), #000 (Headlines)
   ========================================================================== */

/* ---------- In-Page Anchors mit Offset (Header-Höhe ~250px) ---------- */
a.anchor{
  display:block;
  position:relative;
  top:-250px;
  visibility:hidden;
}

/* ---------- Design-Variablen (einheitlich, einmalig) ---------- */
:root{
  /* Brand */
  --lz-brand:        #dbdb00;
  --lz-brand-hover:  #caca00;

  /* Text/Headings/Border/Flächen */
  --lz-text:         #000000;
  --lz-head:         #000000;
  --lz-border:       #e5e7eb;
  --lz-bg:           #fafafa;

  /* UI-Accents (Buttons/Badges) */
  --lz-accent:       var(--lz-brand);
  --lz-accent-hover: var(--lz-brand-hover);

  /* Chips/Leisten */
  --lz-summary-bg:     var(--lz-brand);
  --lz-summary-bg-sub: #efefbd;
  --lz-chip-bg:        #efefef;
  --lz-chip-text:      var(--lz-text);

  /* Schatten */
  --lz-shadow:        0 4px 16px rgba(0,0,0,.05);
  --lz-shadow-hover:  0 8px 24px rgba(0,0,0,.08);
}

/* ==========================================================================
   1) Produkt-/Detail-UI & Elemente
   ========================================================================== */

/* Energielabel Etikett */
#thumbwrap{ position:relative; }
.thumb span{ position:absolute; visibility:hidden; }
.thumb:hover,
.thumb:hover span{ visibility:visible; top:0; left:100px; z-index:1; }
.energylabel_1{ max-width:25%; }
.energylabel_2{ max-width:90%; }

/* Hersteller-Logo in Artikeldetails */
.product-detail .product-manufacturer img{ max-width:100%; }

/* Datenblatt-Reiter (Card-Layout) */
.card-columns .card{
  margin-bottom:.75rem;
  display:inline-block;
  width:100%;
  border:1px solid #525252;
  box-shadow:3px 4px darkgrey;
}
@media (max-width:991.98px){
  .card-columns .card{ width:100%; }
}

/* SALE/Etikett (Ribbon) */
.ribbon-2{ background:red; color:#f5f7fa; }
.ribbon-2::before{ border-right-color:grey; }
@media (min-width:309px){
  .ribbon{ font-size:.58rem; }
}

/* Beschreibungstext (Wawi-Tabellen) */
.table-beschreibung{
  font-family:"Open Sans", Arial, sans-serif !important;
  font-size:.875rem !important;
  background:#d8cccc1f;
  width:100%;
  border-collapse:collapse;
  margin-bottom:1rem;
  table-layout:fixed;
}
.table-beschreibung td{
  padding:.45rem .75rem;
  vertical-align:top;
  border-bottom:1px solid #e7e7e7;
  color:#444;
}
.table-beschreibung td:first-child{
  width:38%;
  font-weight:600;
  white-space:nowrap;
  color:#333;
}
.table-beschreibung td:last-child{ width:62%; }
.table-beschreibung tr:nth-child(even) td{ background-color:#f8f8f8; }

/* optionale Überschrift über Specs */
.lz-spec-heading{
  margin-top:1.8rem;
  margin-bottom:.4rem;
  font-size:1.05rem;
  font-weight:600;
  padding-bottom:.3rem;
  border-bottom:1px solid #ddd;
  color:#222;
}

/* Mobile Layout Tabelle */
@media (max-width:576px){
  .table-beschreibung td{
    display:block;
    width:100% !important;
    padding:.25rem .5rem;
  }
  .table-beschreibung tr{
    display:block;
    margin-bottom:.35rem;
    border-bottom:1px solid #e7e7e7;
  }
  .table-beschreibung td:first-child{
    font-weight:600;
    white-space:normal;
    padding-bottom:0;
  }
  .table-beschreibung td:last-child{ padding-top:.1rem; }
  .table-beschreibung tr:nth-child(even) td{ background-color:transparent; }
}

/* Produktslider Mobile-Padding anpassen */
@media (max-width:991.98px){
  .carousel:not(.slick-initialized).slick-lazy:not(.slider-no-preview){ padding-right:0; }
  .slick-type-product:not(.slider-no-preview) .slick-list,
  .slick-type-half:not(.slider-no-preview) .slick-list,
  .slick-type-news:not(.slider-no-preview) .slick-list,
  .slick-type-three:not(.slider-no-preview) .slick-list,
  .slick-type-box:not(.slider-no-preview) .slick-list{ padding-right:0; }
}

/* Produktbilder mit Rahmen */
.productbox-image{
  position:relative;
  border:1px solid #f1f1f1;
}

/* Artikelnamen fix (kein Unterstrich + 3 Zeilen) */
a.text-clamp-2,
.productbox a.text-clamp-2,
.product-list a.text-clamp-2,
.productlist a.text-clamp-2{
  text-decoration:none !important;
  color:#525252 !important;
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  font-size:small;
  margin-bottom:5px;
  font-weight:700;
  transition:color .22s ease, transform .18s ease;
}
a.text-clamp-2:hover,
a.text-clamp-2:focus{
  text-decoration:none !important;
  color:#dbdb00 !important;
  transform:translateY(-1px);
  outline:none;
}
a.text-clamp-2:focus-visible{
  box-shadow:0 0 0 2px rgba(219,219,0,.6);
  border-radius:4px;
}
/* Nur in Produktboxen Link-Unterstreichung raus */
.productlist a,
.product-box a,
.productbox a{ text-decoration:none !important; }

.productbox-title{ display:block; margin-bottom:5px; }

/* Rahmen um Kategorienbilder */
.content-cats-small .sub-categories .subcategories-image{ border:1px solid silver; }

/* Textstile Kategorienboxen */
.content-cats-small .caption{ margin-bottom:.5rem; font-weight:700; }
.content-cats-small .sub-categories{ font-size:small; }

/* „Mehr Subkategorien“-Link gezielt ausblenden */
.content-cats-small .more-subcategories{ display:none; }

/* Hinweisbanner */
.notice_box_content{ padding-top:25px; }

/* Nachfolgeprodukt / Alternativartikel Box */
.lz-altproduct-box{
  background:#fffbe6;
  border:1px solid #f2e58a;
  border-left:5px solid var(--lz-brand);
  border-radius:10px;
  padding:18px 22px;
  margin:20px 0;
  box-shadow:0 3px 10px rgba(0,0,0,.05);
  line-height:1.6;
}
.lz-altproduct-title{ font-size:1rem; font-weight:600; color:#222; margin-bottom:6px; }
.lz-altproduct-text{ font-size:.85rem; color:#333; margin:0; }
.lz-btn-yellow{
  background-color:var(--lz-brand);
  color:#000 !important;
  border:none;
  border-radius:6px;
  font-weight:600;
  font-size:.75rem;
  transition:all .2s ease;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.lz-btn-yellow:hover{
  background-color:var(--lz-brand-hover);
  transform:translateY(-1px);
  box-shadow:0 3px 8px rgba(0,0,0,.15);
}

/* Produktseiten – Tabs */
.product-tabs .nav-tabs{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  border-bottom:none !important;
  gap:8px;
  margin-bottom:10px !important;
  padding:0 !important;
}
.product-tabs .nav-tabs .nav-item{ margin:0; }
.product-tabs .nav-tabs .nav-link{
  background:#f8f8f8;
  border:1px solid #e2e2e2;
  border-radius:999px;
  padding:8px 16px;
  font-weight:600;
  font-size:15px;
  color:#333 !important;
  line-height:1.2;
  transition:all .2s ease-in-out;
}
.product-tabs .nav-tabs .nav-link:hover{
  background:#efefef;
  border-color:var(--lz-brand);
  transform:translateY(-1px);
  box-shadow:0 2px 4px rgba(0,0,0,.08);
}
.product-tabs .nav-tabs .nav-link.active{
  background:var(--lz-brand) !important;
  border-color:var(--lz-brand) !important;
  color:#000 !important;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.tab-content > .tab-pane{
  background:#fff;
  border:1px solid #eaeaea;
  border-radius:12px;
  box-shadow:0 6px 12px rgba(0,0,0,.04);
  padding:18px 22px;
  margin:8px 0 18px;
}
@media (max-width:991.98px){
  .product-tabs .nav-tabs{ justify-content:center; gap:6px; margin-bottom:8px !important; }
  .product-tabs .nav-tabs .nav-link{ font-size:14px; padding:7px 14px; }
  .tab-content > .tab-pane{ border-radius:8px; padding:14px 16px; }
}

/* ==========================================================================
   2) Header / Navigation / Cart / Layout
   ========================================================================== */

/* Logo-Größe Desktop */
@media (min-width:992px){
  header .navbar-brand img{ height:50px; }
}

/* Mobile Header/Logo/Toggle-Ausrichtung */
@media (max-width:991.98px){
  header .navbar-brand img{ max-width:50vw; height:2.9rem; width:10.2rem; }
  .toggler-logo-wrapper .burger-menu-wrapper{ float:left; padding-top:3rem; }
  header .navbar-brand{ padding-top:1.4rem; padding-bottom:1.4rem; }
}

/* Submenu-Headline (Desktop) */
@media (min-width:992px){
  header .submenu-headline-toplevel{
    font-family:Montserrat, sans-serif;
    font-size:.9rem;
    border-bottom:1px solid #ebebeb;
    margin-bottom:.9rem;
  }
}

/* Dropdown Typography */
.dropdown-menu{ font-size:.825rem; color:var(--lz-text); }

/* Cart: Entfernen-Button prominenter */
.cart-items-body .cart-items-delete .cart-items-delete-button{
  color:red;
  font-weight:bold;
}

/* Card-Header neutraler Hintergrund */
.card-header{ background-color:#d2d3d5; }

/* Checkout-Header-Höhe etwas kompakter */
.is-checkout header,
.is-checkout .navbar{ height:4.8rem; }

/* Formular-Row-Linien (scoped) */
.lz-forms .form-row{
  border-bottom:1px solid #e5e5e5;
  margin-bottom:3%;
}

/* Navigationsboxen */
.box-categories .dropdown .collapse,
.box-linkgroup .dropdown .collapse{ background:#eeeeee; }

/* Navigation: Link-Unterstreichungen nur hier entfernen */
.nav-main a,
.megamenu a,
nav .nav-item > a{ text-decoration:none; }

/* Menü-Buttons OUTLET & KATALOGE */
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/sale-oultet"],
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/Produktkataloge"],
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/Produktkataloge2"]{
  position:relative;
  text-transform:uppercase;
  font-weight:500;
  border-radius:3px;
  padding:9px 14px !important;
  margin:16px 6px 6px;
  line-height:1.3;
  display:inline-flex;
  align-items:center;
  transition:all .25s ease;
}
.nav-main .nav-item{ display:flex; align-items:center; }
.nav-main .nav-item > a + .nav-arrow,
.megamenu .nav-item > a + .nav-arrow{ position:relative; top:0; margin-left:4px; }

/* OUTLET (gelb) */
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/sale-oultet"]{
  background:var(--lz-brand);
  color:#000;
}
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/sale-oultet"]:hover,
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/sale-oultet"]:focus{
  background:var(--lz-brand-hover);
  color:#fff;
  transform:translateY(-1px);
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/sale-oultet"]::after{
  content:" %";
  font-weight:700;
  color:#000;
  margin-left:4px;
  font-size:.9em;
  opacity:.85;
}

/* KATALOGE (grau) */
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/Produktkataloge"],
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/Produktkataloge2"]{
  background:#d8d7d7;
  color:var(--lz-text);
}
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/Produktkataloge"]:hover,
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/Produktkataloge"]:focus,
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/Produktkataloge2"]:hover,
:is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/Produktkataloge2"]:focus{
  background:#bfbebe;
  color:#f0f0f0;
  transform:translateY(-1px);
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}

/* Mobil: Buttons full-width, Pfeile ausblenden */
@media (max-width:991.98px){
  :is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/sale-oultet"],
  :is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/Produktkataloge"],
  :is(.nav-main .nav-item > a, .megamenu .nav-item > a, nav .nav-item > a)[href*="/Produktkataloge2"]{
    display:flex !important;
    width:100% !important;
    justify-content:center;
    align-items:center;
    padding:16px 18px !important;
    margin:0 !important;
    border-radius:0;
    line-height:1.4;
    min-height:56px;
    box-shadow:none;
    transform:none;
  }
  .nav-main .nav-item > a + .nav-arrow,
  .megamenu .nav-item > a + .nav-arrow{ display:none !important; }
}

/* ==========================================================================
   3) Kategorie-/SEO-Bereiche (Details/Akkordeon)
   ========================================================================== */

.lz-seo-cat{
  margin:-50px 0 -50px 0;
  line-height:1.55;
  color:var(--lz-text);
  font-size:.9rem;
}
.lz-cat--sub{ margin:6px 0 16px 0; font-size:.96rem; }
.lz-intro{ margin:0 0 10px 0; }
.lz-list{ margin:0 0 12px 1.2em; }

.lz-details{
  border:1px solid var(--lz-border);
  border-radius:8px;
  background:var(--lz-bg);
  padding:10px 12px;
  box-shadow:0 1px 6px rgba(0,0,0,.06);
}
.lz-summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font-weight:700;
  letter-spacing:.2px;
  margin:-10px -12px 10px -12px;
  padding:8px 12px;
  border-bottom:1px solid var(--lz-border);
  border-radius:8px 8px 0 0;
  background:var(--lz-summary-bg);
  color:var(--lz-text);
}
.lz-cat--sub .lz-summary{ background:var(--lz-summary-bg-sub); padding:6px 10px; }
.lz-summary::before{
  content:"▸";
  display:inline-block;
  width:10px;
  transform:rotate(0deg);
  transition:transform .2s ease;
}
.lz-details[open] > .lz-summary::before{ transform:rotate(90deg); }
.lz-summary-lead{
  background:var(--lz-chip-bg);
  color:var(--lz-chip-text);
  padding:2px 10px;
  border-radius:0;
  border:1px solid var(--lz-border);
  font-weight:800;
  box-shadow:none;
}
.lz-summary-rest{ font-size:.85em; opacity:.95; }
.lz-more{ margin-top:6px; }
.lz-more h3{ font-size:1.05em; margin:.6em 0 .3em 0; color:var(--lz-text); }
.lz-divider{ border:none; border-top:2px solid var(--lz-brand); margin:16px 0 0 0; }
.lz-cat--sub .lz-divider{ border-top-width:1px; }

/* SEO-Text-Box */
.lz-seo-text{
  background:#f9f9f9;
  border-radius:10px;
  padding:2rem 2.5rem;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
  color:#525252;
  line-height:1.7;
  font-size:.96rem;
  position:relative;
}
.lz-seo-text h2, .lz-seo-text h3{
  color:#222;
  font-weight:600;
  margin:1.5rem 0 .75rem;
}
.lz-seo-text ul{ margin:.5rem 0 1rem 1.2rem; }
.lz-seo-text li{ margin-bottom:.4rem; }
.lz-seo-text.is-collapsed::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:3.5rem;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(249,249,249,0), rgba(249,249,249,1));
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}
.lz-seo-toggle{
  background:var(--lz-brand);
  color:#000;
  border:none;
  font-weight:600;
  padding:10px 16px;
  border-radius:6px;
  margin:1rem 0 0;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
}
.lz-seo-toggle:hover{
  transform:translateY(-1px);
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.lz-seo-toggle:focus{ outline:2px solid #000; outline-offset:2px; }
@media (max-width:575.98px){
  .lz-seo-text{
    padding:1rem 1rem 1.25rem;
    border-radius:8px;
    font-size:1rem;
    line-height:1.65;
    box-shadow:0 1px 6px rgba(0,0,0,.05);
  }
  .lz-seo-text h2{ font-size:1.15rem; }
  .lz-seo-text h3{ font-size:1.05rem; }
  .lz-seo-toggle{
    display:block;
    width:100%;
    padding:12px 18px;
    border-radius:8px;
  }
}
@media (prefers-reduced-motion:reduce){
  .lz-seo-toggle{ transition:none; }
}

/* ==========================================================================
   4) Utilities & globale mobile Typo
   ========================================================================== */

.lz-no-underline a{ text-decoration:none; }
.lz-text-left{ text-align:left; }
.lz-w-35{ width:35%; }

.hr-sect{
  display:flex;
  justify-content:center;
  flex-basis:100%;
  align-items:center;
  color:var(--lz-text);
  margin:30px 0;
  font-size:1.5rem;
  font-family:Montserrat, sans-serif;
}

/* H1 mobil entschärfen */
@media (max-width:576px){
  h1,
  .h1,
  .page-title h1,
  .content h1,
  .content-main h1{
    font-size:clamp(1.1rem, 4.2vw + 0.2rem, 1.35rem);
    line-height:1.25;
    margin-bottom:14px;
    overflow-wrap:anywhere;
    word-break:break-word;
    hyphens:auto;
  }
}
@media (min-width:577px) and (max-width:768px){
  h1,
  .h1,
  .page-title h1,
  .content h1,
  .content-main h1{
    font-size:clamp(1.2rem, 2.2vw + 0.2rem, 1.5rem);
    line-height:1.25;
  }
}

/* Produkt-Info sticky (dein Wunsch) */
#product-offer > .product-info{
  background:#fff;
  padding:2rem 2.5rem 0;
  border-radius:.8rem;
  box-shadow:0 0 27px rgba(0,0,0,0.08);
  position:sticky;
  top:88px;
}

/* Seitenanpassung größe */
@media (min-width:1300px){
  .container{ max-width:1490px; }
}

/* ==========================================================================
   5) Mediafiles (Datenblatt/Video) – deine lz-mediafile Cards
   ========================================================================== */

.lz-mediafile{
  display:flex;
  align-items:flex-start;
  gap:.9rem;
  padding:.85rem 1rem;
  border-radius:.75rem;
  border:1px solid #e5e5e5;
  background:#fff;
  margin-bottom:.75rem;
  transition:box-shadow .15s ease, border-color .15s ease, transform .15s ease;
}
.lz-mediafile:hover{
  border-color:#dbdb00;
  box-shadow:0 6px 18px rgba(0,0,0,0.06);
  transform:translateY(-1px);
}
.lz-mediafile-icon img{
  display:block;
  width:28px;
  height:auto;
  margin-top:.05rem;
}
.lz-mediafile-text{
  flex:1 1 auto;
  min-width:0;
}
.lz-mediafile-title{
  display:inline-block;
  font-weight:600;
  margin-bottom:.1rem;
  text-decoration:none;
}
.lz-mediafile-title:hover{ text-decoration:underline; }
.lz-mediafile-desc{
  font-size:.9rem;
  line-height:1.4;
  opacity:.9;
}
@media (max-width:768px){
  .lz-mediafile{ padding:.8rem .9rem; }
}

/* Card-Columns in Tabs deaktivieren */
#tab-Datenblatt .mediafiles.card-columns,
#tab-Datenblatt .mediafiles.card-columns-2,
#tab-Produktvideo .mediafiles.card-columns,
#tab-Produktvideo .mediafiles.card-columns-2{
  column-count:1;
  -webkit-column-count:1;
  -moz-column-count:1;
  display:block;
}
#tab-Datenblatt .mediafiles .lz-mediafile,
#tab-Produktvideo .mediafiles .lz-mediafile{
  width:100%;
  break-inside:avoid;
}

/* Video-Variante */
.lz-mediafile--video{
  flex-direction:column;
  align-items:flex-start;
}
.lz-mediafile--video .lz-mediafile-icon{ margin-bottom:.4rem; }
.lz-mediafile-video-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border-radius:999px;
  border:1px solid #dbdb00;
  font-size:.9rem;
  font-weight:700;
  line-height:1;
}
.lz-mediafile-video-frame{
  margin-top:.4rem;
  width:100%;
}
.lz-mediafile-video-frame iframe,
.lz-mediafile-video-frame video{
  width:100%;
  max-width:100%;
  height:auto;
  border-radius:.5rem;
}

/* ==========================================================================
   6) Hinweisbox + Dropdown Footer (Registrieren Button)
   ========================================================================== */

.lz-hinweisbox{
  font-family:"Open Sans", Arial, sans-serif !important;
  font-size:.85rem;
  background:#fff3cd;
  border-left:4px solid #ffca2c;
  padding:12px 15px;
  margin:20px 0;
  border-radius:4px;
  color:#6c5300;
}
.lz-hinweisbox strong{ color:#4a3f00; }

/* Bereich unter dem Login-Dropdown */
.dropdown-footer{
  background-color:#f5f5f5;
  border-top:1px solid #e0e0e0;
  padding:14px 16px;
  text-align:center;
  font-size:.9rem;
  color:#555;
}
.dropdown-footer a{
  display:inline-block;
  margin-left:8px;
  padding:6px 20px 6px 34px;
  background-color:#dbdb00;
  color:#000;
  font-weight:600;
  font-size:.88rem;
  border-radius:3px;
  text-decoration:none;
  border:1px solid #dbdb00;
  position:relative;
  z-index:10;
  transition:background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .15s ease;
}
.dropdown-footer a::before{
  content:"➜";
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  font-size:.8rem;
  font-weight:700;
}
.dropdown-footer a:hover{
  background-color:#c5c500;
  border-color:#c5c500;
  color:#000;
  text-decoration:none;
  transform:translateY(-1px);
  box-shadow:0 2px 6px rgba(0,0,0,0.18);
}

/* ==========================================================================
   7) Warenkorb Hinweis (Info statt Warn-Dreieck) – scoped
   ========================================================================== */

#alert-list .alert.alert-warning[data-key="orderAmountStock"]{
  background-color:#f5f6f7 !important;
  border:1px solid #dcdcdc !important;
  color:#313131 !important;
  box-shadow:none !important;
}
#alert-list .alert.alert-warning[data-key="orderAmountStock"] i.fa-exclamation-triangle{
  display:none !important;
}
#alert-list .alert.alert-warning[data-key="orderAmountStock"]::before{
  content:"ℹ";
  font-size:16px;
  color:#777777;
  margin-right:6px;
}
#alert-list .alert.alert-warning[data-key="orderAmountStock"] ul{ margin-top:6px; }
#alert-list .alert.alert-warning[data-key="orderAmountStock"] strong{
  font-weight:600;
  color:#313131;
}
#alert-list .alert.alert-warning[data-key="orderAmountStock"] .close{
  color:#999999 !important;
  opacity:.8;
}

/* ==========================================================================
   8) B2B forbidden: Warenkorb/Menge ausblenden (nur wenn vorhanden)
   ========================================================================== */

@supports selector(:has(*)){
  .productbox-inner:has(.forbidden-article-wrapper) .choose_quantity,
  .productbox-inner:has(.forbidden-article-wrapper) .col-btn,
  .productbox-inner:has(.forbidden-article-wrapper) button[name="inWarenkorb"],
  .productbox-inner:has(.forbidden-article-wrapper) .btn-add-to-cart{
    display:none !important;
  }
  @media (max-width:575.98px){
    .productbox-inner:has(.forbidden-article-wrapper) .forbidden-article-wrapper.d-none.d-sm-block{
      display:block !important;
    }
  }
}

/* ==========================================================================
   9) PUSHED-SUCCESS (Artikel im Warenkorb) – FINAL FIX
   Ursache: globales Equal-Height CSS wie:
            .productbox-inner > .row { flex: 1 1 auto; }
   -> lässt Content-Row wachsen, Buttons „rutschen“
   ========================================================================== */

/* Card/Alert Grundlayout */
#pushed-success{
  padding:0 !important;
  margin-bottom:2rem !important;
  box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important;
  background:#fff;
  border-radius:.125rem;
}
#pushed-success.card{
  border:1px solid #f5f7fa !important;
  overflow:hidden !important;
}
#pushed-success .card-header.alert-success{
  background:#eaf8ea !important;
  color:#1C871E !important;
  border-bottom:1px solid rgba(28,135,30,.18) !important;
  text-align:center;
  font-weight:600;
  padding:.75rem 1.25rem !important;
}
#pushed-success .card-body{
  padding:1.25rem !important;
}

/* Overlays im pushed-success aus (verhindert Kollisionen) */
#pushed-success .product-actions,
#pushed-success .compare,
#pushed-success .wishlist,
#pushed-success button.compare,
#pushed-success button.wishlist{
  display:none !important;
}

/* >>> DER ENTSCHEIDENDE FIX <<< */
#pushed-success .productbox-inner{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
}
#pushed-success .productbox-inner > .row{
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  align-items:flex-start !important;
}
#pushed-success .productbox-inner > .row > [class*="col"]{
  height:auto !important;
  min-height:0 !important;
}

/* Slick im pushed-success neutral (falls vorhanden) */
#pushed-success .slick-slider,
#pushed-success .slick-list,
#pushed-success .slick-track,
#pushed-success .slick-slide{
  z-index:auto !important;
}
#pushed-success .slick-slide[style*="z-index"]{
  z-index:auto !important;
}

/* Buttons: Flow + saubere Breakpoints */
#pushed-success .pushed-success-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  width:100% !important;
  margin-top:14px !important;
}
#pushed-success .pushed-success-buttons a.btn{
  min-height:46px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100% !important;
  border-radius:4px !important;
  white-space:nowrap;
}
@media (min-width:768px){
  #pushed-success .pushed-success-buttons{
    gap:14px !important;
  }
  #pushed-success .pushed-success-buttons > .col{
    flex:1 1 0 !important;
    max-width:none !important;
  }
}
@media (max-width:767.98px){
  #pushed-success .pushed-success-buttons{
    flex-direction:column !important;
    gap:10px !important;
  }
}

/* Bild sauber */
#pushed-success .pushed-success-image-wrapper img,
#pushed-success .pushed-success-image-wrapper .image{
  width:100% !important;
  height:auto !important;
  display:block;
}
/* ==========================================================================
   LZ KATALOG-SEITEN – Produktkataloge + Beleuchtungskataloge
   Scoped: .lz-katalog-wrap und .lz-cat-wrap (kein Einfluss auf Rest vom Shop)
   ========================================================================== */

/* ---------- Gemeinsame Basis (Typo/Spacing) ---------- */
.lz-katalog-wrap,
.lz-cat-wrap{
  font-family: "Open Sans", Arial, sans-serif;
  color: #525252;
  max-width: 1200px;         /* kann bleiben – wirkt sauber im Content */
  margin: 0 auto;
  padding: 10px 0 30px;
}

/* ---------- Badges / Separator (shared) ---------- */
.lz-katalog-wrap .lz-badge,
.lz-cat-wrap .lz-badge{
  font-size: 11px;
  padding: 2px 7px;
  border: 1px solid #dbdb00;
  background: #fffecc;
  color: #333;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}

.lz-katalog-wrap .lz-sep,
.lz-cat-wrap .lz-sep{
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #ddd;
  margin: 0 2px;
}

/* ---------- Buttons (shared) ---------- */
.lz-katalog-wrap .lz-btn,
.lz-cat-wrap .lz-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 3px;             /* Shop-Button Radius */
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: background-color .18s ease, border-color .18s ease, transform .12s ease, box-shadow .18s ease;
  white-space: nowrap;
}

.lz-katalog-wrap .lz-btn--primary,
.lz-cat-wrap .lz-btn--primary{
  background: #dbdb00;
  border-color: #dbdb00;
  color: #000 !important;
}

.lz-katalog-wrap .lz-btn--primary:hover,
.lz-katalog-wrap .lz-btn--primary:focus,
.lz-cat-wrap .lz-btn--primary:hover,
.lz-cat-wrap .lz-btn--primary:focus{
  background: #caca00;
  border-color: #caca00;
  color: #000 !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.10);
}

.lz-katalog-wrap .lz-btn--dark,
.lz-cat-wrap .lz-btn--dark{
  background: #525252;
  border-color: #525252;
  color: #fff !important;
}

.lz-katalog-wrap .lz-btn--dark:hover,
.lz-katalog-wrap .lz-btn--dark:focus,
.lz-cat-wrap .lz-btn--dark:hover,
.lz-cat-wrap .lz-btn--dark:focus{
  background: #3f3f3f;
  border-color: #3f3f3f;
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.10);
}

/* Mobile: Buttons immer volle Breite (beide Seiten) */
@media (max-width: 768px){
  .lz-katalog-wrap .lz-btn,
  .lz-cat-wrap .lz-btn{
    width: 100%;
  }
}

/* ==========================================================================
   1) PRODUKTKATALOGE (Produktkataloge-Seite)
   Markup: .lz-katalog-wrap / .lz-katalog-grid / .lz-katalog-card ...
   ========================================================================== */

.lz-katalog-wrap .lz-katalog-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  align-items: stretch;
}

.lz-katalog-wrap .lz-katalog-card{
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 16px rgba(0,0,0,.05);
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  transition: box-shadow .2s ease, transform .12s ease;
}

.lz-katalog-wrap .lz-katalog-card:hover{
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  transform: translateY(-2px);
}

.lz-katalog-wrap .lz-katalog-thumb{
  background: #f5f7fa;
  border-bottom: 1px solid #e5e7eb;
}

.lz-katalog-wrap .lz-katalog-thumb a{
  display: block;
  text-decoration: none;
}

.lz-katalog-wrap .lz-katalog-thumb img{
  width: 100%;
  height: auto;
  display: block;
}

/* Body: sorgt für gleiche Höhe & Buttons unten */
.lz-katalog-wrap .lz-katalog-body{
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  flex: 1 1 auto;
  min-height: 0;
}

.lz-katalog-wrap .lz-katalog-title{
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 1.3;
  margin: 0 0 8px 0;
}

.lz-katalog-wrap .lz-katalog-text{
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 10px 0;
  color: #525252;
}

.lz-katalog-wrap .lz-katalog-meta{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #707070;
}

.lz-katalog-wrap .lz-katalog-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 4px;
}

@media (max-width: 768px){
  .lz-katalog-wrap .lz-katalog-grid{ gap: 14px; }
  .lz-katalog-wrap .lz-katalog-actions{ width: 100%; }
}

/* CTA unten (Produktkataloge) */
.lz-katalog-wrap .lz-cta{
  margin-top: 34px;
  padding: 18px 20px;
  background: #f8f8f8;
  border: 1px solid #e5e7eb;
  border-left: 4px solid #dbdb00;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.lz-katalog-wrap .lz-cta h3{
  margin: 0 0 6px 0;
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.lz-katalog-wrap .lz-cta p{
  margin: 0;
  color: #525252;
  font-size: 14px;
  line-height: 1.5;
}

@media (max-width: 768px){
  .lz-katalog-wrap .lz-cta{
    flex-direction: column;
    align-items: flex-start;
  }
}

/* ==========================================================================
   2) BELEUCHTUNGSKATALOGE (Beleuchtungskataloge-Seite)
   Markup: .lz-cat-wrap / .lz-cat-grid / .lz-cat-card ...
   ========================================================================== */

.lz-cat-wrap .lz-cat-header{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 6px 0 14px;
}

.lz-cat-wrap .lz-cat-hint{
  font-size: 13px;
  font-weight: 600;
  color: #707070;
}

/* Grid */
.lz-cat-wrap .lz-cat-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  align-items: stretch;
}

/* Card */
.lz-cat-wrap .lz-cat-card{
  background: #fff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 16px rgba(0,0,0,.05);
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  transition: box-shadow .2s ease, transform .12s ease;
}

.lz-cat-wrap .lz-cat-card:hover{
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  transform: translateY(-2px);
}

/* Thumb ist ein <a> */
.lz-cat-wrap .lz-cat-thumb{
  display: block;
  background: #f5f7fa;
  border-bottom: 1px solid #e5e7eb;
  text-decoration: none;
}

.lz-cat-wrap .lz-cat-thumb img{
  width: 100%;
  height: auto;
  display: block;
}

/* Body -> gleiche Höhe & Actions unten */
.lz-cat-wrap .lz-cat-body{
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  flex: 1 1 auto;
  min-height: 0;
}

.lz-cat-wrap .lz-cat-name{
  font-size: 16px;
  font-weight: 700;
  color: #000;
  margin: 0;
  line-height: 1.3;
}

/* Meta */
.lz-cat-wrap .lz-cat-meta{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #707070;
}

/* Actions */
.lz-cat-wrap .lz-cat-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 2px;
}

@media (max-width: 768px){
  .lz-cat-wrap .lz-cat-grid{ gap: 14px; }
  .lz-cat-wrap .lz-cat-actions{ width: 100%; }
}

@media (max-width: 420px){
  .lz-katalog-wrap .lz-katalog-body,
  .lz-cat-wrap .lz-cat-body{
    padding: 14px 14px;
  }

  .lz-katalog-wrap .lz-katalog-title,
  .lz-cat-wrap .lz-cat-name{
    font-size: 15px;
  }
}
/* =========================================================
   RETOURENABWICKLUNG – Licht-Zubehoer.de
   Scoped, stabil, konfliktfrei
   ========================================================= */

.lz-returns-page{
  max-width: 980px;
  margin: 0 auto 3rem;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: .95rem;
  color: #525252;
  line-height: 1.6;
}

/* ---------------- Überschriften ---------------- */

.lz-returns-page h1{
  font-size: 1.6rem;
  margin-bottom: 1rem;
  color: #222;
}

.lz-returns-page h2{
  font-size: 1.25rem;
  margin: 2.2rem 0 1rem;
  color: #222;
}

.lz-returns-page h3{
  font-size: 1.05rem;
  margin-bottom: .4rem;
  font-weight: 600;
  color: #333;
}

/* ---------------- Intro ---------------- */

.lz-returns-intro{
  margin-bottom: 1.8rem;
}

/* ---------------- Timeline / Schritte ---------------- */

.lz-returns-steps{
  margin: 2.2rem 0;
  padding-left: 0;
  border-left: 2px solid #e0e0e0;
}

.lz-returns-step{
  position: relative;
  padding-left: 1.6rem;
  padding-bottom: 1.6rem;
  margin-left: 1.2rem;
}

.lz-returns-step::before{
  content: "";
  position: absolute;
  left: -9px;
  top: 4px;
  width: 14px;
  height: 14px;
  background: #dbdb00;
  border-radius: 50%;
  box-shadow: 0 0 0 4px #f7f7f7;
}

.lz-returns-step p{
  margin-bottom: .35rem;
}

.lz-returns-step ul{
  margin: .4rem 0 .6rem 1.1rem;
}

/* ---------------- Hinweisbox ---------------- */

.lz-returns-warning,
.lz-returns-hint{
  background: #fff3cd;
  border-left: 4px solid #ffca2c;
  padding: 12px 15px;
  margin: 1.6rem 0;
  border-radius: 4px;
  color: #6c5300;
  font-size: .9rem;
}

.lz-returns-warning strong{
  color: #4a3f00;
}

/* ---------------- Download-Bereich ---------------- */

.lz-returns-download{
  margin: 2.2rem 0;
  padding: 1.3rem 1.5rem;
  border-radius: 6px;
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
}

.lz-returns-download p{
  margin-bottom: .6rem;
}

/* ---------------- Buttons (Shop-Stil) ---------------- */

.lz-returns-page .btn-returns{
  display: inline-block;
  padding: .5rem 1.25rem;
  border-radius: 3px;
  font-weight: 600;
  font-size: .9rem;
  border: 1px solid #dbdb00;
  background: #dbdb00;
  color: #000 !important;
  text-decoration: none;
  transition: background-color .2s ease,
              box-shadow .2s ease,
              transform .15s ease;
}

.lz-returns-page .btn-returns:hover,
.lz-returns-page .btn-returns:focus{
  background: #c8c800;
  border-color: #c8c800;
  color: #fff !important;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

/* ---------------- FAQ ---------------- */

.lz-returns-faq{
  margin: 2.6rem 0 1rem;
}

.lz-returns-faq-item{
  margin-bottom: .9rem;
}

.lz-returns-faq-item strong{
  display: block;
  margin-bottom: .2rem;
  color: #222;
}

/* ---------------- Mobile Feinschliff ---------------- */

@media (max-width: 576px){
  .lz-returns-page{
    font-size: .95rem;
  }

  .lz-returns-page h1{
    font-size: 1.35rem;
  }

  .lz-returns-page h2{
    font-size: 1.15rem;
  }

  .lz-returns-step{
    padding-left: 1.4rem;
  }
}
/* =========================================================
   BattDG + WEEE Hinweise – Licht-Zubehoer.de
   Gemeinsame Basis (minimale Wiederholungen)
   ========================================================= */

/* Wrapper */
.lz-battdg-hinweise,
.lz-weee-hinweise{
  max-width: none;
  margin: 0 0 3rem;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: .95rem;
  color: #525252;
  line-height: 1.6;
}

/* Hauptbox */
.lz-battdg-box,
.lz-weee-box{
  background: #f9f9f9;
  border: 1px solid #e3e3e3;
  border-radius: 8px;
  padding: 1.8rem 2rem;
}

/* Text */
.lz-battdg-box p,
.lz-weee-box p{
  margin-bottom: .9rem;
}

/* Liste */
.lz-battdg-box ul,
.lz-weee-box ul{
  margin: .6rem 0 1.1rem 1.3rem;
}
.lz-battdg-box li,
.lz-weee-box li{
  margin-bottom: .45rem;
}

/* Trenner */
.lz-battdg-box hr,
.lz-weee-box hr{
  border: none;
  border-top: 1px solid #ddd;
  margin: 1.8rem 0 1.2rem;
}

/* Überschrift */
.lz-battdg-box h3,
.lz-weee-box h3{
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1.2rem;
  color: #222;
}

/* Links */
.lz-battdg-box a,
.lz-weee-box a{
  color: #525252;
  font-weight: 600;
  text-decoration: underline;
}
.lz-battdg-box a:hover,
.lz-weee-box a:hover{
  color: #000;
}

/* =========================================================
   Symbole (BattDG + WEEE)
   ========================================================= */

.lz-battdg-symbols,
.lz-weee-symbols{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 20px;
  margin: 1.2rem 0 1.6rem;
  align-items: start;
}

.lz-battdg-symbols figure,
.lz-weee-symbols figure{
  margin: 0;
  text-align: center;
}

.lz-battdg-symbols svg,
.lz-weee-symbols svg{
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 6px;
}

.lz-battdg-symbols figcaption,
.lz-weee-symbols figcaption{
  font-size: .8rem;
  line-height: 1.35;
  color: #525252;
}

/* =========================================================
   Spezifische Infoboxen
   ========================================================= */

/* BattDG Rücksende-/Abgabeadresse */
.lz-battdg-address{
  background: #ffffff;
  border: 1px dashed #dbdb00;
  padding: 12px 14px;
  margin: 1.4rem 0;
  font-size: .9rem;
  color: #333;
}

/* WEEE Registrierungsnummer Box */
.lz-weee-reg{
  background: #ffffff;
  border: 1px dashed #dbdb00;
  padding: 12px 14px;
  margin: 1.4rem 0;
  font-size: .9rem;
  color: #333;
}
.lz-weee-reg span{
  font-weight: 700;
  letter-spacing: .2px;
}

/* =========================================================
   Mobile Feinschliff
   ========================================================= */

@media (max-width: 576px){
  .lz-battdg-box,
  .lz-weee-box{
    padding: 1.3rem 1.2rem;
  }

  .lz-battdg-symbols,
  .lz-weee-symbols{
    gap: 14px;
  }

  .lz-battdg-symbols svg,
  .lz-weee-symbols svg{
    width: 56px;
    height: 56px;
  }
}

/* =========================================================
   Zahlungsmöglichkeiten – Licht-Zubehoer.de
   Rekonstruiert & scoped (stabil, wie früher)
   ========================================================= */

.lz-container{
  max-width: 980px;
  margin: 0 auto 3rem;
  padding: 0 1rem;
  font-family: "Open Sans", Arial, sans-serif;
  color: #525252;
  font-size: .95rem;
  line-height: 1.6;
}

/* Überschrift */
.lz-heading-center{
  font-size: 1.35rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 1.2rem;
}

/* Trenner */
.lz-divider{
  border-bottom: 1px solid #e0e0e0;
  margin: 1.8rem 0;
}

/* =========================================================
   Zahlungsblock
   ========================================================= */

.lz-payment-item{
  display: flex;
  align-items: flex-start;
  gap: 22px;
}

/* Logo-Spalte */
.lz-payment-image{
  flex: 0 0 140px;
  max-width: 160px;
}

.lz-payment-image img{
  display: block;
  width: 100%;
  height: auto;
}

/* Text-Spalte */
.lz-payment-content{
  flex: 1;
  min-width: 240px;
}

/* Titel */
.lz-payment-content h3{
  margin: 0 0 .4rem;
  font-size: 1.05rem;
  font-weight: 600;
  color: #222;
}

.lz-payment-content h4{
  margin: .2rem 0 .6rem;
  font-size: .9rem;
  font-weight: 600;
  color: #333;
}

.lz-payment-content h5{
  margin: .8rem 0 .4rem;
  font-size: .85rem;
  font-weight: 600;
  color: #333;
}

/* Text & Listen */
.lz-payment-content p{
  margin-bottom: .6rem;
}

.lz-payment-content ul{
  margin: .4rem 0 .8rem 1.2rem;
}

.lz-payment-content li{
  margin-bottom: .3rem;
}

/* Adresse */
.lz-payment-content strong{
  color: #222;
}

/* =========================================================
   Mobile – Logo oben, Text darunter (wie früher)
   ========================================================= */

@media (max-width: 768px){
  .lz-payment-item{
    flex-direction: column;
    gap: 12px;
  }

  .lz-payment-image{
    max-width: 140px;
  }

  .lz-payment-image img{
    max-width: 140px;
  }
}
/* =========================================================
   FAQ Accordion (JTL / Bootstrap) – Design & Hover Override
   Gilt NUR für #lzFaqAccordion
   ========================================================= */

/* Card Container */
#lzFaqAccordion .card{
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}

/* Header Fläche */
#lzFaqAccordion .card-header{
  background: #d7d7d7;       /* Grundfarbe wie im Screenshot */
  padding: 0;
  border: 0;
}

/* Button (Frage) */
#lzFaqAccordion .btn.btn-link{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;

  padding: 14px 16px;
  margin: 0;

  color: #525252 !important;  /* Standard-Textfarbe */
  font-weight: 600;
  text-align: left;

  text-decoration: none !important;
  background: transparent;
  border: 0;
  border-radius: 0;

  outline: none !important;
  box-shadow: none !important;
}

/* Hover / Focus: Text weiß + Hintergrund dunkler */
#lzFaqAccordion .card-header:hover,
#lzFaqAccordion .btn.btn-link:hover,
#lzFaqAccordion .btn.btn-link:focus{
  background: #5a5a5a;        /* Hover-Hintergrund */
}

#lzFaqAccordion .btn.btn-link:hover,
#lzFaqAccordion .btn.btn-link:focus{
  color: #ffffff !important;  /* Hover-Textfarbe */
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Active / geöffnet: wenn nicht "collapsed" -> wie Hover */
#lzFaqAccordion .btn.btn-link:not(.collapsed){
  background: #5a5a5a;
  color: #ffffff !important;
}

/* Body (Inhalt) */
#lzFaqAccordion .card-body{
  padding: 14px 16px;
  background: #ffffff;
  color: #525252;
}

/* Typo im Body */
#lzFaqAccordion .card-body p,
#lzFaqAccordion .card-body li{
  color: #525252;
}

/* Listenabstände */
#lzFaqAccordion .card-body ul{
  margin-bottom: 10px;
  padding-left: 18px;
}

/* Optional: sanfte Trennlinie zwischen Header und Body */
#lzFaqAccordion .collapse.show .card-body{
  border-top: 1px solid #e5e5e5;
}

/* Focus-Styles von Bootstrap neutralisieren */
#lzFaqAccordion .btn:focus,
#lzFaqAccordion .btn.focus{
  outline: none !important;
  box-shadow: none !important;
}

/* Falls im Theme Link-Hover global "gelb" erzwungen wird */
#lzFaqAccordion a:hover{
  color: inherit !important;
  text-decoration: none !important;
}
/* =========================================================
   FAQ Icon Fix – nur ein Plus/Minus rechts
   ========================================================= */

/* Falls Theme/Icon-Fonts/SVGs im Button existieren: verstecken */
#lzFaqAccordion .btn.btn-link i,
#lzFaqAccordion .btn.btn-link svg{
  display: none !important;
}

/* Wir definieren unser eigenes Icon */
#lzFaqAccordion .btn.btn-link::after{
  content: "+";
  font-weight: 700;
  margin-left: 12px;
  flex: 0 0 auto;
  opacity: .9;
}

/* geöffnet = Minus */
#lzFaqAccordion .btn.btn-link:not(.collapsed)::after{
  content: "–";
}
/* WEEE Box – sauber & kompakt */
.lz-weee-box{
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 12px 14px;
  margin-top: 8px;
}

.lz-weee-line{
  margin: 0 0 6px 0;
  color: #525252;
}

.lz-weee-number{
  font-weight: 700;
}

.lz-weee-link{
  margin: 0;
}

.lz-weee-link a{
  color: #525252;
  text-decoration: underline;
}

.lz-weee-link a:hover{
  color: #000;
}
/* =========================================================
   B2B Plugin – Auswahl Mobile Version
   ========================================================= */
   @media (max-width: 767.98px) {
  #ws5_kundengruppenauswahl .form-group.col-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
/* Passwort-Überschrift links wie bei "Kontaktdaten" */
.row.register-form-account > .col.col-md-4.col-12{
  position: relative;
}

.row.register-form-account > .col.col-md-4.col-12::before{
	margin-top: .25rem;
  content: "Passwort";
  display: block;

  /* Bootstrap .h3 nachbauen */
  margin-bottom: 1rem;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    line-height: 1.2;
    color: #525252;
	font-size: 1rem;
}
/* =========================================================
   Schritt 1 – Kundengruppe auswählen
   Optische Hervorhebung (CI-gerecht)
   ========================================================= */

/* Haupt-Wrapper (fieldset vom Plugin) */
.ws5_wahlheader{
  background: #f7f8f9;                /* dezenter heller Hintergrund */
  border: 1px solid rgba(0,0,0,.08);
  border-left: 6px solid #d9df00;     /* CI-Gelb Akzent */
  border-radius: 10px;
  padding: 18px 18px 16px;
  margin-bottom: 24px;
}

/* Legend / Überschrift */
.ws5_wahlheader > legend{
  font-weight: 700;
  font-size: 1.1rem;
  padding: 0 6px;
  margin-bottom: 8px;
}

/* "Schritt 1" Badge vor der Überschrift */
.ws5_wahlheader > legend::before{
  content: "Schritt 1";
  display: inline-block;
  margin-right: 10px;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: .8rem;
  font-weight: 700;
  color: #000;
  background: #d9df00;               /* CI-Gelb */
}

/* Infotext unter der Überschrift */
.ws5_wahlinfo{
  margin: 6px 0 14px;
  color: #555;
  font-size: .95rem;
}

/* Label "Ausgewählte Kundengruppe" */
#ws5_kundengruppenauswahl label{
  font-weight: 600;
  margin-bottom: 6px;
  display: inline-block;
}

/* Select-Feld hervorheben */
#customerGroupSelection{
  border-width: 2px;
  border-color: #d9df00;
}

/* Fokus-Zustand (wichtig für UX!) */
#customerGroupSelection:focus{
  border-color: #d9df00;
  box-shadow: 0 0 0 3px rgba(217,223,0,.35);
  outline: none;
}

/* Beschreibung zur ausgewählten Kundengruppe */
#ws5_kundengruppenauswahl .alert,
#ws5_kundengruppenauswahl .info,
#ws5_kundengruppenauswahl p:last-child{
  background: #ffffff;
  border-left: 4px solid #d9df00;
  padding: 10px 12px;
  border-radius: 6px;
  margin-top: 12px;
  font-size: .95rem;
}

/* Pflichtfeld-Hinweis etwas ruhiger */
.ws5_wahlheader p:last-of-type{
  margin-top: 10px;
  font-size: .9rem;
  color: #666;
}

/* Mobile Feinschliff */
@media (max-width: 767.98px){
  .ws5_wahlheader{
    padding: 16px 14px;
  }

  .ws5_wahlheader > legend{
    font-size: 1.05rem;
  }
}
/* =========================
   SET / Bundle Box – Shop Style
   Final Version (grau + #dbdb00 Button)
   ========================= */

/* Eltern-Row stylen wenn .bundle-price enthalten ist */
.row:has(.bundle-price) {
  width: min(1100px, calc(100% - 30px));
  margin: 26px auto;

  background: #d8d7d7;
  border: 1px solid #919191;
  border-radius: 10px;
  padding: 16px 22px;

  box-shadow: 0 4px 14px rgba(0,0,0,0.06);

  align-items: center;
  justify-content: center;
  gap: 14px;

  overflow: hidden;
}

/* Preisbereich */
.row:has(.bundle-price) .bundle-price strong {
  font-size: 1.15rem;
  font-weight: 700;
  color: #2b2b2b;
}

.row:has(.bundle-price) .bundle-price .price {
  font-size: 1.45rem;
  font-weight: 800;
  color: #111;
}

/* "Sie sparen" Badge */
.row:has(.bundle-price) .bundle-price .text-warning {
  display: inline-flex;
  align-items: center;

  background: #6a6a6a;
  color: #fff !important;
  border-radius: 999px;

  padding: 4px 10px;
  margin-left: 10px;

  font-size: 0.85rem;
  font-weight: 700;
  line-height: 1.1;
}

/* =========================
   BUTTON – Shopfarbe #dbdb00
   ========================= */

.row:has(.bundle-price) .btn-outline-primary {
  background: #dbdb00;
  border-color: #dbdb00;
  color: #111;

  font-weight: 800;
  border-radius: 8px;
  padding: 10px 18px;

  box-shadow: 0 3px 0 rgba(0,0,0,0.10);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

/* Hover */
.row:has(.bundle-price) .btn-outline-primary:hover {
  background: #c4c400;
  border-color: #c4c400;
  color: #111;

  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

/* Active */
.row:has(.bundle-price) .btn-outline-primary:active {
  background: #b2b200;
  border-color: #b2b200;

  transform: translateY(0);
  box-shadow: 0 2px 0 rgba(0,0,0,0.10);
}

/* Focus (Bootstrap Override) */
.row:has(.bundle-price) .btn-outline-primary:focus,
.row:has(.bundle-price) .btn-outline-primary:focus-visible {
  background: #dbdb00;
  border-color: #dbdb00;
  color: #111;
  box-shadow: 0 0 0 0.2rem rgba(219,219,0,0.35);
}

/* =========================
   Mobile Optimierung
   ========================= */

@media (max-width: 576px) {
  .row:has(.bundle-price) {
    width: calc(100% - 18px);
    padding: 14px;
  }

  .row:has(.bundle-price) .btn-outline-primary {
    width: 100%;
    margin-top: 10px;
  }

  .row:has(.bundle-price) .bundle-price .text-warning {
    margin-left: 0;
    margin-top: 8px;
  }
}

/* =========================
   Fallback (falls :has() nicht unterstützt)
   ========================= */

.bundle-price .text-warning {
  background: #6a6a6a;
  color: #fff !important;
  border-radius: 999px;
  padding: 4px 10px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
}