/* ============================================================
   "Wir" strip on the home page — styles `_wir.html`. Layout only,
   all colors/space/type from design-system tokens. No rounded corners.

   Pairs with `website/partner-logos.css` (shared with the Vernetzen
   page); home.html links both.
   ============================================================ */

/* ---- Wir strip ---- */
.wir { display: grid; grid-template-columns: auto 1fr; gap: var(--space-7); align-items: center; }
.wir__mark { width: 120px; }

/* ---- Partners ----
   The row is a credibility signal below the copy. It used to be
   plain text in --text-faint; the marks now come from
   website/partner-logos.css (shared with the Vernetzen page), and
   this block only sets the row layout and the height knob.
   The marks run in their original colours at full opacity for
   trademark reasons — do not dim this row back down to blend it
   into the section. Restraint has to come from size and spacing
   instead, which is why the height stays at the low end.

   space-evenly spreads the three across the column with equal outer
   and inner gaps, so the group reads as centred rather than clustered
   left. `gap` stays as the floor: once the row is narrow enough that
   even spacing would push the marks closer than --space-6, the gap
   wins and the row wraps instead. Wrapped rows are centred too. */
.partners {
  display: flex; gap: var(--space-6); flex-wrap: wrap;
  justify-content: space-evenly; align-items: center;
  --partner-logo-h: clamp(1.5rem, 2.5vw, 2rem);
}

@media (max-width: 900px) {
  .wir { grid-template-columns: 1fr; }
}