.card-aktivierung h3 { margin: 0; color: var(--text-muted); }
.card-aktivierung:hover { border-style: solid; border-color: var(--accent); }
.category-hero {
    position: relative;
    min-height: 14rem;
    background-size: cover;
    background-position: center;
    border-radius: var(--radius-3);
    overflow: hidden;
    margin-bottom: var(--abstand-6);
}
.category-hero-overlay {
    position: absolute;
    inset: 0;
    padding: var(--abstand-6);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--scrim) 65%, transparent) 100%);
    color: var(--on-scrim);
}
.category-hero-overlay h1 {
    color: var(--on-scrim);
    margin: 0 0 var(--abstand-2);
}
.category-untertitel {
    font-size: var(--schrift-4);
    color: var(--text-muted);
    margin: 0 0 var(--abstand-6);
    font-style: italic;
}
.category-hero .category-untertitel {
    color: color-mix(in srgb, var(--on-scrim) 90%, transparent);
    margin: 0;
}
.category-intro:has(+ .staffel-ticker) { margin-bottom: var(--abstand-5); }
.card-aktivierungen { display: flex; flex-direction: column; gap: var(--abstand-3); }