/* drx_opc: USP-Leiste — warmes Band, voll responsiv. CI-Grün rgb(64,86,29). */
.drx-usp {
    --drx-green: rgb(64, 86, 29);
    --drx-green-soft: rgb(233, 241, 222);
    --drx-cream: #f7f5ee;
    --drx-ink: #2f3327;
    background: var(--drx-cream);
    border-radius: 18px;
    padding: 1.6rem 1.2rem;
    margin: 0;
}
.drx-usp-inner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.2rem;
    align-items: stretch;
}
.drx-usp-item {
    display: flex;
    align-items: center;
    gap: .9rem;
    padding: .4rem .6rem;
    text-align: left;
}
.drx-usp-item + .drx-usp-item { position: relative; }
.drx-usp-icon {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--drx-green-soft);
    color: var(--drx-green);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    transition: transform .25s ease, background .25s ease;
}
.drx-usp-item:hover .drx-usp-icon { transform: translateY(-3px); background: var(--drx-green); color: #fff; }
.drx-usp-text { display: flex; flex-direction: column; min-width: 0; }
.drx-usp-title { font-weight: 700; color: var(--drx-ink); font-size: 1.02rem; line-height: 1.25; }
.drx-usp-sub { color: #6b7257; font-size: .86rem; margin-top: .12rem; }

/* Trennlinien zwischen den Punkten (nur Desktop) */
@media (min-width: 992px) {
    .drx-usp-item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: -.6rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 44px;
        background: rgba(64, 86, 29, .14);
    }
    .drx-usp-item { position: relative; }
}

@media (max-width: 991px) {
    .drx-usp-inner { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
}
@media (max-width: 575px) {
    .drx-usp { border-radius: 14px; padding: 1.2rem .9rem; }
    .drx-usp-inner { grid-template-columns: 1fr; gap: .7rem; }
    .drx-usp-item { justify-content: flex-start; }
    .drx-usp-icon { width: 48px; height: 48px; font-size: 1.3rem; }
}

/* drx: Bild-Icons (PSD-Line-Art) in der Kreisflaeche */
.drx-usp-icon img { width: 60%; height: 60%; object-fit: contain; }

/* drx: Band-Variante (PSD-Startseite) — vollbreites, flaches Sage-Band, Punkte zentriert nebeneinander */
.drx-usp--band {
    width: 100vw;
    margin: 0 0 0 calc(50% - 50vw);
    border-radius: 0;
    background: #dfe8cd;
    padding: 1.5rem 1rem;
}
/* drx: Pillen-/Karten-Reste aus Theme oder Card-Variante hart zuruecksetzen */
.drx-usp--band .drx-usp-item,
.drx-usp--band .drx-usp-icon,
.drx-usp--band .drx-usp-text {
    background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.drx-usp--band .drx-usp-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: .8rem 2rem;
}
.drx-usp--band .drx-usp-item { padding: 0; }
.drx-usp--band .drx-usp-icon { width: 34px; height: 34px; background: transparent; }
.drx-usp--band .drx-usp-icon img { width: 100%; height: 100%; }
.drx-usp--band .drx-usp-item:hover .drx-usp-icon { transform: none; background: transparent; color: inherit; }
.drx-usp--band .drx-usp-title { font-weight: 400; font-size: .95rem; color: #2f3327; }
.drx-usp--band .drx-usp-item:not(:last-child)::after { display: none; }