/* Tickblaze (Kundenwunsch vom 03.10.2026): Partnerleiste der Startseite und
   Plattform-Karte statt DX Trade. Bilder unter /assets/media, aus dem Logo des
   Kunden umgefärbt (Schriftzug hell, Flamme im Original). */

/* Partnerleiste: optisch so hoch wie die Volumetrica-Marke daneben. Der Link
   darf in der Flex-Zeile nicht schrumpfen, sonst wird das Logo gestaucht. */
.lvf-s02-tb {
  flex: 0 0 auto;
}
.lvf-s02-tb img {
  display: block;
  width: auto;
  max-width: none;
  height: clamp(34px, calc(22px + 1.5625vw), 40px);
}

/* Plattform-Karte: gestapelte Fassung mittig in der schwarzen Logo-Box. */
.lvf-s06-logo-box .lvf-s06-logo-img--tb {
  left: 50%;
  top: 50%;
  width: 72%;
  height: auto;
  transform: translate(-50%, -50%);
}

/* Mit Tickblaze sind es fünf Logos: zwischen 768 und rund 1200 px passen sie
   nicht mehr in eine Reihe, Hansa und Siegel wurden bis auf wenige Pixel
   gestaucht. Dort umbrechen statt stauchen (gemessen 04.10.2026). */
@media (min-width: 768px) {
  .lvf-s02-partners {
    flex-wrap: wrap;
    row-gap: 30px;
    /* Der Abstand war mit bis zu 101 px auf vier Logos ausgelegt. Mit fünf
       passt die Reihe so ab etwa 1150 px wieder in eine Zeile. */
    column-gap: clamp(32px, 4vw, 60px);
  }
  .lvf-s02-partners > * {
    flex-shrink: 0;
  }
}

/* Unter 1180 px immer drei Logos oben, zwei unten: ohne Begrenzung stand bei
   rund 1024 px das Siegel allein in der zweiten Reihe. */
@media (min-width: 768px) and (max-width: 1179px) {
  .lvf-s02-partners {
    max-width: 860px;
    margin-inline: auto;
    /* lvlup-home.css setzt ab 768 px height: 120px; zwei Reihen brauchen mehr. */
    height: auto;
    min-height: 120px;
  }
}

/* Konfigurator der Evaluation-Seite: Plattformauswahl, Logo wie in der
   Partnerleiste, so hoch wie das Volumetrica-Zeichen daneben. */
.lvev-e3 .lvev-e3-tb {
  display: inline-flex;
  align-items: center;
}
.lvev-e3 .lvev-e3-tb img {
  display: block;
  width: auto;
  max-width: none;
  height: 26px;
}
@media (min-width: 1024px) {
  .lvev-e3 .lvev-e3-tb img { height: 30px; }
}