/* Block: Logo-Reihe (Partner / Online-Shops)
   Sollwerte am Figma-Screenshot ausgemessen
   (.figma-ref/Sprint 2/Händlersuche_desktop.png), 2026-08-12:

   Überschrift  34px Literata SemiBold #263864 (T/M 22px)
   Text         16px Poppins Regular #000000, 25px unter der Überschrift
   Logos        zentriert in einer Reihe, Höhe bis 110px, Breite automatisch
                (die Logodateien sind unterschiedlich proportioniert),
                Abstand 48px waagerecht · umbrechen auf schmalen Breiten
   Keine clamp()-Größen – feste Stufen je Breakpoint. */

/* Abstand oberhalb/unterhalb der Sektion: assets/css/section-spacing.css */

.logo-row-headline {
    font-family: var(--font-heading);
    font-weight: var(--fw-semibold);
    font-size: 22px;
    line-height: normal;
    color: var(--color-dark);
    margin-top: 0;
    margin-bottom: 25px;
}

.logo-row-text {
    font-family: var(--font-body);
    font-weight: var(--fw-normal);
    font-size: var(--fs-copy-s);               /* 16px */
    line-height: 1.6;
    color: var(--color-text);
    margin: 0 0 56px;
}

.logo-row-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 32px 48px;
    margin: 0;
    padding: 0;
}

.logo-row-item {
    display: flex;
}

/* Die Logos kommen in unterschiedlichen Seitenverhältnissen – über die Höhe
   begrenzen, damit sie optisch gleich groß wirken. */
.logo-row-img {
    display: block;
    max-width: 100%;
    max-height: 110px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.logo-row-link {
    display: block;
}

/* ── Desktop (≥1200px) ───────────────────────────────────── */
@media (min-width: 1200px) {
    .logo-row-headline {
        font-size: 34px;
    }
}