/* ==========================================================================
   KOBIL — Company: Ventures-Logos "Powered by KOBIL technology"
   (Figma "kobil ventures" 16578:18614, 1280x548). Weiße Flush-Fläche:
   120px-Padding vertikal, KOBIL-Ventures-Badge (194x54) + H2 (40/50),
   darunter (90px) zentrierte Logo-Reihe (7 Logos, 54px hoch, Gap 72px,
   alle in System/%60 #B9C1D1), Abschluss 1px-Hairline --navy-40.
   Mobile ("content" 16578:18826 in M-Company): 60/16-Padding, Badge 36px,
   H2 28/36 zweizeilig, Logos ~58% in zwei Reihen (Gap 32/20).
   ========================================================================== */

.sec-company-ventures-logos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 90px;
  /* 120px unten inkl. Hairline — Figma-Gesamthöhe 548px bleibt exakt */
  padding: 120px 40px 119px;
  background: var(--white);
  border-bottom: 1px solid var(--navy-40);
}

/* ---- Kopf: Badge + Headline -------------------------------------------- */

.sec-company-ventures-logos .cvl-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  max-width: 696px;
}

.sec-company-ventures-logos .cvl-badge {
  display: block;
  width: 194px;
  height: 54px;
}

.sec-company-ventures-logos .cvl-title {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  color: var(--navy);
  text-align: center;
}

/* ---- Logo-Reihe ---------------------------------------------------------- */

.sec-company-ventures-logos .cvl-logos {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px 72px;
  width: 100%;
  min-height: 54px;
}

.sec-company-ventures-logos .cvl-logo {
  display: flex;
}

.sec-company-ventures-logos .cvl-logo img {
  display: block;
}

/* Exakte Figma-Maße (Bounding-Boxen der Vektoren) */
.sec-company-ventures-logos .cvl-logo--forbes img { width: 106.647px; height: 27.47px; }
.sec-company-ventures-logos .cvl-logo--esapp  img { width: 157.96px;  height: 25.386px; }
.sec-company-ventures-logos .cvl-logo--spark  img { width: 103.415px; height: 48.476px; }
.sec-company-ventures-logos .cvl-logo--caree  img { width: 109.071px; height: 53.227px; }
.sec-company-ventures-logos .cvl-logo--mercan img { width: 54.914px;  height: 48.324px; }
.sec-company-ventures-logos .cvl-logo--skor   img { width: 97.76px;   height: 35.549px; }
.sec-company-ventures-logos .cvl-logo--paw    img { width: 50.092px;  height: 45.244px; }

/* ---- Responsive ---------------------------------------------------------- */

/* Reihe (679.9px Logos + 6 Gaps) einzeilig halten: Gap 72 passt bis
   Viewport 1192 (679.9 + 6x72 + 2x40 = 1191.9), darunter stufenweise
   verkleinern, bis 1025px reicht Gap 28 (679.9 + 6x28 = 847.9 ≤ vw−160) */
@media (max-width: 1191px) {
  .sec-company-ventures-logos .cvl-logos {
    gap: 40px 48px;
  }
}

@media (max-width: 1140px) {
  .sec-company-ventures-logos .cvl-logos {
    gap: 40px 28px;
  }
}

@media (max-width: 1024px) {
  .sec-company-ventures-logos {
    gap: 64px;
    padding: 88px 40px 87px;
  }

  .sec-company-ventures-logos .cvl-logos {
    gap: 32px 48px;
  }
}

/* ---- Mobile (Figma "content" 16578:18826: 60/16-Padding, Badge 36px,
   H2 mobile 28/36, Logos ~58% zweireihig, Gap 32/20) ---- */

@media (max-width: 768px) {
  .sec-company-ventures-logos {
    gap: 48px;
    padding: 60px 16px 59px;
  }

  .sec-company-ventures-logos .cvl-top {
    gap: 24px;
    max-width: 313px;
  }

  .sec-company-ventures-logos .cvl-badge {
    width: auto;
    height: 36px;
  }

  .sec-company-ventures-logos .cvl-title {
    font-size: 28px;
    line-height: 36px;
  }

  .sec-company-ventures-logos .cvl-logos {
    max-width: 345px;
    gap: 20px 32px;
    min-height: 0;
  }

  .sec-company-ventures-logos .cvl-logo--forbes img { width: 60.808px;  height: 15.663px; }
  .sec-company-ventures-logos .cvl-logo--esapp  img { width: 103.388px; height: 16.616px; }
  .sec-company-ventures-logos .cvl-logo--spark  img { width: 60.801px;  height: 28.501px; }
  .sec-company-ventures-logos .cvl-logo--caree  img { width: 65.697px;  height: 32.06px; }
  .sec-company-ventures-logos .cvl-logo--mercan img { width: 27.946px;  height: 24.593px; }
  .sec-company-ventures-logos .cvl-logo--skor   img { width: 54.358px;  height: 19.767px; }
  .sec-company-ventures-logos .cvl-logo--paw    img { width: 27px;      height: 24.387px; }
}