/** Shopify CDN: Minification failed

Line 411:6 Expected identifier but found whitespace
Line 411:7 Unexpected "12px"
Line 422:6 Expected ":"

**/
/* Händlerbund Floating Badge – Fixiert unten links */
.hb-floating-badge {
  position: fixed !important;
  bottom: 7px !important;
  left: 75px !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center;
}

.hb-floating-badge img {
  height: 60px !important;
  width: auto !important;
  image-rendering: -webkit-optimize-contrast;
}

/* ✅ Mobil & Checkout ausblenden */
@media (max-width: 768px) {
  .hb-floating-badge {
    display: none !important;
  }
}
.template-checkout .hb-floating-badge {
  display: none !important;
}

/* Shopauskunft Floating Badge (unten rechts, mobil sichtbar, Checkout ausblenden) */
.shopauskunft-widget-wrapper {
  position: fixed !important;
  bottom: 55px !important;
  right: 20px !important;
  z-index: 2147483647 !important;
  display: flex;
  align-items: center;
}

.shopauskunft-widget {
  display: flex;
  align-items: center;
}

/* Modernes Close-Icon – oben rechts am Widget */
.shopauskunft-close {
  position: absolute;
  top: -10px;
  right: -10px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: #f2f2f2;
  color: #333;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
  text-align: center;
  border: 1px solid #d3d3d3;
  transition: 0.2s ease-in-out;
}

.shopauskunft-close:hover {
  background: #e5e5e5;
  color: #000;
  border-color: #bfbfbf;
}


/* Checkout ausblenden */
.template-checkout .shopauskunft-widget-wrapper {
  display: none !important;
}

.shopauskunft-widget-wrapper {
  display: none; /* Verhindert das Flackern */
}
.custom-payment-logos {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin: 28px auto 14px auto;
  max-width: 900px;
}

.custom-payment-logos img {
  max-height: 32px;
  height: auto;
  width: auto;
  object-fit: contain;
  transition: opacity .2s ease;
}

.custom-payment-logos img:hover {
  opacity: .7;
}




html, body {
  overflow-y: auto !important;
}

.search-modal__overlay {
  pointer-events: none !important;
}


/* Haupt-Container: helle, schlichte Karte über den Produkten */
.collection-intro {
  background: #ffffff;                     /* weiße Karte */
  color: #111827;
  border-radius: 18px;
  padding: 24px 20px;
  margin: 16px auto 32px;                  /* kleiner Abstand nach oben, mehr nach unten */
  max-width: 960px;
  border: 1px solid #e5e7eb;               /* feine Linie */
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04); /* sehr dezenter Shadow */
  position: relative;
}

/* kleines, neutrales Label über der Überschrift */
.collection-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 13px;
  border-radius: 999px;
  font-size: 0.85rem;                      /* vorher 0.8rem */
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  color: #6b7280;
}

/* Überschrift – wichtig für SEO, clean lesbar */
.collection-title {
  margin: 12px 0 8px;
  font-size: 2.2rem;                       /* vorher 2rem */
  line-height: 1.35;                       /* vorher 1.3 */
  letter-spacing: -0.01em;
}

/* Einleitungstext – etwas größer und luftig */
.collection-text {
  margin: 0;
  font-size: 1.12rem;                      /* vorher 1.05rem */
  line-height: 1.85;                       /* vorher 1.7 */
  color: #4b5563;
  max-width: 720px;
}

