.image-banner {
  height: 300px;
  background-position: center center;
  background-size: cover;
  opacity: 0.75;
  margin-bottom: 1.5em; }

.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative; }
  .grid .grid-item {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 5%;
    margin-right: 5%;
    width: 100%; }
    @media (min-width: 768px) {
      .grid .grid-item {
        width: 45%; }
        .grid .grid-item:nth-child(2n) {
          margin-right: 0; } }
    .grid .grid-item:before {
      content: '';
      float: left;
      padding-top: 100%; }
    @media screen and (min-width: 768px) {
      .grid .grid-item:first-child {
        width: 65%; }
      .grid .grid-item:last-child {
        width: 30%; } }
    .grid .grid-item .text h2:first-child {
      margin-top: 0; }

.module {
  margin-bottom: 1em; }
  .module__headline {
    background-color: #d2adaf;
    color: white;
    font-size: 1.6rem;
    padding: 0.3rem 1rem; }
  .module__content {
    overflow: hidden;
    padding: 0 1em;
    background-color: rgba(210, 173, 175, 0.3);
    color: white; }
    .module__content p {
      margin-bottom: 0; }
    .module__content ul {
      margin-top: 0; }
    .module__content-subline p {
      font-size: 1.5rem;
      font-weight: bold;
      line-height: 1.2; }

.infobox-green {
  border: 1px solid #698267;
  padding: 1em; }
  .infobox-green__inner {
    overflow: hidden;
    background-color: #698267;
    padding: 0 1.5em; }
    .infobox-green__inner p {
      color: white;
      font-weight: bold; }
/*# sourceMappingURL=course-page.css.map */