/* ============================================================
   Herbano Ratgeber — Übersichtsseite
   ============================================================ */

   body.blog-page-list { background: var(--hb-mist); }
   body.blog-page-list .breadcrumbs { background: var(--hb-mist); margin-bottom: 0; }
   
   /* ---------- Overview Hero ---------- */
   .herbano-overview-hero {
       width: 100vw;
       margin-left: calc(-50vw + 50%);
       margin-top: 0;
       margin-bottom: 0;
       background: linear-gradient(180deg, var(--hb-mist) 0%, #fff 100%);
       padding: var(--hb-sp-5) var(--hb-sp-5) var(--hb-sp-8);
   }
   
   .herbano-overview-hero__content {
       max-width: 760px;
       margin: 0 auto;
       text-align: center;
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: var(--hb-sp-4);
   }
   
   .herbano-overview-hero__eyebrow {
       font-family: var(--hb-f-body);
       font-size: var(--hb-fs-eyebrow);
       font-weight: 600;
       letter-spacing: var(--hb-tracking-eyebrow);
       text-transform: uppercase;
       color: var(--hb-accent);
   }
   
   .herbano-overview-hero__title {
       font-family: var(--hb-f-display);
       font-size: var(--hb-fs-h1);
       font-weight: 600;
       line-height: var(--hb-lh-tight);
       letter-spacing: var(--hb-tracking-tight);
       color: var(--hb-accent);
       margin: 0;
       text-wrap: balance;
   }
   
   .herbano-overview-hero__lead {
       font-family: var(--hb-f-body);
       font-size: var(--hb-fs-lead);
       line-height: var(--hb-lh-body);
       color: var(--hb-ink-2);
       margin: 0;
       max-width: 620px;
       text-wrap: pretty;
   }
   
   /* ---------- Such-Box ---------- */
   .herbano-overview-search {
       display: flex;
       align-items: center;
       width: 100%;
       max-width: 580px;
       background: #fff;
       border-radius: var(--hb-r-pill);
       box-shadow: var(--hb-shadow-card);
       padding: 6px;
       margin-top: var(--hb-sp-3);
       transition: box-shadow var(--hb-dur-base) var(--hb-ease);
   }
   
   .herbano-overview-search:focus-within { box-shadow: var(--hb-shadow-card-hover); }
   
   .herbano-overview-search__label {
       display: flex;
       align-items: center;
       justify-content: center;
       width: 44px;
       height: 44px;
       color: var(--hb-ink-3);
       flex-shrink: 0;
   }
   
   .herbano-overview-search__input {
       flex: 1;
       border: none !important;
       background: transparent;
       padding: 12px 8px;
       font-family: var(--hb-f-body);
       font-size: var(--hb-fs-small);
       color: var(--hb-ink);
       outline: none !important;
       box-shadow: none !important;
       min-width: 0;
   }
   
   .herbano-overview-search__input:focus,
   .herbano-overview-search__input:focus-visible {
       outline: none !important;
       box-shadow: none !important;
       border: none !important;
   }
   
   .herbano-overview-search__input::placeholder { color: var(--hb-ink-4); }
   
   .herbano-overview-search__submit {
       background: var(--hb-accent);
       color: #fff;
       border: none;
       border-radius: var(--hb-r-pill);
       padding: 12px 24px;
       font-family: var(--hb-f-body);
       font-size: var(--hb-fs-small);
       font-weight: 600;
       cursor: pointer;
       transition: background var(--hb-dur-base) var(--hb-ease);
       flex-shrink: 0;
   }
   
   .herbano-overview-search__submit:hover { background: var(--hb-accent-dark); }
   
   /* ---------- Popular-Tags ---------- */
   .herbano-overview-popular {
       display: flex;
       flex-wrap: wrap;
       align-items: center;
       justify-content: center;
       gap: var(--hb-sp-2);
       margin-top: var(--hb-sp-2);
       font-family: var(--hb-f-body);
       font-size: var(--hb-fs-caption);
   }
   
   .herbano-overview-popular__label { color: var(--hb-ink-3); }
   
   .herbano-overview-popular__chip {
       display: inline-flex;
       align-items: center;
       padding: 6px 14px;
       background: #fff;
       border: 1px solid var(--hb-line);
       border-radius: var(--hb-r-pill);
       color: var(--hb-ink-2);
       text-decoration: none;
       transition: all var(--hb-dur-micro) var(--hb-ease);
   }
   
   .herbano-overview-popular__chip:hover {
       border-color: var(--hb-accent);
       color: var(--hb-accent);
       text-decoration: none;
   }
   
   /* ============================================================
      Kategorien-Sektion (Slider)
      ============================================================ */
   .herbano-categories-section {
       width: 100vw;
       margin-left: calc(-50vw + 50%);
       background: #fff;
       padding: var(--hb-sp-6) var(--hb-sp-5) var(--hb-sp-5);
   }
   
   .herbano-categories-section__inner {
       max-width: var(--hb-container-wide);
       margin: 0 auto;
   }
   
   .herbano-categories-section__head {
       display: flex;
       justify-content: space-between;
       align-items: center;
       gap: var(--hb-sp-3);
       margin-bottom: var(--hb-sp-5);
   }
   
   .herbano-categories-section__title {
       font-family: var(--hb-f-display);
       font-weight: 600;
       font-size: 26px;
       color: var(--hb-accent);
       margin: 0;
   }
   
   .herbano-categories-nav {
       display: flex;
       gap: var(--hb-sp-2);
       flex-shrink: 0;
   }
   
   .herbano-categories-nav__btn {
       width: 40px;
       height: 40px;
       border-radius: 50%;
       border: 1px solid var(--hb-line);
       background: #fff;
       color: var(--hb-ink-2);
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 0;
       transition: all var(--hb-dur-base) var(--hb-ease);
   }
   
   .herbano-categories-nav__btn:hover {
       border-color: var(--hb-accent);
       color: var(--hb-accent);
   }
   
   .herbano-categories-nav__btn:focus { outline: none; }
   
   .herbano-categories-nav__btn:focus-visible {
       outline: 2px solid var(--hb-accent);
       outline-offset: 2px;
   }
   
   .herbano-categories-slider {
       display: flex;
       overflow-x: auto;
       scroll-snap-type: x mandatory;
       gap: var(--hb-sp-3);
       padding: 4px;
       margin: 0 -4px;
       -webkit-overflow-scrolling: touch;
       scrollbar-width: none;
       -ms-overflow-style: none;
       scroll-behavior: smooth;
   }
   
   .herbano-categories-slider::-webkit-scrollbar { display: none; height: 0; }
   
   .herbano-category-card {
       position: relative;
       display: block;
       flex: 0 0 220px;
       aspect-ratio: 4 / 3;
       border-radius: var(--hb-r-lg);
       overflow: hidden;
       text-decoration: none;
       color: #fff;
       background: var(--hb-mint);
       box-shadow: var(--hb-shadow-card);
       scroll-snap-align: start;
       transition: transform var(--hb-dur-base) var(--hb-ease), box-shadow var(--hb-dur-base) var(--hb-ease);
   }
   
   .herbano-category-card:hover {
       transform: translateY(-3px);
       box-shadow: var(--hb-shadow-card-hover);
       text-decoration: none;
   }
   
   .herbano-category-card__media { position: absolute; inset: 0; }
   .herbano-category-card__media--empty {
       background: linear-gradient(135deg, var(--hb-mint) 0%, var(--hb-sage) 100%);
   }
   .herbano-category-card__image {
       width: 100%; height: 100%; object-fit: cover; display: block;
   }
   .herbano-category-card__overlay {
       position: absolute; inset: 0;
       background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.8) 100%);
   }
   .herbano-category-card__text {
       position: absolute; inset: auto 0 0 0;
       padding: var(--hb-sp-4);
       display: flex; flex-direction: column;
       gap: 2px; z-index: 1;
   }
   .herbano-category-card__count {
       font-family: var(--hb-f-body);
       font-size: var(--hb-fs-eyebrow);
       font-weight: 600;
       letter-spacing: var(--hb-tracking-eyebrow);
       text-transform: uppercase;
       color: rgba(255, 255, 255, 0.9);
       text-shadow: 0 1px 3px rgba(0,0,0,0.5);
   }
   .herbano-category-card__title {
       font-family: var(--hb-f-display);
       font-weight: 600;
       font-size: 18px;
       line-height: 1.25;
       color: #fff;
       text-shadow: 0 2px 6px rgba(0,0,0,0.6);
   }
   
   /* ============================================================
      2-Spalten-Content (Sidebar + Main)
      ============================================================ */
   .herbano-overview-content {
       width: 100vw;
       margin-left: calc(-50vw + 50%);
       background: #fff;
       padding: var(--hb-sp-6) var(--hb-sp-5) var(--hb-sp-8);
   }
   
   .herbano-overview-content__inner {
       max-width: var(--hb-container-wide);
       margin: 0 auto;
       display: grid;
       grid-template-columns: 280px 1fr;
       gap: var(--hb-sp-7);
       align-items: start;
   }
   
   /* ---------- Sidebar links: Themenwelten-Liste ---------- */
   .herbano-overview-sidebar {
       display: flex;
       flex-direction: column;
       gap: var(--hb-sp-2);
   }
   
   .herbano-overview-sidebar__title {
       font-family: var(--hb-f-display);
       font-weight: 600;
       font-size: 22px;
       color: var(--hb-accent);
       margin: 0 0 var(--hb-sp-1);
   }
   
   .herbano-overview-sidebar__intro {
       font-size: var(--hb-fs-small);
       color: var(--hb-ink-3);
       margin: 0 0 var(--hb-sp-3);
       line-height: var(--hb-lh-body);
   }
   
   .herbano-overview-sidebar__list {
       list-style: none;
       padding: 0;
       margin: 0;
       display: flex;
       flex-direction: column;
       gap: var(--hb-sp-2);
   }
   
   .herbano-overview-sidebar__item {
       display: flex;
       align-items: center;
       justify-content: space-between;
       gap: var(--hb-sp-3);
       padding: var(--hb-sp-3) var(--hb-sp-4);
       background: var(--hb-mist);
       border-radius: var(--hb-r-md);
       text-decoration: none;
       color: var(--hb-ink);
       transition: background var(--hb-dur-base) var(--hb-ease), transform var(--hb-dur-base) var(--hb-ease);
   }
   
   .herbano-overview-sidebar__item:hover {
       background: var(--hb-mint);
       color: var(--hb-accent-dark);
       text-decoration: none;
       transform: translateX(2px);
   }
   
   .herbano-overview-sidebar__name {
       font-family: var(--hb-f-body);
       font-weight: 600;
       font-size: var(--hb-fs-small);
       flex: 1;
   }
   
   .herbano-overview-sidebar__count {
       font-family: var(--hb-f-body);
       font-size: var(--hb-fs-caption);
       color: var(--hb-ink-3);
       flex-shrink: 0;
   }
   
   /* ---------- Main rechts: Title + Filter + Listing ---------- */
   .herbano-overview-main {
       min-width: 0;
   }
   
   .herbano-overview-main__title {
       font-family: var(--hb-f-display);
       font-weight: 600;
       font-size: 28px;
       color: var(--hb-accent);
       margin: 0 0 var(--hb-sp-1);
   }
   
   .herbano-overview-main__count {
       font-family: var(--hb-f-body);
       font-size: var(--hb-fs-small);
       color: var(--hb-ink-3);
       margin: 0 0 var(--hb-sp-4);
   }
   
   /* ---------- Filter-Pills ---------- */
   .herbano-overview-filter {
       display: flex;
       flex-wrap: wrap;
       gap: var(--hb-sp-2);
       margin-bottom: var(--hb-sp-5);
       padding-bottom: var(--hb-sp-4);
       border-bottom: 1px solid var(--hb-line);
   }
   
   .herbano-overview-filter__chip {
       display: inline-flex;
       align-items: center;
       padding: 8px 16px;
       background: #fff;
       border: 1px solid var(--hb-line);
       border-radius: var(--hb-r-pill);
       color: var(--hb-ink-2);
       font-family: var(--hb-f-body);
       font-size: var(--hb-fs-small);
       font-weight: 500;
       text-decoration: none;
       transition: all var(--hb-dur-micro) var(--hb-ease);
   }
   
   .herbano-overview-filter__chip:hover {
       border-color: var(--hb-accent);
       color: var(--hb-accent);
       text-decoration: none;
   }
   
   .herbano-overview-filter__chip.is-active {
       background: var(--hb-accent);
       color: #fff;
       border-color: var(--hb-accent);
   }
   
   .herbano-overview-filter__chip.is-active:hover {
       background: var(--hb-accent-dark);
       color: #fff;
   }
   
   /* ---------- Listing (Card-Optik in 10E) ---------- */
   .herbano-overview-listing { width: 100%; }
   
   .herbano-overview-empty {
       text-align: center;
       padding: var(--hb-sp-7) var(--hb-sp-5);
       font-size: var(--hb-fs-lead);
       color: var(--hb-ink-3);
   }

   /* ============================================================
   Article-Card im Listing
   ============================================================ */
   .herbano-overview-listing .post-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--hb-sp-5);
}

