/* Briefing 12: supplied customer logos; existing marquee layout stays intact. */
.brands .customer-logo {
  display: block;
  flex: none;
  width: auto;
  height: var(--logo-height);
  opacity: .6;
  transition: opacity .25s ease;
}
.brands .customer-logo:hover { opacity: .9; }
.brands .customer-logo--heyfreiheit { --logo-height: 26px; }
.brands .customer-logo--erfolgsfaktor-frau { --logo-height: 32px; }
.brands .customer-logo--tnt-fitness { --logo-height: 26px; }
.brands .customer-logo--lmk-immobilien { --logo-height: 41px; }
.brands .customer-logo--wkb-gruppe { --logo-height: 39px; }
.brands .customer-logo--younivers { --logo-height: 23px; }
.brands .customer-logo--mertens { --logo-height: 28px; }

@media (max-width: 760px) {
  .brands .customer-logo { height: calc(var(--logo-height) * .8); }
}