/* =============================================================================
   Text & Infobox — Raster aus der Utility ._2col-grid.
   ========================================================================== */

@scope (.course-info) {
  .course-info_detail {
    flex: 0 40%;
    min-width: 44%;
    padding: var(--space-m);
    border-radius: var(--radius-l);
    background-color: var(--color-ivory);
  }

  @media (width <= 991px) {
    .course-info_detail {
      max-width: 80%;
    }
  }

  @media (width <= 767px) {
    .course-info_detail {
      max-width: 90%;
    }
  }

  @media (width <= 479px) {
    .course-info_detail {
      max-width: 100%;
    }
  }
}