.home {
  .page_feature {
    padding: 40px 0;
    border-bottom: 1px solid $text;

    .inner_wrapper {
      @include flexbox(2);
    }
  }

  .page_feature_intro {
    width: 4*$column_width + 3*$gutter;
    max-width: 100%;
  }

  .page_feature_stage {
    width: 5*$column_width + 4*$gutter;
    max-width: 100%;
    @include clearfix;
    position: relative;
    min-height: 320px; // wegen absolut positioniertem Inhalt
  }
}

.page_teaser {
  padding-bottom: 40px;
  position: relative;
  z-index: 5;
}

.page_teaser_half {
  padding-top: 40px;

  .inner_wrapper {
    @include flexbox(2);

    @media screen and (max-width: $break_medium) {
      padding-bottom: 0;
    }
  }
}

.page_teaser_third {
  @media screen and (min-width: $break_medium) {
    padding-top: 40px;

    .page_teaser_third_intro + & {
      padding-top: 0;
    }
  }

  .inner_wrapper {
    @include flexbox(3);
  }
}

.page_teaser_third_intro {
  padding-top: 2*$gutter;
}

.page_body {
  @include clearfix;
  padding-bottom: 80px;

  .page_body_main_content {
    padding-bottom: 2*$gutter;
    margin: 0 auto;

    .co:not(.first) .co_head:not(.pl_co_head) {
      margin-top: 3*$gutter;
    }
  }

  .page_body_right_content {
    max-width: 4*$column_width + 3*$gutter;
    margin: 0 auto;

    .co {
      margin-bottom: 3*$gutter;
      padding-bottom: $gutter;
      border-bottom: 1px solid $text;
    }
  }

  @media screen and (min-width: $break_medium) {
    .page_body_main_content {
      &:not(.page_body_main_content_full) {
        width: calc(100% - #{3*$column_width + 4*$gutter});
        float: left;
      }
      padding-bottom: 0;
    }

    .page_body_right_content {
      width: 3*$column_width + 2*$gutter;
      float: right;
    }
  }
}


.page_teaser_half,
.page_teaser_third {
  .co {
    max-width: 4*$column_width + 3*$gutter;

    .img_container a {
      width: 100%;
      max-width: 4*$column_width + 3*$gutter;
    }
  }

  .rt_ext_inh {
    padding-top: $gutter;
  }
}

@media screen and (min-width: $break_medium) {
  .page_teaser_third .co {
    max-width: 3*$column_width + 2*$gutter;

    .img_container a {
      width: 100%;
    }
  }
}