/* drx_opc: CTA-Banner — full-bleed Farbband, Button invertiert (Olivgruen auf Gelb / Gelb auf Gruen). */
.drx-cta {
    --drx-green: rgb(64, 86, 29);
    --drx-yellow: #FBD747;
    --drx-ink: #2f3327;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    text-align: center;
    padding: clamp(2rem, 4.5vw, 3.5rem) 1rem;
}
.drx-cta--yellow { background: var(--drx-yellow); color: var(--drx-ink); }
.drx-cta--green { background: var(--drx-green); color: #fff; }
.drx-cta-head { font-size: clamp(1.4rem, 2.6vw, 2.2rem); font-weight: 400; margin: 0 0 .5rem; color: inherit; }
.drx-cta-sub { font-size: clamp(.95rem, 1.5vw, 1.2rem); margin: 0 0 1.4rem; color: inherit; }
.drx-cta-btn {
    display: inline-block;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .8rem;
    padding: .9em 1.8em;
    transition: filter .2s ease, transform .2s ease;
}
.drx-cta--yellow .drx-cta-btn { background: var(--drx-green); color: #fff; }
.drx-cta--green .drx-cta-btn { background: var(--drx-yellow); color: var(--drx-green); }
.drx-cta-btn:hover { filter: brightness(1.08); transform: translateY(-2px); text-decoration: none; }
.drx-cta--yellow .drx-cta-btn:hover { color: #fff; }
.drx-cta--green .drx-cta-btn:hover { color: var(--drx-green); }