/* ASTRA RESET + FULL WIDTH FIX */
body.woocommerce-page .ast-container{display:block!important;}
body.woocommerce-page #primary.content-area{width:100%!important;max-width:100%!important;flex:none!important;}
#primary.content-area,body.woocommerce-page #primary{margin-top:0!important;padding-top:0!important;}
.ast-woocommerce-container{padding:0!important;margin:0!important;}
.woocommerce .ast-container,.woocommerce-page .woocommerce .ast-container,.woocommerce-page .ast-container{padding-left:0!important;padding-right:0!important;}
.bhb-fullwidth{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;max-width:100vw;overflow:visible;}

/* ASTRA & WOO EXTRAS VERSTECKEN */
.woocommerce-ordering,.woocommerce-result-count,.ast-shop-toolbar-container,.woocommerce-products-header{display:none!important;}

/* HERO */
.bhb-hero{background:linear-gradient(135deg,#1a2e2b 0%,#2a7c6f 100%);padding:48px 0;width:100%;}
.bhb-inner{max-width:1320px;margin:0 auto;padding:0 48px;}
.bhb-hero .bhb-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;}
.bhb-eyebrow{font-size:.72rem;font-weight:600;color:#7dccbf;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;display:block;}
.bhb-hero-title{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1.15;margin-bottom:10px;}
.bhb-hero-title span{color:#7dccbf;}
.bhb-hero-sub{font-size:.88rem;color:rgba(255,255,255,.6);line-height:1.6;max-width:440px;}
.bhb-hero-stats{display:flex;gap:36px;flex-shrink:0;}
.bhb-hero-stats div{text-align:center;}
.bhb-hero-stats strong{display:block;font-size:1.6rem;font-weight:700;color:#7dccbf;letter-spacing:-.02em;}
.bhb-hero-stats span{font-size:.68rem;color:rgba(255,255,255,.5);margin-top:3px;display:block;}

/* PAGE HEADER */
.bhb-page-header{background:#fff;border-bottom:1px solid rgba(0,0,0,.08);width:100%;}
.bhb-page-header .bhb-inner{padding-top:40px;}
.bhb-header-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;}
.bhb-page-title{font-size:2.8rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:#1d1d1f;}
.bhb-page-sub{font-size:.85rem;color:#6e6e73;margin-top:6px;}
.bhb-header-links{text-align:right;padding-bottom:4px;}
.bhb-header-links a{font-size:.82rem;color:#2a7c6f;text-decoration:none;display:block;margin-bottom:4px;}
.bhb-tab-nav{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;}
.bhb-tab-nav::-webkit-scrollbar{display:none;}
.bhb-tab-label{font-size:.72rem;color:#86868b;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-right:16px;white-space:nowrap;flex-shrink:0;}
.bhb-tab-link{padding:12px 0;margin-right:28px;font-size:.88rem;color:#6e6e73;cursor:pointer;border:none;border-bottom:2px solid transparent;background:none;white-space:nowrap;flex-shrink:0;transition:color .15s,border-color .15s;font-family:inherit;}
.bhb-tab-link.active{color:#1d1d1f;font-weight:600;border-bottom-color:#1d1d1f;}
.bhb-tab-link:hover{background:transparent!important;color:#1d1d1f!important;}

/* GOAL BAR */
.bhb-goal-bar{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.05);}

.bhb-goal-bar .bhb-inner{display:flex;align-items:center;gap:8px;padding-top:12px;padding-bottom:12px;overflow-x:auto;scrollbar-width:none;}
.bhb-goal-bar .bhb-inner::-webkit-scrollbar{display:none;}
.bhb-goal-btn{padding:6px 14px;border-radius:980px;border:1px solid #d2d2d7;background:transparent;font-size:.78rem;font-weight:500;color:#1d1d1f;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s;}
.bhb-goal-btn.active{background:#1d1d1f;border-color:#1d1d1f;color:#fff;}
.bhb-goal-btn:hover{background:#f5f5f7!important;color:#1d1d1f!important;border-color:#d2d2d7!important;}
.bhb-bar-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0;}
.bhb-search-input{padding:6px 12px;border:1px solid #d2d2d7;border-radius:8px;font-size:.82rem;background:#f5f5f7;outline:none;width:180px;}
.bhb-search-input:focus{background:#fff;border-color:#2a7c6f;}

/* MAIN LAYOUT */
.bhb-main-wrap{background:#ffffff;}
.bhb-main{max-width:1320px;margin:0 auto;padding:32px 48px 48px;display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start;}
.bhb-content-col{min-width:0;}

/* FEATURED */
.bhb-featured{background:#fff;border-radius:20px;overflow:hidden;display:flex;margin-bottom:24px;box-shadow:0 4px 24px rgba(0,0,0,.07);}
.bhb-featured-img{width:340px;flex-shrink:0;overflow:hidden;}
.bhb-featured-img img{width:100%;height:100%;object-fit:cover;display:block;}
.bhb-featured-body{padding:44px 52px;display:flex;flex-direction:column;justify-content:center;flex:1;}
.bhb-feat-pill{display:inline-flex;align-items:center;gap:6px;background:#f0faf8;color:#2a7c6f;font-size:.68rem;font-weight:700;padding:4px 12px;border-radius:980px;margin-bottom:16px;width:fit-content;letter-spacing:.04em;text-transform:uppercase;}
.bhb-feat-title{font-size:1.8rem;font-weight:700;letter-spacing:-.03em;margin-bottom:12px;line-height:1.15;color:#1d1d1f;}
.bhb-feat-desc{font-size:.88rem;color:#6e6e73;line-height:1.65;margin-bottom:26px;max-width:440px;}
.bhb-feat-row{display:flex;align-items:center;gap:16px;}
.bhb-feat-btn{display:inline-block;padding:11px 26px;background:#2a7c6f;color:#fff!important;font-size:.82rem;font-weight:600;border:none;border-radius:980px;cursor:pointer;text-decoration:none;transition:background .15s;}
.bhb-feat-btn:hover{background:#1f5f54!important;}
.bhb-feat-note{font-size:.75rem;color:#86868b;}

/* SECTION HEADER */
.bhb-section-hdr{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px;}
.bhb-section-hdr h2{font-size:1.1rem;font-weight:600;letter-spacing:-.01em;color:#1d1d1f;}
.bhb-count-badge{font-size:1.1rem!important;font-weight:400!important;color:#86868b!important;margin-left:8px;}

/* PRODUKT GRID */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:14px!important;padding:0!important;list-style:none!important;background:transparent!important;margin:0!important;}

/* LI — flex row: [astra-wrap(=image+content)] + [strip] */
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:#fff!important;border:none!important;border-radius:16px!important;padding:0!important;margin:0!important;overflow:hidden!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;transition:transform .2s,box-shadow .2s!important;width:auto!important;float:none!important;}
.woocommerce ul.products li.product:hover,.woocommerce-page ul.products li.product:hover{transform:scale(1.01)!important;box-shadow:0 8px 32px rgba(0,0,0,.1)!important;}

/* ASTRA WRAPPER — flex row, fills li */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap{display:flex!important;flex-direction:row!important;flex:1!important;min-width:0!important;padding:0!important;margin:0!important;width:100%!important;align-items:stretch!important;}

/* BHB-CARD-INNER — row: strip(order3) + image(order1) + content(order2) */
.bhb-card-inner{display:flex!important;flex-direction:row!important;flex:1;min-width:0;width:100%;align-items:stretch;}

/* STRIP — order:3 → erscheint ganz rechts */
.bhb-card-strip{order:3;flex-shrink:0;width:24px;display:flex;align-items:center;justify-content:center;background:#e8f5f2;overflow:hidden;}
.bhb-card-strip span{writing-mode:vertical-rl;text-orientation:mixed;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#1f5f54;}

/* IMAGE — order:1 */
.bhb-card-image{order:1;position:relative;width:180px!important;min-width:180px!important;flex-shrink:0!important;overflow:hidden;background:linear-gradient(145deg,#efefef 0%,#e4e4e4 100%)!important;}
.bhb-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.woocommerce ul.products li.product:hover .bhb-card-image img{transform:scale(1.06);}
.bhb-no-img{display:flex;align-items:center;justify-content:center;height:100%;font-size:2.2rem;}

/* CONTENT — order:2 */
.bhb-card-content{order:2;padding:12px 16px;display:flex;flex-direction:column;flex:1;min-width:0;}
.bhb-cat{font-size:.62rem;color:#86868b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;font-weight:500;display:block;}
.woocommerce-loop-product__title{font-size:.85rem!important;font-weight:600!important;letter-spacing:-.01em!important;margin-bottom:5px!important;line-height:1.3!important;color:#1d1d1f!important;padding:0!important;}
.bhb-benefits{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:3px;flex:1;}
.bhb-benefits li{font-size:.65rem;color:#3a3a3c;display:flex;align-items:flex-start;gap:5px;line-height:1.3;}
.bhb-benefits li::before{content:"✓";color:#2a7c6f;font-weight:700;font-size:.65rem;flex-shrink:0;}
.bhb-cta-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:6px;}
.bhb-cta-btn{display:inline-block;padding:6px 13px;background:#2a7c6f;color:#fff!important;font-size:.68rem;font-weight:500;border:none;border-radius:980px;cursor:pointer;text-align:center;text-decoration:none;transition:background .15s;white-space:nowrap;}
.bhb-cta-btn:hover{background:#1f5f54!important;}
.bhb-cta-note{font-size:.55rem;color:#86868b;}

/* SIDEBAR */
.bhb-sidebar{position:sticky;top:calc(104px + 52px + 16px);display:flex;flex-direction:column;gap:12px;}
body.admin-bar .bhb-sidebar{top:calc(136px + 52px + 16px);}
.bhb-sidebar-box{background:#fff;border-radius:16px;padding:20px 22px;border:1px solid #e8e8e8;}
.bhb-sidebar-box h4{font-size:.85rem;font-weight:600;margin-bottom:8px;color:#1d1d1f;}
.bhb-sidebar-box p{font-size:.78rem;color:#6e6e73;line-height:1.5;margin-bottom:12px;}
.bhb-sidebar-input{width:100%;padding:9px 12px;border:1px solid #d2d2d7;border-radius:8px;font-size:.82rem;outline:none;margin-bottom:8px;box-sizing:border-box;}
.bhb-sidebar-input:focus{border-color:#2a7c6f;}
.bhb-sidebar-btn{width:100%;padding:10px;background:#2a7c6f;color:#fff!important;font-size:.8rem;font-weight:500;border:none;border-radius:980px;cursor:pointer;transition:background .15s;display:block;text-align:center;text-decoration:none;box-sizing:border-box;}
.bhb-sidebar-btn:hover{background:#1f5f54!important;}
.bhb-sidebar-privacy{font-size:.62rem;color:#86868b;text-align:center;margin-top:6px;}
.bhb-deal-box{background:#fff9f5;}
.bhb-deal-eyebrow{font-size:.68rem;font-weight:600;color:#c0392b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;}
.bhb-deal-countdown{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:#1d1d1f;font-variant-numeric:tabular-nums;}
.bhb-deal-cd-label{font-size:.68rem;color:#86868b;margin-top:2px;margin-bottom:12px;}
.bhb-deal-btn{background:#ff3b30!important;}
.bhb-deal-btn:hover{background:#ff2d20!important;}

/* BRAND PILLS */
.bhb-brand-pills{display:flex;flex-wrap:wrap;gap:0;}
.bhb-brand-pill{display:inline-block;padding:4px 10px;border-radius:980px;border:1px solid #d2d2d7!important;font-size:.72rem;color:#1d1d1f!important;cursor:pointer;margin:3px;transition:all .15s;background:transparent!important;text-transform:none!important;letter-spacing:normal!important;font-family:inherit;}
.bhb-brand-pill:hover{background:#f5f5f7!important;}
.bhb-brand-pill.active{background:#1d1d1f!important;border-color:#1d1d1f!important;color:#fff!important;}

/* RESPONSIVE */
@media(max-width:768px){
  .bhb-goal-bar{top:60px!important;}
  
  .bhb-inner{padding-left:16px!important;padding-right:16px!important;}
  .bhb-hero .bhb-inner{flex-direction:column;}
  .bhb-featured{flex-direction:column;}
  .bhb-featured-img{width:100%;height:180px;}
  .bhb-main{grid-template-columns:1fr!important;padding:16px!important;}
  .bhb-sidebar{position:static!important;}
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr!important;}
}

/* WPFORMS SIDEBAR STYLING */
.bhb-sidebar-box .wpforms-container{margin:0;padding:0;}
.bhb-sidebar-box .wpforms-head-container{display:none;}
.bhb-sidebar-box .wpforms-field-container{margin:0;padding:0;}
.bhb-sidebar-box .wpforms-field{margin-bottom:8px;padding:0;}
.bhb-sidebar-box .wpforms-field label{font-size:.85rem;font-weight:600;color:#1d1d1f;margin-bottom:6px;display:block;}
.bhb-sidebar-box .wpforms-field input[type=text],
.bhb-sidebar-box .wpforms-field input[type=email]{width:100%;padding:9px 12px;border:1px solid #d2d2d7;border-radius:8px;font-size:.82rem;outline:none;box-sizing:border-box;font-family:inherit;background:#fff;}
.bhb-sidebar-box .wpforms-field input:focus{border-color:#2a7c6f;}
.bhb-sidebar-box .wpforms-submit-container{margin-top:8px;padding:0;}
.bhb-sidebar-box .wpforms-submit{width:100%;padding:10px;background:#2a7c6f;color:#fff!important;font-size:.8rem;font-weight:500;border:none;border-radius:980px;cursor:pointer;transition:background .15s;display:block;text-align:center;box-sizing:border-box;font-family:inherit;}
.bhb-sidebar-box .wpforms-submit:hover{background:#1f5f54!important;}
.bhb-sidebar-box .wpforms-confirmation-container{font-size:.78rem;color:#2a7c6f;padding:8px 0;}
.bhb-sidebar-box .wpforms-required-label,.bhb-sidebar-box .wpforms-field-required{display:none;}
.bhb-sidebar-box .wpforms-error{font-size:.72rem;color:#c0392b;margin-top:3px;}

/* =============================================
   RESPONSIVE FIXES
   ============================================= */

/* TABLET (max 1024px): Sidebar unter Content */
@media (max-width:1024px){
  .bhb-layout{flex-direction:column!important;}
  .bhb-sidebar{width:100%!important;max-width:100%!important;display:flex;flex-wrap:wrap;gap:16px;padding:0!important;}
  .bhb-sidebar-box{flex:1 1 280px;min-width:260px;}
  .bhb-main{width:100%!important;}
  /* Featured card: Bild nicht zu hoch */
  .bhb-featured-card img{max-height:320px;object-fit:cover;width:100%;}
  .bhb-featured-card{flex-direction:column!important;}
}

/* TABLET (max 768px): Produktkarten 1-spaltig */
@media (max-width:768px){
  .woocommerce ul.products{grid-template-columns:1fr!important;columns:1!important;}
  .woocommerce ul.products li.product{width:100%!important;}
  /* Goal-Tabs scrollbar */
  .bhb-goal-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .bhb-goal-bar::-webkit-scrollbar{display:none;}
  .bhb-tabs-row{flex-wrap:nowrap;min-width:max-content;}
  /* Filter-Zeile: Pills + Suche untereinander */
  .bhb-filter-row{flex-wrap:wrap;gap:8px;}
  .bhb-search-wrap,.bhb-filter-wrap{width:100%!important;max-width:100%!important;}
  .bhb-search-input{width:100%!important;box-sizing:border-box;}
  /* Sidebar: volle Breite, untereinander */
  .bhb-sidebar{flex-direction:column!important;}
  .bhb-sidebar-box{min-width:unset!important;width:100%!important;}
}

/* MOBILE (max 480px): Kleinste Screens */
@media (max-width:480px){
  .bhb-page-title{font-size:1.6rem!important;}
  /* Produktkarte: Bild schmaler */
  .bhb-card-image{width:130px!important;min-width:130px!important;}
  .bhb-card-strip{width:20px!important;}
  .bhb-card-strip span{font-size:.6rem!important;}
  /* Featured Card */
  .bhb-featured-card img{max-height:220px;}
  /* Hero Banner Stats: 2 Spalten */
  .bhb-hero-stats{flex-wrap:wrap;gap:12px;}
  .bhb-hero-stats>div{flex:1 1 40%;}
  /* Goal-Bar sticky top anpassen (kein Admin-Bar auf Mobile) */
  .bhb-goal-bar{top:60px!important;}
}

/* STICKY GOAL-BAR: mobile ohne Admin-Bar */
@media (max-width:782px){
  .bhb-goal-bar{top:60px!important;}
  
}

/* SIDEBAR LEERAUM FIX */
@media (max-width:1024px){
  .bhb-sidebar-box{padding:16px!important;}
  .bhb-sidebar-box .wpforms-container{margin-top:0!important;}
  /* Anbieter-Box: kein overflow-padding */
  .bhb-sidebar-box:has(.bhb-brand-filter){padding:16px!important;}
}

/* =============================================
   HERO: Variante C3A — Split + Puls-Logo
   ============================================= */
.bhb-hero {
  background: #fff !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #e5e5e7 !important;
  position: relative;
  overflow: hidden;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
}
/* Diagonale Fläche rechts via pseudo */
.bhb-hero::after {
  content: '';
  position: absolute;
  right: 0; top: 0;
  width: 42%;
  height: 100%;
  background: #e8f5f2;
  clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%);
  pointer-events: none;
}
.bhb-hero .bhb-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  padding: 28px 48px !important;
  position: relative;
  z-index: 1;
}
/* Links: Text */
.bhb-hero-left {
  flex: 1;
}
.bhb-hero-eyebrow {
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(42,124,111,.65);
  margin-bottom: 8px;
  display: block;
}
.bhb-hero-title {
  font-size: 2.2rem !important;
  font-weight: 900 !important;
  color: #1a3d36 !important;
  letter-spacing: -.04em !important;
  line-height: 1.1 !important;
  margin: 0 0 14px 0 !important;
}
.bhb-hero-title br { display: inline !important; }
.bhb-hero-title span { color: #2a7c6f !important; }
.bhb-hero-chips {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.bhb-hero-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 8px;
  font-size: .75rem;
  font-weight: 700;
  background: #e8f5f2;
  color: #1f5f54;
  border: 1px solid rgba(42,124,111,.15);
}
/* Rechts: Logo + Tagline */
.bhb-hero-right {
  flex-shrink: 0;
  text-align: center;
  padding-left: 32px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bhb-hero-tagline {
  font-size: .65rem;
  font-weight: 600;
  color: #2a7c6f;
  margin-top: 7px;
  line-height: 1.4;
}
/* Alte Elemente ausblenden */
.bhb-eyebrow-pill,
.bhb-hero-sub,
.bhb-hero-trust,
.bhb-hero-stats { display: none !important; }

/* Mobile */
@media (max-width: 768px) {
  .bhb-hero::after { display: none; }
  .bhb-hero .bhb-inner { flex-direction: column !important; align-items: flex-start !important; padding: 16px 20px !important; gap: 16px !important; }
  .bhb-hero-right { padding-left: 0; }
  .bhb-hero-title { font-size: 1.4rem !important; }
  .bhb-hero-chips { gap: 5px; }
  .bhb-hero-chip { font-size: .65rem !important; padding: 4px 9px !important; }
}

/* =============================================
   DEIN ZIEL + ZIEL-CARDS (wiederhergestellt)
   ============================================= */
.bhb-goal-cards-wrap {
  background: #fff !important;
  border-bottom: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 4px 0 8px !important;
  position: relative !important;
}
.bhb-goal-cards-wrap { box-shadow: 0 1.5px 0 0 #e5e5e7 !important; }
.bhb-section-hdr {
  position: relative !important;
  padding-top: 20px !important;
  margin-top: 0 !important;
}

.bhb-goal-cards-label {
  font-size: 9.5px; font-weight: 700; letter-spacing: .16em;
  text-transform: uppercase; color: #aaa; margin-bottom: 4px; display: block;
}
.bhb-goal-cards { display: flex !important; gap: 8px !important; }
.bhb-goal-card[data-goal="all"].active { background: #f0faf8 !important; border: 2px solid #2a7c6f !important; }
.bhb-goal-card[data-goal="all"] .bhb-gc-icon,
.bhb-goal-card[data-goal="all"] .bhb-gc-label { color: #2a7c6f !important; }
.bhb-goal-card {
  flex: 1 !important; display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 5px !important; padding: 11px 6px 9px !important;
  border-radius: 12px !important; border: 1.5px solid #e5e5e7 !important;
  background: #fafafa !important; cursor: pointer !important; transition: all .15s !important; font-family: inherit !important;
}
.bhb-goal-card:not([data-goal="all"]):hover { border-color: #2a7c6f !important; background: #e8f5f2 !important; transform: translateY(-1px) !important; }
.bhb-goal-card:not([data-goal="all"]).active { border-color: #2a7c6f !important; background: #e8f5f2 !important; transform: translateY(-2px) !important; box-shadow: 0 4px 12px rgba(42,124,111,.12) !important; }
.bhb-goal-card[data-goal="all"].active { background: #e8f5f2 !important; border-color: #2a7c6f !important; box-shadow: 0 4px 12px rgba(42,124,111,.15) !important; }
.bhb-gc-icon { font-size: 20px; line-height: 1; }
.bhb-gc-label { font-size: 9px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #888; }
.bhb-gc-count { font-size: 8px; font-weight: 700; color: rgba(26,61,54,.4); display: block; margin-top: 1px; min-height: 10px; }
.bhb-goal-card:not([data-goal="all"]).active .bhb-gc-label,
.bhb-goal-card:not([data-goal="all"]):hover .bhb-gc-label { color: #2a7c6f; }
.bhb-goal-card[data-goal="all"] .bhb-gc-count { color: #2a7c6f; }
.content-area.primary { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.bhb-tab-nav, .bhb-page-header { display: none !important; }

/* =============================================
   FEATURED CARD: Optimiert
   ============================================= */
.bhb-featured {
  background: linear-gradient(135deg, #f0faf8 0%, #e4f4f0 100%) !important;
  border: 1.5px solid rgba(42,124,111,0.15) !important;
  box-shadow: 0 8px 32px rgba(42,124,111,0.1) !important;
  border-radius: 20px !important;
}
.bhb-featured-img {
  background: linear-gradient(145deg, #dde8e5 0%, #cfddd9 100%) !important;
  width: 300px !important;
  max-width: 300px !important;
  min-width: 300px !important;
  border-radius: 18px 0 0 18px !important;
}
.bhb-featured-img img {
  mix-blend-mode: multiply;
  object-fit: cover !important;
  padding: 0 !important;
}
.bhb-featured-body {
  padding: 36px 44px !important;
}
.bhb-feat-pill {
  background: rgba(42,124,111,0.12) !important;
  color: #1f5f54 !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 4px 12px !important;
  font-size: .72rem !important;
}
.bhb-feat-title {
  font-size: 1.8rem !important;
  letter-spacing: -.03em !important;
  margin-bottom: 10px !important;
  color: #1a3d36 !important;
}
.bhb-feat-desc {
  font-size: .88rem !important;
  color: #555 !important;
  margin-bottom: 16px !important;
  line-height: 1.6 !important;
}
.bhb-feat-benefits {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
}
.bhb-feat-benefits li {
  font-size: .84rem !important;
  color: #1a3d36 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 4px !important;
}
.bhb-feat-benefits li::before {
  content: "✓" !important;
  color: #2a7c6f !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
  font-size: .88rem !important;
}
.bhb-feat-btn {
  background: #2a7c6f !important;
  padding: 12px 28px !important;
  font-size: .85rem !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
}
.bhb-feat-note {
  font-size: .75rem !important;
  color: #86868b !important;
}

/* PRODUKTKARTE: ganzer Click-Bereich */
.woocommerce ul.products li.product {
  position: relative !important;
}
.bhb-card-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 16px;
}
/* Button + andere interaktive Elemente über dem Overlay */
.bhb-cta-btn,
.bhb-cta-row,
.bhb-card-strip {
  position: relative;
  z-index: 2;
}
/* Cursor auf der ganzen Karte */
.woocommerce ul.products li.product:has(.bhb-card-overlay-link) {
  cursor: pointer;
}

/* Featured Card: Haken-Fix */
.bhb-feat-benefits {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 0 20px 0 !important;
}
.bhb-feat-benefits li {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: .84rem !important;
  color: #1a3d36 !important;
  margin-bottom: 4px !important;
  list-style: none !important;
}
.bhb-feat-benefits li::before {
  content: "✓" !important;
  color: #2a7c6f !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
  font-size: .88rem !important;
}

/* =============================================
   RESPONSIVE FIXES — Alle Breakpoints
   ============================================= */

/* TABLET (≤900px): Hero Layout */
@media (max-width: 900px) {
  .bhb-hero .bhb-inner {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 20px 28px !important;
    gap: 16px !important;
  }
  .bhb-hero-right { display: none !important; }
  .bhb-hero::after { display: none !important; }
  .bhb-hero-title { font-size: 1.7rem !important; }
  .bhb-hero-chips { flex-wrap: wrap !important; gap: 6px !important; }
  .bhb-hero-chip { font-size: .65rem !important; padding: 4px 10px !important; }
}

/* MOBILE (≤480px) */
@media (max-width: 480px) {
  .bhb-hero { padding: 14px 0 12px !important; }
  .bhb-hero .bhb-inner { padding: 14px 16px !important; }
  .bhb-hero-title { font-size: 1.4rem !important; }
  
  .bhb-goal-cards {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    }
  .bhb-goal-cards::-webkit-scrollbar { display: none; }
  .bhb-goal-card {
    min-width: 62px !important;
    flex-shrink: 0 !important;
    padding: 8px 4px 7px !important;
  }
  .bhb-gc-icon { font-size: 16px !important; }
  .bhb-gc-label { font-size: 7.5px !important; }
  .bhb-gc-count { font-size: 7px !important; }
  .bhb-goal-bar .bhb-inner { flex-wrap: wrap !important; padding: 8px 12px !important; gap: 5px !important; }
  .bhb-bar-right { width: 100% !important; margin-left: 0 !important; }
  .bhb-search-input { width: 100% !important; box-sizing: border-box !important; }
  .bhb-card-image { width: 100px !important; min-width: 100px !important; }
  .bhb-card-strip { width: 18px !important; }
  .bhb-card-strip span { font-size: 7px !important; }
  .bhb-main { padding: 10px 12px 24px !important; }
}

/* MOBILE LANDSCAPE */
@media (max-width: 844px) and (max-height: 430px) {
  .bhb-hero { padding: 10px 0 !important; }
  .bhb-hero-title { font-size: 1.2rem !important; }
  .bhb-hero-chips { display: none !important; }
  .bhb-goal-cards-wrap { padding: 8px 0 10px !important; }
  .bhb-goal-card { padding: 6px 4px 5px !important; min-width: 55px !important; }
}

/* MOBILE: Ziel-Cards noch schmaler für kleine Screens */
@media (max-width: 420px) {
  .bhb-goal-card {
    min-width: 54px !important;
    padding: 7px 2px 6px !important;
  }
  .bhb-gc-icon { font-size: 15px !important; }
  .bhb-gc-label { font-size: 7px !important; letter-spacing: 0 !important; }
}

/* MOBILE ≤500px: Ziel-Cards horizontal scrollbar */
@media (max-width: 500px) {
  
  .bhb-goal-cards {
    overflow-x: scroll !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none !important;
    gap: 6px !important;
  }
  .bhb-goal-cards::-webkit-scrollbar { display: none !important; }
  .bhb-goal-card {
    flex: 0 0 auto !important;
    width: 66px !important;
    min-width: 66px !important;
  }
}

/* =============================================
   RATGEBER-ARTIKEL: Verbessertes Layout
   ============================================= */

/* Artikel-Breite optimieren */
.single-post .site-content .entry-content {
  max-width: 720px !important;
  margin: 0 auto !important;
}
.single-post .entry-header {
  max-width: 720px !important;
  margin: 0 auto 24px !important;
}

/* Artikel-Titel Farbe */
.single-post .entry-title {
  color: #1a3d36 !important;
  font-size: 2rem !important;
  line-height: 1.2 !important;
}

/* Meta (Kategorie / Autor) dezent */
.single-post .entry-meta {
  color: #86868b !important;
  font-size: .8rem !important;
  margin-bottom: 24px !important;
}
.single-post .entry-meta a {
  color: #2a7c6f !important;
}

/* H2 in Artikeln */
.single-post .entry-content h2 {
  color: #1a3d36 !important;
  font-size: 1.4rem !important;
  margin: 36px 0 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid #e8f5f2 !important;
}

/* H3 */
.single-post .entry-content h3 {
  color: #2a7c6f !important;
  font-size: 1.1rem !important;
  margin: 24px 0 8px !important;
}

/* Fließtext */
.single-post .entry-content p {
  font-size: 1rem !important;
  line-height: 1.8 !important;
  color: #3a3a3c !important;
  margin-bottom: 18px !important;
}

/* Listen */
.single-post .entry-content ul li,
.single-post .entry-content ol li {
  line-height: 1.8 !important;
  margin-bottom: 8px !important;
  color: #3a3a3c !important;
}

/* CTA Box — Links in Artikeln hervorheben */
.single-post .entry-content a:not(.bhb-cta-btn) {
  color: #2a7c6f !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(42,124,111,.35) !important;
  text-underline-offset: 3px !important;
}

/* Artikel-Navigation (nächster/vorheriger) */
.post-navigation {
  border-top: 1px solid #e5e5e7 !important;
  margin-top: 48px !important;
  padding-top: 24px !important;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  color: #2a7c6f !important;
  font-weight: 500 !important;
}

/* Kommentar-Bereich ausblenden wenn keine */
.single-post #comments:empty { display: none !important; }

/* =============================================
   RATGEBER-SEKTION
   ============================================= */
.bhb-ratgeber-section {
  background: #f5f5f7 !important;
  padding: 48px 0 56px !important;
  margin-top: 0 !important;
}
.bhb-ratgeber-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}
.bhb-ratgeber-title {
  font-size: 1.4rem !important;
  font-weight: 900 !important;
  color: #1a3d36 !important;
  letter-spacing: -.02em !important;
  margin: 0 !important;
}
.bhb-ratgeber-all {
  font-size: .8rem;
  font-weight: 600;
  color: #2a7c6f !important;
  text-decoration: none !important;
}
.bhb-ratgeber-all:hover { text-decoration: underline !important; }

.bhb-ratgeber-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.bhb-ratgeber-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none !important;
  border: 1px solid #e5e5e7;
  transition: transform .15s, box-shadow .15s;
  display: flex;
  flex-direction: column;
}
.bhb-ratgeber-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.bhb-ratgeber-img {
  width: 100%;
  height: 160px;
  overflow: hidden;
  background: linear-gradient(135deg, #e8f5f2, #c8ebe4);
}
.bhb-ratgeber-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bhb-ratgeber-placeholder {
  background: linear-gradient(135deg, #e8f5f2 0%, #c8ebe4 100%);
}
.bhb-ratgeber-body {
  padding: 18px 20px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.bhb-ratgeber-cat {
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #2a7c6f;
  margin-bottom: 8px;
  display: block;
}
.bhb-ratgeber-card-title {
  font-size: .95rem !important;
  font-weight: 700 !important;
  color: #1a3d36 !important;
  line-height: 1.3 !important;
  margin: 0 0 10px !important;
}
.bhb-ratgeber-excerpt {
  font-size: .78rem !important;
  color: #6e6e73 !important;
  line-height: 1.55 !important;
  margin: 0 0 16px !important;
  flex: 1;
}
.bhb-ratgeber-read {
  font-size: .75rem;
  font-weight: 600;
  color: #2a7c6f;
  margin-top: auto;
}

/* Responsive */
@media (max-width: 768px) {
  .bhb-ratgeber-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
}
@media (max-width: 480px) {
  .bhb-ratgeber-grid { grid-template-columns: 1fr !important; }
  .bhb-ratgeber-section { padding: 32px 0 40px !important; }
}

/* =============================================
   RESPONSIVE FIXES v2 — Mobile 375px
   ============================================= */

/* Kategorie-Filterleiste scrollbar auf Mobile */
@media (max-width: 480px) {
  .bhb-goal-bar {
    overflow: hidden !important;
  }
  .bhb-goal-bar .bhb-inner {
    overflow-x: scroll !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
    gap: 5px !important;
    padding: 8px 12px !important;
  }
  .bhb-goal-bar .bhb-inner::-webkit-scrollbar { display: none !important; }
  .bhb-goal-btn {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    font-size: .62rem !important;
    padding: 5px 9px !important;
    letter-spacing: .04em !important;
  }

  /* Ratgeber-Sektion: 1 Spalte auf Mobile */
  .bhb-ratgeber-grid {
    grid-template-columns: 1fr !important;
  }

  /* Ratgeber-Karten: kompaktere Bilder */
  .bhb-ratgeber-img {
    height: 140px !important;
  }

  /* Produkttitel nicht zu groß */
  .woocommerce-loop-product__title {
    font-size: .82rem !important;
    line-height: 1.3 !important;
  }

  /* Sidebar auf Mobile ausblenden */
  .bhb-sidebar {
    display: none !important;
  }

  /* Hauptinhalt volle Breite */
  .bhb-content-col {
    width: 100% !important;
  }
}

/* FIX: Kategorie-Filterleiste Mobile — bhb-fullwidth overflow überschreiben */
@media (max-width: 480px) {
  .bhb-goal-bar.bhb-fullwidth {
    overflow-x: scroll !important;
    overflow-y: visible !important;
  }
  .bhb-goal-bar .bhb-inner {
    width: max-content !important;
    min-width: 100% !important;
    overflow: visible !important;
  }
}

/* KATEGORIE-FILTER: Mobile Scroll-Fix (root cause) */
@media (max-width: 600px) {
  .bhb-goal-bar.bhb-fullwidth {
    overflow-x: scroll !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
  }
  .bhb-goal-bar.bhb-fullwidth::-webkit-scrollbar { display: none !important; }
  .bhb-goal-bar .bhb-inner {
    width: max-content !important;
    min-width: 100% !important;
    flex-wrap: nowrap !important;
    padding: 8px 48px !important;
  }
  .bhb-goal-btn {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
}

/* =============================================
   MUST-HAVES SEITE
   ============================================= */
.page-id-4673 .entry-content,
.bhb-must-h1 {
  font-size: 2.2rem !important;
  font-weight: 900 !important;
  color: #1a3d36 !important;
  margin: 0 0 16px !important;
  letter-spacing: -.03em !important;
}
.bhb-must-intro {
  font-size: 1.05rem !important;
  color: #6e6e73 !important;
  max-width: 640px !important;
  line-height: 1.7 !important;
  margin: 0 0 40px !important;
}
.bhb-must-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 48px;
}
.bhb-must-card {
  background: #fff;
  border: 1px solid #e5e5e7;
  border-radius: 16px;
  padding: 28px;
  display: flex;
  gap: 20px;
  transition: box-shadow .15s, transform .15s;
}
.bhb-must-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.07);
  transform: translateY(-2px);
}
.bhb-must-number {
  font-size: 2.5rem;
  font-weight: 900;
  color: #e8f5f2;
  line-height: 1;
  min-width: 48px;
  letter-spacing: -.05em;
}
.bhb-must-body { flex: 1; }
.bhb-must-cat {
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #2a7c6f;
  display: block;
  margin-bottom: 6px;
}
.bhb-must-title {
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #1a3d36 !important;
  margin: 0 0 10px !important;
}
.bhb-must-desc {
  font-size: .85rem !important;
  color: #3a3a3c !important;
  line-height: 1.6 !important;
  margin: 0 0 12px !important;
}
.bhb-must-why {
  font-size: .78rem;
  background: #f0faf7;
  border-left: 3px solid #2a7c6f;
  padding: 8px 12px;
  border-radius: 0 8px 8px 0;
  color: #3a3a3c;
  line-height: 1.5;
  margin-bottom: 16px;
}
.bhb-must-btn {
  display: inline-block;
  font-size: .75rem;
  font-weight: 600;
  color: #2a7c6f !important;
  text-decoration: none !important;
  border: 1.5px solid #2a7c6f;
  padding: 6px 14px;
  border-radius: 20px;
  transition: background .15s, color .15s;
}
.bhb-must-btn:hover {
  background: #2a7c6f !important;
  color: #fff !important;
}
.bhb-must-cta-box {
  background: linear-gradient(135deg, #1a3d36 0%, #2a7c6f 100%);
  border-radius: 20px;
  padding: 40px;
  text-align: center;
  margin-top: 32px;
}
.bhb-must-cta-box h3 {
  color: #fff !important;
  font-size: 1.4rem !important;
  margin: 0 0 10px !important;
}
.bhb-must-cta-box p {
  color: rgba(255,255,255,.8) !important;
  margin: 0 0 24px !important;
}
.bhb-cta-btn-primary {
  display: inline-block;
  background: #fff;
  color: #1a3d36 !important;
  font-weight: 700;
  padding: 12px 28px;
  border-radius: 30px;
  text-decoration: none !important;
  font-size: .9rem;
  transition: opacity .15s;
}
.bhb-cta-btn-primary:hover { opacity: .9; }

/* =============================================
   TRENDS SEITE
   ============================================= */

@media (max-width: 768px) {
  .bhb-must-grid { grid-template-columns: 1fr !important; }
  .bhb-must-h1 { font-size: 1.7rem !important; }
}
@media (max-width: 480px) {
  .bhb-must-cta-box { padding: 24px !important; }
  .bhb-must-card { flex-direction: column !important; gap: 8px !important; }
  .bhb-must-number { font-size: 1.5rem !important; }
}

/* =============================================
   TRUST-BAR
   ============================================= */
.bhb-trust-bar {
  background: #f0faf7 !important;
  border-bottom: 1px solid #c8ebe4 !important;
  padding: 10px 0 !important;
}
.bhb-trust-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
}
.bhb-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .72rem;
  font-weight: 500;
  color: #1a3d36;
  white-space: nowrap;
  padding: 0 16px;
}
.bhb-trust-icon { font-size: .85rem; line-height: 1; }
.bhb-trust-divider {
  width: 1px;
  height: 14px;
  background: #c8ebe4;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .bhb-trust-inner { overflow-x: auto !important; justify-content: flex-start !important; }
  .bhb-trust-item { padding: 0 12px; }
}

/* =============================================
   SUPPLEMENT-STACK SEKTION
   ============================================= */
.bhb-stack-section {
  background: #f5f5f7 !important;
  padding: 56px 0 64px !important;
}
.bhb-stack-header {
  text-align: center;
  margin-bottom: 36px;
}
.bhb-stack-title {
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  color: #1a3d36 !important;
  margin: 0 0 10px !important;
  letter-spacing: -.03em !important;
}
.bhb-stack-sub {
  font-size: .9rem;
  color: #6e6e73;
  margin: 0 !important;
}
.bhb-stack-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-bottom: 20px;
}
.bhb-stack-card {
  background: #fff;
  border: 1px solid #e5e5e7;
  border-radius: 14px;
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  transition: box-shadow .15s, transform .15s;
}
.bhb-stack-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.07);
  transform: translateY(-2px);
}
.bhb-stack-num {
  font-size: 1.8rem;
  font-weight: 900;
  color: #e8f5f2;
  letter-spacing: -.05em;
  line-height: 1;
  margin-bottom: 10px;
}
.bhb-stack-stars {
  color: #f59e0b;
  font-size: .8rem;
  margin-bottom: 8px;
  letter-spacing: 1px;
}
.bhb-stack-name {
  font-size: .9rem !important;
  font-weight: 700 !important;
  color: #1a3d36 !important;
  margin: 0 0 8px !important;
  line-height: 1.3 !important;
}
.bhb-stack-why {
  font-size: .75rem !important;
  color: #6e6e73 !important;
  line-height: 1.55 !important;
  margin: 0 0 16px !important;
  flex: 1;
}
.bhb-stack-btn {
  display: inline-block;
  font-size: .7rem;
  font-weight: 600;
  color: #2a7c6f !important;
  border: 1.5px solid #2a7c6f;
  padding: 5px 12px;
  border-radius: 20px;
  text-decoration: none !important;
  transition: background .15s, color .15s;
  text-align: center;
  margin-top: auto;
}
.bhb-stack-btn:hover {
  background: #2a7c6f !important;
  color: #fff !important;
}
.bhb-stack-disclaimer {
  text-align: center;
  font-size: .65rem;
  color: #aaa;
}

/* =============================================
   LESEZEIT-INDIKATOR
   ============================================= */
.bhb-reading-time {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f0faf7;
  border: 1px solid #c8ebe4;
  color: #2a7c6f;
  font-size: .75rem;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 24px;
}

/* STACK RESPONSIVE */
@media (max-width: 900px) {
  .bhb-stack-grid { grid-template-columns: 1fr 1fr 1fr !important; }
}
@media (max-width: 600px) {
  .bhb-stack-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .bhb-stack-section { padding: 36px 0 44px !important; }
}

/* =============================================
   STERNEBEWERTUNG AUF PRODUKTKARTEN
   ============================================= */
.bhb-rating-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}
.bhb-star { font-size: .85rem; line-height: 1; }
.bhb-star.filled { color: #f59e0b; }
.bhb-star.empty { color: #d1d5db; }
.bhb-rating-label {
  font-size: .65rem;
  font-weight: 600;
  color: #6e6e73;
  letter-spacing: .02em;
}

/* =============================================
   ARTIKEL-INTERNER PRODUKT-CTA
   ============================================= */
.bhb-article-cta {
  border: 2px solid #2a7c6f;
  border-radius: 16px;
  overflow: hidden;
  margin: 32px 0 !important;
  background: #fff;
}
.bhb-article-cta-label {
  background: #2a7c6f;
  color: #fff;
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 6px 16px;
}
.bhb-article-cta-inner {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
}
.bhb-article-cta-img {
  width: 90px !important;
  height: 90px !important;
  object-fit: contain !important;
  border-radius: 8px;
  flex-shrink: 0;
}
.bhb-article-cta-body { flex: 1; }
.bhb-article-cta-name {
  font-size: .95rem !important;
  font-weight: 700 !important;
  color: #1a3d36 !important;
  margin: 0 0 8px !important;
}
.bhb-article-cta-benefits {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
}
.bhb-article-cta-benefits li {
  font-size: .75rem !important;
  color: #3a3a3c !important;
  margin-bottom: 3px !important;
}
.bhb-article-cta-badge {
  font-size: .65rem;
  font-weight: 700;
  background: #1a3d36;
  color: #4ecfb3;
  padding: 2px 8px;
  border-radius: 4px;
  letter-spacing: .06em;
}
.bhb-article-cta-btn {
  display: inline-block;
  background: #2a7c6f !important;
  color: #fff !important;
  font-size: .8rem;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 30px;
  text-decoration: none !important;
  white-space: nowrap;
  flex-shrink: 0;
  transition: opacity .15s;
}
.bhb-article-cta-btn:hover { opacity: .9; }

/* =============================================
   ARTIKEL-META (Datum, Redaktion)
   ============================================= */
.bhb-article-meta {
  font-size: .75rem;
  color: #86868b;
  margin-bottom: 20px !important;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e7;
}

/* =============================================
   RESPONSIVE ARTICLE-CTA
   ============================================= */
@media (max-width: 600px) {
  .bhb-article-cta-inner { flex-direction: column !important; align-items: flex-start !important; }
  .bhb-article-cta-img { width: 70px !important; height: 70px !important; }
  .bhb-article-cta-btn { width: 100% !important; text-align: center !important; }
}

/* Doppelte Lesezeit im CTA-Block unterdrücken */
.bhb-article-cta .bhb-reading-time,
.bhb-article-cta .bhb-article-meta { display: none !important; }

/* Produktbild-Platzhalter wenn kein Bild vorhanden */
.bhb-article-cta-inner:not(:has(.bhb-article-cta-img)) .bhb-article-cta-body {
  padding-left: 0 !important;
}

/* Sternebewertung auf Produktkarten — Spacing */
.bhb-rating-row {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 6px 0 8px;
}
.bhb-rating-label {
  font-size: .62rem;
  color: #6e6e73;
  font-weight: 500;
}

/* =============================================
   STERNEBEWERTUNG AUF PRODUKTKARTEN (Loop)
   ============================================= */
.bhb-rating-row {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 4px 0 8px;
}
.bhb-rating-label {
  font-size: .6rem;
  color: #86868b;
  font-weight: 500;
  letter-spacing: .01em;
}

/* =============================================
   VERGLEICHSTABELLE
   ============================================= */
.bhb-compare-wrap {
  margin: 32px 0 !important;
  overflow-x: auto;
}
.bhb-compare-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .82rem;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.bhb-compare-table thead tr {
  background: #1a3d36;
  color: #fff;
}
.bhb-compare-table thead th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 700;
  font-size: .75rem;
  letter-spacing: .04em;
}
.bhb-compare-table thead th:first-child {
  width: 160px;
}
.bhb-compare-table tbody tr:nth-child(odd) {
  background: #f9fafb;
}
.bhb-compare-table tbody tr:nth-child(even) {
  background: #fff;
}
.bhb-compare-table tbody tr:hover {
  background: #f0faf7;
}
.bhb-compare-table td {
  padding: 10px 16px;
  border-bottom: 1px solid #e5e5e7;
  vertical-align: top;
  line-height: 1.5;
}
.bhb-compare-label {
  font-weight: 700 !important;
  color: #1a3d36 !important;
  background: #f5f5f7 !important;
  font-size: .72rem !important;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.bhb-compare-footer {
  margin-top: 10px;
  font-size: .7rem;
  color: #86868b;
  text-align: center;
}
.bhb-compare-footer a {
  color: #2a7c6f !important;
  text-decoration: underline !important;
}

/* Fix: Doppelte Lesezeit unterdrücken */
.entry-content .bhb-reading-time ~ .bhb-reading-time { display: none !important; }
.entry-content .bhb-article-meta ~ .bhb-article-meta { display: none !important; }

/* Vergleichstabelle Heading im Artikel */
.entry-content .bhb-compare-wrap h2 {
  font-size: 1.25rem !important;
  color: #1a3d36 !important;
  margin-bottom: 16px !important;
}

/* Artikel-Kommentar-Sektion ausblenden */
.comments-area { display: none !important; }

/* Post-Navigation kompakter */
.post-navigation { 
  border-top: 1px solid #e5e5e7;
  padding-top: 20px !important;
  margin-top: 40px !important;
}
.nav-previous a, .nav-next a {
  color: #2a7c6f !important;
  font-size: .85rem !important;
  font-weight: 600 !important;
}

/* Kategorie-Filter Sticky beim Scrollen */

/* Produktkarten Hover verbessern */
.bhb-prod-card:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,.1) !important;
  transform: translateY(-3px) !important;
}

/* =============================================
   PRODUKTKARTEN BUGFIXES
   ============================================= */

/* Astra-Shop-Summary-Wrap wieder einblenden */
.astra-shop-summary-wrap {
  display: block !important;
  flex: 1 !important;
  padding: 16px !important;
  overflow: hidden !important;
}

/* Produktbild fixe Höhe */
.astra-shop-thumbnail-wrap {
  flex-shrink: 0 !important;
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  overflow: hidden !important;
}
.astra-shop-thumbnail-wrap img {
  width: 160px !important;
  height: 160px !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Produkttitel nicht abschneiden */
.woocommerce-loop-product__title {
  font-size: .88rem !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  display: block !important;
  margin-bottom: 6px !important;
  color: #1a3d36 !important;
  font-weight: 700 !important;
}

/* Benefits sichtbar */
.bhb-prod-benefits {
  display: block !important;
  overflow: visible !important;
}

/* Sternebewertung direkt nach Titel */
.bhb-rating-row {
  margin: 4px 0 10px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Marken-Label sichtbar */
.bhb-brand-label {
  display: block !important;
  font-size: .62rem !important;
  color: #86868b !important;
  margin-bottom: 4px !important;
}

/* =============================================
   PRODUKTKARTEN VOLLSTÄNDIGER FIX v3
   ============================================= */

/* Rating-Row die in astra-thumbnail-wrap landet — rausnehmen */
.astra-shop-thumbnail-wrap .bhb-rating-row {
  display: none !important;
}

/* Rating-Row in bhb-card-content zeigen */
.bhb-card-content .bhb-rating-row {
  display: flex !important;
  margin: 4px 0 8px !important;
  align-items: center !important;
  gap: 4px !important;
}

/* Thumbnail-Wrap: nur das Bild, feste Größe */
.astra-shop-thumbnail-wrap {
  flex: 0 0 160px !important;
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  overflow: hidden !important;
  align-self: flex-start !important;
  text-align: center !important;
}

/* Bild quadratisch */
.astra-shop-thumbnail-wrap img.wp-post-image {
  width: 160px !important;
  height: 160px !important;
  object-fit: contain !important;
}

/* Summary wrap volle Breite */
.astra-shop-summary-wrap {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  padding: 0 !important;
  overflow: hidden !important;
  min-height: 0 !important;
}

/* bhb-card-inner nimmt die summary ein */
.astra-shop-summary-wrap .bhb-card-inner,
.astra-shop-summary-wrap .bhb-card-content {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  height: auto !important;
}

/* Button-Zeile nicht überlappen */
.bhb-cta-row {
  margin-top: auto !important;
  padding-top: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

/* Karte Gesamthöhe begrenzen */
.woocommerce ul.products li.product {
  min-height: 0 !important;
  height: auto !important;
  align-items: flex-start !important;
}

/* =============================================
   PRODUKTKARTEN MASTER FIX v4
   bhb-card-inner sitzt in astra-shop-thumbnail-wrap
   Lösung: thumbnail-wrap auf auto-width expandieren,
   bhb-card-inner übernimmt das komplette Layout
   ============================================= */

/* Karte: Astra-flex abschalten, bhb-card-inner übernimmt */
.woocommerce ul.products li.product {
  display: block !important;
  overflow: hidden !important;
  position: relative !important;
}

/* thumbnail-wrap: auf volle Breite expandieren */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  display: block !important;
  overflow: visible !important;
}

/* astra-shop-summary-wrap: verstecken (Content ist in bhb-card-inner) */
.woocommerce ul.products li.product .astra-shop-summary-wrap {
  display: none !important;
}

/* bhb-card-inner: das eigentliche Karten-Layout */
.bhb-card-inner {
  display: flex !important;
  width: 100% !important;
  min-height: 180px !important;
  height: auto !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid #e5e5e7 !important;
  position: relative !important;
}

/* Bild-Bereich */
.bhb-card-image {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fafafa !important;
}
.bhb-card-image img {
  width: 150px !important;
  height: 150px !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 8px !important;
  box-sizing: border-box !important;
}

/* Content-Bereich */
.bhb-card-content {
  flex: 1 !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  width: auto !important;
  min-width: 0 !important;
}

/* Produkttitel */
.bhb-card-content .woocommerce-loop-product__title {
  font-size: .88rem !important;
  font-weight: 700 !important;
  color: #1a3d36 !important;
  line-height: 1.3 !important;
  margin: 0 0 6px !important;
  white-space: normal !important;
  overflow: visible !important;
  width: 100% !important;
}

/* Sternebewertung in card-content */
.bhb-card-content .bhb-rating-row {
  display: flex !important;
  margin: 0 0 8px !important;
}

/* Benefits */
.bhb-benefits {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  flex: 1 !important;
}
.bhb-benefits li {
  font-size: .75rem !important;
  color: #3a3a3c !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 5px !important;
  line-height: 1.4 !important;
}

/* CTA-Zeile */
.bhb-cta-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: auto !important;
  flex-wrap: wrap !important;
}
.bhb-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  height: 36px !important;
  padding: 0 18px !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* Strip (Code-Badge) */
.bhb-card-strip {
  width: 22px !important;
  flex-shrink: 0 !important;
}

/* =============================================
   BEITRAGS-LAYOUT: VOLLE BREITE
   ============================================= */

/* Primary content-area auf Single Posts: volle Breite */
.single-post #primary.content-area,
.single-post .site-main,
.single-post #main {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
}

/* Sidebar auf Single Posts ausblenden */
.single-post #secondary,
.single-post .widget-area {
  display: none !important;
}

/* entry-content: optimale Lesebreite zentriert */
.single-post .entry-content,
.single-post .entry-header,
.single-post .entry-footer {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Beitragsbild volle Breite */
.single-post .post-thumbnail {
  max-width: 780px !important;
  margin: 0 auto 32px !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}
.single-post .post-thumbnail img {
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
}

/* Vergleichstabelle volle Breite im Artikel */
.single-post .bhb-compare-wrap {
  margin: 32px 0 !important;
  overflow-x: auto !important;
}

/* CTAs volle Breite */
.single-post .bhb-article-cta {
  margin: 28px 0 !important;
}

/* Artikel-Titel */
.single-post .entry-title {
  font-size: 2rem !important;
  font-weight: 900 !important;
  color: #1a3d36 !important;
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
}

/* Ast content area für single posts */
.ast-single-post .ast-container,
.single .ast-container {
  max-width: 1200px !important;
}

@media (max-width: 768px) {
  .single-post .entry-content,
  .single-post .entry-header,
  .single-post .post-thumbnail {
    padding: 0 16px !important;
    max-width: 100% !important;
  }
}

/* =============================================
   SINGLE POST: GRAUER RAND FIX
   ============================================= */

/* Body-Hintergrund auf Single Posts: weiß */
.single-post body,
.single-post #page {
  background-color: #fff !important;
}

/* Ast-container auf Single Posts: max-width erhöhen */
.single-post .ast-container {
  max-width: 1200px !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}

/* #page volle Breite */
.single-post #page,
.single-post #content {
  max-width: 100% !important;
  background: #fff !important;
}

/* entry-content optimal zentriert für Lesbarkeit */
.single-post .entry-content {
  max-width: 800px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Beitragsbild gleiche Breite wie Content */
.single-post .post-thumbnail {
  max-width: 800px !important;
  margin: 0 auto 32px !important;
  padding: 0 !important;
}

/* entry-header zentriert */
.single-post .entry-header {
  max-width: 800px !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
}

/* =============================================
   KATEGORIE-FILTER: BREITE ANGLEICHEN
   ============================================= */

/* bhb-inner im goal-bar: gleiche max-width wie alle anderen bhb-inner */
.bhb-goal-bar .bhb-inner {
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 48px !important;
  padding-right: 48px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* FILTER ALIGNMENT FINAL FIX */
body .bhb-goal-bar .bhb-inner {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
@media (max-width: 600px) {
  body .bhb-goal-bar .bhb-inner {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* GEWICHT-ICON: Farbe setzen */
[data-goal="gewicht"] .bhb-gc-icon {
  color: #e8a020 !important;
  filter: none !important;
}

/* =============================================
   LOAD MORE BUTTON
   ============================================= */
.bhb-loadmore-wrap {
  text-align: center;
  margin: 32px 0 16px;
  grid-column: 1 / -1;
}
.bhb-loadmore-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 2px solid #2a7c6f;
  color: #2a7c6f;
  font-size: .85rem;
  font-weight: 700;
  padding: 12px 32px;
  border-radius: 50px;
  cursor: pointer;
  transition: all .2s;
  letter-spacing: .02em;
}
.bhb-loadmore-btn:hover {
  background: #2a7c6f;
  color: #fff;
}
.bhb-loadmore-count {
  font-weight: 400;
  opacity: .7;
}

/* =============================================
   PRODUKTKARTEN: EINHEITLICHE HÖHE
   ============================================= */

/* Alle Karten gleich hoch — min-height statt fixer Höhe
   damit lange Titel nicht abgeschnitten werden */
.woocommerce ul.products li.product {
  min-height: 220px !important;
}

.bhb-card-inner {
  min-height: 220px !important;
  height: 100% !important;
}

.bhb-card-content {
  min-height: 190px !important;
  height: 100% !important;
}

/* Benefits und CTA immer unten verankern */
.bhb-cta-row {
  margin-top: auto !important;
}

/* =============================================
   BRAND TAG — Variante 17: edubily · Mikronährstoffe
   ============================================= */

/* Kategorie-Zeile ausblenden */
.bhb-card-content .bhb-cat {
  display: none !important;
}

/* Brand-Tag: teal, uppercase, gleiche Größe wie Kategorie war */
.bhb-card-content .bhb-brand-tag {
  display: block !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  color: #2a7c6f !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  margin: 0 0 3px 0 !important;
  line-height: 1.4 !important;
}

/* Kategorie-Text nach Punkt via data-cat Attribut */
.bhb-card-content .bhb-brand-tag[data-cat]::after {
  content: " · " attr(data-cat);
  color: rgb(134, 134, 139);
  font-weight: 500;
}

/* =============================================
   NEWSLETTER CTA SEKTION — hell
   ============================================= */
.bhb-newsletter-cta {
  margin: 48px 0 40px;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 48px;
  box-sizing: border-box;
}
.bhb-nl-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  background: #f0faf7;
  border: 1px solid #c8ebe4;
  border-radius: 20px;
  padding: 44px 52px;
}
.bhb-nl-eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #2a7c6f;
  margin-bottom: 12px;
}
.bhb-nl-title {
  font-size: 26px;
  font-weight: 700;
  color: #0a1a16;
  line-height: 1.25;
  margin: 0 0 12px;
}
.bhb-nl-sub {
  font-size: 15px;
  color: #445e58;
  line-height: 1.6;
  margin: 0 0 20px;
}
.bhb-nl-benefits {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.bhb-nl-benefits li {
  font-size: 14px;
  color: #1a3d36;
}
.bhb-nl-form {
  background: #ffffff;
  border: 1px solid #c8ebe4;
  border-radius: 16px;
  padding: 32px;
}
.bhb-nl-form-fallback {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bhb-nl-input {
  width: 100%;
  padding: 13px 18px;
  border-radius: 10px;
  border: 1px solid #c8ebe4;
  background: #f8fdfb;
  color: #0a1a16;
  font-size: 15px;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.bhb-nl-input::placeholder { color: #89b0a8; }
.bhb-nl-input:focus { border-color: #2a7c6f; }
.bhb-nl-btn {
  width: 100%;
  padding: 13px 24px;
  background: #2a7c6f;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.2s;
}
.bhb-nl-btn:hover { background: #1d5c52; }
.bhb-nl-disclaimer {
  font-size: 11px;
  color: #89b0a8;
  text-align: center;
  margin: 4px 0 0;
}
@media (max-width: 768px) {
  .bhb-nl-inner {
    grid-template-columns: 1fr;
    padding: 32px 24px;
    gap: 28px;
  }
}

/* =============================================
   RESPONSIVE FIXES — Mobile & Tablet
   ============================================= */

@media (max-width: 600px) {

  /* 1. Goal-Bar: Ziel-Filter korrekt scrollen ohne Abschneiden */
  .bhb-goal-bar {
    padding-bottom: 8px !important;
  }
  .bhb-goal-btn {
    min-width: 80px !important;
    flex-shrink: 0 !important;
  }

  /* 2. Kategorie-Filter: horizontal scrollbar sauber */
  .bhb-category-filter,
  .woocommerce-loop-product__category-filter,
  .bhb-filter-bar {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding-bottom: 4px !important;
    flex-wrap: nowrap !important;
    display: flex !important;
  }
  .bhb-category-filter::-webkit-scrollbar,
  .bhb-filter-bar::-webkit-scrollbar { display: none !important; }

  /* 3. Code-Streifen auf Mobile: schmaler & kleinere Schrift */
  .bhb-card-strip {
    font-size: 7px !important;
    padding: 6px 3px !important;
    letter-spacing: 0.05em !important;
  }

  /* 4. Produktkarte auf Mobile: Bild kleiner */
  .bhb-card-image {
    width: 110px !important;
    min-width: 110px !important;
  }
  .bhb-card-image img {
    width: 90px !important;
    height: 90px !important;
  }

  /* 5. Hero-Bereich auf Mobile: weniger padding */
  .bhb-shop-hero {
    padding: 24px 16px !important;
    min-height: auto !important;
  }
  .bhb-hero-graphic {
    display: none !important;
  }

  /* 6. Newsletter: weniger padding auf Mobile */
  .bhb-newsletter-cta {
    padding: 0 16px !important;
  }
  .bhb-nl-inner {
    padding: 28px 20px !important;
    gap: 20px !important;
  }
  .bhb-nl-title {
    font-size: 22px !important;
  }

  /* 7. Ratgeber-Cards auf Mobile: volle Breite */
  .bhb-ratgeber-section .bhb-ratgeber-grid {
    grid-template-columns: 1fr !important;
  }

  /* 8. Load-More Button: volle Breite */
  .bhb-loadmore-wrap {
    padding: 12px 16px !important;
  }
  .bhb-loadmore-btn {
    width: 100% !important;
    font-size: 13px !important;
  }
}

/* Tablet (768px) */
@media (max-width: 768px) {
  /* Newsletter 2-spaltig → 1-spaltig bereits bei 768px */
  .bhb-nl-inner {
    grid-template-columns: 1fr !important;
    padding: 36px 28px !important;
  }

  /* Starter Stack Cards */
  .bhb-stack-cards {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Querformat (landscape) */
@media (max-height: 500px) and (orientation: landscape) {
  /* Hero kompakter im Querformat */
  .bhb-shop-hero {
    padding: 16px !important;
    min-height: auto !important;
  }
  .bhb-hero-tagline, .bhb-hero-ctas {
    display: none !important;
  }
  /* Goal-Bar kompakter */
  .bhb-goal-btn {
    padding: 8px 12px !important;
  }
}

/* =============================================
   RESPONSIVE FIXES v2 — Querformat & Karten
   ============================================= */

/* Querformat: Produktkarten min-width damit kein Overlap */
@media (max-height: 500px) and (orientation: landscape) {
  /* Karten auf Landscape: kompakter aber nicht zu schmal */
  .woocommerce ul.products li.product {
    min-width: 340px !important;
  }
  .bhb-card-inner {
    min-height: 160px !important;
  }
  .bhb-card-image {
    width: 120px !important;
    min-width: 120px !important;
  }
  /* Hero im Querformat stark reduzieren */
  .bhb-shop-hero {
    padding: 12px 16px !important;
    min-height: 0 !important;
  }
  .bhb-hero-section .bhb-hero-graphic,
  .bhb-hero-ctas {
    display: none !important;
  }
  .bhb-hero-title {
    font-size: 22px !important;
    margin-bottom: 4px !important;
  }
  /* Goal-Bar im Querformat: kleinere Buttons */
  .bhb-goal-btn {
    min-width: 70px !important;
    padding: 8px 6px !important;
    font-size: 8px !important;
  }
  .bhb-goal-btn .bhb-goal-emoji {
    font-size: 18px !important;
  }
  /* Newsletter im Querformat: 2-spaltig bleiben aber kompakter */
  .bhb-nl-inner {
    padding: 20px 24px !important;
    gap: 24px !important;
  }
}

/* Mobile: verhindere horizontales Überlaufen generell */
@media (max-width: 600px) {
  body {
    overflow-x: hidden !important;
  }
  .woocommerce-page #primary {
    overflow-x: hidden !important;
  }
  /* Sidebar auf Mobile ausblenden */
  .woocommerce-page .ast-right-sidebar,
  .woocommerce-page .ast-left-sidebar {
    display: none !important;
  }
  /* Produktgrid: volle Breite auf Mobile */
  .woocommerce-page #primary .woocommerce {
    width: 100% !important;
  }
}

/* =============================================
   TABLET HEADER FIX: Vollmenü ab 768px
   Astra-Breakpoint ist 921px hardcoded —
   wir überschreiben via CSS für 768-921px
   ============================================= */

/* =============================================
   CODE-BADGE — CTA Row Upgrade
   ============================================= */

.bhb-cta-wrap-new {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* Zeile 1: Button + Badge nebeneinander */
.bhb-cta-row-new {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

/* "kopieren" Label verstecken — nur Icon + Code im Badge */
.bhb-code-label {
  display: none;
}

.bhb-code-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 36px;
  background: #e9f8f9;
  border: 1px solid #b0ddd0;
  border-radius: 8px;
  padding: 0 10px;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
  color: #2a7c6f;
}
.bhb-code-badge:hover {
  background: #d0f0e8;
}
.bhb-code-badge:hover .bhb-code-label {
  display: inline;
}
.bhb-code-text {
  font-size: 11px;
  font-weight: 600;
  color: #0f6e56;
  font-family: monospace;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.bhb-code-copied {
  font-size: 11px;
  color: #0f6e56;
  font-weight: 500;
}

/* Zeile 2: Affiliate-Hinweis */
.bhb-affiliate-row {
  font-size: 10px;
  color: #aaa;
  padding-left: 2px;
}

@media (max-width: 480px) {
  .bhb-cta-row-new {
    flex-wrap: nowrap;
  }
  .bhb-code-badge {
    flex: 1;
    justify-content: center;
  }
}

/* =============================================
   ASTRA FOOTER AUSBLENDEN — BHB Footer aktiv
   ============================================= */

.page-id-6089 article.post-6089 { padding-top: 0 !important; }
.page-id-6089 .entry-content { padding-top: 16px !important; margin-top: 0 !important; }

/* =============================================
   ARTIKEL LAYOUT — Ratgeber Posts
   ============================================= */

/* Weißer Hintergrund auf Artikel-Seiten */
body.single-post {
  background: #fff !important;
}

/* Featured Image — volle Breite, feste Höhe wie Hero */
body.single-post .post-thumbnail,
body.single-post .wp-post-image-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0 0 0 0;
}
body.single-post .post-thumbnail img,
body.single-post .wp-post-image {
  width: 100%;
  max-width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
  border-radius: 0;
}

/* Artikel-Container zentriert mit max-width */
body.single-post #primary { max-width: 100% !important; }
body.single-post .entry-content {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 40px 24px 60px !important;
  background: #fff;
}
body.single-post article {
  background: #fff;
  max-width: 100%;
}

/* Titel-Bereich */
body.single-post .entry-header {
  max-width: 760px;
  margin: 0 auto;
  padding: 36px 24px 0;
}
body.single-post .entry-title {
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #1a3d36 !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
}

/* Meta (Kommentar / Kategorie / Autor) — dezenter */
body.single-post .entry-meta,
body.single-post .posted-on,
body.single-post .byline,
body.single-post .cat-links {
  font-size: 9px !important;
  color: #9ab3ae !important;
}
body.single-post .entry-meta a { color: #9ab3ae !important; }

/* Lesezeit-Badge */
body.single-post .bhb-reading-time {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #f0faf7;
  border: 1px solid #b0ddd0;
  color: #2a7c6f !important;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  margin: 8px 0 20px;
}

/* Überschriften */
body.single-post .entry-content h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1a3d36 !important;
  margin: 36px 0 12px !important;
  padding-bottom: 8px;
  border-bottom: 2px solid #e8f0ee;
}
body.single-post .entry-content h3 {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #2a7c6f !important;
  margin: 24px 0 8px !important;
}

/* Fließtext */
body.single-post .entry-content p {
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #333 !important;
  margin-bottom: 18px !important;
}

/* Listen */
body.single-post .entry-content ul,
body.single-post .entry-content ol {
  padding-left: 20px;
  margin-bottom: 18px;
}
body.single-post .entry-content li {
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #333 !important;
  margin-bottom: 6px;
}

/* Produkt-CTA Box */
body.single-post .bhb-produkt-box {
  border-radius: 12px !important;
  border: 1px solid #e8f0ee !important;
  margin: 28px 0 !important;
}

/* Post Navigation (Vorheriger/Nächster) dezenter */
body.single-post .post-navigation { display: none; }

/* Kommentarbereich ausblenden */
body.single-post #comments { display: none; }

@media (max-width: 600px) {
  body.single-post .entry-title { font-size: 24px !important; }
  body.single-post .entry-content { padding: 24px 16px 40px !important; }
  body.single-post .entry-header { padding: 24px 16px 0; }
  body.single-post .post-thumbnail img { height: 260px; }
}

/* =============================================
   ARTIKEL — Variante 2b: Hero-Overlay
   ============================================= */

body.single-post { background: #fff !important; }

/* Hero-Bild: volle Breite, feste Höhe */
body.single-post .post-thumb-img-content {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  max-width: 100vw;
  width: 100vw;
  position: relative;
}
body.single-post .post-thumb-img-content img.wp-post-image {
  width: 100% !important;
  max-width: 100% !important;
  height: 500px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block !important;
}

/* Gradient-Overlay über dem Bild */
body.single-post .post-thumb-img-content::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 25%, rgba(10,26,22,.88) 100%);
  pointer-events: none;
}

/* Titel + Meta AUS dem entry-header ins Bild verschieben */
body.single-post .entry-header {
  position: relative;
  margin: 0;
  padding: 0;
}

/* Kategorie, Titel, Meta auf das Bild legen */
body.single-post .ast-post-format- .post-thumb-img-content {
  margin-bottom: 0 !important;
}

/* Entry-Title Block über dem Bild */
body.single-post .entry-title {
  position: relative;
  font-size: 36px !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.2 !important;
  max-width: 760px;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* Astra banner ausblenden */
body.single-post .ast-single-entry-banner { display: none !important; }

/* Meta-Zeile ausblenden */
body.single-post .entry-meta { display: none !important; }
body.single-post .cat-links,
body.single-post .posted-on,
body.single-post .ast-post-formats-info { display: none !important; }

/* Artikel-Container */
body.single-post article { background: #fff; }
body.single-post #primary { max-width: 100% !important; }

/* Content-Bereich */
body.single-post .entry-content {
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 40px 24px 60px !important;
  background: #fff;
}

/* Überschriften */
body.single-post .entry-content h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1a3d36 !important;
  margin: 36px 0 12px !important;
  padding-bottom: 8px;
  border-bottom: 2px solid #e8f0ee;
}
body.single-post .entry-content h3 {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #2a7c6f !important;
  margin: 24px 0 8px !important;
}

/* Text */
body.single-post .entry-content p {
  font-size: 16.5px !important;
  line-height: 1.78 !important;
  color: #333 !important;
  margin-bottom: 20px !important;
}
body.single-post .entry-content li {
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #333 !important;
  margin-bottom: 6px;
}

/* Lesezeit-Badge */
body.single-post .bhb-reading-time {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  background: #f0faf7 !important;
  border: 1px solid #b0ddd0 !important;
  color: #2a7c6f !important;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  margin: 8px 0 20px;
}

/* Produkt-CTA */
body.single-post .bhb-produkt-box {
  border-radius: 12px !important;
  border: 1px solid #e8f0ee !important;
  margin: 28px 0 !important;
}

/* Kommentare + Navigation ausblenden */
body.single-post #comments,
body.single-post .post-navigation { display: none !important; }

/* Responsive */
@media (max-width: 768px) {
  body.single-post .post-thumb-img-content img.wp-post-image { height: 320px !important; }
  body.single-post .entry-title { font-size: 26px !important; padding: 0 16px !important; }
  body.single-post .entry-content { padding: 28px 16px 48px !important; }
}
@media (max-width: 480px) {
  body.single-post .post-thumb-img-content img.wp-post-image { height: 240px !important; }
  body.single-post .entry-title { font-size: 22px !important; }
}

/* Single-Post: Hero volle Browserbreite via negative margins */
body.single-post .entry-header {
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* CTA-Button Textfarbe fix — weißer Text auf tealem Hintergrund */
body.single-post .entry-content a[href*="/go/"],
body.single-post .entry-content .bhb-cta-link,
.bhb-produkt-box .bhb-cta-link,
.bhb-produkt-box a[href*="/go/"] {
  color: #fff !important;
  text-decoration: none !important;
}
body.single-post .entry-content a[href*="/go/"]:hover,
.bhb-produkt-box a[href*="/go/"]:hover {
  color: #fff !important;
  opacity: .88;
}

.page-id-43 .ast-single-entry-banner { display: none !important; }
.page-id-43 article.page { padding-top: 0 !important; }
.page-id-43 .entry-content { padding: 0 !important; max-width: 100% !important; }
.page-id-43 #primary { padding-top: 0 !important; }
.page-id-43 .site-main { padding-top: 0 !important; }

/* Über-uns: weißer Header + Navigation sichtbar */
.page-id-43 .main-header-bar { background: #fff !important; }
.page-id-43 .site-header { background: #fff !important; }
.page-id-43 .ast-single-entry-banner { display: none !important; }
.page-id-43 .entry-content { padding: 0 !important; max-width: 100% !important; }
.page-id-43 article.page { padding-top: 0 !important; }
.page-id-43 .site-main { padding-top: 0 !important; }
/* Header-Grid volle Breite */
.page-id-43 .ast-builder-grid-row-container,
.page-id-43 .site-primary-header-wrap {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Über-uns: Header-Grid Spaltenbreite reparieren */
.page-id-43 .ast-builder-grid-row {
  grid-template-columns: minmax(0, auto) 1fr !important;
}
.page-id-43 .site-header-primary-section-left {
  min-width: 0 !important;
}
.page-id-43 .site-header-primary-section-right {
  justify-content: flex-end !important;
}

/* Über-uns: Header volle Breite — Menü sichtbar */
.page-id-43 .site-primary-header-wrap {
  max-width: 100% !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
/* Über-uns: Menü-Link Farbe reparieren */
.page-id-43 .main-navigation a,
.page-id-43 .main-navigation li a {
  color: #1a3d36 !important;
}
.page-id-43 .main-navigation a:hover {
  color: #2a7c6f !important;
}

/* Über-uns: Menülinks sichtbar — weißer Text auf weißem Header fix */
.page-id-43 .main-navigation a,
.page-id-43 .main-navigation li a,
.page-id-43 .site-header-primary-section-right a {
  color: #1a3d36 !important;
}
.page-id-43 .main-navigation a:hover,
.page-id-43 .main-navigation li a:hover {
  color: #2a7c6f !important;
}

/* Über-uns: Hero volle Breite + weißer Body */
body.page-id-43 { background: #fff !important; }

/* Alten Titel + Intro-Text ausblenden (doppelt) */

/* Trend-Cards Grid responsive */
@media (max-width: 900px) {
}

/* Lesezeit-Badge: oben im Artikel-Text, nicht absolut positioniert */
body.single-post .entry-content .bhb-reading-time {
  position: relative !important;
  bottom: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  display: inline-flex !important;
  margin: 0 0 28px 0 !important;
  align-items: center !important;
  gap: 6px !important;
}

/* === IMPRESSUM PAGE (4657) Full-Bleed Layout === */

.ast-mobile-menu-trigger-fill svg,
.ast-mobile-menu-trigger-fill .mobile-menu-toggle-icon {
  color: #fff !important;
  fill: #fff !important;
  width: 16px !important;
  height: 16px !important;
}

/* Drawer: volle Breite */
#ast-mobile-popup.ast-mobile-popup-drawer {
  max-width: 100vw !important;
  width: 100vw !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #fff !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Inner */
.ast-mobile-popup-inner {
  width: 100vw !important;
  max-width: 100vw !important;
  min-height: 100% !important;
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* ::after ENTFERNEN — das war die dunkle Box */
.ast-mobile-popup-content::after {
  display: none !important;
  content: none !important;
}

/* Content */
.ast-mobile-popup-content {
  flex: 0 0 auto !important;
  background: #fff !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Popup-Header: dunkelgrün, Logo links via ::before */
.ast-mobile-popup-header {
  background: linear-gradient(135deg, #1a4a40 0%, #2a7c6f 100%) !important;
  padding: 0 20px !important;
  height: 72px !important;
  min-height: 72px !important;
  flex-shrink: 0 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
/* Logo via ::before — Breite begrenzen */
/* ::before von Snippet 14 ausblenden — Logo kommt via IMG (Snippet 16) */
.ast-mobile-popup-header::before {
  display: none !important;
  content: none !important;
}
/* Injiziertes Logo-IMG */
#bhb-header-logo {
  height: 34px !important;
  width: auto !important;
  max-width: 160px !important;
  filter: brightness(0) invert(1) !important;
  display: block !important;
}

/* Close-Button */
.menu-toggle-close {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.2) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  color: #fff !important;
}
.menu-toggle-close svg { fill: #fff !important; }

/* Account ausblenden */
.ast-mobile-popup-content .ast-header-account,
.ast-mobile-popup-content [class*="account"] { display: none !important; }

/* Keine Trennung zwischen den zwei Menügruppen */
.ast-mobile-popup-content .ast-builder-menu-1,
.ast-mobile-popup-content .ast-builder-menu-2 {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Menü-Hintergrund weiß — verhindert #E9F8F9 Durchscheinen */
#ast-mobile-popup ul.main-header-menu {
  background: #fff !important;
}

/* Items */
.ast-mobile-popup-inner .menu-item {
  border-bottom: 1px solid #f0f4f3 !important;
  margin: 0 !important;
}
.ast-mobile-popup-inner .menu-item:last-child { border-bottom: none !important; }

/* Links */
.ast-mobile-popup-inner .menu-item > .menu-link,
.ast-mobile-popup-inner li > a.menu-link {
  color: #1a3d36 !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  padding: 0 20px !important;
  height: 62px !important;
  min-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  background: transparent !important;
  background-image: none !important;
  border-left: none !important;
}
.ast-mobile-popup-inner .menu-item > .menu-link:hover {
  color: #2a7c6f !important;
  background: #f0faf7 !important;
}

/* Aktiver Link */
#ast-mobile-popup .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
#ast-mobile-popup .ast-builder-menu-2 .menu-item.current-menu-item > .menu-link,
#ast-mobile-popup .ast-builder-menu-1 .menu-item.current_page_item > .menu-link,
#ast-mobile-popup .ast-builder-menu-2 .menu-item.current_page_item > .menu-link,
.ast-mobile-popup-inner .current-menu-item > .menu-link,
.ast-mobile-popup-inner .current-menu-item > a,
.ast-mobile-popup-inner .current_page_item > .menu-link {
  background: #fff !important;
  background-image: none !important;
  color: #2a7c6f !important;
  font-weight: 700 !important;
  border-left: none !important;
}

/* Arrow */
.ast-mobile-popup-inner .ast-menu-toggle { color: #c0d0cd !important; margin-left: auto !important; }

/* CTA + Footer */
#bhb-mobile-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 16px 20px 8px !important;
  height: 52px !important;
  background: #2a7c6f !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
}
#bhb-mobile-cta:hover { background: #1e5c52 !important; }
#bhb-mobile-footer {
  padding: 12px 20px 28px !important;
  color: #9ab3ae !important;
  font-size: 11px !important;
  text-align: center !important;
  letter-spacing: .04em !important;
  background: #fff !important;
  flex-shrink: 0 !important;
}

/* =============================================
   MOBILE HEADER: Teal Hintergrund
   ============================================= */

/* Teal Hintergrund + mehr Höhe */
.ast-header-break-point .ast-primary-header-bar {
  background: linear-gradient(135deg, #1a4a40 0%, #2a7c6f 100%) !important;
  min-height: 72px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Logo: wenig Luft oben (1/4), noch weniger unten */
.ast-header-break-point .ast-primary-header-bar.main-header-bar {
  padding-top: 4px !important;
  padding-bottom: 2px !important;
}
/* Flex-Alignment damit alles vertikal zentriert bleibt */
.ast-header-break-point .ast-primary-header-bar .ast-builder-grid-row {
  align-items: center !important;
  min-height: 72px !important;
}

/* Logo: größer */
#ast-mobile-header .custom-mobile-logo-link img,
#ast-mobile-header .ast-mobile-header-logo {
  height: 54px !important;
  width: auto !important;
  max-width: 280px !important;
  content: url("https://biohacking-hub.at/wp-content/uploads/logo-transparent-png-scaled.png") !important;
}

/* =============================================
   GOAL CARDS: Min-Width Fix (Text übersteht nicht)
   ============================================= */
@media (max-width: 768px) {
  .bhb-goal-card {
    min-width: 82px !important;
    padding: 11px 8px 9px !important;
  }
}

/* =============================================
   FILTER BAR: Suche vorne + Spalt fix
   ============================================= */

/* Spalt zwischen sticky Header und Filter-Bar schließen */
.bhb-goal-bar {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Filter-Bar Flexbox: Suche an Anfang */
@media (max-width: 900px) {
  .bhb-goal-bar .bhb-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
  }
  /* Suche (.bhb-bar-right) an den Anfang */
  .bhb-goal-bar .bhb-bar-right {
    order: -2 !important;
    flex-shrink: 0 !important;
  }
  /* Trennstrich nach Suche, vor "Alle Produkte" */
  .bhb-goal-bar .bhb-bar-right::after {
    content: '' !important;
    display: inline-block !important;
    width: 1px !important;
    height: 20px !important;
    background: #d0d0d0 !important;
    margin: 0 8px !important;
    vertical-align: middle !important;
  }
  /* Erster Trennstrich (SPAN zwischen Alle Produkte und Bestseller) bleibt */
}

/* =============================================
   FILTER BAR: Trennstrich + Bestseller Fix
   ============================================= */

/* SPAN-Trennstrich zwischen Alle Produkte und Bestseller ausblenden */
.bhb-goal-bar .bhb-inner > span {
  display: none !important;
}

/* Bestseller-Button: gleiche Größe wie alle anderen Filter-Buttons */
.bhb-badge-filter-btn {
  display: inline-flex !important;
  align-items: center !important;
  height: auto !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  font-size: 11.38px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* =============================================
   DESKTOP + TABLET HEADER: Mobile-Style übernehmen
   ============================================= */

/* Teal Gradient auf Desktop-Header — wie Mobile */
.ast-desktop .ast-primary-header-bar,
.ast-hfb-header .ast-primary-header-bar {
  background: linear-gradient(135deg, #1a4a40 0%, #2a7c6f 100%) !important;
  min-height: 72px !important;
  padding-top: 4px !important;
  padding-bottom: 2px !important;
}

/* Logo: transparentes weißes Bild — wie Mobile (54px Höhe) */
.ast-desktop .custom-logo,
.ast-desktop .site-logo-img img,
.ast-hfb-header:not(.ast-header-break-point) .custom-logo,
.ast-hfb-header:not(.ast-header-break-point) .site-logo-img img {
  content: url("https://biohacking-hub.at/wp-content/uploads/logo-transparent-png-scaled.png") !important;
  height: 54px !important;
  width: auto !important;
  max-width: 300px !important;
}

/* Nav-Links weiß */
.ast-desktop .main-header-menu > .menu-item > a,
.ast-hfb-header:not(.ast-header-break-point) .main-header-menu > .menu-item > a {
  color: #ffffff !important;
  opacity: 0.9 !important;
}
.ast-desktop .main-header-menu > .menu-item > a:hover,
.ast-hfb-header:not(.ast-header-break-point) .main-header-menu > .menu-item > a:hover {
  color: #ffffff !important;
  opacity: 1 !important;
}
.ast-desktop .main-header-menu > .menu-item.current-menu-item > a,
.ast-desktop .main-header-menu > .menu-item.current_page_item > a {
  color: #4ecfb3 !important;
  opacity: 1 !important;
}

/* Account/Willkommen-Text weiß */
.ast-desktop .ast-header-account-wrap,
.ast-desktop .ast-header-account-wrap a {
  color: rgba(255,255,255,0.8) !important;
}

/* Trennlinien zwischen Nav-Gruppen */
.ast-desktop .ast-primary-header-bar .ast-header-horizontal-line {
  background: rgba(255,255,255,0.2) !important;
}

/* =============================================
   FEATURED CARD: Ausblenden (ist 1. Produktkarte)
   ============================================= */
.bhb-featured {
  display: none !important;
}

/* =============================================
   DESKTOP FIXES: Filter-Bar + Suche + Sidebar
   ============================================= */

/* 1. Suche auf Desktop links (wie Mobile) — order auf ALLE Breiten anwenden */
.bhb-goal-bar .bhb-bar-right {
  order: -2 !important;
  flex-shrink: 0 !important;
}

/* 2. Trennstrich nach Suche — auf alle Breiten */
.bhb-goal-bar .bhb-bar-right::after {
  content: '' !important;
  display: inline-block !important;
  width: 1px !important;
  height: 20px !important;
  background: #d0d0d0 !important;
  margin: 0 8px !important;
  vertical-align: middle !important;
}

/* 3. Sidebar: auf gleiche Höhe wie erste Produktkarte ausrichten */
.bhb-sidebar {
  align-self: flex-start !important;
  /* margin-top via JS gesetzt (Snippet) */
}

/* =============================================
   SIDEBAR: Korrekte Ausrichtung + Sticky-Top
   ============================================= */

/* Sidebar startet auf gleicher Höhe wie erste Produktkarte */
@media (min-width: 921px) {
  .bhb-sidebar {
    margin-top: var(--bhb-sidebar-mt, 0px) !important;
    top: var(--bhb-sidebar-sticky-top, 120px) !important;
  }
}

/* =============================================
   DESKTOP: Filter-Bar sticky + Linksbündig
   ============================================= */

/* Filter-Bar auf Desktop sticky direkt unter dem Header */
@media (min-width: 921px) {
  .bhb-goal-bar {
    position: sticky !important;
    top: 76px !important;
    z-index: 900 !important;
  }
  .admin-bar .bhb-goal-bar {
    top: 108px !important; /* 32px Admin-Bar + 76px Header */
  }

  /* Suche links — gleich wie Mobile */
  .bhb-goal-bar .bhb-bar-right {
    order: -2 !important;
    flex-shrink: 0 !important;
    margin-left: 0 !important;
  }
}

/* Produktkarte: Titel Abstand */
.bhb-card-content .woocommerce-loop-product__title {
  margin-top: 10px !important;
  margin-bottom: 8px !important;
}

/* Suchfeld Fokus: korrekte Breite behalten */
/* Prevent horizontal scroll from off-canvas menu */
.ast-mobile-popup-drawer:not(.active):not(.ast-main-header-nav-open) {
  display: none !important;
}

/* Affiliate-Hinweis in Produktkarten */
.bhb-card-content .bhb-affiliate-note {
  display: block !important;
  font-size: 10px !important;
  color: #aaa !important;
  margin-top: 6px !important;
}

/* Produktkarten gleiche Höhe pro Reihe */
ul.products {
  align-items: stretch !important;
}
ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
}
/* Goal-Filter Override */
ul.products li.product[style*="display: none"],
ul.products li.product[style*="display:none"] {
  display: none !important;
}
ul.products li.product .bhb-card-inner {
  flex: 1 !important;
  height: 100% !important;
}
ul.products li.product .bhb-card-content {
  flex: 1 !important;
}

/* Ratgeber-Sektion: einheitliches Layout */
.bhb-ratgeber-grid {
  align-items: stretch !important;
}
.bhb-ratgeber-card {
  display: flex !important;
  flex-direction: column !important;
}
.bhb-ratgeber-img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
}
.bhb-ratgeber-card p,
.bhb-ratgeber-card [class*="excerpt"] {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  flex: 1 !important;
  max-height: calc(1.6em * 3) !important;
}
/* Gleiche Höhe für alle Karten */
.bhb-ratgeber-grid {
  align-items: stretch !important;
}
.bhb-ratgeber-card [class*="footer"],
.bhb-ratgeber-card [class*="meta"] {
  margin-top: auto !important;
}

/* Ratgeber-Karten: gleiche Höhe erzwingen */
.bhb-ratgeber-card h2,
.bhb-ratgeber-card h3,
.bhb-ratgeber-card [class*="title"] {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  height: 2.8em !important;
  max-height: 2.8em !important;
}
.bhb-ratgeber-card {
  height: 452px !important;
  overflow: hidden !important;
}

/* Nav: kompaktere Abstände 922–1200px */
@media (min-width: 922px) and (max-width: 1200px) {
  .main-header-menu > li > a,
  .ast-builder-menu .menu-item > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 13px !important;
  }
}

/* Desktop 1600px+: Content zentriert mit max-width */
@media (min-width: 1600px) {
  .bhb-main-wrap,
  .ast-woocommerce-container {
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Ratgeber Seite: Page-Header ausblenden + Hero Titel-Größe */
.page-id-6089 .ast-page-header-wrap,
.page-id-6089 .ast-archive-description,
.page-id-6089 .entry-header,
.page-id-6089 .ast-single-entry-banner {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}
.bhb-ratgeber-hero-title {
  font-size: clamp(28px, 3vw, 40px) !important;
}

/* Ratgeber: entry-content ohne padding-top damit Hero direkt am Menü */
.page-id-6089 .entry-content { padding-top: 0 !important; }

/* Ratgeber: Abstand zwischen Hero und Artikelkarten */
.page-id-6089 .bhb-ratgeber-hero { margin-bottom: 32px; }

/* Ratgeber Hero Icon */
.bhb-ratgeber-hero-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232a7c6f' stroke-width='1.5'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 34px 34px;
}

/* Trends Hero Icon */
.bhb-trends-hero-icon {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232a7c6f' stroke-width='1.5'%3E%3Cpolyline points='22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpolyline points='16 7 22 7 22 13'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 34px 34px;
}

/* Trends Hero Pills Checkmarks */
.bhb-trends-hero-pill::before { content: "\2713  "; font-weight: 700; }
/* Fix: Produkt-Box Button immer weiß */
.single-post .entry-content .bhb-product-box a,
.single-post .entry-content .bhb-feat-row a {
  color: #ffffff !important;
  text-decoration: none !important;
}
/* Produkt-Empfehlungskarte in Ratgeber-Artikeln */
.bhb-artikel-produkt.bhb-card-inner { flex-direction: row !important; margin: 24px 0 32px !important; }
.bhb-artikel-produkt .bhb-card-overlay-link { display: none !important; }
.single-post .entry-content .bhb-artikel-produkt .woocommerce-loop-product__title,
.single-post .entry-content .bhb-artikel-produkt h3 {
  color: #1a1a1a !important;
  text-decoration: none !important;
}

/* Goal-Cards: bhb-section-hdr ausblenden — Zähler im Goal-Wrap */

/* Goal-Bar: Finaler Layout Override */
.bhb-goal-cards-wrap { padding: 2px 0 6px !important; margin-bottom: 0 !important; }
.bhb-goal-cards-label { font-size: 9px !important; letter-spacing: .12em !important; margin-bottom: 3px !important; }
.bhb-goal-card { padding: 7px 4px 6px !important; min-width: 0 !important; max-width: none !important; flex: 1 1 0% !important; gap: 3px !important; border-radius: 10px !important; }
.bhb-goal-emoji { font-size: 18px !important; line-height: 1 !important; }
.bhb-goal-lbl { font-size: 10px !important; font-weight: 700 !important; letter-spacing: .04em !important; }
.bhb-goal-count { font-size: 10px !important; color: #999 !important; }
.bhb-goal-cards { padding-left: 0 !important; padding-right: 0 !important; gap: 5px !important; flex-wrap: nowrap !important; }
.woocommerce .ast-shop-toolbar-container { margin-bottom: 0 !important; }

/* bhb-bestseller-pill */
.bhb-bestseller-pill {
  display: inline-block;
  background: #f59e0b;
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 2px 8px;
  border-radius: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}
.bhb-card-strip {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}

/* Alter Strip weg */
.bhb-card-strip {
  display: none !important;
}

/* Querformat: scroll-padding-top anpassen */
@media (max-height: 500px) and (orientation: landscape) {
  html {
    scroll-padding-top: 140px !important;
  }
}

/* Mobile: Goal-Kacheln scrollbar */
@media (max-width: 921px) {
  .bhb-goal-cards {
    gap: 6px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 4px !important;
  }
  .bhb-goal-cards::-webkit-scrollbar { display: none !important; }
  .bhb-goal-card {
    flex: 0 0 auto !important;
    min-width: 90px !important;
    max-width: 90px !important;
    padding: 7px 4px 6px !important;
    overflow: visible !important;
  }
  .bhb-goal-card .bhb-goal-lbl,
  .bhb-goal-card .bhb-gc-label {
    font-size: 9px !important;
    letter-spacing: 0.3px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
  .bhb-goal-card .bhb-goal-emoji,
  .bhb-goal-card .bhb-gc-icon {
    font-size: 16px !important;
  }
  .bhb-goal-card .bhb-gc-count {
    font-size: 9px !important;
  }
}

/* bhb-card-image-overflow */
.bhb-card-image {
  overflow: visible !important;
}

/* bhb-artikel-vc-footer-hide: Doppelter CTA in Ratgeberartikeln entfernen */
.bhb-artikel-produkt .bhb-vc-footer {
  display: none !important;
}

/* ===== Artikel-Produktkarten Redesign ===== */
.bhb-artikel-produkt {
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.05) !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: box-shadow 0.2s ease !important;
}
.bhb-artikel-produkt:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.11), 0 2px 6px rgba(0,0,0,0.07) !important;
}
.bhb-artikel-produkt .bhb-card-image {
  background: linear-gradient(135deg, #e8f4f1 0%, #d0ebe5 100%) !important;
  min-width: 160px !important;
  width: 160px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}
.bhb-artikel-produkt .bhb-card-image img {
  width: 120px !important;
  height: 120px !important;
  object-fit: contain !important;
}
.bhb-artikel-produkt .bhb-card-content {
  padding: 12px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  flex: 1 !important;
}
.bhb-artikel-produkt .bhb-cat {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #2a7c6f !important;
  background: #e8f4f1 !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
  display: inline-block !important;
  margin-bottom: 0 !important;
}
.bhb-artikel-produkt .woocommerce-loop-product__title,
.bhb-artikel-produkt .bhb-card-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  margin: 4px 0 2px !important;
  line-height: 1.3 !important;
  padding: 0 !important;
}
.bhb-artikel-produkt .bhb-benefits {
  margin: 2px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.bhb-artikel-produkt .bhb-benefits li,
.bhb-artikel-produkt .bhb-benefits p {
  font-size: 13px !important;
  color: #444 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}
.bhb-artikel-produkt .bhb-affiliate-note {
  font-size: 10px !important;
  color: #bbb !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border-top: none !important;
}
.bhb-artikel-produkt .bhb-cta-row {
  margin: 4px 0 0 !important;
}
.bhb-artikel-produkt .bhb-cta-row p {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}
.bhb-artikel-produkt .bhb-cta-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #2a7c6f !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 20px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  letter-spacing: 0.3px !important;
  line-height: 1 !important;
}
.bhb-artikel-produkt .bhb-cta-btn:hover {
  background: #1f5e55 !important;
  color: #fff !important;
}
@media (max-width: 921px) {
  .bhb-artikel-produkt,
  .bhb-artikel-produkt.bhb-card-inner {
    flex-direction: column !important;
  }
  .bhb-artikel-produkt .bhb-card-image {
    width: 100% !important;
    min-width: unset !important;
    padding: 16px !important;
    min-height: 120px !important;
  }
  .bhb-artikel-produkt .bhb-card-image img {
    width: 100px !important;
    height: 100px !important;
  }
  .bhb-artikel-produkt .bhb-card-content {
    padding: 12px 16px !important;
  }
}

/* bhb-card-image-overflow */
.bhb-card-image {
  overflow: visible !important;
}

/* bhb-artikel-vc-footer-hide: Doppelter CTA in Ratgeberartikeln entfernen */
.bhb-artikel-produkt .bhb-vc-footer {
  display: none !important;
}

/* ===== Artikel-Produktkarten Redesign ===== */
.bhb-artikel-produkt {
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.05) !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: box-shadow 0.2s ease !important;
}
.bhb-artikel-produkt:hover {
  box-shadow: 0 6px 24px rgba(0,0,0,0.11), 0 2px 6px rgba(0,0,0,0.07) !important;
}
.bhb-artikel-produkt .bhb-card-image {
  background: linear-gradient(135deg, #e8f4f1 0%, #d0ebe5 100%) !important;
  min-width: 180px !important;
  width: 180px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 16px !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}
.bhb-artikel-produkt .bhb-card-image img {
  width: 130px !important;
  height: 130px !important;
  object-fit: contain !important;
}
.bhb-artikel-produkt .bhb-card-content {
  padding: 10px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  flex: 1 !important;
}
.bhb-artikel-produkt .bhb-cat {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #2a7c6f !important;
  background: #e8f4f1 !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
  display: inline-block !important;
}
.bhb-artikel-produkt .bhb-card-title {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1a1a2e !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}
.bhb-artikel-produkt .bhb-benefits {
  margin: 4px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.bhb-artikel-produkt .bhb-benefits li,
.bhb-artikel-produkt .bhb-benefits p {
  font-size: 13.5px !important;
  color: #444 !important;
  line-height: 1.4 !important;
}
.bhb-artikel-produkt .bhb-affiliate-note {
  font-size: 10px !important;
  color: #bbb !important;
  margin-top: auto !important;
  padding-top: 4px !important;
  border-top: none !important;
}
.bhb-artikel-produkt .bhb-cta-btn {
  display: inline-block !important;
  background: #2a7c6f !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  margin-top: 4px !important;
  letter-spacing: 0.3px !important;
  align-self: flex-start !important;
}
.bhb-artikel-produkt .bhb-cta-btn:hover {
  background: #1f5e55 !important;
  color: #fff !important;
}
.bhb-artikel-produkt .bhb-cta-row p {
  margin: 0 !important;
}
@media (max-width: 921px) {
  .bhb-artikel-produkt {
    flex-direction: column !important;
  }
  .bhb-artikel-produkt .bhb-card-image {
    width: 100% !important;
    min-width: unset !important;
    padding: 24px !important;
    min-height: 160px !important;
  }
  .bhb-artikel-produkt .bhb-card-image img {
    width: 120px !important;
    height: 120px !important;
  }
  .bhb-artikel-produkt .bhb-card-content {
    padding: 16px !important;
  }
}

/* Artikel affiliate-note override */
.bhb-artikel-produkt .bhb-affiliate-note,
.bhb-artikel-produkt .bhb-affiliate-note * {
  font-size: 10px !important;
  color: #bbb !important;
  border-top: none !important;
  padding-top: 2px !important;
}

/* bhb-cta-btn-center */
.bhb-artikel-produkt .bhb-cta-btn {
  text-align: center !important;
  justify-content: center !important;
}

/* header-container-fullwidth: Header auf allen Seiten gleich breit */
.ast-builder-grid-row-container.site-primary-header-wrap,
.site-primary-header-wrap.ast-builder-grid-row-container {
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
/* Datenschutz: Astra Entry Banner ausblenden */

/* === Über-uns: Hero Icon + Layout === */
/* Icon im rechten Panel: mehr Einzug von rechts (spiegelt linken Text-Einzug) */
.page-id-43 .bhb-page-hero-right {
  padding-right: 152px; /* gleicher Abstand wie Content-Einzug links (287-135=152) */
}
/* === ÜBER UNS: STATS-CHIPS IM HERO === */
.page-id-43 .bhb-page-hero-left { display:flex; flex-direction:column; gap:0; }
.page-id-43 .bhb-hero-stats-bar {
  display: flex !important; gap: 10px; margin-top: 16px; flex-wrap: wrap;
}
.page-id-43 .bhb-hero-stats-bar > div {
  display: flex; align-items: center; gap: 5px;
  background: rgb(232,245,242); color: rgb(31,95,84);
  border: 1px solid rgba(42,124,111,0.15);
  padding: 7px 14px; border-radius: 8px;
  font-size: 12px; font-weight: 500;
}
.page-id-43 .bhb-hero-stats-bar strong { font-weight:700; color:rgb(31,95,84); font-size:12px; }
.page-id-43 .bhb-hero-stats-bar span { font-weight:400; color:rgb(31,95,84); font-size:12px; }

/* ================================================
   ÜBER UNS – DESIGN v2
   ================================================ */

/* STATS */
.page-id-43 .bhb-hero-stats-bar {
  display:flex !important; gap:0 !important;
  margin-top:20px !important; padding:18px 0 0 !important;
  border-top:1px solid rgba(26,61,54,.15) !important;
}
.page-id-43 .bhb-hero-stats-bar > div {
  flex:1; padding:0 18px 0 0 !important;
  border-right:1px solid rgba(26,61,54,.08) !important;
  margin-right:18px !important;
  background:none !important; border-radius:0 !important;
  border-top:none !important; border-bottom:none !important; border-left:none !important;
}
.page-id-43 .bhb-hero-stats-bar > div:last-child { border-right:none !important; margin-right:0 !important; }
.page-id-43 .bhb-hero-stats-bar strong {
  display:block !important; font-size:2rem !important; font-weight:800 !important;
  color:#1a3d36 !important; letter-spacing:-.05em !important; line-height:1 !important; margin-bottom:4px !important;
}
.page-id-43 .bhb-hero-stats-bar span {
  font-size:.65rem !important; font-weight:600 !important; color:#2a7c6f !important;
  text-transform:uppercase !important; letter-spacing:.1em !important; display:block !important;
}

/* RESPONSIVE */
@media(max-width:921px) {
  .page-id-43 .bhb-page-hero,.page-id-43 .bhb-page-hero,.page-id-43 .bhb-page-hero { margin-top:0 !important; }
  .page-id-43 .bhb-page-hero .bhb-inner { padding-left:24px !important; padding-right:24px !important; }
  .page-id-43 .bhb-au-founder { display:block !important; padding:28px !important; }
  .page-id-43 .bhb-au-photo { display:none !important; }
  .page-id-43 .bhb-au-values-grid { grid-template-columns:1fr 1fr !important; }
  .page-id-43 .bhb-au-steps { grid-template-columns:1fr !important; }
  .page-id-43 .bhb-au-steps::before { display:none !important; }
  .page-id-43 .bhb-au-section:first-of-type,
  .page-id-43 .bhb-au-section:nth-of-type(2) { padding:32px 24px !important; }
}
@media(max-width:600px) {
  .page-id-43 .bhb-page-hero-right { display:none !important; }
  .page-id-43 .bhb-page-hero .bhb-inner { padding:20px !important; }
  .page-id-43 .bhb-hero-stats-bar { display:grid !important; grid-template-columns:1fr 1fr !important; gap:16px !important; }
  .page-id-43 .bhb-hero-stats-bar > div { border-right:none !important; margin-right:0 !important; padding:0 !important; }
}

/* Fix: Stats 4. Item sichtbar */
.page-id-43 .bhb-hero-stats-bar {
  padding-right: 0 !important;
}

/* 7. Stats: gleicher linker Rand wie Content */
.page-id-43 .bhb-hero-stats-bar {
  margin-top: 20px !important;
  padding-right: 340px !important;
}

/* Hero margin-top fuer Ueber-uns */
.page-id-43 .bhb-page-hero {
  margin-top: 78px !important;
}
@media (max-width: 921px) {
  .page-id-43 .bhb-page-hero {
    margin-top: 0 !important;
  }
}

/* Hero-Right Ausblendung entfernt */

/* Hero: volle Seitenbreite mintgruen damit links=rechts */

/* Hilfe-Seite: Hero margin-top + Seitenraender hellblau */
.page-id-414 .bhb-page-hero {
  margin-top: 78px !important;
}
body.page-id-414 {
  background-color: #e9f8f9 !important;
}
@media (max-width: 921px) {
  .page-id-414 .bhb-page-hero {
    margin-top: 0 !important;
  }
}

/* Hilfe-Seite: Seitenraender = Content-Hintergrundfarbe */
body.page-id-414 {
  background-color: #e9f8f9 !important;
}
body.page-id-414 .ast-article-single {
  background-color: #e9f8f9 !important;
  box-shadow: none !important;
}

/* Datenschutz + Impressum: Astra Standard-Titel ausblenden, grauer Body-Hintergrund entfernen */
body.page-id-3 .ast-archive-description,
body.page-id-3 .entry-header,
body.page-id-3 .ast-single-post-order,
body.page-id-4657 .ast-archive-description,
body.page-id-4657 .entry-header,
body.page-id-4657 .ast-single-post-order {
  display: none !important;
}
body.page-id-3,
body.page-id-4657 {
  background-color: #fff !important;
}
body.page-id-3 .ast-article-single,
body.page-id-4657 .ast-article-single {
  background-color: #fff !important;
}
/* Datenschutz + Impressum: Astra Seiten-Titel-Bereich ausblenden */
body.page-id-3 .ast-page-header-wrap,
body.page-id-3 .entry-header.ast-entry-header,
body.page-id-3 .bhb-page-title-wrap,
body.page-id-3 .ast-featured-section,
body.page-id-4657 .ast-page-header-wrap,
body.page-id-4657 .entry-header.ast-entry-header,
body.page-id-4657 .bhb-page-title-wrap,
body.page-id-4657 .ast-featured-section {
  display: none !important;
}

/* Datenschutz + Impressum: Astra Entry Banner ausblenden */
body.page-id-3 .ast-single-entry-banner,
body.page-id-4657 .ast-single-entry-banner {
  display: none !important;
}
/* Impressum: Zeilenabstände */
.page-id-4657 .entry-content h2 {
  margin-top: 32px !important;
  margin-bottom: 12px !important;
}
.page-id-4657 .entry-content h3 {
  margin-top: 24px !important;
  margin-bottom: 12px !important;
}
.page-id-4657 .entry-content p {
  margin-bottom: 12px !important;
}

/* BHH-BENEFIT-1LINE */
.woocommerce ul.products li.product .bhb-benefits li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.woocommerce ul.products li.product .woocommerce-loop-product__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}

/* === bhh-home-code-label: auf Startseiten-Top-Produkten das "Code:"-Label ausblenden, damit lange Codes (BIOHACKING10) ganz passen === */
.l2-topwrap .bhb-vc-mit{display:none!important}