/* ==========================================================================
   nachbau-kunden.css – Brücke: Divi-Modul-Markup -> kunden.css
   Gehört zum Divi-Nachbau von /kunden/. kunden.css bleibt unverändert.
   ========================================================================== */

/* --- Ausrichtung: landing-divi.css setzt .et_pb_text auf inherit ---------- */
body.cl-divi-rebuild .et_pb_text.ku-stat { text-align: center; }
body.cl-divi-rebuild .et_pb_text.ku-testi { text-align: left; }

/* --- Hero ----------------------------------------------------------------- */
body.cl-divi-rebuild .ku-hero.et_pb_section { text-align: center; }
body.cl-divi-rebuild .et_pb_column.ku-hero-content { float: none; }
body.cl-divi-rebuild .ku-line-mod .et_pb_text_inner { display: flex; justify-content: center; }

/* --- Kennzahlen: Spalte ist der Flex-Container, Trenner als Pseudo --------
   Der doppelte Gap + 1px ersetzt die beiden Trenner-DIVs des Originals,
   damit die Gesamtbreite auf den Pixel stimmt. */
/* Der Zahlenbereich klebte direkt unter dem Hero (padding-top war 0). Jetzt
   derselbe Abstand, den der Hero nach unten hält (Kundenwunsch 18.08.). */
body.cl-divi-rebuild .ku-stats-section.et_pb_section { padding-top: 60px; }

body.cl-divi-rebuild .et_pb_column.ku-stats {
  float: none; margin: 0 auto !important;
  gap: calc(clamp(24px, 5vw, 64px) * 2 + 1px);
}
body.cl-divi-rebuild .ku-stats > .et_pb_text.ku-stat { margin: 0 !important; }
body.cl-divi-rebuild .ku-stats > .ku-stat + .ku-stat { position: relative; }
body.cl-divi-rebuild .ku-stats > .ku-stat + .ku-stat::before {
  content: ''; position: absolute; top: 50%; left: calc(-1 * (clamp(24px, 5vw, 64px) + 0.5px));
  transform: translateY(-50%); width: 1px; height: 48px; background: var(--ku-border);
}
@media (max-width: 640px) {
  body.cl-divi-rebuild .et_pb_column.ku-stats { gap: 20px; }
  body.cl-divi-rebuild .ku-stats > .ku-stat + .ku-stat::before { display: none; }
}

/* --- Logo-Raster ---------------------------------------------------------- */
body.cl-divi-rebuild .et_pb_column.ku-logo-grid { float: none; margin: 0 !important; }
body.cl-divi-rebuild .ku-logo-grid > .et_pb_image.ku-logo-card { margin: 0 !important; padding: 0; }
body.cl-divi-rebuild .ku-logo-card > a {
  flex: 1; align-self: stretch; display: flex; align-items: center; justify-content: center;
  padding: 26px 24px; box-sizing: border-box;
}
body.cl-divi-rebuild .ku-logo-card .et_pb_image_wrap {
  display: flex; align-items: center; justify-content: center; max-width: 100%; max-height: 64px;
}
body.cl-divi-rebuild .ku-logo-card img { max-width: 100%; max-height: 64px; width: auto; height: auto; }
@media (max-width: 680px) {
  body.cl-divi-rebuild .ku-logo-card > a { padding: 20px 16px; }
  body.cl-divi-rebuild .ku-logo-card .et_pb_image_wrap, body.cl-divi-rebuild .ku-logo-card img { max-height: 52px; }
}
body.cl-divi-rebuild .ku-logo-grid > .ku-logo-card:nth-child(8n+1) { --delay: 0; }
body.cl-divi-rebuild .ku-logo-grid > .ku-logo-card:nth-child(8n+2) { --delay: 1; }
body.cl-divi-rebuild .ku-logo-grid > .ku-logo-card:nth-child(8n+3) { --delay: 2; }
body.cl-divi-rebuild .ku-logo-grid > .ku-logo-card:nth-child(8n+4) { --delay: 3; }
body.cl-divi-rebuild .ku-logo-grid > .ku-logo-card:nth-child(8n+5) { --delay: 4; }
body.cl-divi-rebuild .ku-logo-grid > .ku-logo-card:nth-child(8n+6) { --delay: 5; }
body.cl-divi-rebuild .ku-logo-grid > .ku-logo-card:nth-child(8n+7) { --delay: 6; }
body.cl-divi-rebuild .ku-logo-grid > .ku-logo-card:nth-child(8n+8) { --delay: 7; }