.herbano-overview-listing .post-list > li::before {
    content: none !important;
}

.herbano-article-card {
    background: #fff;
    border-radius: var(--hb-r-lg);
    overflow: hidden;
    box-shadow: var(--hb-shadow-card);
    transition: transform var(--hb-dur-base) var(--hb-ease), box-shadow var(--hb-dur-base) var(--hb-ease);
    list-style: none;
    padding: 0;
    margin: 0;
}

.herbano-article-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--hb-shadow-card-hover);
}

.herbano-article-card__inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none !important;
    color: var(--hb-ink);
}

.herbano-article-card__inner:hover {
    text-decoration: none !important;
    color: var(--hb-ink);
}

.herbano-article-card__media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--hb-mist);
}

.herbano-article-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.herbano-article-card__pill {
    position: absolute;
    top: var(--hb-sp-3);
    left: var(--hb-sp-3);
    padding: 4px 14px;
    background: #fff;
    color: var(--hb-accent);
    font-family: var(--hb-f-body);
    font-size: var(--hb-fs-eyebrow);
    font-weight: 600;
    letter-spacing: var(--hb-tracking-eyebrow);
    text-transform: uppercase;
    border-radius: var(--hb-r-pill);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.herbano-article-card__body {
    padding: var(--hb-sp-4) var(--hb-sp-5) var(--hb-sp-5);
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: var(--hb-sp-3);
}

.herbano-article-card__meta {
    display: inline-flex;
    align-items: center;
    gap: var(--hb-sp-2);
    font-family: var(--hb-f-body);
    font-size: var(--hb-fs-caption);
    color: var(--hb-ink-3);
}

.herbano-article-card__title {
    font-family: var(--hb-f-display);
    font-weight: 600;
    font-size: 19px;
    line-height: 1.3;
    color: var(--hb-ink);
    margin: 0;
    text-wrap: balance;
}

.herbano-article-card__excerpt {
    font-family: var(--hb-f-body);
    font-size: var(--hb-fs-small);
    line-height: var(--hb-lh-body);
    color: var(--hb-ink-3);
    margin: 0;
}

.herbano-article-card__more {
    display: inline-flex;
    align-items: center;
    gap: var(--hb-sp-2);
    font-family: var(--hb-f-body);
    font-size: var(--hb-fs-caption);
    font-weight: 600;
    color: var(--hb-accent);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-top: auto;
    padding-top: var(--hb-sp-2);
    transition: gap var(--hb-dur-base) var(--hb-ease);
}

.herbano-article-card__inner:hover .herbano-article-card__more {
    gap: var(--hb-sp-3);
}

/* ============================================================
   Mehr-Laden-Button
   ============================================================ */
   [x-cloak] { display: none !important; }

   .herbano-load-more-wrap {
       display: flex;
       justify-content: center;
       margin-top: var(--hb-sp-7);
   }
   
   .herbano-load-more {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       padding: 14px 32px;
       background: #fff;
       color: var(--hb-accent);
       border: 1.5px solid var(--hb-accent);
       border-radius: var(--hb-r-pill);
       font-family: var(--hb-f-body);
       font-size: var(--hb-fs-small);
       font-weight: 600;
       cursor: pointer;
       transition: all var(--hb-dur-base) var(--hb-ease);
   }
   
   .herbano-load-more:hover:not(:disabled) {
       background: var(--hb-accent);
       color: #fff;
   }
   
   .herbano-load-more:disabled {
       opacity: 0.5;
       cursor: wait;
   }
   
   .herbano-load-more:focus { outline: none; }
   .herbano-load-more:focus-visible {
       outline: 2px solid var(--hb-accent);
       outline-offset: 2px;
   }
   
   /* ============================================================
      Mobile / Tablet
      ============================================================ */
      @media (max-width: 1024px) {
        .herbano-overview-content__inner {
            grid-template-columns: 1fr;
            gap: var(--hb-sp-6);
        }
    
        /* Themenwelten-Sidebar auf Mobile/Tablet ausblenden */
        .herbano-overview-sidebar {
            display: none;
        }
    }
   
   @media (max-width: 768px) {
       .herbano-overview-hero { padding: var(--hb-sp-4) var(--hb-sp-4) var(--hb-sp-7); }
       .herbano-overview-hero__title { font-size: 28px; }
       .herbano-overview-hero__lead { font-size: var(--hb-fs-body); }
   
       .herbano-overview-search { padding: 4px; max-width: 100%; }
       .herbano-overview-search__label { width: 36px; height: 36px; }
       .herbano-overview-search__label .herbano-overview-search__icon { width: 18px; height: 18px; }
       .herbano-overview-search__input { font-size: 14px; padding: 10px 4px; }
       .herbano-overview-search__input::placeholder { font-size: 13px; }
       .herbano-overview-search__submit { padding: 10px 18px; font-size: 13px; }
   
       .herbano-overview-popular { font-size: 12px; }
   
       .herbano-categories-section { padding: var(--hb-sp-5) var(--hb-sp-4); }
       .herbano-categories-section__title { font-size: 22px; }
       .herbano-categories-nav { display: none; }
       .herbano-category-card { flex: 0 0 160px; }
       .herbano-category-card__title { font-size: 15px; }
       .herbano-category-card__text { padding: var(--hb-sp-3); }
   
       .herbano-overview-content { padding: var(--hb-sp-5) var(--hb-sp-4) var(--hb-sp-7); }
       .herbano-overview-main__title { font-size: 22px; }
       .herbano-overview-sidebar__title { font-size: 18px; }
   
       .herbano-overview-filter__chip {
           padding: 6px 12px;
           font-size: var(--hb-fs-caption);
       }

       .herbano-overview-listing .post-list {
        grid-template-columns: 1fr;
        gap: var(--hb-sp-4);
    }
    .herbano-article-card__body {
        padding: var(--hb-sp-3) var(--hb-sp-4) var(--hb-sp-4);
    }
    .herbano-article-card__title {
        font-size: 17px;
    }
   }
   
   @media (max-width: 420px) {
       .herbano-overview-hero__title { font-size: 24px; }
       .herbano-overview-search__label { width: 30px; height: 30px; }
       .herbano-overview-search__label .herbano-overview-search__icon { width: 16px; height: 16px; }
       .herbano-overview-search__input { font-size: 13px; padding: 8px 2px; }
       .herbano-overview-search__input::placeholder { font-size: 12px; }
       .herbano-overview-search__submit { padding: 8px 14px; font-size: 12px; }
   }

   /* ============================================================
   Wissensreihen-Pille auf Artikel-Karten
   ============================================================ */

.herbano-article-card__wr-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    align-self: flex-start;
    background: rgba(70, 124, 72, 0.08);
    color: var(--hb-accent);
    font-family: var(--hb-f-body);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    padding: 3px 8px;
    border-radius: 12px;
    margin-bottom: 6px;
}

