/* ================================
   Tab-Leiste (Angebots-Kategorien + Über-uns-Seiten)
   Comp: weiße Leiste mit Hairlines, aktiver Tab dunkelrot + Unterstrich.
   ================================ */
.angebot-sub-nav {
    border-top: 1px solid #DDD6CB;
    border-bottom: 1px solid #DDD6CB;
    margin-bottom: var(--spacing-xl);
}

.angebot-sub-nav ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.angebot-sub-nav li {
    flex: 1 1 auto;
    text-align: center;
}

.angebot-sub-nav a {
    display: inline-block;
    color: var(--color-text-primary);
    text-decoration: none;
    font-size: var(--font-size-small);
    font-weight: 500;
    padding: 0.9rem 1rem calc(0.9rem - 3px);
    border-bottom: 3px solid transparent;
}

.angebot-sub-nav li.is-active a {
    color: var(--color-red-dark);
    font-weight: 700;
    border-bottom-color: var(--color-red-dark);
}

.angebot-sub-nav a:hover {
    color: var(--color-red-dark);
}