/* ==========================================================================
   nachbau-cockpit.css – Brücke: Divi-Modul-Markup -> cockpit.css
   ========================================================================== */

/* --- Hero ---------------------------------------------------------------- */
body.cl-divi-rebuild .ck-hero.et_pb_section { display: flex; align-items: center; }
body.cl-divi-rebuild .ck-hero-decor.et_pb_row {
  position: absolute; inset: 0; width: 100%; max-width: 100%; margin: 0; padding: 0 !important;
  pointer-events: none;
}
body.cl-divi-rebuild .ck-hero-decor .et_pb_column, body.cl-divi-rebuild .ck-hero-decor .et_pb_module,
body.cl-divi-rebuild .ck-hero-decor .et_pb_code_inner { position: static !important; margin: 0 !important; }
body.cl-divi-rebuild .ck-hero > .ck-hero-grid.et_pb_row { position: relative; z-index: 2; }

/* --- Split-Rows als Grid ------------------------------------------------- */
body.cl-divi-rebuild .ck-hero-grid.et_pb_row {
  display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.3fr);
  gap: clamp(32px, 4vw, 64px); align-items: center; width: min(92%, 1300px); max-width: min(92%, 1300px);
}
body.cl-divi-rebuild .ck-hero-actionsmod .et_pb_text_inner { display: contents; }
body.cl-divi-rebuild .ck-sol-row.et_pb_row {
  display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(28px, 5vw, 64px);
  align-items: center; margin-bottom: 64px !important;
}
body.cl-divi-rebuild .ck-trust-inner.et_pb_row { display: grid; grid-template-columns: 1.1fr 1fr; gap: 60px; align-items: center; }
body.cl-divi-rebuild .ck-hero-grid.et_pb_row::before, body.cl-divi-rebuild .ck-hero-grid.et_pb_row::after,
body.cl-divi-rebuild .ck-sol-row.et_pb_row::before, body.cl-divi-rebuild .ck-sol-row.et_pb_row::after,
body.cl-divi-rebuild .ck-trust-inner.et_pb_row::before, body.cl-divi-rebuild .ck-trust-inner.et_pb_row::after { content: none; display: none; }
body.cl-divi-rebuild .ck-hero-grid > .et_pb_column, body.cl-divi-rebuild .ck-sol-row > .et_pb_column,
body.cl-divi-rebuild .ck-trust-inner > .et_pb_column {
  width: auto !important; max-width: none !important; margin: 0 !important; float: none;
}
body.cl-divi-rebuild .ck-sol-row--flip.et_pb_row .ck-sol-copycol { order: 2; }
body.cl-divi-rebuild .ck-sol-row--flip.et_pb_row .ck-sol-mediacol { order: 1; }
@media (max-width: 1024px) {
  body.cl-divi-rebuild .ck-sol-row--flip.et_pb_row .ck-sol-copycol { order: 1; }
  body.cl-divi-rebuild .ck-sol-row--flip.et_pb_row .ck-sol-mediacol { order: 2; }
}

/* --- Raster-Spalten ------------------------------------------------------ */
body.cl-divi-rebuild .et_pb_column.ck-problem-grid, body.cl-divi-rebuild .et_pb_column.ck-module-grid,
body.cl-divi-rebuild .et_pb_column.ck-price-grid, body.cl-divi-rebuild .et_pb_column.ck-faq-list {
  float: none; margin-left: auto !important; margin-right: auto !important;
}
body.cl-divi-rebuild .ck-problem-grid > .et_pb_module, body.cl-divi-rebuild .ck-module-grid > .et_pb_module,
body.cl-divi-rebuild .ck-price-grid > .et_pb_module, body.cl-divi-rebuild .ck-faq-list > .et_pb_module { margin: 0 !important; }
body.cl-divi-rebuild .ck-problem > .et_pb_text_inner, body.cl-divi-rebuild .ck-module > .et_pb_text_inner,
body.cl-divi-rebuild .ck-price-card > .et_pb_text_inner { display: contents; }
body.cl-divi-rebuild .ck-faq-mod .et_pb_code_inner, body.cl-divi-rebuild .ck-faq-mod .et_pb_text_inner { display: contents; }

/* --- Karten in eigenen Spalten ------------------------------------------ */
body.cl-divi-rebuild .et_pb_column.ck-diff-card, body.cl-divi-rebuild .et_pb_column.ck-cta-card { float: none; }
body.cl-divi-rebuild .ck-diff-mod .et_pb_code_inner, body.cl-divi-rebuild .ck-cta-mod .et_pb_code_inner,
body.cl-divi-rebuild .ck-gallery-mod .et_pb_code_inner, body.cl-divi-rebuild .ck-media-mod .et_pb_code_inner,
body.cl-divi-rebuild .ck-sol-copymod .et_pb_code_inner, body.cl-divi-rebuild .ck-sol-mediamod .et_pb_code_inner,
body.cl-divi-rebuild .ck-trust-copymod .et_pb_code_inner, body.cl-divi-rebuild .ck-trust-listmod .et_pb_code_inner,
body.cl-divi-rebuild .ck-diff-mod .et_pb_text_inner, body.cl-divi-rebuild .ck-cta-mod .et_pb_text_inner,
body.cl-divi-rebuild .ck-sol-copymod .et_pb_text_inner, body.cl-divi-rebuild .ck-trust-copymod .et_pb_text_inner { display: contents; }

