#rabattAktion {
    --rabatt-green: var(--color-green);
    --rabatt-green-dark: var(--color-green-dark);
}

#rabattAktion .text-success {
    color: var(--rabatt-green) !important;
}

#rabattAktion .bg-success {
    background-color: var(--rabatt-green) !important;
}

#rabattAktion .bg-success-subtle {
    background-color: rgba(0, 130, 48, 0.1) !important;
}

#rabattAktion .rabatt-promo-hero,
#rabattAktion .rabatt-promo-content {
    border: 1px solid rgba(61, 74, 61, 0.08) !important;
    box-shadow: 0 0.65rem 1.75rem rgba(31, 52, 37, 0.08) !important;
}

#rabattAktion .rabatt-promo-accent {
    min-height: 5px;
    padding: 0 !important;
}

#rabattAktion .rabatt-promo-eyebrow {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
}

#rabattAktion .rabatt-promo-title {
    max-width: none;
    font-size: clamp(2rem, 3.2vw, 2.75rem);
    letter-spacing: -0.015em;
}

#rabattAktion .rabatt-promo-lead {
    max-width: 1050px;
    font-size: clamp(1rem, 1.4vw, 1.1rem);
    line-height: 1.55;
}

#rabattAktion .btn-success {
    --bs-btn-bg: var(--rabatt-green);
    --bs-btn-border-color: var(--rabatt-green);
    --bs-btn-hover-bg: var(--rabatt-green-dark);
    --bs-btn-hover-border-color: var(--rabatt-green-dark);
    --bs-btn-active-bg: var(--rabatt-green-dark);
    --bs-btn-active-border-color: var(--rabatt-green-dark);
    box-shadow: 0 0.3rem 0.8rem rgba(0, 130, 48, 0.2);
}

#rabattAktion .rabatt-promo-fact {
    border: 1px solid rgba(61, 74, 61, 0.08) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#rabattAktion .rabatt-promo-icon {
    display: inline-flex;
    flex: 0 0 2.4rem;
    width: 2.4rem;
    height: 2.4rem;
    align-items: center;
    justify-content: center;
}

#rabattAktion .rabatt-promo-notice {
    border-color: rgba(0, 130, 48, 0.22);
    border-left: 4px solid var(--rabatt-green);
    background-color: rgba(0, 130, 48, 0.07);
    color: #2c4936;
}

#rabattAktion article .badge {
    display: inline-flex;
    flex: 0 0 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    align-items: center;
    justify-content: center;
    padding: 0;
}

@media (hover: hover) {
    #rabattAktion .rabatt-promo-fact:hover {
        box-shadow: 0 0.65rem 1.4rem rgba(31, 52, 37, 0.11) !important;
        transform: translateY(-3px);
    }
}

@media (prefers-reduced-motion: reduce) {
    #rabattAktion .rabatt-promo-fact {
        transition: none;
    }
}