:root{--v2-ink:#0C3D3A;--v2-night:#082E2C;--v2-sage:#DDEBE4;--v2-sagelight:#EAF4EF;--v2-gold:#4FBFA0;--v2-bronze:#1E7A61;--v2-cream:#F5F8F7;--v2-line:#DCE7E2;--v2-body:#5A6E68;--v2-pro:#2F8F6B;--v2-con:#C25E45;--v2-display:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--v2-serif:Georgia,'Iowan Old Style','Times New Roman',serif;--v2-sans:-apple-system,'SF Pro Display','Segoe UI',Inter,Roboto,'Helvetica Neue',Arial,sans-serif;--v2-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}

/* ===== Path 1 ===== */
/* --- bhb-variante-c --- */
/* Verstecke alte Elemente */
.bhb-code-badge,
.bhb-affiliate-row,
.bhb-prod-note,
.bhb-cta-wrap-new { display: none !important; }
/* Brand + Cat direkt in content ausblenden — werden in Meta-Row gerendert */
.bhb-card-content > .bhb-brand-tag,
.bhb-card-content > .bhb-cat { display: none !important; }

/* Astra/Woo Title-Overrides */
.woocommerce-loop-product__title {
  display: inline !important; visibility: visible !important;
  height: auto !important; overflow: visible !important;
}
.bhb-card-content { padding-bottom: 0 !important; }

/* Karte: horizontal layout — Bild links, Content rechts */
.bhb-card-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  position: relative !important;
}

