/* Baustein „anbieter“: Logos der beschriebenen Anbieter, nur auf Seiten mit diesem Baustein geladen */

.anbieter,
.fliesstext .anbieter {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 20px 48px;
  margin: 28px 0;
  padding: 22px 26px;
  border: 1px solid var(--linie);
  border-radius: var(--radius);
  background: #fff;
}

.anbieter__eintrag,
.fliesstext .anbieter__eintrag { margin: 0; }

.anbieter__verweis {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  color: var(--tinte);
}
.fliesstext .anbieter__verweis { text-decoration: none; }

.anbieter__logo,
.fliesstext img.anbieter__logo {
  display: block;
  height: 44px;
  width: auto;
  max-width: 240px;
  object-fit: contain;
  border-radius: 0;
  margin: 0;
}

.anbieter__name { font-size: 13.5px; color: var(--gedaempft); }
a.anbieter__verweis:hover .anbieter__name,
a.anbieter__verweis:focus-visible .anbieter__name { color: var(--marke); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 600px) {
  .anbieter, .fliesstext .anbieter { gap: 18px 32px; padding: 18px 20px; }
  .anbieter__logo, .fliesstext img.anbieter__logo { height: 36px; }
}