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

/* --- Hero: Bild + Overlay liegen absolut über der Sektion ----------------- */
body.cl-divi-rebuild .ka-hero.et_pb_section { display: flex; align-items: flex-end; min-height: 520px; overflow: hidden; }
body.cl-divi-rebuild .ka-hero-decor.et_pb_row {
  position: absolute; inset: 0; width: 100%; max-width: 100%; margin: 0; padding: 0 !important;
}
body.cl-divi-rebuild .ka-hero-decor .et_pb_column, body.cl-divi-rebuild .ka-hero-decor .et_pb_module,
body.cl-divi-rebuild .ka-hero-decor .et_pb_code_inner { position: static !important; margin: 0 !important; }
body.cl-divi-rebuild .ka-hero > .ka-hero-row.et_pb_row {
  position: relative; z-index: 2;
  padding-top: 160px !important; padding-bottom: 72px !important;
}
body.cl-divi-rebuild .et_pb_column.ka-hero-content { float: none; max-width: 600px; }
body.cl-divi-rebuild .ka-line-mod .et_pb_text_inner { display: flex; }
body.cl-divi-rebuild .ka-hero .et_pb_button_module_wrapper { justify-content: flex-start; }

/* --- Raster-/Listen-Spalten ---------------------------------------------- */
body.cl-divi-rebuild .et_pb_column.ka-why-grid, body.cl-divi-rebuild .et_pb_column.ka-positions-list {
  float: none; margin-left: auto !important; margin-right: auto !important;
}
body.cl-divi-rebuild .ka-why-grid > .et_pb_blurb, body.cl-divi-rebuild .ka-positions-list > .et_pb_text { margin: 0 !important; }
body.cl-divi-rebuild .ka-position > .et_pb_text_inner { display: contents; }

/* --- Argument-Karten (Blurbs) ------------------------------------------- */
body.cl-divi-rebuild .ka-why-card .et_pb_blurb_content, body.cl-divi-rebuild .ka-why-card .et_pb_blurb_container {
  text-align: inherit !important; font-size: 16px; line-height: 1.7em;
}
body.cl-divi-rebuild .ka-why-card h3.et_pb_module_header {
  font-family: "Montserrat", sans-serif !important; font-size: 18px; font-weight: 700;
  color: var(--ka-dark); margin: 0 0 10px; padding-bottom: 10px; letter-spacing: -0.02em;
  line-height: 1em; text-align: inherit !important;
}
body.cl-divi-rebuild .ka-why-card::before {
  content: ''; display: inline-flex; width: 48px; height: 48px; border-radius: 14px;
  margin-bottom: 20px; background-color: var(--ka-gold-bg);
  background-repeat: no-repeat; background-position: center; background-size: 24px 24px;
}
body.cl-divi-rebuild .ka-why-grid > .ka-why-card:nth-child(1)::before { background-image: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewbox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23BFA762%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><path d=%22M22 11.08V12a10 10 0 1 1-5.93-9.14%22></path><polyline points=%2222 4 12 14.01 9 11.01%22></polyline></svg>"); }
body.cl-divi-rebuild .ka-why-grid > .ka-why-card:nth-child(2)::before { background-image: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewbox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23BFA762%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><path d=%22M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2%22></path><circle cx=%229%22 cy=%227%22 r=%224%22></circle><path d=%22M23 21v-2a4 4 0 0 0-3-3.87%22></path><path d=%22M16 3.13a4 4 0 0 1 0 7.75%22></path></svg>"); }
body.cl-divi-rebuild .ka-why-grid > .ka-why-card:nth-child(3)::before { background-image: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewbox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23BFA762%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><polyline points=%2223 6 13.5 15.5 8.5 10.5 1 18%22></polyline><polyline points=%2217 6 23 6 23 12%22></polyline></svg>"); }
body.cl-divi-rebuild .ka-why-grid > .ka-why-card:nth-child(4)::before { background-image: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewbox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23BFA762%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22><path d=%22M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z%22></path><circle cx=%2212%22 cy=%2210%22 r=%223%22></circle></svg>"); }
body.cl-divi-rebuild .ka-why-grid > .ka-why-card:nth-child(1) { --delay: 0; }
body.cl-divi-rebuild .ka-why-grid > .ka-why-card:nth-child(2) { --delay: 1; }
body.cl-divi-rebuild .ka-why-grid > .ka-why-card:nth-child(3) { --delay: 2; }
body.cl-divi-rebuild .ka-why-grid > .ka-why-card:nth-child(4) { --delay: 3; }

/* --- Bewerbungs-Sektion: die Row ist das Split-Grid ---------------------- */
body.cl-divi-rebuild .ka-apply-inner.et_pb_row { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
body.cl-divi-rebuild .ka-apply-inner.et_pb_row::before, body.cl-divi-rebuild .ka-apply-inner.et_pb_row::after { content: none; display: none; }
body.cl-divi-rebuild .ka-apply-inner > .et_pb_column {
  width: auto !important; max-width: none !important; margin: 0 !important; float: none;
}
body.cl-divi-rebuild .ka-apply-text .et_pb_code_inner, body.cl-divi-rebuild .ka-apply-visual .et_pb_code_inner,
body.cl-divi-rebuild .ka-apply-visual .et_pb_text_inner { display: contents; }

/* --- Responsive wie karriere.css ---------------------------------------- */
@media (max-width: 1024px) {
  body.cl-divi-rebuild .et_pb_column.ka-why-grid { grid-template-columns: repeat(2, 1fr); }
  body.cl-divi-rebuild .ka-apply-inner.et_pb_row { gap: 40px; }
}
@media (max-width: 768px) {
  body.cl-divi-rebuild .ka-hero.et_pb_section { min-height: 400px; }
  body.cl-divi-rebuild .ka-hero > .ka-hero-row.et_pb_row { padding-top: 120px !important; padding-bottom: 56px !important; }
  body.cl-divi-rebuild .ka-section.et_pb_section { padding: 56px 0; }
  body.cl-divi-rebuild .et_pb_column.ka-why-grid { grid-template-columns: 1fr; gap: 14px; }
  body.cl-divi-rebuild .ka-apply.et_pb_section { padding: 56px 0 72px; }
  body.cl-divi-rebuild .ka-apply-inner.et_pb_row { grid-template-columns: 1fr; gap: 40px; }
}
@media (max-width: 480px) {
  body.cl-divi-rebuild .ka-hero.et_pb_section { min-height: 360px; }
  body.cl-divi-rebuild .ka-hero > .ka-hero-row.et_pb_row {
    padding-top: 100px !important; padding-bottom: 40px !important; width: 92%;
  }
  body.cl-divi-rebuild .ka-why-headrow.et_pb_row, body.cl-divi-rebuild .ka-why-gridrow.et_pb_row,
  body.cl-divi-rebuild .ka-positions-headrow.et_pb_row, body.cl-divi-rebuild .ka-positions-listrow.et_pb_row,
  body.cl-divi-rebuild .ka-apply-inner.et_pb_row { width: 92%; }
}