/* Themen (Paket R) */
.themen-raster { display: grid; gap: var(--r-4); grid-template-columns: repeat(auto-fill, minmax(min(100%, 20rem), 1fr)); padding-bottom: var(--r-7); }
.thema-kachel { padding: var(--r-5) var(--r-5) var(--r-6); min-height: 12rem; }
.thema-kachel h2 { font-size: 1.5rem; margin: 0; }
.thema-zahl {
  align-self: flex-start;
  display: grid;
  place-items: center;
  min-width: 2.6rem;
  height: 2.6rem;
  padding: 0 .6rem;
  border-radius: var(--rad-pille);
  background: var(--akzent-fl);
  color: var(--auf-akzent);
  font-family: var(--schrift-titel);
  font-size: 1.15rem;
  font-weight: 700;
}
.thema-mehr { display: inline-flex; align-items: center; gap: .4rem; margin-top: auto; padding-top: var(--r-2); font-weight: 650; color: var(--akzent); }
.thema-text { margin-bottom: var(--r-6); }
.thema-liste { padding-bottom: var(--r-7); }
.thema-liste h2 { font-size: var(--t-h3); margin-bottom: var(--r-4); }
.thema-eintraege { display: grid; gap: var(--r-3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 26rem), 1fr)); margin: 0; padding: 0; list-style: none; }
.thema-eintrag {
  display: flex;
  gap: var(--r-4);
  height: 100%;
  padding: var(--r-3) var(--r-4);
  background: var(--karte);
  border: var(--linienstaerke) solid var(--rand);
  border-radius: var(--rad-m);
  color: var(--tinte);
  text-decoration: none;
}
.thema-eintrag:hover { border-color: var(--linie); background: var(--karte-2); }
.thema-bild { flex: none; display: flex; align-items: center; justify-content: center; width: 6.5rem; background: var(--papier-2); border-radius: var(--rad-s); }
.thema-bild img { display: block; width: auto; max-width: 100%; height: auto; max-height: 6rem; }
.thema-eintrag-text { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.thema-eintrag strong { font-family: var(--schrift-titel); font-size: 1.2rem; font-weight: 650; line-height: 1.25; color: var(--akzent); }
.thema-kurz { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: var(--t-klein); line-height: 1.45; color: var(--tinte-2); }
.thema-eintrag .az-meta { display: flex; flex-wrap: wrap; gap: var(--r-2); }