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


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

@media (min-width: 768px) {

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

.dm-teaserCluster--podcast .dm-teaser__author {
  display: none;
}

.dm-teaserCluster--a_bcd .dm-teaser:nth-of-type(1) .dm-teaser__intro {
  display: block;
}

.dm-teaserCluster--podcast {
  background-color: var(--darkBlue);
  color: var(--white);
  padding: 2rem 1rem 1rem;
  border-radius: var(--borderRadius);
}

.dm-teaserCluster--podcast :is(.dm-groupHeadline, .dm-groupHeadline__link, .dm-groupHeadline__link:hover, .dm-teaser__headline, .dm-teaser__anzeige, .dm-teaser__overline, .dm-userActions__itemLink, .dm-userActions__itemLink:hover) {
  color: var(--white);
}

.dm-teaserCluster--podcast .dm-groupHeadline::before,
.dm-teaserCluster--podcast .dm-groupHeadline__link::after {
  background: var(--white);
}

@media (min-width: 768px) {

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

  .dm-teaserCluster--a_bcd .dm-teaser:nth-of-type(1) {
    grid-template-columns: 1.1rem 3.5rem 4.3fr 1fr 0 minmax(0, 5fr);
    grid-template-rows: repeat(4, minmax(0, auto)) 1fr;
    background-color: var(--brandColor);
    padding: 1rem;
    border-radius: var(--borderRadius);
  }

  .dm-teaserCluster--a_bcd .dm-teaser:nth-of-type(1) {
    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_bcd .dm-teaser:nth-of-type(1).dm-teaser--kplus,
  .dm-teaserCluster--a_bcd .dm-teaser:nth-of-type(1).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";
  }

}