.herbano-article-card__wr-pill--hub {
    background: var(--hb-mint);
    color: var(--hb-accent-dark);
}

.herbano-article-card__wr-icon {
    flex-shrink: 0;
}

/* ============================================================
   Wissensreihen Mobile-Section (zwischen Kategorien und Listing)
   Auf Desktop ausgeblendet — da übernimmt die Sidebar.
   ============================================================ */

.herbano-wissensreihen-mobile {
    display: none;
}

@media (max-width: 1023px) {
    .herbano-wissensreihen-mobile {
        display: block;
        background: var(--hb-mist);
        padding: var(--hb-sp-5) var(--hb-sp-4);
        margin: 0 var(--hb-sp-4) var(--hb-sp-5);
        border-radius: var(--hb-r-lg);
    }

    .herbano-wissensreihen-mobile__title {
        font-family: var(--hb-f-display);
        font-size: 20px;
        font-weight: 700;
        color: var(--hb-ink);
        margin: 0 0 4px;
    }

    .herbano-wissensreihen-mobile__intro {
        font-size: 13px;
        color: var(--hb-ink-3);
        margin: 0 0 var(--hb-sp-3);
        line-height: 1.4;
    }

    .herbano-wissensreihen-mobile__list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .herbano-wissensreihen-mobile__item {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 12px;
        padding: 10px 14px;
        background: #fff;
        border-radius: 8px;
        color: var(--hb-ink);
        text-decoration: none;
        font-size: 14px;
        transition: background var(--hb-dur-micro) var(--hb-ease);
    }

    .herbano-wissensreihen-mobile__item:hover {
        background: var(--hb-mint);
    }

    .herbano-wissensreihen-mobile__name {
        font-weight: 600;
        flex: 1;
        min-width: 0;
    }

    .herbano-wissensreihen-mobile__count {
        font-size: 12px;
        color: var(--hb-accent);
        font-weight: 600;
        flex-shrink: 0;
    }
}

