.dm-teaserCluster--homemix .dm-slot--mobile:nth-of-type(1) {grid-area: slot;}
.dm-teaserCluster--homemix .dm-headlinesBox {grid-area: hlb;}
.dm-teaserCluster--homemix .dm-teaser:nth-of-type(1) {grid-area: a;}
.dm-teaserCluster--homemix .dm-teaser:nth-of-type(2) {grid-area: b;}
.dm-teaserCluster--homemix .dm-teaser:nth-of-type(3) {grid-area: c;}
.dm-teaserCluster--homemix .dm-teaser:nth-of-type(4) {grid-area: d;}
.dm-teaserCluster--homemix .dm-teaser:nth-of-type(5) {grid-area: e;}
.dm-teaserCluster--homemix .dm-teaser:nth-of-type(6) {grid-area: f;}
.dm-teaserCluster--homemix .dm-teaser:nth-of-type(7) {grid-area: g;}
.dm-teaserCluster--homemix .dm-teaser:nth-of-type(8) {grid-area: h;}
.dm-teaserCluster--homemix .dm-teaserCluster__moreChips {grid-area: more;}
.dm-teaserCluster--homemix .dm-groupHeadline {grid-area: hl;}

.dm-teaserCluster--homemix {
  grid-template-areas:  "hl"
                        "a"
                        "b"
                        "hlb"
                        "c"
                        "slot"
                        "d"
                        "e"
                        "f"
                        "g"
                        "h"
                        "more"
                        ;
}

@media (min-width: 768px) {

  .dm-teaserCluster--homemix {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: min-content;
    grid-template-areas:
      "hl     hl    hl    "
      "a      b     hlb   "
      "c      c     d     "
      "c      c     e     "
      "f      g     h     "
      "more   more  more  "
      ;
  }
}

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

.dm-teaserCluster--homemix .dm-teaser:nth-of-type(4) .dm-figure,
.dm-teaserCluster--homemix .dm-teaser:nth-of-type(5) .dm-figure {
  display: none;
}

/* hide intro on 5th teaser */
.dm-teaserCluster--homemix .dm-teaser:nth-of-type(5) .dm-teaser__intro {
  display: none;
}


@media (max-width: 767px) {
  /* show intro on first 4 teasers */
  .dm-teaserCluster--homemix .dm-teaser:nth-of-type(-n+4) .dm-teaser__intro {
    display: block;
  }
}


/* after the 5th all teasers get a vertical layout on desktop */
@media (min-width: 768px) {

  .dm-teaserCluster--homemix .dm-teaser:nth-of-type(1n+5) {
    font-size: var(--articleTextSize);
    grid-template-columns: 1.1rem min-content minmax(0, 2fr) 2rem;
    grid-template-rows: min-content min-content 0 min-content min-content min-content min-content;
    grid-template-areas:
      "anzeige  anzeige  anzeige  anzeige  "
      "figure   figure   figure   figure   "
      ".        .        .        .        "
      "over     over     over     date     "
      "hl       hl       hl       hl       "
      "intro    intro    intro    intro    "
      "author   author   author   social   "
  }


  /* vertical teaser mobile incl. icon */
  .dm-teaserCluster--homemix .dm-teaser:nth-of-type(1n+5).dm-teaser--kplus,
  .dm-teaserCluster--homemix .dm-teaser:nth-of-type(1n+5).dm-teaser--external  {
    grid-template-areas:
      "anzeige  anzeige  anzeige  anzeige  "
      "figure   figure   figure   figure   "
      ".        .        .        .        "
      "icon     over     over     date     "
      "hl       hl       hl       hl       "
      "intro    intro    intro    intro    "
      "author   author   author   social   "
  }

  .dm-teaserCluster--homemix .dm-teaser:nth-of-type(1n+5).dm-teaser--opinion {
    grid-template-areas:
      "anzeige  anzeige  anzeige  anzeige  "
      "figure   figure   figure   figure   "
      ".        .        .        .        "
      "over     over     over     date     "
      "hl       hl       hl       hl       "
      "portrait portrait intro    intro    "
      "portrait portrait author   social   "

  }


  .dm-teaserCluster--homemix .dm-teaser:nth-of-type(1n+5).dm-teaser--kplus.dm-teaser--opinion {
    grid-template-areas:
      "anzeige  anzeige  anzeige  anzeige  "
      "figure   figure   figure   figure   "
      ".        .        .        .        "
      "icon     over     over     date     "
      "hl       hl       hl       hl       "
      "portrait portrait intro    intro    "
      "portrait portrait author   social   "
  }



}