.section-page {
  &__commenting {
    .comments {
      padding: 1.5em 1em;
      @media screen and (min-width: 45.000em) {
        padding: 1.5em 2.5em;
      }
      &-posting {
        @media screen and (min-width: 45.000em) {
          top: 1450px;
        }
      }
      &-list_wrapper {
        @media screen and (min-width: 45.000em) {
          width: 60%;
        }
      }
    }

  }
  &__images {
    padding: 0 1em;
    @media screen and (min-width: 45.000em) {
      padding: 0 2em;
    }
  }
  &__wrapper {
    .teaser-grid {
      -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);
      -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);
      box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);
    }
    .teaser-stacklist__container {
      padding: 1.5em 1em 4em 1em;
      @media screen and (min-width: 45.000em) {
        display: flex;
        padding: 1.5em;
        justify-content: space-between;
      }
      @media screen and (min-width: 62.000em) {
        padding: 1.5em 2em;
      }
    }
    .teaser-stacklist__main {
      @media screen and (min-width: 62.000em) {
        width: 65%;
        margin: 0 5% 0 0;
      }
    }
    .teaser-stacklist__cta-buttons {
      @media screen and (min-width: 62.000em) {
        float: right;
        width: 33%;
      }
    }
    .teaser-stacklist__images,
    .teaser-stacklist__iframe {
      max-height: 750px !important;
      @media screen and (min-width: 62.000em) {
        overflow: hidden;
      }
      .teaser-stacklist__anchor {
        display: block;
      }
    }
    .teaser-stacklist__subtitle {
      @media screen and (min-width: 45.000em) {
        margin: 1em 10% 1em 0;
      }
    }
  }

  &__columns {
    padding: 0.5em 20px;
    @media (min-width: 38.125em) {
      padding: 1.5em 1em;
    }
    @media screen and (min-width: 45.000em) {
      padding: 1.5em;
      display: flex;
      justify-content: space-between;
    }
    @media screen and (min-width: 62.000em) {
      padding: 1.5em 2em;
    }
    &-left {
      @media screen and (min-width: 45.000em) {
        width: 67%;
        min-height: 865px;
      }
      .teaser-card__images {
        width: 100%;
      }
      .teaser-card__thumbnail {
        height: auto;
      }
      .teaser-stacklist__cta-buttons {
        @media screen and (min-width: 45.000em) {
          width: auto;
          height: auto;
        }
      }
      .heading--hero {
        display: inline-block;
      }
    }
    &-right {
      .heading--hero > .heading__component {
        &:before {
          background: url('/static/img/icons/chhaajaa/Sym1b.png') no-repeat center center / 100%;
        }
      }
      @media screen and (min-width: 45.000em) {
        width: 33%;
        margin: 5px 10px;
      }
    }
  }
  img.section-page__thumbnail {
    text-align: left;
    width: 150px;
  }
  .section-page__thumbnail--placeholder {
    background: $colorPink;
    color: #fff;
    font-size: 20px;
    padding: 5px 15px;
    margin: 10px 0;
    display: inline-block;
    @media screen and (min-width: 45.000em) {
      font-size: 28px;
      margin: 1em 0;
    }
  }
  .comments-posting {
    // position: relative;
    // top: 0;
    // right: 0;
    // width: auto;
  }
  .comments__form {
    @media screen and (min-width: 80.000em) {
      position: inherit;
      margin: 2.5em 0;
      width: 100%;
    }
  }
}
