/* TB2B Mitgliedschaft (bvik). Regeln siehe inc/komponenten/tb2b-mitgliedschaft.php.
   Weissraum: das Polster ist 10 % der Logobreite (--logo-b * 0.1), damit die
   Vorgabe des Verbands bei jeder Breite rechnerisch erfuellt ist. */
.bvik-mitglied {
  --logo-b: 220px;
  display: flex;
  align-items: center;
  gap: 16px 24px;
  flex-wrap: wrap;
}
.bvik-mitglied__logo {
  display: block;
  flex: none;
  width: calc(var(--logo-b) * 1.2);
  padding: calc(var(--logo-b) * 0.1);
  line-height: 0;
  text-decoration: none;
  border: 0;
  background: none;
}
.bvik-mitglied__bild { display: block; width: 100%; height: auto; }
.bvik-mitglied__logo:focus-visible { outline: 2px solid var(--signal, #0052ff); outline-offset: 2px; }
.bvik-mitglied__text {
  flex: 1 1 280px;
  max-width: 52ch;
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--grey, #434656);
}

/* Heller Grund, etwa unter der Stationen-Leiste auf /ueber/ */
.bvik-mitglied--hell { margin-top: 48px; }
.bvik-mitglied-band { padding: 0 0 80px; }
.bvik-mitglied-band .bvik-mitglied--hell { margin-top: 0; }

/* Dunkler Grund im Fuss: weisses Logo, schmaler, ohne Satz */
.bvik-mitglied--dunkel { --logo-b: 150px; margin-top: 20px; margin-left: calc(var(--logo-b) * -0.1); }
.bvik-mitglied--dunkel .bvik-mitglied__text { color: rgba(248, 249, 255, 0.72); }

@media (max-width: 600px) {
  .bvik-mitglied--hell { --logo-b: 180px; margin-top: 36px; }
}