/* ============================================================
   Wissensreihen-Box — Container neutral, Items als Karten
   ============================================================ */

   .herbano-overview-sidebar {
    background: transparent;
    border: none;
    padding: 0;
}

.herbano-overview-sidebar__item {
    background: #f8f8f8;
    border: 1px solid rgba(70, 124, 72, 0.3);
    border-radius: 8px;
    padding: 10px 14px;
}

.herbano-overview-sidebar__item:hover {
    background: #fff;
    border-color: rgba(70, 124, 72, 0.55);
}

@media (max-width: 1023px) {
    .herbano-wissensreihen-mobile {
        background: transparent;
        border: none;
        padding: 0 var(--hb-sp-4);
        margin: 0 0 var(--hb-sp-5);
    }
}

    .herbano-wissensreihen-mobile__item {
        background: #f8f8f8;
        border: 1px solid rgba(70, 124, 72, 0.3);
    }

    .herbano-wissensreihen-mobile__item:hover {
        background: #fff;
        border-color: rgba(70, 124, 72, 0.55);
    }


/* ============================================================
   Filter-Pills — Mehr-Toggle
   ============================================================ */

   .herbano-overview-filter__more {
    background: transparent;
    border: none;
    color: var(--hb-ink-3);
    font-family: var(--hb-f-body);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    padding: 6px 4px;
    text-decoration: underline;
    transition: color var(--hb-dur-micro) var(--hb-ease);
}

.herbano-overview-filter__more:hover {
    color: var(--hb-accent);
}

[x-cloak] { display: none !important; }

/* ============================================================
   Category-Card aktiv — leicht erhöht, dezenter Forest-Schatten
   ============================================================ */

   .herbano-category-card.is-active {
    transform: translateY(-6px);
    box-shadow: 0 10px 24px rgba(70, 124, 72, 0.25);
    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1),
                box-shadow 200ms cubic-bezier(0, 0, 0.2, 1);
}

.herbano-category-card.is-active::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 3px;
    background: var(--hb-accent);
    border-radius: 2px;
}

@media (max-width: 1023px) {
    .herbano-wissensreihen-mobile__title {
        font-family: var(--hb-f-display);
        font-weight: 600;
        font-size: 22px;
        color: var(--hb-accent);
        margin: 0 0 var(--hb-sp-1);
    }
}
/* Anchor für Auto-Scroll nach Suche/Kategorie-Klick */
#herbano-listing-anchor {
    scroll-margin-top: 80px;
}