/* Bildbereich: Mint-Verlauf + Top-Pick-Badge */
.bhb-card-image {
  background: linear-gradient(180deg, #f4faf7 0%, #e1f5ee 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  flex-shrink: 0 !important;
  align-self: stretch !important;
  order: 1 !important;
  overflow: hidden !important;
  position: relative !important;
}
.bhb-card-image img {
  width: 100% !important; height: 100% !important;
  object-fit: contain !important;
  max-height: 160px !important;
}

/* Top-Pick-Badge: Outline-Style mit Award-Icon */
.bhb-top-pick {
  position: absolute !important;
  top: 8px !important; left: 8px !important;
  background: #fff !important;
  color: #1a4a40 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  border: 1px solid #1a4a40 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  line-height: 1 !important;
  z-index: 2 !important;
}
.bhb-top-pick svg { width: 11px; height: 11px; }
/* Alte Bestseller-Pille verstecken (wird durch Top-Pick ersetzt) */
.bhb-bestseller-pill { display: none !important; }

/* Card-Content */
.bhb-card-content {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  order: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 12px 14px !important;
  position: relative !important;
}

/* Meta-Row: Brand-Logo + Brand + Dot + Cat-Tag */
.bhb-card-meta-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 6px !important;
  flex-wrap: wrap !important;
}
.bhb-brand-logo {
  width: 24px !important; height: 24px !important;
  background: #1a4a40 !important;
  color: #fff !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
  line-height: 1 !important;
  margin-right: 6px !important;
}
.bhb-card-meta-row .bhb-brand-tag {
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #2c2c2a !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.bhb-card-meta-row .bhb-card-dot {
  color: #ccc !important; font-size: 10px !important;
}
.bhb-card-meta-row .bhb-cat {
  display: inline-block !important;
  background: rgba(26,74,64,0.08) !important;
  color: #1a4a40 !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}

/* Produkt-Titel */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.bhb-card-content .woocommerce-loop-product__title {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #0f1f1c !important;
  line-height: 1.25 !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* Benefits (Häkchen-Liste) */
.bhb-benefits {
  list-style: none !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.bhb-benefits li {
  font-size: 12px !important;
  color: #444 !important;
  line-height: 1.5 !important;
  padding-left: 16px !important;
  position: relative !important;
  list-style: none !important;
}
.bhb-benefits li::before {
  content: "\2713" !important;
  color: #1a4a40 !important;
  position: absolute !important;
  left: 0 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}

/* Trust-Hinweis (Shield-Icon + Text) */
.bhb-trust-line {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 10.5px !important;
  color: #5f5e5a !important;
  margin: 8px 0 8px 0 !important;
  line-height: 1.3 !important;
}
.bhb-trust-line svg { width: 13px; height: 13px; color: #1a4a40; flex-shrink: 0; }

/* Footer: Voucher über CTA */
.bhb-vc-footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  margin-top: auto !important;
}
.bhb-vc-code {
  background: #e1f5ee !important;
  padding: 8px 10px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 4px !important;
  font-size: 12px !important;
  color: #1a4a40 !important;
  border: 1px solid #1a4a40 !important;
  border-radius: 6px !important;
}
.bhb-vc-pct {
  background: #1a4a40 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 7px !important;
  border-radius: 3px !important;
  letter-spacing: 0.3px !important;
  flex-shrink: 0 !important;
  line-height: 1.2 !important;
}
.bhb-vc-mit { font-size: 11px !important; color: #5f5e5a !important; margin-left: 4px !important; margin-right: 2px !important; white-space: nowrap !important; }
.bhb-vc-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-left: 0 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-family: ui-monospace, Menlo, Consolas, monospace !important;
  font-size: 12px !important;
  color: #1a4a40 !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  letter-spacing: 0.3px !important;
}
.bhb-vc-copy-icon { opacity: 0.7; flex-shrink: 0; width: 12px; height: 12px; }
.bhb-vc-copied { display: none; color: #1a4a40 !important; font-size: 10px !important; font-weight: 500 !important; }
.bhb-vc-btn {
  background: #1a4a40 !important;
  color: #fff !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  border: none !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
  line-height: 1.3 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.bhb-vc-btn:hover { background: #2a7c6f !important; }

/* Overlay-Link klickbar */
.bhb-card-overlay-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: auto !important;
  height: auto !important;
  text-indent: -9999px !important;
  background: transparent !important;
}
.bhb-card-image,
.bhb-card-content { position: relative !important; }
.bhb-card-image > *, .bhb-card-content > * { position: relative; z-index: 2; }
.bhb-card-content > .bhb-trust-line,
.bhb-card-content > .bhb-vc-footer { pointer-events: auto; }

/* Mobile-Anpassungen */
@media (max-width: 600px) {
  .bhb-card-inner {
    display: grid !important;
    grid-template-columns: 130px 1fr !important;
    grid-template-rows: auto auto !important;
  }
  .bhb-card-image {
    grid-column: 1 !important; grid-row: 1 !important;
    min-height: 140px !important;
    padding: 10px !important;
  }
  .bhb-card-image img { max-height: 120px !important; }
  .bhb-card-content {
    grid-column: 2 !important; grid-row: 1 !important;
    padding: 10px 12px !important;
  }
  .bhb-trust-line {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    padding: 0 10px !important;
    margin: 4px 0 6px !important;
    align-self: end !important;
  }
  .bhb-vc-footer {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    margin: 0 10px 10px !important;
  }
  .bhb-brand-logo { width: 18px !important; height: 18px !important; font-size: 9px !important; }
  .bhb-card-meta-row .bhb-brand-tag { font-size: 11px !important; }
  .bhb-card-meta-row .bhb-cat { font-size: 8.5px !important; padding: 1px 5px !important; }
  .bhb-card-meta-row .bhb-card-dot { display: none !important; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .bhb-card-content .woocommerce-loop-product__title { font-size: 13.5px !important; }
  .bhb-benefits li { font-size: 11px !important; line-height: 1.45 !important; }
  .bhb-top-pick { font-size: 8.5px !important; padding: 2px 6px !important; }
  .bhb-top-pick svg { width: 9px; height: 9px; }
}

/* --- v2-global --- */
:root{--v2-ink:#0C3D3A;--v2-night:#082E2C;--v2-sage:#DDEBE4;--v2-sagelight:#EAF4EF;--v2-gold:#4FBFA0;--v2-bronze:#1E7A61;--v2-cream:#F5F8F7;--v2-line:#DCE7E2;--v2-body:#5A6E68;--v2-pro:#2F8F6B;--v2-con:#C25E45;--v2-display:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--v2-serif:Georgia,'Iowan Old Style','Times New Roman',serif;--v2-sans:-apple-system,'SF Pro Display','Segoe UI',Inter,Roboto,'Helvetica Neue',Arial,sans-serif;--v2-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
body.bhh-v2{background:var(--v2-cream)!important;color:var(--v2-body)}
body.bhh-v2 .site,body.bhh-v2 .site-content,body.bhh-v2 .hfeed{background:transparent!important}
body.bhh-v2 h1,body.bhh-v2 h2,body.bhh-v2 h3,body.bhh-v2 .entry-title{font-family:var(--v2-sans)!important;font-weight:650!important;color:var(--v2-ink)!important;letter-spacing:-.015em!important}
body.bhh-v2 .entry-content{color:#37504A}
body.bhh-v2 .entry-content a:not(.bhb-cta-btn):not(.bhb-vc-btn){color:var(--v2-bronze)}
body.bhh-v2 .main-header-bar,body.bhh-v2 .ast-primary-header-bar,body.bhh-v2 #masthead .site-header-primary-section,body.bhh-v2 .ast-header-wrap{background:var(--v2-night)!important}
body.bhh-v2 .bhb-cta-btn,body.bhh-v2 .bhb-vc-btn{background:var(--v2-ink)!important;color:var(--v2-cream)!important;border-radius:100px!important;letter-spacing:.5px}
body.bhh-v2 .bhb-cta-btn:hover,body.bhh-v2 .bhb-vc-btn:hover{background:var(--v2-night)!important}
body.bhh-v2 .bhb-vc-chip{background:#F0F8F5!important;border:1px dashed var(--v2-gold)!important;border-radius:10px!important}
body.bhh-v2 .bhb-vc-chip .bhb-vc-code-text,body.bhh-v2 .bhb-vc-chip{color:var(--v2-bronze)!important;font-family:var(--v2-mono)!important}
body.bhh-v2 ul.products li.product,body.bhh-v2 .bhb-card-inner{border-radius:16px!important;box-shadow:none!important;border-color:var(--v2-line)!important}
body.bhh-v2 .bhb-brand-tag{background:var(--v2-sage)!important;color:var(--v2-ink)!important;border-radius:10px!important}
body.bhh-v2 .bhb-footer-new{background:var(--v2-night)!important}
body.bhh-v2 .bhb-footer-new a:hover{color:var(--v2-gold)!important}
body.bhh-v2 .bhb-footer-new,body.bhh-v2 .bhb-footer-new *{border-color:rgba(79,191,160,.4)!important}
body.bhh-v2 .bhb-stars,body.bhh-v2 .star-rating{color:var(--v2-gold)!important}
body.bhh-v2 .bo-disc,body.bhh-v2 .bhb-article-disclaimer{background:var(--v2-sage);border-left:2px solid var(--v2-pro);border-radius:0}
body.bhh-v2 .bhb-infobox{background:#EEF7F3;border:1px solid #C9E4D8;border-radius:0;color:#1E5B4C}
body.bhh-v2 .bhh-mag{background:#FFFFFF!important;border-top:1px solid var(--v2-line)}
body.bhh-v2 .bhh-mag img,body.bhh-v2 .bhh-mag a{border-radius:3px!important}
body.bhh-v2 .bhh-seo{background:var(--v2-cream)!important;border-top:1px solid var(--v2-line)}
body.bhh-v2 .bhh-nl-band{background:var(--v2-night)!important}
body.bhh-v2 .bhh-nl-band input[type="submit"],body.bhh-v2 .bhh-nl-band button{background:var(--v2-cream)!important;color:var(--v2-ink)!important;border-radius:2px!important;letter-spacing:1px!important}
body.bhh-v2 .bhh-nl-band input[type="email"]{border-radius:2px!important;border:1px solid var(--v2-line)!important}
body.bhh-v2 .bhh-nl-band h2,body.bhh-v2 .bhh-nl-band h3,body.bhh-v2 .bhh-nl-band .bhh-nl-title{color:var(--v2-cream)!important}
.v3-rev{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.v3-rev.in{opacity:1;transform:none}

/* --- v2 MOBILE MENU --- */
body.bhh-v2 #ast-mobile-popup,body.bhh-v2 .ast-mobile-popup-drawer,body.bhh-v2 .ast-mobile-popup-inner,body.bhh-v2 .ast-mobile-popup-content,body.bhh-v2 .ast-mobile-popup-header{background:var(--v2-night)!important}
body.bhh-v2 .ast-mobile-popup-drawer .menu-item>a{color:#F5F8F7!important;font-family:var(--v2-sans)!important;font-weight:600!important;border-bottom:1px solid rgba(79,191,160,.14)!important}
body.bhh-v2 .ast-mobile-popup-drawer .menu-item>a:hover{color:#7FD2BC!important}
body.bhh-v2 .ast-mobile-popup-drawer .menu-toggle-close,body.bhh-v2 .ast-mobile-popup-drawer .menu-toggle-close svg{color:#F5F8F7!important;fill:#F5F8F7!important}
body.bhh-v2 #bhh-mm-enrich{color:#F5F8F7}
body.bhh-v2 #bhh-mm-enrich a{color:#F5F8F7!important}

body.bhh-v2.ast-header-break-point .main-header-bar,body.bhh-v2 .ast-mobile-header-wrap .main-header-bar{background:var(--v2-night)!important}
body.bhh-v2 .bhh-mm-goals a span,body.bhh-v2 .bhh-mm-goals a b{color:#F5F8F7!important}
body.bhh-v2 .bhh-mm-label{color:#7FD2BC!important}

body.bhh-v2 .menu-toggle,body.bhh-v2 .main-header-menu-toggle{background:transparent!important;border:1.5px solid rgba(255,255,255,.4)!important;border-radius:12px!important;padding:9px 11px!important;transition:border-color .2s}
body.bhh-v2 .menu-toggle:hover,body.bhh-v2 .menu-toggle:focus{background:rgba(79,191,160,.12)!important;border-color:#4FBFA0!important;outline:none!important}
body.bhh-v2 .menu-toggle .menu-toggle-icon,body.bhh-v2 .mobile-menu-toggle-icon{color:#F5F8F7!important}
body.bhh-v2 .menu-toggle svg{fill:#F5F8F7!important}
body.bhh-v2 .ast-mobile-header-content,body.bhh-v2 .main-header-bar-navigation{background:var(--v2-night)!important}
body.bhh-v2 .main-header-bar-navigation .main-header-menu{background:var(--v2-night)!important}
body.bhh-v2 .main-header-bar-navigation .menu-item>a{color:#F5F8F7!important;font-family:var(--v2-sans)!important;font-weight:600!important;font-size:16.5px!important;padding:15px 20px!important}
/* KEINE border-bottom hier: das horizontale Desktop-Menue erhielt sonst eine durchgehende helle Linie (Mint-Hairline war fuers alte Mobile-Menue gedacht; aktuelles Mobil = #ast-mobile-popup mit eigenen Trennern) */
body.bhh-v2 .main-header-bar-navigation .menu-item>a:hover,body.bhh-v2 .main-header-bar-navigation .current-menu-item>a{color:#7FD2BC!important}
body.bhh-v2 .main-header-bar-navigation .sub-menu a{color:#C9DED6!important;font-weight:500!important;font-size:15px!important}
body.bhh-v2 .ast-header-navigation-arrow,body.bhh-v2 .ast-menu-toggle{color:#F5F8F7!important}
body.bhh-v2 .bhh-mm-label{font-family:var(--v2-mono)!important;font-size:9.5px!important;letter-spacing:2.5px!important;color:#7FD2BC!important;text-transform:uppercase}
body.bhh-v2 .bhh-mm-search input{background:rgba(255,255,255,.08)!important;border:1px solid rgba(79,191,160,.35)!important;border-radius:100px!important;color:#F5F8F7!important;padding:12px 20px!important}
body.bhh-v2 .bhh-mm-search input::placeholder{color:#9CC3B5!important}
body.bhh-v2 .bhh-mm-goals a{background:rgba(255,255,255,.06)!important;border:1px solid rgba(79,191,160,.28)!important;border-radius:12px!important;color:#F5F8F7!important;font-family:var(--v2-sans)!important;font-weight:600!important}
body.bhh-v2 .bhh-mm-goals a:hover{border-color:#4FBFA0!important;background:rgba(79,191,160,.14)!important}
/* --- Hero Mobile Rest-Fix --- */
@media(max-width:900px){
.v3-hv{height:280px!important}
.v3-mchip{max-width:44vw}
.v3-f1{right:8px!important;top:0!important}
.v3-f2{left:4px!important;top:38%!important}
.v3-f3{right:8px!important;bottom:0!important}
}
/* --- v2 SHOP (Produkte-Seite) Basis-Pass --- */
body.bhh-v2 .bhb-goal-btn{background:#fff!important;color:var(--v2-ink)!important;border:1px solid rgba(12,61,58,.18)!important;border-radius:100px!important;font-weight:600!important;letter-spacing:.3px!important}
body.bhh-v2 .bhb-goal-btn:hover{border-color:#4FBFA0!important;background:#fff!important;color:var(--v2-ink)!important}
body.bhh-v2 .bhb-goal-btn.active{background:var(--v2-ink)!important;color:#F5F8F7!important;border-color:var(--v2-ink)!important}
body.bhh-v2 #bhb-search{border:1.5px solid rgba(12,61,58,.22)!important;background:#fff!important;border-radius:100px!important;color:var(--v2-ink)!important}
body.bhh-v2 .bhb-hero{background:var(--v2-cream)!important}
body.bhh-v2 .bhb-hero *{color:var(--v2-ink)}
body.bhh-v2 .bhb-count-badge{background:transparent!important;color:var(--v2-bronze)!important;border:none!important;font-family:var(--v2-mono)!important;font-size:.65em!important;letter-spacing:2px!important;vertical-align:middle;padding:0 0 0 6px!important}
body.bhh-v2 ul.products li.product{background:#fff!important}
body.bhh-v2 .bhb-card-image{background:#fff!important}
body.bhh-v2 .bhb-rating-row{color:var(--v2-bronze)!important}
/* Shop-Karte B + Einloese-Pille C */
body.bhh-v2 ul.products li.product{position:relative;overflow:visible!important}
body.bhh-v2 .bhb-card-inner{overflow:visible!important}
body.bhh-v2 .bhb-card-image{flex:0 0 170px!important;width:170px!important;min-width:170px!important;border-right:1px solid #ECF2EE}
body.bhh-v2 .v2-shopring{position:absolute;left:170px;top:50%;transform:translate(-50%,-50%);z-index:5;background:#fff;border-radius:50%;box-shadow:0 4px 14px rgba(12,61,58,.14);width:46px;height:46px;display:flex;align-items:center;justify-content:center;pointer-events:none}
body.bhh-v2 .bhb-rating-row{display:none!important}
body.bhh-v2 .bhb-card-strip{background:#F0F8F5!important;border:1px dashed #4FBFA0!important;border-radius:100px!important;color:#1E7A61!important;font-family:var(--v2-mono)!important;font-size:10px!important;letter-spacing:1px!important;padding:5px 11px!important;box-shadow:none!important}
body.bhh-v2 .bhb-card-strip *{color:#1E7A61!important;font-family:var(--v2-mono)!important}
body.bhh-v2 .bhb-vc-footer{display:flex!important;gap:0!important;width:fit-content!important;max-width:100%;border:1.5px dashed #4FBFA0!important;border-radius:100px!important;overflow:hidden!important;background:#F0F8F5!important;align-items:stretch!important}
body.bhh-v2 .bhb-vc-footer .bhb-vc-code{border:none!important;background:transparent!important;border-radius:0!important;margin:0!important}
body.bhh-v2 .bhb-vc-footer .bhb-vc-btn{border-radius:0!important;margin:0!important}
body.bhh-v2 .bhb-benefits li{color:#5A6E68}
body.bhh-v2 .bhb-img-discount{background:#F0F8F5!important;border:1px dashed #4FBFA0!important;color:#1E7A61!important;font-family:var(--v2-mono)!important;font-size:10.5px!important;letter-spacing:1px!important;border-radius:100px!important;padding:5px 11px!important;box-shadow:none!important}
body.bhh-v2 .bhb-vc-footer .bhb-vc-chip{border:none!important;background:transparent!important;padding:0 6px 0 0!important}
body.bhh-v2 .bhb-vc-footer .bhb-vc-mit{display:none!important}
body.bhh-v2 .bhb-vc-footer .bhb-vc-code{padding:0 4px 0 14px!important;display:flex!important;align-items:center!important}
/* global (nicht nur Shop): Ringe/Bestlab aus, Kapsel-Quetsch-Fix, Fallback-Label mono */
body.bhh-v2 .v2-shopring{display:none!important}
body.bhh-v2 .v2-bestlab{display:none!important}
body.bhh-v2 .bhb-vc-footer{flex:0 0 auto!important;justify-content:flex-start!important}
body.bhh-v2 .bhb-vc-footer .bhb-vc-code{flex:0 1 auto!important;width:auto!important;min-width:0!important}
body.bhh-v2 .bhb-vc-footer .bhb-vc-btn{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important}
body.bhh-v2 .bhb-vc-footer .vc-fallback{font-family:var(--v2-mono)!important;font-size:9.5px!important;letter-spacing:.8px!important;text-transform:uppercase!important;color:#1E7A61!important;white-space:nowrap!important;border:none!important;background:transparent!important}
/* Marken-/Archiv-Seiten: Alt-Snippet bhb-variante-c-patch setzt .bhb-vc-footer{width:100%} -> leeres Kapsel-Segment. Hoehere Spezifitaet zwingt Hug-Content (Shop-Topshelf ueberschreibt spaeter per Quellreihenfolge). */
body.bhh-v2 .bhb-card-content .bhb-vc-footer{width:max-content!important;max-width:100%!important}

@media(max-width:600px){body.bhh-v2 .v2-shopring{left:auto;right:12px;top:12px;transform:none}body.bhh-v2 .bhb-card-image{width:100%!important;flex:0 0 auto!important;border-right:none}}


@media (prefers-reduced-motion:reduce){.v3-rev{opacity:1;transform:none;transition:none}}

/* ---------- Info-Seiten (Ueber-uns/Impressum/Hilfe) Task #11: Hero-Band im v2-Stil ---------- */
body.bhh-v2 .bhb-page-hero{padding-top:60px!important;padding-bottom:46px!important;background:var(--v2-cream)!important;background-image:radial-gradient(rgba(12,61,58,.06) 1px,transparent 1px)!important;background-size:24px 24px!important;border-bottom:1px solid var(--v2-line)!important;position:relative!important;overflow:hidden!important}
body.bhh-v2 .bhb-page-hero::after{content:""!important;position:absolute;right:-150px;top:-130px;width:460px;height:460px;background:radial-gradient(circle,rgba(79,191,160,.16),transparent 65%);pointer-events:none;z-index:0}
body.bhh-v2 .bhb-page-hero .bhb-inner{position:relative;z-index:1}
body.bhh-v2 .bhb-page-hero-eyebrow{font-family:var(--v2-mono)!important;font-size:10px!important;letter-spacing:2px!important;text-transform:uppercase!important;color:var(--v2-bronze)!important}
body.bhh-v2 .bhb-page-hero-title{font-family:var(--v2-sans)!important;font-weight:700!important;color:var(--v2-ink)!important;letter-spacing:-.02em!important}
body.bhh-v2 .bhb-page-hero-sub{color:var(--v2-body)!important}
body.bhh-v2 .bhb-page-hero-icon{width:96px;height:96px;border-radius:50%;background:#fff;border:1px solid var(--v2-line);box-shadow:0 12px 30px rgba(12,61,58,.10);display:flex;align-items:center;justify-content:center}
body.bhh-v2 .bhb-page-hero-icon svg{width:44px;height:44px;fill:none;stroke:var(--v2-gold);stroke-width:1.6}
body.bhh-v2 .bhb-page-hero-right span{font-family:var(--v2-mono)!important;font-size:10px!important;letter-spacing:1px!important;text-transform:uppercase!important;color:var(--v2-body)!important}
@media(max-width:782px){body.bhh-v2 .bhb-page-hero{padding-top:44px!important;padding-bottom:30px!important}}
/* ---------- Feinschliff 2026-07-05 ---------- */
/* #14 Startseite: Favoriten- & Erfahrungen-Bilder fuellend (wie Produktboxen). max-width:78% war der Blocker. */
body.bhh-v2 .v3-eimg img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
/* Favoriten-Bild: FUELLT die Box randlos (cover, keine weissen Raender), Hoehe 230 zeigt Flasche gut. Owner: "nicht fuellend + zu gross" -> cover statt contain, kompakte Hoehe (visuell im Chrome gegengeprueft). */
body.bhh-v2 .v3-cimg{aspect-ratio:auto!important;height:200px!important;background:#fff!important;padding:0!important;display:block!important;overflow:hidden!important}
body.bhh-v2 .v3-cimg img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;padding:0!important}
/* #14b Bewertungs-Ring bleibt beim Hover ueber dem skalierten Bild (war z:auto -> vom scale-Transform ueberdeckt) */
body.bhh-v2 .v3-card .v3-ring{z-index:6!important}
/* #15 Button "Alle Ratgeber ansehen" (.bhh-btn-dark) auf v2-Sekundaer-Pill */
body.bhh-v2 a.bhh-btn-dark{background:#fff!important;color:var(--v2-ink)!important;border:1.5px solid rgba(12,61,58,.25)!important;border-radius:100px!important;font-family:var(--v2-sans)!important;font-weight:600!important;padding:13px 26px!important;box-shadow:none!important;transition:background .15s,border-color .15s}
body.bhh-v2 a.bhh-btn-dark:hover{background:var(--v2-cream)!important;border-color:var(--v2-ink)!important;color:var(--v2-ink)!important}
/* #18 Produkte-Seite: Top-Empfehlungen gleiche Hoehe (Wrapper strecken, Footer nach unten) */
body.bhh-v2 .v2-topshelf li.product{display:flex!important;flex-direction:column!important}
body.bhh-v2 .v2-topshelf li.product>.astra-shop-thumbnail-wrap{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;height:auto!important}
body.bhh-v2 .v2-topshelf .astra-shop-thumbnail-wrap>.bhb-card-inner{flex:1 1 auto!important;height:auto!important}
body.bhh-v2 .v2-topshelf .bhb-card-inner>.bhb-card-content{display:flex!important;flex-direction:column!important}
body.bhh-v2 .v2-topshelf .bhb-card-content .bhb-vc-footer{margin-top:auto!important}
/* #19 Submenue "Ratgeber & Wissen": dunkler Hintergrund + lesbarer Text (war weiss/hellmint) */
body.bhh-v2 #ast-hf-menu-1 .sub-menu{background:var(--v2-night)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;box-shadow:0 18px 44px rgba(0,0,0,.28)!important;padding:8px!important;overflow:hidden}
body.bhh-v2 #ast-hf-menu-1 .sub-menu li{border:none!important}
body.bhh-v2 #ast-hf-menu-1 .sub-menu a{color:#EAF4EF!important;background:transparent!important;border-radius:8px!important;padding:10px 14px!important;font-family:var(--v2-sans)!important;font-weight:500!important;border:none!important}
body.bhh-v2 #ast-hf-menu-1 .sub-menu a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
/* #20 Ratgeber-Artikel: "Zum Anbieter"-Button in "Passende Produkte"-Karten war bronze/grau (custom.css a-Regel) */
body.bhh-v2 .entry-content .bhb-vc-footer .bhb-vc-btn,body.bhh-v2 .entry-content .bhb-vc-footer .bhb-vc-btn span{color:var(--v2-cream)!important}
body.bhh-v2 .entry-content .bhb-vc-footer .bhb-vc-btn{border-radius:100px!important}

/* ---------- Task #21: Seiten-Heros im Startseiten-Stil (Hubs, Rabattcodes, Erf-Archiv, Trends, Kategorie-/Marken-Archive) ---------- */
body.bhh-v2 .bhh-page-hero,body.bhh-v2 .bhb-erf-arch-hero,body.bhh-v2 .bhb-tr-hero,body.bhh-v2 .bhb-ratgeber-hero,body.bhh-v2.tax-product_cat .woocommerce-products-header,body.bhh-v2.tax-product_brand .woocommerce-products-header{background:var(--v2-cream)!important;background-image:radial-gradient(rgba(12,61,58,.06) 1px,transparent 1px)!important;background-size:24px 24px!important;border-bottom:1px solid var(--v2-line)!important;position:relative!important;overflow:hidden!important}
/* Alt-Diagonalflaechen -> Mint-Glow (alle als ::after mit clip-path gebaut) */
body.bhh-v2 .bhh-page-hero::after,body.bhh-v2 .bhb-erf-arch-hero::after,body.bhh-v2 .bhb-tr-hero::after,body.bhh-v2 .bhb-ratgeber-hero::after{content:""!important;clip-path:none!important;left:auto!important;bottom:auto!important;width:460px!important;height:460px!important;right:-150px!important;top:-130px!important;background:radial-gradient(circle,rgba(79,191,160,.16),transparent 65%)!important;pointer-events:none!important;z-index:0!important}
body.bhh-v2.tax-product_cat .woocommerce-products-header::after,body.bhh-v2.tax-product_brand .woocommerce-products-header::after{content:""!important;position:absolute;right:-150px;top:-130px;width:460px;height:460px;background:radial-gradient(circle,rgba(79,191,160,.16),transparent 65%);pointer-events:none;z-index:0}
body.bhh-v2 .bhh-page-hero-in,body.bhh-v2 .bhb-erf-arch-hero-inner,body.bhh-v2 .bhb-tr-hero>*,body.bhh-v2 .bhb-ratgeber-hero-inner,body.bhh-v2 .woocommerce-products-header>*{position:relative;z-index:1}
/* Ratgeber-Uebersicht: mehr Luft + weisser Icon-Kreis wie Info-Seiten (Alt-CSS steckt im post_content-Style) */
body.bhh-v2 .bhb-ratgeber-hero{padding:48px 0 40px!important}
body.bhh-v2 .bhb-ratgeber-hero-icon{background-color:#fff!important;border:1px solid var(--v2-line)!important;box-shadow:0 12px 30px rgba(12,61,58,.10)!important}
@media(max-width:782px){body.bhh-v2 .bhb-ratgeber-hero{padding:38px 0 28px!important}}
/* Erf-Archiv-Hero full-bleed (ging nur bis Container-Rand; hat KEINEN eigenen Full-bleed-Mechanismus -> margin-calc sicher) */
body.bhh-v2 .bhb-erf-arch-hero{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;box-sizing:border-box!important}
/* Eyebrow -> weisse Pill mit Puls-Punkt (JS setzt .v2h-eyebrow + .v2h-dot) */
body.bhh-v2 .v2h-eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid var(--v2-line)!important;border-radius:100px!important;padding:8px 16px!important;font-family:var(--v2-mono)!important;font-size:10px!important;letter-spacing:2px!important;text-transform:uppercase!important;color:var(--v2-ink)!important;margin-bottom:14px!important;box-shadow:0 4px 14px rgba(12,61,58,.05)!important}
body.bhh-v2 .v2h-eyebrow .v2h-dot{width:7px;height:7px;border-radius:50%;background:var(--v2-gold);flex:0 0 auto;animation:v2hPulse 2.2s infinite}
@keyframes v2hPulse{0%,100%{box-shadow:0 0 0 0 rgba(79,191,160,.55)}50%{box-shadow:0 0 0 6px rgba(79,191,160,0)}}
/* Gradient-Akzent im Titel */
body.bhh-v2 .v2h-grad{background:linear-gradient(92deg,#1E7A61 0%,#4FBFA0 60%,#7ED4BC 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
body.bhh-v2 .bhh-page-hero-title,body.bhh-v2 .bhb-erf-arch-hero-title,body.bhh-v2 .bhb-tr-hero-title,body.bhh-v2 .bhb-ratgeber-hero-title,body.bhh-v2 .woocommerce-products-header__title{font-family:var(--v2-sans)!important;font-weight:700!important;letter-spacing:-.02em!important;color:var(--v2-ink)!important}
/* Orbit-Deko + Glas-Chips (JS injiziert .v2h-orbit) */
body.bhh-v2 .v2h-orbit{position:absolute;right:64px;top:50%;transform:translateY(-50%);width:190px;height:190px;pointer-events:none;z-index:1}
body.bhh-v2 .v2h-orbit svg{width:100%;height:100%;display:block}
body.bhh-v2 .v2h-chip{position:absolute;z-index:2;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(220,231,226,.95);border-radius:14px;box-shadow:0 10px 26px rgba(12,61,58,.10);padding:9px 13px;white-space:nowrap}
body.bhh-v2 .v2h-chip b{display:block;font-family:var(--v2-sans);font-weight:700;font-size:15px;color:var(--v2-ink);line-height:1.15}
body.bhh-v2 .v2h-chip span{font-family:var(--v2-mono);font-size:8.5px;letter-spacing:1.2px;color:var(--v2-body);text-transform:uppercase}
body.bhh-v2 .v2h-chip--a{top:8px;right:-8px}
body.bhh-v2 .v2h-chip--b{bottom:10px;left:-20px}
body.bhh-v2 h1.v2h-noeyebrow::before{content:none!important;display:none!important}
/* Info-Hero: .bhb-page-hero-left ist Column-Flex (align-items:stretch) -> Pill wuerde volle Breite ziehen */
body.bhh-v2 .bhb-page-hero-left .v2h-eyebrow{align-self:flex-start!important}
body.bhh-v2 .woocommerce-products-header .v2h-eyebrow{margin-left:auto!important;margin-right:auto!important}
@media(max-width:1100px){body.bhh-v2 .v2h-orbit{right:16px;width:150px;height:150px}}

/* ---------- Task #25 (1)+(2): Erf-Archiv- & Ratgeber-Karten auf v2 ---------- */
body.bhh-v2 .bhb-erf-arch-card{border-radius:16px!important;border:1px solid var(--v2-line)!important;transition:transform .15s,box-shadow .15s!important}
body.bhh-v2 .bhb-erf-arch-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(12,61,58,.10)!important}
body.bhh-v2 .bhb-erf-arch-card-img{background:#fff!important;min-height:220px}
/* erf-Archiv + Ratgeber-Bilder: cover -> Foto fuellt die Box randlos (Owner will fuellend). */
body.bhh-v2 .bhb-erf-arch-card-img img{object-fit:cover!important;width:100%!important;height:100%!important;padding:0!important}
body.bhh-v2 .bhb-rg-img img{object-fit:cover!important;width:100%!important;height:100%!important;padding:0!important}
body.bhh-v2 .bhb-erf-arch-card-rating{display:flex!important;align-items:center!important}
body.bhh-v2 .bhb-erf-arch-card-star{color:#4FBFA0!important} /* Fallback ohne JS */
body.bhh-v2 .bhb-rg-card{border-radius:16px!important;border:1px solid var(--v2-line)!important;box-shadow:none!important;transition:transform .15s,box-shadow .15s!important;overflow:hidden!important}
body.bhh-v2 .bhb-rg-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 34px rgba(12,61,58,.10)!important}
/* Task #25 (3): Mini-Karten fuer "Aehnliche Tests"/"Das koennte dich auch interessieren" */
body.bhh-v2 .v2-relbox{margin:26px 0 8px}
body.bhh-v2 .v2-relbox-t{font-family:var(--v2-mono)!important;font-size:10px!important;letter-spacing:2px!important;text-transform:uppercase!important;color:var(--v2-bronze)!important;margin:0 0 12px!important}
body.bhh-v2 .v2-relgrid{display:flex;flex-direction:column;gap:10px}
body.bhh-v2 a.v2-relcard{display:flex!important;align-items:center!important;gap:12px!important;background:#fff!important;border:1px solid var(--v2-line)!important;border-radius:14px!important;padding:10px 14px 10px 10px!important;text-decoration:none!important;transition:transform .15s,box-shadow .15s,border-color .15s!important}
body.bhh-v2 a.v2-relcard:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(12,61,58,.10)!important;border-color:var(--v2-gold)!important}
body.bhh-v2 .v2-relimg{flex:0 0 52px;width:52px;height:52px;border-radius:10px;background:#EAF4EF center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:var(--v2-bronze);font-size:18px}
body.bhh-v2 .v2-relcard b{display:block;font-family:var(--v2-sans)!important;font-size:13.5px!important;font-weight:600!important;color:var(--v2-ink)!important;line-height:1.35!important}
body.bhh-v2 .v2-relcard i{display:block;font-style:normal!important;font-family:var(--v2-mono)!important;font-size:9px!important;letter-spacing:1.4px!important;text-transform:uppercase!important;color:var(--v2-bronze)!important;margin-top:3px!important}
/* ---------- Mobile-Fixes 2026-07-10 (Task #24: Owner-Mobile-Check) ---------- */
/* (1) Hero-Zelle: SVG erzwang 387px Breite via viewBox-Aspect (min-height 320 * 460/380) -> Container+Chips ragten rechts ueber den Viewport */
@media(max-width:900px){
body.bhh-v2 .v3-hv{max-width:100%!important}
body.bhh-v2 .v3-cell{width:100%!important;max-width:100%!important;min-height:0!important;height:100%!important}
}
/* (2) Mobile-Menue v2.1: alles dunkel + einheitliche Einzuege (Astra-ul war weiss, Labels klebten bei x=0) */
body.bhh-v2 #ast-mobile-popup .ast-mobile-popup-content{padding:16px 20px 12px!important}
body.bhh-v2 #ast-mobile-popup .bhh-mm-search{margin:2px 0 20px!important}
body.bhh-v2 #ast-mobile-popup .bhh-mm-label{margin:0 0 12px!important;padding:0!important}
body.bhh-v2 #ast-mobile-popup .bhh-mm-goals{margin:0 0 26px!important}
body.bhh-v2 #ast-mobile-popup ul.main-header-menu,body.bhh-v2 #ast-mobile-popup .ast-nav-menu,body.bhh-v2 #ast-mobile-popup .sub-menu{background:transparent!important;box-shadow:none!important}
body.bhh-v2 #ast-mobile-popup .menu-item{background:transparent!important;border-bottom:1px solid rgba(79,191,160,.16)!important}
body.bhh-v2 #ast-mobile-popup .menu-item:last-child{border-bottom:0!important}
body.bhh-v2 #ast-mobile-popup .menu-link{background:transparent!important;color:#F5F8F7!important;font-family:var(--v2-sans)!important;font-weight:600!important;font-size:16px!important;padding:15px 2px!important;border:0!important}
body.bhh-v2 #ast-mobile-popup .sub-menu .menu-link{color:#C9DFD6!important;font-weight:500!important;font-size:14.5px!important;padding:11px 2px 11px 14px!important}
body.bhh-v2 #ast-mobile-popup .ast-menu-toggle{background:transparent!important;border:0!important;color:#7FD2BC!important}
body.bhh-v2 #ast-mobile-popup .ast-menu-toggle svg{fill:#7FD2BC!important}
body.bhh-v2 .ast-mobile-popup-inner>a{background:var(--v2-gold)!important;color:#082E2C!important;font-family:var(--v2-sans)!important;font-weight:700!important;border-radius:100px!important;margin:14px 20px!important;padding:13px 16px!important;text-align:center!important;text-decoration:none!important}
body.bhh-v2 .ast-mobile-popup-inner>div:not([class]){background:transparent!important;color:#9CC3B5!important;border-top:1px solid rgba(79,191,160,.18)!important}
/* (3) Kategorie-Chip-Leiste: .bhb-inner zentrierte im Scroller -> erste Chips bei negativem x unerreichbar */
@media(max-width:900px){
body.bhh-v2 .bhb-goal-bar .bhb-inner{justify-content:flex-start!important;width:max-content!important;min-width:100%!important;padding:0 12px!important;box-sizing:border-box!important}
}
/* (4) Karten-Bilder mobil fuellend wie Desktop. ⚠️ Muss Snippet <style id="bhb-mobile-card"> schlagen: das setzt `html body ul.products li.product .bhb-card-image img{width:auto;max-width:260px;contain}!important` (0,3,4) -> html+body.bhh-v2-Prefix noetig */
@media(max-width:900px){
html body.bhh-v2 ul.products li.product .bhb-card-image{height:200px!important;aspect-ratio:auto!important;min-height:0!important;padding:0!important;background:#fff!important}
html body.bhh-v2 ul.products li.product .bhb-card-image img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
/* ^ contain statt cover: Fotos sind gemischt 600x600/600x750/600x338 - cover zoomte Querformate zur Schatten-Schmiere.
   Quadratfotos fuellen 1:1 exakt randlos; Rest laeuft nahtlos ins weisse Feld (Fotos haben weissen BG). */
/* Regal-Kopf mobil: Zeile 1 = Titel + "Alle ansehen"-Pill (rechts), Zeile 2 = Produktanzahl.
   (Einzeilig wurde die Pill bei langen Titeln rechts abgeschnitten) */
body.bhh-v2 .v2-shelfhead{flex-wrap:wrap!important;row-gap:2px!important;column-gap:10px!important;align-items:center!important}
body.bhh-v2 .v2-shelfhead h2{font-size:20px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:62vw!important;flex:0 1 auto!important}
body.bhh-v2 .v2-shelfhead .v2-sall{order:2!important;margin-left:auto!important;flex:0 0 auto!important;padding:6px 12px!important;font-size:11px!important}
body.bhh-v2 .v2-shelfhead .v2-scount{order:3!important;flex-basis:100%!important}
body.bhh-v2 .v2-shelfhead .v2-rule{display:none!important}
/* Topshelf ("Meine Top-Empfehlungen") hat KEINE "Alle ansehen"-Pill -> Titel darf voll umbrechen statt mit … abgeschnitten zu werden */
body.bhh-v2 .v2-topshelf .v2-shelfhead h2{max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
/* Startseiten-Favoriten mobil: etwas niedriger, sonst gilt die global-cover-Regel auch mobil */
body.bhh-v2 .v3-cimg{height:185px!important}
/* Suche fokussiert: Wrapper ueber Sticky-Header/Chip-Leiste heben. z-index-FALLE: .v2-searchwrap{z-index:1} bildet
   Stacking-Context -> das dd (z:100000) ist darin gefangen, Sticky-Bar (z:80) malt drueber ("ueberlappt durch Menue") */
body.bhh-v2 .v2-searchwrap:focus-within,body.bhh-v2 .bhh-sr-form:focus-within,body.bhh-v2 #bhb-search:focus-within{z-index:9999!important}
/* Live-Search-Dropdown mobil: kompakt + im Viewport halten (Basis-CSS: 68vh) */
body.bhh-v2 .bhh-ls-dd{max-height:min(38vh,330px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
body.bhh-v2 .bhh-ls-item{padding:8px 12px!important;gap:10px!important}
body.bhh-v2 .bhh-ls-thumb{width:38px!important;height:38px!important}
body.bhh-v2 .bhh-ls-t{font-size:13.5px!important}
/* leerer .bhb-bar-right (Suche wurde in .v2-searchwrap gezogen) blockierte mit flex-basis:100% = 1296px die Chip-Leiste */
body.bhh-v2 .bhb-goal-bar .bhb-bar-right{flex:0 0 auto!important;width:auto!important;min-width:0!important}
body.bhh-v2 .bhb-goal-bar .bhb-bar-right:empty{display:none!important}
/* Topshelf-Karten mobil: Desktop-Kompaktlayout (row + 110px-Bild + fixe Hoehe) kollidierte mit mobile-card-Grid.
   KERN-BUG: .bhb-card-inner hat flex-wrap:wrap -> bei column+fixer Hoehe wickelte .bhb-card-content in eine 2. Spalte AUSSERHALB der Karte (x=349) = "leere Box". nowrap+height:auto+Vertikallayout wie normale Karten. */
html body.bhh-v2 .v2-topshelf .bhb-card-inner{flex-direction:column!important;flex-wrap:nowrap!important;height:auto!important}
html body.bhh-v2 .v2-topshelf li.product,html body.bhh-v2 .v2-topshelf .astra-shop-thumbnail-wrap{height:auto!important}
html body.bhh-v2 .v2-topshelf .bhb-card-image{flex:none!important;width:100%!important;min-width:0!important;border-right:none!important}
html body.bhh-v2 .v2-topshelf .bhb-benefits{display:block!important}
html body.bhh-v2 .v2-topshelf .bhb-card-content{padding:14px 16px!important}
html body.bhh-v2 .v2-topshelf .bhb-vc-footer{max-width:none!important}
}
/* (5) Regal-Zaehler ("22 PRODUKTE") einzeilig */
body.bhh-v2 .v2-scount{white-space:nowrap!important}
/* (6) Erf-Bericht mobil: gestapelte Paddings (article 8+14.6 + erf-body 20 + inner 24 = 66px Rand je Seite) -> kompakt 18px */
@media(max-width:900px){
body.bhh-v2.single-bhb_erfahrung article{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
body.bhh-v2.single-bhb_erfahrung .site-main,body.bhh-v2.single-bhb_erfahrung .ast-container{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;max-width:100%!important}
body.bhh-v2.single-bhb_erfahrung .bhb-erf-body{padding:6px 0 10px!important}
body.bhh-v2.single-bhb_erfahrung .bhb-erf-body-inner{padding:0 18px!important}
}
@media(max-width:900px){body.bhh-v2 .v2h-orbit{display:none}}
/* --- bhb-variante-c-patch --- */
/* Stronger overrides: body-prefix erhöht Spezifität */
body .bhb-card-content > .bhb-brand-tag,
body .bhb-card-content > .bhb-cat {
  display: none !important;
}
/* Bild-Hintergrund Mint */
body .bhb-card-inner > .bhb-card-image,
body .bhb-card .bhb-card-image,
ul.products li.product .bhb-card-image {
  background: linear-gradient(180deg, #f4faf7 0%, #e1f5ee 100%) !important;
}
/* Alte Bestseller-Strip verstecken */
body .bhb-card-strip,
body .bhb-bestseller-pill {
  display: none !important;
}
/* Alte CTA-Row verstecken */
body .bhb-cta-row { display: none !important; }
/* Brand-Tag im Meta-Row sichtbar erzwingen */
body .bhb-card-meta-row .bhb-brand-tag {
  display: inline-block !important;
  color: #2c2c2a !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}
body .bhb-card-meta-row .bhb-brand-tag::after { content: none !important; }
body .bhb-card-meta-row .bhb-cat {
  display: inline-block !important;
  background: rgba(26,74,64,0.08) !important;
  color: #1a4a40 !important;
  padding: 2px 7px !important;
  border-radius: 3px !important;
  font-size: 9.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
}
/* Voucher-Container Code-Chip nicht abschneiden */
body .bhb-vc-code {
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
body .bhb-vc-chip {
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
/* CTA-Button shrink verbieten */
body .bhb-vc-btn { width: 100% !important; justify-content: center !important; text-align: center !important; }

/* === Mobile-Layout-Erzwingen (hohe Spezifität) === */


/* Title left-align force */
body .bhb-card-content .woocommerce-loop-product__title,
body ul.products li.product .woocommerce-loop-product__title {
  text-align: left !important;
}

/* Bild-Rundung nur links + größeres Thumbnail */
body .bhb-card-inner > .bhb-card-image,
body ul.products li.product .bhb-card-image {
  border-radius: 12px 0 0 12px !important;
  padding: 0 !important;
  background: #fff !important;
  overflow: hidden !important;
}
body .bhb-card-inner > .bhb-card-image img,
body ul.products li.product .bhb-card-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #fff !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  border: none !important;
  display: block !important;
}

/* Suchfeld: Lupensymbol als SVG-Background */
body #bhb-search.bhb-search-input,
body .bhb-search-input {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%231a4a40%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><circle cx=%2711%27 cy=%2711%27 r=%278%27/><path d=%27m21 21-4.35-4.35%27/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  background-size: 16px 16px !important;
  padding-left: 36px !important;
}
body #bhb-search.bhb-search-input::placeholder { color: #7a7a78 !important; }

/* === Discount-Sticker im Bildbereich (oben rechts) === */
body .bhb-card-image .bhb-img-discount {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: auto !important;
  background: #1a4a40 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 100px !important;
  box-shadow: 0 2px 4px rgba(15,31,28,0.15) !important;
  z-index: 3 !important;
  letter-spacing: 0.3px !important;
  line-height: 1.2 !important;
}
/* === Code-Chip kompakt: kleinere Schrift damit Copy-Icon reinpasst === */
body .bhb-card-content .bhb-vc-code .bhb-vc-mit { font-size: 11px !important; }
body .bhb-card-content .bhb-vc-code .bhb-vc-chip { font-size: 10.5px !important; letter-spacing: 0.2px !important; gap: 5px !important; }
body .bhb-card-content .bhb-vc-code .bhb-vc-chip .bhb-vc-copy-icon { width: 11px !important; height: 11px !important; flex-shrink: 0 !important; }

/* === Trust-Line kompakter (im Verhaeltnis zur kleineren Pille) === */
body .bhb-card-content .bhb-trust-line {
  font-size: 10px !important;
  margin-top: 6px !important;
  gap: 4px !important;
  color: #999 !important;
}
body .bhb-card-content .bhb-trust-line svg {
  width: 11px !important;
  height: 11px !important;
}

/* === Produkttitel fett === */
body .bhb-card-content .woocommerce-loop-product__title,
body ul.products li.product .bhb-card-content .woocommerce-loop-product__title {
  font-weight: 700 !important;
}

/* === Schmale vertikale Trennlinie zwischen Bild und Content === */
body .bhb-card-inner > .bhb-card-image,
body ul.products li.product .bhb-card-image {
  border-right: 1px solid rgba(15,31,28,0.10) !important;
  box-shadow: 1px 0 0 rgba(15,31,28,0.04) !important;
}

/* === Split-Pille: Voucher + CTA als EIN Element === */
body .bhb-card-content .bhb-vc-footer {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  border: 1px solid #1a4a40 !important;
  border-radius: 100px !important;
  overflow: hidden !important;
  background: #fff !important;
  padding: 0 !important;
  gap: 0 !important;
  margin-top: auto !important;
  width: 100% !important;
}
body .bhb-card-content .bhb-vc-code {
  background: #eaf3ef !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 6px 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  color: #1a4a40 !important;
  font-size: 10px !important;
}
body .bhb-card-content .bhb-vc-btn {
  flex: 0 0 auto !important;
  background: #1a4a40 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 6px 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  width: auto !important;
}
/* Trust-Line nach UNTEN nach Footer (Reihenfolge per Flex-Order) */
body .bhb-card-content {
  display: flex !important;
  flex-direction: column !important;
}
body .bhb-card-content .bhb-trust-line {
  order: 99 !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}
body .bhb-card-content .bhb-vc-footer {
  order: 90 !important;
}

/* ===================================================== */
/* === Responsive Viewports (Mobile/Tablet/Desktop) === */
/* ===================================================== */

/* --- Tablet Querformat & Desktop (>= 1024px) bleibt Standard --- */

/* --- Tablet Hochformat (768-1023px): 2 Spalten, Bild 140px --- */


/* --- Mobile Querformat (480-767px): 2 Spalten, Bild 100px, kompakt --- */


/* --- Mobile Hochformat (< 480px): 1 Spalte, Bild 120px, alle Bullets --- */


/* --- Alle Bullet-Points immer anzeigen (gegen versteckende Regeln) --- */
body .bhb-card-content .bhb-card-bullets li,
body .bhb-card-content ul li,
body .bhb-card-inner ul li {
  display: list-item !important;
}
body .bhb-card-content .bhb-card-bullets li:nth-child(n),
body .bhb-card-content ul li:nth-child(n) {
  display: list-item !important;
}


/* === Tablet Quer 1-Spalte Fix (1024-1199px): Sidebar bleibt, 1 Karte pro Reihe === */



/* === Top-Pick mobile fix (verkleinert auf schmalen Viewports) === */