/* Artikel-Teaser mit Bild — Aufmacher (links, mit Foto) + zwei textgeführte
   Teaser rechts. Kopf/Tokens aus base.css. */
.teaser-bild.block{margin-bottom:88px}

.teaser-bild .blockkopf{border-bottom:1px solid var(--linie);padding-bottom:12px;margin-bottom:32px}
.teaser-bild .cb-titel{font-size:26px;font-weight:600;color:var(--tinte);margin:0}
.teaser-bild .cb-haupt .kicker{display:block}
.teaser-bild .cb-haupt .claim{display:block}

/* Aufmacher 50 % / zwei weitere teilen sich die andere Hälfte (gestapelt) */
.teaser-bild .reihe{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}

/* Karte allgemein: klickbarer Titel, ganze Karte klickbar, Text markierbar */
.teaser-bild article.teaser{position:relative}
.teaser-bild article.teaser .kicker{margin:0 0 2px}
.teaser-bild article.teaser h3 a{color:var(--tinte);border-bottom:none}
.teaser-bild article.teaser h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.teaser-bild article.teaser:hover h3 a{color:var(--rot)}
.teaser-bild article.teaser .dek{font-size:16px;margin:0}
.teaser-bild article.teaser .meta{font-family:var(--sans);font-size:13px;color:var(--gedaempft);margin-top:10px}

/* Aufmacher links */
.teaser-bild .aufmacher .bild{display:block;overflow:hidden;margin-bottom:16px}
.teaser-bild .aufmacher .bild img{display:block;width:100%;height:auto;object-fit:cover}
/* Fallback ohne Artikelbild: P.-Kachel mittig auf Karton (16:9-Fläche, kein Layout-Sprung) */
.teaser-bild .aufmacher .bild.platzhalter{aspect-ratio:16/9;background:var(--karton);border-radius:8px;display:flex;align-items:center;justify-content:center}
.teaser-bild .aufmacher .bild.platzhalter img{width:auto;height:auto;max-width:44%;max-height:64%;object-fit:contain}
.teaser-bild .aufmacher h3{font-size:24px;line-height:1.25;font-weight:600;margin:6px 0 10px}
.teaser-bild .aufmacher .dek{font-size:17px;line-height:1.5}

/* Rechts: zwei textgeführte Teaser, gestapelt, durch Linie getrennt */
.teaser-bild .weitere{display:flex;flex-direction:column}
.teaser-bild .kompakt{padding:20px 0;border-top:1px solid var(--linie)}
.teaser-bild .kompakt:first-child{padding-top:0;border-top:none}
.teaser-bild .kompakt h3{font-size:19px;line-height:1.3;font-weight:600;margin:4px 0 8px}

@media (max-width:760px){
  .teaser-bild .reihe{grid-template-columns:1fr;gap:0}
  .teaser-bild .aufmacher{margin-bottom:8px}
  .teaser-bild .aufmacher h3{font-size:22px}
  .teaser-bild .weitere .kompakt:first-child{border-top:1px solid var(--linie);padding-top:20px}
}