/* =========================================================
   Branchen (Elementor-Seite 1383) – Abweichungen zu den Komponenten in base.css
   ========================================================= */

/* ---------- Hero (#395fe34) ---------- */
.br-hero-bg, .br-hero-bg img { object-position: center top; }
.hero-title.br-hero-title { line-height: 1.2; }
.br-hero-text {
  width: 499px;
  max-width: 100%;
  padding-top: 20px;
  font-family: var(--f-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--c-white);
}
.br-hero-text p { margin-block-end: .9rem; }

/* ---------- Branchen-Blöcke (Text + Bild) ---------- */
.br-sec--80 { padding-block: 80px; }
.br-sec--flush { padding: 0; }

.split.br-split--gap30 { gap: 30px; }
.split.br-split--rev { flex-direction: row-reverse; }
.br-col-text { justify-content: center; }
.br-col-media--center { justify-content: center; }

/* Listen im Texteditor (Browser-Standard wie im Original) */
.br-text ul { list-style: disc; margin: 0; padding-inline-start: 40px; }

/* Frage-Zwischenüberschriften in den Branchen-Texten */
.br-text h3 {
  margin: 1.5rem 0 .5rem;
  font-family: var(--f-text);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  color: #000;
}

/* Icon-Liste (#baab50d) */
.br-list { margin-top: -25px; }
.br-list li {
  display: flex;
  align-items: center;
  font-family: var(--f-text);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #000;
}
.br-list li:not(:last-child) { padding-block-end: 2.5px; }
.br-list li:not(:first-child) { margin-block-start: 2.5px; }
.br-list-icon { flex: 0 0 auto; width: 7px; height: 7px; margin-right: 1.75px; fill: var(--c-primary); }
.br-list-text { align-self: center; padding-inline-start: 5px; }

/* ---------- CTA (#5753a09) ---------- */
.cta-title.br-cta-title { align-self: center; max-width: 845px; }
.br-cta.is-animated { animation-delay: .2s; }

/* =========================================================
   TABLET ≤ 1024px
   ========================================================= */
@media (max-width: 1024px) {
  .hero-title.br-hero-title { line-height: 1.5; }
  .br-hero-text { line-height: 1.5; }

  .br-sec--flush { padding: 15px; }
  .br-col-media--tablet-center { justify-content: center; }

  .br-list li { line-height: 1.5; }
}

/* =========================================================
   MOBIL ≤ 767px
   ========================================================= */
@media (max-width: 767px) {
  .hero-title.br-hero-title { line-height: 1.4; }
  .br-hero-text { line-height: 1.4; }

  /* row-reverse + wrap-reverse im Original → Bild oben, Text darunter */
  .split.br-split, .panel.split.br-split, .split.br-split--rev { flex-direction: column-reverse; }

  .br-list li { line-height: 1.4; }

  /* Heading ohne eigene Zeilenhöhe → Kit-Wert mobil 1.1em */
  .cta-title.br-cta-title { line-height: 1.1em; }
}