.dm-teaserCluster--textFigureMix .dm-slot--mobile:nth-of-type(1) {grid-area: slot1;} .dm-teaserCluster--textFigureMix .dm-slot--mobile:nth-of-type(2) {grid-area: slot2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(1) {grid-area: a;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(2) {grid-area: b;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(3) {grid-area: c;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(4) {grid-area: d;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(5) {grid-area: e;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(6) {grid-area: f;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(7) {grid-area: g;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(8) {grid-area: h;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(9) {grid-area: i;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(10) {grid-area: j;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(11) {grid-area: k;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(12) {grid-area: l;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(13) {grid-area: m;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(14) {grid-area: n;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(15) {grid-area: o;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(16) {grid-area: p;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(17) {grid-area: q;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(18) {grid-area: r;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(19) {grid-area: s;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(20) {grid-area: t;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(21) {grid-area: u;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(22) {grid-area: v;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(23) {grid-area: w;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(24) {grid-area: x;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(25) {grid-area: y;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(26) {grid-area: z;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(27) {grid-area: a2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(28) {grid-area: b2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(29) {grid-area: c2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(30) {grid-area: d2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(31) {grid-area: e2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(32) {grid-area: f2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(33) {grid-area: g2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(34) {grid-area: h2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(35) {grid-area: i2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(36) {grid-area: j2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(37) {grid-area: k2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(38) {grid-area: l2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(39) {grid-area: m2;} .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(40) {grid-area: n2;} .dm-teaserCluster--textFigureMix .dm-teaserCluster__moreChips {grid-area: more;} .dm-teaserCluster--textFigureMix .dm-groupHeadline {grid-area: hl;} .dm-teaserCluster--textFigureMix { grid-template-areas: "hl" "a" "b" "c" "d" "e" "slot1" "f" "g" "h" "i" "j" "k" "l" "m" "n" "slot2" "o" "p" "q" "r" "s" "t" "u" "v" "w" "x" "y" "z" "a2" "b2" "c2" "d2" "e2" "f2" "g2" "h2" "i2" "j2" "k2" "l2" "m2" "n2" "more" } @media (min-width: 768px) { .dm-teaserCluster--textFigureMix { grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: min-content; grid-template-areas: "hl hl hl" "a b c" "d e f" "g h i" "j j j" "k k k" "l l l" "m m m" "n n n" "slot2 slot2 slot2" "o o o" "p p p" "q q q" "r r r" "s s s" "t t t" "u u u" "v v v" "w w w" "x x x" "y y y" "z z z" "a2 a2 a2" "b2 b2 b2" "c2 c2 c2" "d2 d2 d2" "e2 e2 e2" "f2 f2 f2" "g2 g2 g2" "h2 h2 h2" "i2 i2 i2" "j2 j2 j2" "k2 k2 k2" "l2 l2 l2" "m2 m2 m2" "n2 n2 n2" "more more more" ; } } /* =================================== 2. 9 Teaser: mit Bild und Intro ===================================*/ @media (min-width: 768px) { .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(1) .dm-teaser__intro, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(2) .dm-teaser__intro, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(3) .dm-teaser__intro, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(4) .dm-teaser__intro, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(5) .dm-teaser__intro, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(6) .dm-teaser__intro, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(7) .dm-teaser__intro, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(8) .dm-teaser__intro, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(9) .dm-teaser__intro { display: block; } } @media (max-width: 767px) { .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(1), .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(2), .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(3), .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(4), .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(5), .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(6), .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(7), .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(8), .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(9) { font-size: var(--articleTextSize); grid-template-columns: 1.1rem 1.1rem 4.3fr 1fr 0 minmax(0, 5fr); grid-template-rows: min-content min-content min-content min-content 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 " } .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(1).dm-teaser--kplus, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(2).dm-teaser--kplus, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(3).dm-teaser--kplus, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(4).dm-teaser--kplus, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(5).dm-teaser--kplus, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(6).dm-teaser--kplus, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(7).dm-teaser--kplus, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(8).dm-teaser--kplus, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(9).dm-teaser--kplus, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(1).dm-teaser--external, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(2).dm-teaser--external, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(3).dm-teaser--external, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(4).dm-teaser--external, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(5).dm-teaser--external, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(6).dm-teaser--external, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(7).dm-teaser--external, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(8).dm-teaser--external, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(9).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 " } } @media (max-width: 550px) { .dm-teaserCluster--textFigureMix .dm-teaser .dm-figure--teaser .dm-figure__image.dm-figure__image--aspect1x1 { display: block; } .dm-teaserCluster--textFigureMix .dm-teaser .dm-figure--teaser .dm-figure__image.dm-figure__image--aspect340x191 { display: none; } } /* =================================== 2. 31 Teaser: ohne Bild, ohne Intro ===================================*/ .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(10) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(11) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(12) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(13) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(14) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(15) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(16) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(17) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(18) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(19) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(20) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(21) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(22) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(23) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(24) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(25) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(26) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(27) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(28) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(29) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(30) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(31) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(32) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(33) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(34) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(35) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(36) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(37) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(38) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(39) .dm-figure, .dm-teaserCluster--textFigureMix .dm-teaser:nth-of-type(40) .dm-figure { display: none; } .dm-teaserCluster--textFigureMix .dm-teaser .dm-teaser__intro { display: none; }