.dm-teaserCluster--a_bc .dm-teaserCluster__moreChips {grid-area: more;}
.dm-teaserCluster--a_bc .dm-groupHeadline {grid-area: hl;}
.dm-teaserCluster--a_bc .dm-slot--mobile:nth-of-type(1) {grid-area: slot;}
.dm-teaserCluster--a_bc .dm-teaser:nth-of-type(1) {grid-area: a;}
.dm-teaserCluster--a_bc .dm-teaser:nth-of-type(2) {grid-area: b;}
.dm-teaserCluster--a_bc .dm-teaser:nth-of-type(3) {grid-area: c;}

.dm-teaserCluster--a_bc {
  grid-template-areas:  "hl"
                        "a"
                        "slot"
                        "b"
                        "c"
                        "more"
                        ;
}

@media (min-width: 768px) {

  .dm-teaserCluster--a_bc {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "hl         hl      "
      "a          a       "
      "b          c       "
      "more       more    "
      ;
  }
}

@media (max-width: 767px) {
  /* ======================================
    Aufmacher teaser is vertical on mobile
   ======================================== */
  .dm-teaserCluster--a_bc .dm-teaser:first-of-type .dm-figure--teaser {
    border-radius: 0;
    margin-left: var(--negativeMobileMargin);
    margin-right: var(--negativeMobileMargin);
  }

  .dm-teaserCluster--a_bc .dm-teaser:first-of-type .dm-teaser__intro {
    display: block;
  }
}

.dm-teaserCluster--a_bc .dm-teaser:nth-of-type(1) .dm-teaser__headline {
  font-size: var(--teaserHeadlineSizeL);
}


@media (min-width: 768px) {

/* ===========================================
    Aufmacher teaser is horizontal on desktop
   =========================================== */

  .dm-teaserCluster--a_bc .dm-teaser:first-of-type {
    grid-template-columns: 1.1rem 3.5rem 4.3fr 1fr 0 minmax(0, 10fr);
    grid-template-rows: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
  }

  .dm-teaserCluster--a_bc .dm-teaser:first-of-type {
    grid-template-areas:
      "date       date      date      date      .         anzeige"
      "over       over      over      over      .         figure"
      "hl         hl        hl        hl        .         figure"
      "intro      intro     intro     intro     .         figure"
      "author     author    author    social    .         figure";
  }

  /* horizontal teaser desktop incl. icon */
  .dm-teaserCluster--a_bc .dm-teaser:first-of-type.dm-teaser--kplus,
  .dm-teaserCluster--a_bc .dm-teaser:first-of-type.dm-teaser--external {
    grid-template-areas:
      "date       date      date      date      .         anzeige"
      "icon       over      over      over      .         figure"
      "hl         hl        hl        hl        .         figure"
      "intro      intro     intro     intro     .         figure"
      "author     author    author    social    .         figure";
  }

  /* horizontal teaser dektop opinion */
  .dm-teaserCluster--a_bc .dm-teaser:first-of-type.dm-teaser--opinion {
    grid-template-areas:
      "date       date      date      date      .         anzeige"
      "over       over      over      over      .         figure"
      "hl         hl        hl        hl        .         figure"
      "portrait   portrait  intro     intro     .         figure"
      "author     author    author    social    .         figure";
  }

  /* horizontal teaser dektop opinion & icon*/
  .dm-teaserCluster--a_bc .dm-teaser:first-of-type.dm-teaser--opinion.dm-teaser--kplus {
    grid-template-areas:
      "date       date      date      date      .         anzeige"
      "icon       over      over      over      .         figure"
      "hl         hl        hl        hl        .         figure"
      "portrait   portrait  intro     intro     .         figure"
      "author     author    author    social    .         figure";
  }

/* ==========================================
    2. & 3. teaser: mobil-Darstellung auf Desktop
   ========================================== */

   .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(2) .dm-teaser__intro,
   .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(3) .dm-teaser__intro {
    display: none;
  }

  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(2) .dm-figure--teaser .dm-figure__image.dm-figure__image--aspect340x191,
  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(3) .dm-figure--teaser .dm-figure__image.dm-figure__image--aspect340x191 {
    display: none;
  }

  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(2) .dm-figure--teaser .dm-figure__image.dm-figure__image--aspect1x1,
  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(3) .dm-figure--teaser .dm-figure__image.dm-figure__image--aspect1x1 {
    display: block;
  }

  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(2),
  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(3) {
    grid-template-columns: 1.1rem 3.5rem 4.3fr 1fr 0 minmax(0, 2fr);
    grid-template-rows: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
    grid-template-areas:
      "date       date      date     date    date   anzeige   "
      "over       over      over     over    over   over      "
      "hl         hl        hl       hl      .      figure    "
      "author     author    author   social  .      figure    "
  }

  /* incl. icon */
  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(2).dm-teaser--kplus,
  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(3).dm-teaser--kplus,
  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(2).dm-teaser--external,
  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(3).dm-teaser--external {
    grid-template-areas:
      "date       date      date     date    date   anzeige   "
      "icon       over      over     over    over   over      "
      "hl         hl        hl       hl      .      figure    "
      "author     author    author   social  .      figure    "
  }

  /* opinion */
  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(2).dm-teaser--opinion,
  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(3).dm-teaser--opinion {
    grid-template-areas:
      "date       date      date     date    date   anzeige   "
      "over       over      over     over    over   over      "
      "hl         hl        hl       hl      .      figure    "
      "portrait   portrait  author   social  .      figure    "
  }

  /* opinion & icon*/
  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(2).dm-teaser--opinion.dm-teaser--kplus,
  .dm-teaserCluster--a_bc .dm-teaser:nth-of-type(3).dm-teaser--opinion.dm-teaser--kplus {
    grid-template-areas:
      "date       date      date     date    date   anzeige   "
      "icon       over      over     over    over   over      "
      "hl         hl        hl       hl      .      figure    "
      "portrait   portrait  author   social  .      figure    "
  }
}