/* ============================================================
   Seite: Branchen (/branchen/) — scoped Ergänzungen zu igr-layout.css
   Nur Abweichungen; Grundformen kommen aus igr-layout/igr-custom.
   ============================================================ */

/* Listen-Section: Padding 56/40/64 (Referenz), Karten untereinander mit 20px */
.et_pb_section.igr-br-liste { padding: 56px 40px 64px !important; }
.igr-br-karten {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Branchen-Splitkarten kompakter als das Startseiten-Muster:
   Padding 30, Gap 34, vertikal mittig, H3 23px, Text 15px, Bild 200px */
.igr-br-liste .igr-splitkarte {
  padding: 30px;
  gap: 34px;
  align-items: center;
}
.igr-br-liste .igr-splitkarte h3 { font-size: 23px; margin: 0 0 10px; }
.igr-br-liste .igr-splitkarte p { font-size: 15px; margin: 0; }
.igr-br-liste .igr-splitkarte .igr-split-bild { min-height: 200px; }

/* Kopfzeile: Blob 44px + „Branche 0X" in einer Zeile */
.igr-br-kopf {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.igr-br-kopf .igr-icon-blob { width: 44px; height: 44px; margin-bottom: 0; }
.igr-br-nr {
  font-family: 'Comfortaa', cursive;
  font-weight: 700;
  font-size: 15px;
  color: #0D9DE5;
}

/* Zusätzliche Blob-Verläufe (nur auf dieser Seite) */
.igr-br-grad-gruen-invers  { background: linear-gradient(135deg,#1c7d28,#239B30); }
.igr-br-grad-blau-hellblau { background: linear-gradient(135deg,#04549E,#0D9DE5); }

@media (max-width: 820px) {
  .et_pb_section.igr-br-liste { padding: 38px 20px 44px !important; }
  .igr-br-liste .igr-splitkarte { padding: 22px; }
  .igr-br-liste .igr-splitkarte h3 { font-size: 21px; }
}