/* drx_opc: FAQ — full-bleed Stein-BG, schlanke Linien-Optik mit Plus-Indikator (dreht zu X). */
.drx-faq {
    --drx-green: rgb(64, 86, 29);
    --drx-ink: #2f3327;
    width: 100vw;
    margin: 0 0 0 calc(50% - 50vw);   /* drx: kein Weissraum ober-/unterhalb des Stein-Bands (schliesst an CTA an) */
    background-size: cover;
    background-position: center;
    padding: clamp(2rem, 5vw, 4rem) 0;
}
.drx-faq-inner { max-width: 1240px; margin: 0 auto; padding: 0 1rem; }
.drx-faq-head {
    font-size: clamp(1.3rem, 2.2vw, 1.9rem);
    font-weight: 400;
    color: var(--drx-ink);
    margin: 0 0 clamp(1rem, 2.5vw, 2rem);
}
.drx-faq-item { border-bottom: 1px solid rgba(255, 255, 255, .9); }
.drx-faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    background: none;
    border: 0;
    padding: .95rem .2rem;
    text-align: left;
    color: var(--drx-ink);
    font-size: .98rem;
    cursor: pointer;
}
.drx-faq-q:focus { outline: 2px solid var(--drx-green); outline-offset: 2px; }
/* drx: NOVA legt dem Collapse-Button ein eigenes ::after-Caret an -> als 3. Flex-Item schob es
   unseren Chevron in die Zeilenmitte (doppelter Indikator). Ausblenden, wir nutzen .drx-faq-plus. */
.drx-faq-q::after, .drx-faq-q::before { display: none !important; content: none !important; }
/* drx: Standard-Akkordeon-Chevron (dreht beim Oeffnen nach oben) — kein selbstgebautes Plus/X mehr */
.drx-faq-plus {
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    margin: 0 4px 5px 0;
    border-right: 2px solid var(--drx-green);
    border-bottom: 2px solid var(--drx-green);
    transform: rotate(45deg);
    transition: transform .25s ease, margin .25s ease;
}
.drx-faq-q:not(.collapsed) .drx-faq-plus { transform: rotate(-135deg); margin: 5px 4px 0 0; }
.drx-faq-a-body { padding: 0 .2rem 1rem; color: #4a4f40; line-height: 1.6; font-size: .93rem; max-width: 75ch; }
.drx-faq-item--empty .drx-faq-q em { color: #999; font-size: .85rem; }