/* Wissensübersicht /wissen/ (seiten/wissen): Einleitung, fünf Artikelkarten (2 breit, 3 schmal), Hinweis auf die Werkzeugkiste.
   Karten-Grundform aus 02-grundbausteine.css, Kopfbereich aus 20-hero.css. Werte wie die Bricks-Fassung. */

.wissen-archiv .hero__inner { display: flex; flex-direction: column; gap: var(--space-4xl); }

/* Karten: oben zwei breite, darunter drei schmale */
.wissen-archiv__karten { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.wissen-archiv__karten > .karte { grid-column: span 2; }
.wissen-archiv__karten > .karte:nth-child(-n+2) { grid-column: span 3; }
.wissen-archiv__karten .karte__titel { font-size: var(--text-l); text-wrap: balance; hyphens: manual; }
.wissen-archiv__karten .karte__titel::after {
  content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.6rem; vertical-align: -0.2rem; background-color: var(--color-primary);
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M15 16l4 -4'/%3E%3Cpath d='M15 8l4 4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wissen-archiv__karten .karte__text { font-size: 1.5rem; line-height: 1.55; color: var(--color-muted); text-wrap: pretty; }

/* Hinweis auf die Werkzeugkiste */
.wissen-archiv .svc__closer-copy { row-gap: var(--space-2xs); }
.wissen-archiv .svc__closer-copy > .eyebrow-text { margin-bottom: 1.2em; }
.wissen-archiv .svc__closer-titel { font-size: var(--text-xl); text-wrap: balance; }

@media (min-width: 768px) and (max-width: 991px) { .wissen-archiv__karten .karte__titel { font-size: 1.7rem; } }
@media (max-width: 767px) {
  .wissen-archiv__karten { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wissen-archiv__karten > .karte, .wissen-archiv__karten > .karte:nth-child(-n+2) { grid-column: auto; }
  .wissen-archiv__karten > .karte:last-child { grid-column: 1 / -1; }
  .wissen-archiv__karten > .karte:last-child .karte__media { aspect-ratio: 5 / 2; }
}
@media (max-width: 478px) {
  .wissen-archiv__karten { grid-template-columns: minmax(0, 1fr); }
  .wissen-archiv__karten > .karte:last-child .karte__media { aspect-ratio: 16 / 9; }
}