/* --- Kundenstimmen ------------------------------------------------------- */
body.cl-divi-rebuild .et_pb_column.ku-testi-grid { float: none; margin: 0 !important; }
body.cl-divi-rebuild .ku-testi-grid > .et_pb_text.ku-testi { margin: 0 !important; }
body.cl-divi-rebuild .ku-testi .et_pb_text_inner { display: flex; flex-direction: column; flex: 1; }
body.cl-divi-rebuild .ku-testi-stars {
  height: 16px; background-color: var(--ku-gold);
  -webkit-mask: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2292%22 height=%2216%22 viewBox=%220 0 92 16%22 fill=%22%23000%22><g transform=%22translate%280 0%29 scale%280.666667%29%22><path d=%22M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.2l-6.1 3.4 1.4-6.8L2.2 9.1l6.9-.8z%22/></g><g transform=%22translate%2819 0%29 scale%280.666667%29%22><path d=%22M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.2l-6.1 3.4 1.4-6.8L2.2 9.1l6.9-.8z%22/></g><g transform=%22translate%2838 0%29 scale%280.666667%29%22><path d=%22M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.2l-6.1 3.4 1.4-6.8L2.2 9.1l6.9-.8z%22/></g><g transform=%22translate%2857 0%29 scale%280.666667%29%22><path d=%22M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.2l-6.1 3.4 1.4-6.8L2.2 9.1l6.9-.8z%22/></g><g transform=%22translate%2876 0%29 scale%280.666667%29%22><path d=%22M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.2l-6.1 3.4 1.4-6.8L2.2 9.1l6.9-.8z%22/></g></svg>") no-repeat left center / 92px 16px;
  mask: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2292%22 height=%2216%22 viewBox=%220 0 92 16%22 fill=%22%23000%22><g transform=%22translate%280 0%29 scale%280.666667%29%22><path d=%22M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.2l-6.1 3.4 1.4-6.8L2.2 9.1l6.9-.8z%22/></g><g transform=%22translate%2819 0%29 scale%280.666667%29%22><path d=%22M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.2l-6.1 3.4 1.4-6.8L2.2 9.1l6.9-.8z%22/></g><g transform=%22translate%2838 0%29 scale%280.666667%29%22><path d=%22M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.2l-6.1 3.4 1.4-6.8L2.2 9.1l6.9-.8z%22/></g><g transform=%22translate%2857 0%29 scale%280.666667%29%22><path d=%22M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.2l-6.1 3.4 1.4-6.8L2.2 9.1l6.9-.8z%22/></g><g transform=%22translate%2876 0%29 scale%280.666667%29%22><path d=%22M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.2l-6.1 3.4 1.4-6.8L2.2 9.1l6.9-.8z%22/></g></svg>") no-repeat left center / 92px 16px;
}
body.cl-divi-rebuild .ku-testi-grid > .ku-testi:nth-child(1) { --delay: 0; }
body.cl-divi-rebuild .ku-testi-grid > .ku-testi:nth-child(2) { --delay: 1; }
body.cl-divi-rebuild .ku-testi-grid > .ku-testi:nth-child(3) { --delay: 2; }

/* --- CTA ----------------------------------------------------------------- */
body.cl-divi-rebuild .et_pb_column.ku-cta-card { float: none; margin: 0 !important; }
body.cl-divi-rebuild a.et_pb_button.ku-btn, body.cl-divi-rebuild a.et_pb_button.ku-btn:hover {
  display: inline-block !important; width: auto !important;
  padding: 14px 34px !important; border: none !important; color: #fff !important;
  font-family: "Montserrat", sans-serif !important; font-size: 15px !important; font-weight: 600;
  line-height: inherit !important; letter-spacing: 0; border-radius: 999px !important;
}