/* Bereich für Liste + Meta */
.collection-layout {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Liste mit Vorteilen */
.collection-highlights {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.collection-highlights li {
  position: relative;
  padding-left: 18px;
  font-size: 1.06rem;                      /* vorher 1rem */
  line-height: 1.75;                       /* vorher 1.6 */
  color: #374151;
}

/* einfache, ruhige Bullet-Points */
.collection-highlights li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #9ca3af;
}

/* Meta-Bereich unten */
.collection-meta {
  padding-top: 16px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.collection-trust {
  margin: 0;
  font-size: 1.02rem;                      /* vorher 0.98rem */
  line-height: 1.8;                         /* etwas luftiger */
  color: #6b7280;
}

.collection-cta {
  margin: 0;
  font-size: 1.1rem;                        /* vorher 1.02rem */
  line-height: 1.8;
  font-weight: 500;
  color: #111827;
}

/* Responsive: ab Tablet breiter, aber immer noch ruhig */
@media (min-width: 768px) {
  .collection-intro {
    padding: 30px 30px;
    margin-bottom: 44px;
  }

  .collection-title {
    font-size: 2.3rem;                     /* vorher 2.1rem */
    line-height: 1.35;
  }

  .collection-layout {
    flex-direction: row;
    align-items: flex-start;
    gap: 26px;
    margin-top: 22px;
  }

  .collection-highlights {
    flex: 1.1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .collection-meta {
    flex: 0.9;
    border-top: none;
    border-left: 1px solid #e5e7eb;
    padding-top: 0;
    padding-left: 22px;
  }
}

/* auf sehr großen Screens einfach etwas mehr Abstand */
@media (min-width: 1200px) {
  .collection-intro {
    margin-top: 20px;
    margin-bottom: 52px;
  }
}
/* === Grundlayout Tabs === */

.vapo-tabs {
  background: #f7f7f9;
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 24px;
  font-size: 14px;
}

/* Radio-Buttons verstecken */
.vapo-tab-radio {
  display: none;
}

/* Leiste mit den Tab-Buttons */
.vapo-tab-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 4px;
  border-radius: 999px;
  background: #e4e5ea;
  overflow: hidden; /* aktiver Tab soll nicht "rausragen" */
}

/* Einzelner Tab-Button */
.vapo-tab-button {
  padding: 8px 16px;
  border-radius: 999px;
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: #4a4a55;
  white-space: normal;
  text-align: center;
  box-sizing: border-box;
}

.vapo-tab-button:hover {
  background: rgba(255, 255, 255, 0.85);
}

/* Inhalte standardmäßig ausblenden */
.vapo-tab-panels .vapo-tab-content {
  display: none;
  margin-top: 12px;
}

/* aktiver Button (nur EINMAL definiert) */
.vapo-tabs .vapo-tab-radio:nth-of-type(1):checked ~ .vapo-tab-buttons .vapo-tab-button:nth-of-type(1),
.vapo-tabs .vapo-tab-radio:nth-of-type(2):checked ~ .vapo-tab-buttons .vapo-tab-button:nth-of-type(2),
.vapo-tabs .vapo-tab-radio:nth-of-type(3):checked ~ .vapo-tab-buttons .vapo-tab-button:nth-of-type(3),
.vapo-tabs .vapo-tab-radio:nth-of-type(4):checked ~ .vapo-tab-buttons .vapo-tab-button:nth-of-type(4) {
  background: #ffffff;
  color: #111827;
  box-shadow: none;
  transform: none;
}

/* aktives Panel */
.vapo-tabs .vapo-tab-radio:nth-of-type(1):checked ~ .vapo-tab-panels .vapo-tab-content:nth-of-type(1),
.vapo-tabs .vapo-tab-radio:nth-of-type(2):checked ~ .vapo-tab-panels .vapo-tab-content:nth-of-type(2),
.vapo-tabs .vapo-tab-radio:nth-of-type(3):checked ~ .vapo-tab-panels .vapo-tab-content:nth-of-type(3),
.vapo-tabs .vapo-tab-radio:nth-of-type(4):checked ~ .vapo-tab-panels .vapo-tab-content:nth-of-type(4) {
  display: block;
}

/* === Spec-Card / Technische Daten Box === */

.vapo-spec-card-grey {
  border-radius: 12px;
  background: #ffffff;
  padding: 16px 18px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

.vapo-spec-header-grey {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 12px;
}

.vapo-spec-label-grey {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6b7280;
}

.vapo-spec-title-grey {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
}

.vapo-spec-sub-grey {
  fonter-top: none;
}

/* Mobile: Tabs wieder 1 pro Zeile */
@media (max-width: 640px) {
  .vapo-tab-buttons {
    display: block;
  }
  .vapo-tab-button {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 6px;
  }
  .vapo-tab-button:last-child {
    margin-bottom: 0;
  }
}


/* Brand Grid */
.brand-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:1rem;
}

.brand-list a,
.brand-list p{
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff;
  border:1px solid #eee;
  border-radius:12px;
  min-height:120px;
  margin:0;
  padding:16px;
  box-sizing:border-box;
}

/* Einheitliche Logo-Fläche */
.brand-list img{
  display:block;
  width:min(260px, 95%);  /* sorgt für ähnliche Breite */
  height:70px;            /* höher = Logos wirken größer */
  object-fit:contain;
}

-size: 12px;
  color: #6b7280;
}

/* Alt: .vapo-spec-item-grey (kannst du behalten, wenn du NICHT auf dl umstellst) */
.vapo-spec-item-grey {
  font-size: 14px;
  padding: 6px 0;
  border-top: 1px solid #e5e7eb;
}
.vapo-spec-item-grey:first-of-type {
  bord