.rt_ext_inh {
  @include clearfix();

  .area:not(.page_body_right_content) & .img_container {
    margin: 0 $gutter $gutter 0;

    @media screen and (min-width: $break_medium) {
      float: left;
    }
  }

  .page_feature_intro & .co_head {
    margin-top: 2*$gutter;
  }

  .page_teaser_half &,
  .page_teaser_third & {
    .extra_link a {
      @extend %secondary_button;
    }
  }

  ////////////
  // Akkordeon
  ////////////

  &.view_accordion {
    + .view_accordion .co_head {
      margin-top: 10px !important;
    }

    .co_head {
      button {
        text-align: left;
        cursor: pointer;
        position: relative;
        border: 1px solid $color-accent-contrast;
        background: $bg_white;
        padding: 5px 10px 5px 60px;
        width: 100%;
        font-size: 22px;

        transition: padding .2s;

        @media screen and (max-width: $break_medium) {
          font-size: 20px;
        }

        &:before {
          content: "+";
          display: flex;
          height: 100%;
          width: 50px;

          align-items: center;
          justify-content: space-around;

          position: absolute;
          left: 0;
          top: 0;

          font-size: 40px;
          border-right: 1px solid $color-accent-contrast;
          color: $color-accent-contrast;
        }

        &:hover,
        &:focus {
          &:before {
            background: $color-accent-contrast;
            color: $text_white;
          }
        }

        &[aria-expanded=true] {
          &:before {
            content: "−";
          }
        }
      }
    }

    .co_body {
      padding: 20px 0 50px;
    }
  }
}