.dmos10_introtext {
  // Einleitung auf der Startseite
  .home .page_feature_intro & {

    h2 {
      padding-right: 50px;
      border-bottom: 1px solid $text;
      margin-bottom: 5px;

      .color1 {
        color: $color-main-contrast;
      }

      .color2 {
        color: $color-accent-contrast;
      }
    }
  }

  + * {
    margin-top: 3*$gutter;
  }
}

// Einleitung auf Unterseiten
.subpage .page_feature_intro .dmos10_introtext,
.subpage .page_feature_intro .modellkommune {
  width: 4*$column_width + 3*$gutter;
  max-width: 100%;

  @media screen and (min-width: $break_medium) {
    margin-top: - $gutter - $topic_height;
  }

  .background {
    @include background-gradient;
    padding: 10px $gutter;
    min-height: 140px;

    a {
      color: $text_white;
      border-bottom-color: $text_white;
    }
  }
}

// Markierung neue Kompass-Beiträge
.dmos10_introtext {
  .topic {
    position: relative;

    &.kompass_new {
      padding-right: 90px;
    }

    .kompass_new {
      @extend %new-flag;

      position: absolute;
      right: -10px;
      top: -10px;
      font-size: 1.1em;
    }

    @media screen and (min-width: $break_timeline_2col) {
      &.kompass_new {
        padding-right: 80px;
      }

      .kompass_new {
        right: -30px;
        top: -20px;
        font-size: 1.2em;
      }
    }
  }
}