/* ==========================================================================
   KOBIL — Solution OneSec4All, Sektion: Compliance (Figma 16604:21446)
   Weiße Karte: zentrierte H2 + Lede (696px), zwei zentrierte Badge-Reihen
   in Navy (#11244A), Gap 60px / Reihen-Gap 40px, "+More"-Chip in Blau.
   ========================================================================== */

.sec-onesec4all-compliance {
  background: var(--white);
  border-radius: var(--radius-sm);
  padding: 120px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
  overflow: clip;
}

/* --- Kopf: Headline + Lede ------------------------------------------------ */

.sec-onesec4all-compliance .o4s-compliance__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 696px;
  text-align: center;
}

.sec-onesec4all-compliance .o4s-compliance__heading {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--navy);
}

.sec-onesec4all-compliance .o4s-compliance__lede {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  color: var(--navy-70);
}

/* --- Badge-Reihen ---------------------------------------------------------- */

.sec-onesec4all-compliance .o4s-compliance__rows {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  max-width: 100%;
}

.sec-onesec4all-compliance .o4s-compliance__row {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 32px 60px;
}

.sec-onesec4all-compliance .o4s-compliance__row--1 {
  min-height: 87px;
}

.sec-onesec4all-compliance .o4s-compliance__row--2 {
  min-height: 77px;
}

.sec-onesec4all-compliance .o4s-compliance__row li {
  display: flex;
}

.sec-onesec4all-compliance .o4s-compliance__row img {
  display: block;
  width: auto;
}

/* Exakte Figma-Maße (PNGs sind 2x exportiert) */
.sec-onesec4all-compliance .o4s-compliance__badge--gdpr img  { height: 87.7px; }
.sec-onesec4all-compliance .o4s-compliance__badge--psd2 img  { height: 87.7px; }
.sec-onesec4all-compliance .o4s-compliance__badge--apple img { height: 35.7px; }
.sec-onesec4all-compliance .o4s-compliance__badge--eidas img { height: 26.8px; }
.sec-onesec4all-compliance .o4s-compliance__badge--obe img   { height: 50px; }
.sec-onesec4all-compliance .o4s-compliance__badge--hipaa img { height: 51.5px; }
.sec-onesec4all-compliance .o4s-compliance__badge--ccpa img  { height: 63.6px; }
.sec-onesec4all-compliance .o4s-compliance__badge--swift img { height: 64.7px; }
.sec-onesec4all-compliance .o4s-compliance__badge--bddk img  { height: 63px; }
.sec-onesec4all-compliance .o4s-compliance__badge--glba img  { height: 73px; }

/* --- "+More"-Chip ----------------------------------------------------------- */

.sec-onesec4all-compliance .o4s-compliance__more {
  margin: 0;
  padding: 6px 16px;
  border-radius: 2px;
  background: rgba(62, 191, 252, 0.1);
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: var(--blue);
  white-space: nowrap;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1024px) {
  .sec-onesec4all-compliance {
    padding: 100px 32px;
    gap: 48px;
  }

  .sec-onesec4all-compliance .o4s-compliance__row {
    gap: 28px 44px;
  }

  .sec-onesec4all-compliance .o4s-compliance__rows {
    gap: 32px;
  }

  .sec-onesec4all-compliance .o4s-compliance__row--1,
  .sec-onesec4all-compliance .o4s-compliance__row--2 {
    min-height: 0;
  }
}

@media (max-width: 768px) {
  .sec-onesec4all-compliance {
    padding: 80px 24px;
    gap: 40px;
  }

  .sec-onesec4all-compliance .o4s-compliance__heading {
    font-size: 32px;
    line-height: 42px;
  }

  .sec-onesec4all-compliance .o4s-compliance__lede {
    font-size: 18px;
    line-height: 26px;
  }

  .sec-onesec4all-compliance .o4s-compliance__row {
    gap: 24px 36px;
  }

  .sec-onesec4all-compliance .o4s-compliance__rows {
    gap: 24px;
  }
}

@media (max-width: 480px) {
  .sec-onesec4all-compliance {
    padding: 64px 16px;
    gap: 32px;
  }

  .sec-onesec4all-compliance .o4s-compliance__heading {
    font-size: 28px;
    line-height: 36px;
  }

  .sec-onesec4all-compliance .o4s-compliance__lede {
    font-size: 16px;
    line-height: 23px;
  }

  .sec-onesec4all-compliance .o4s-compliance__row {
    gap: 20px 28px;
  }

  /* Badges auf sehr schmalen Screens leicht verkleinern */
  .sec-onesec4all-compliance .o4s-compliance__badge--gdpr img  { height: 72px; }
  .sec-onesec4all-compliance .o4s-compliance__badge--psd2 img  { height: 72px; }
  .sec-onesec4all-compliance .o4s-compliance__badge--apple img { height: 30px; }
  .sec-onesec4all-compliance .o4s-compliance__badge--eidas img { height: 24px; }
  .sec-onesec4all-compliance .o4s-compliance__badge--obe img   { height: 44px; }
  .sec-onesec4all-compliance .o4s-compliance__badge--hipaa img { height: 44px; }
  .sec-onesec4all-compliance .o4s-compliance__badge--ccpa img  { height: 54px; }
  .sec-onesec4all-compliance .o4s-compliance__badge--swift img { height: 56px; }
  .sec-onesec4all-compliance .o4s-compliance__badge--bddk img  { height: 54px; }
  .sec-onesec4all-compliance .o4s-compliance__badge--glba img  { height: 62px; }
}