/* -------------------------------------------------- */
/*    Two Columns
/* -------------------------------------------------- */

.m-twoColumnsWrapper {
  /* empty */
}

.m-twoColumns {
  @include make-row();

  &__column {
    @include make-col(12);

    @include media('>=m') {
      @include make-col(6);
    }
  }

  @include media('>=m') {

    // 50-50
    &--columsRatio-50-50 {
      .m-twoColumns__column {
        &:first-child {
          @include make-col(6);
        }

        &:last-child {
          @include make-col(6);
        }
      }
    }

    // 66-33
    &--columsRatio-66-33 {
      .m-twoColumns__column {
        &:first-child {
          @include make-col(8);
        }

        &:last-child {
          @include make-col(4);
        }
      }
    }

    // 75-25
    &--columsRatio-75-25 {
      .m-twoColumns__column {
        &:first-child {
          @include make-col(9);
        }

        &:last-child {
          @include make-col(3);
        }
      }
    }

    // 33-66
    &--columsRatio-33-66 {
      .m-twoColumns__column {
        &:first-child {
          @include make-col(4);
        }

        &:last-child {
          @include make-col(8);
        }
      }
    }

    // 25-75
    &--columsRatio-25-75 {
      .m-twoColumns__column {
        &:first-child {
          @include make-col(3);
        }

        &:last-child {
          @include make-col(9);
        }
      }
    }
  }

  // Rich Text
  .m-richTextWrapper {
    @include make-col(12);
    @include offset(0);
  }

  // Headline
  .m-headlineWrapper {
    @include make-col(12);
  }
}