/* --- Abschnitts-Köpfe --------------------------------------------------- */
body.cl-divi-rebuild [class*="-head-row"].et_pb_row .et_pb_code_inner,
body.cl-divi-rebuild [class*="-head-row"].et_pb_row .et_pb_text_inner { display: contents; }

/* --- Kontakt ------------------------------------------------------------ */
body.cl-divi-rebuild .ck-contact .cl-contact-layout.et_pb_row { width: 100%; max-width: min(85.5%, 1083px); margin: 0 auto; }

/* --- Responsive: Reihenfolge und Werte wie in cockpit.css ---------------- */
@media (max-width: 1024px) {
  body.cl-divi-rebuild .et_pb_column.ck-module-grid { grid-template-columns: 1fr 1fr; }
  body.cl-divi-rebuild .et_pb_column.ck-problem-grid { grid-template-columns: 1fr 1fr; }
  body.cl-divi-rebuild .et_pb_column.ck-price-grid { grid-template-columns: 1fr; }
  body.cl-divi-rebuild .ck-trust-inner.et_pb_row { grid-template-columns: 1fr; gap: 36px; }
  body.cl-divi-rebuild .ck-hero.et_pb_section { text-align: center; padding: 40px 0 60px; }
  body.cl-divi-rebuild .ck-hero-grid.et_pb_row { grid-template-columns: 1fr; gap: 36px; }
  body.cl-divi-rebuild .ck-sol-row--flip.et_pb_row .ck-sol-copycol { order: 1; }
  body.cl-divi-rebuild .ck-sol-row--flip.et_pb_row .ck-sol-mediacol { order: 2; }
}
@media (max-width: 860px) {
  body.cl-divi-rebuild .ck-gallery.et_pb_section { padding: 70px 0 40px; }
}
@media (max-width: 768px) {
  body.cl-divi-rebuild .ck-problems.et_pb_section, body.cl-divi-rebuild .ck-solutions.et_pb_section,
  body.cl-divi-rebuild .ck-pricing.et_pb_section, body.cl-divi-rebuild .ck-faq.et_pb_section { padding: 70px 0; }
  body.cl-divi-rebuild .ck-diff.et_pb_section { padding: 20px 0 70px; }
  body.cl-divi-rebuild .ck-cta.et_pb_section { padding: 0 0 70px; }
  body.cl-divi-rebuild .et_pb_column.ck-problem-grid { grid-template-columns: 1fr; }
  body.cl-divi-rebuild .ck-sol-row.et_pb_row { grid-template-columns: 1fr; gap: 20px; margin-bottom: 48px !important; }
}
@media (max-width: 680px) {
  /* .ck-hero{padding:30px 0 40px} steht in cockpit.css VOR der 1024er
     .ck-hero--split-Regel und wird dort überschrieben – daher hier weglassen. */
  body.cl-divi-rebuild .ck-modules.et_pb_section, body.cl-divi-rebuild .ck-contact.et_pb_section { padding: 70px 0; }
  body.cl-divi-rebuild .ck-trust.et_pb_section { padding: 64px 0; }
  body.cl-divi-rebuild .et_pb_column.ck-module-grid { grid-template-columns: 1fr; }
}

/* --- Screenshot-Rahmen an die neuen Bildmasse ------------------------- */
body.cl-divi-rebuild .ck-hero-media .ck-browser-viewport { height: auto; aspect-ratio: 1920 / 975; }
@media (max-width: 767px) {
  /* Schmal wird der Rahmen sonst zu flach: feste Hoehe wie im Original und
     am linken Rand ausgerichtet, damit die Seitenleiste sichtbar bleibt. */
  body.cl-divi-rebuild .ck-hero-media .ck-browser-viewport { height: 340px; aspect-ratio: auto; }
  body.cl-divi-rebuild .ck-hero-media .ck-shot { object-position: top left; }
}

/* --- CTA-Karte: kein zusätzlicher Divi-Absatzabstand ------------------- */
body.cl-divi-rebuild .ck-cta-mod .et_pb_text_inner p { padding-bottom: 0; }

/* --- Merkmalsliste: kein Divi-Einzug ----------------------------------- */
body.cl-divi-rebuild .ck-trust-list { padding-left: 0; }