/* Wissen & Anwendung – Claus' finale Übergabe vom 23.10.2026 (Beschlüsse HA-01 bis HA-03, NO-01).
   Raster, Knopflage und Bildausschnitt 1:1 aus seiner Vorschau; die Klickfläche ohne Skript. */

/* HA-01: Desktop drei Kacheln in Reihe 1, zwei in Reihe 2 (links beginnend). */
body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild){grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild) > .temana-karte:nth-child(4){grid-column:1}
body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild) > .temana-karte:nth-child(5){grid-column:2}
@media(max-width:899px){
	body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild){grid-template-columns:repeat(2,minmax(0,1fr))}
	body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild) > .temana-karte:nth-child(4),
	body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild) > .temana-karte:nth-child(5){grid-column:auto}
}
@media(max-width:600px){body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild){grid-template-columns:1fr}}

/* HA-03: „Bereich entdecken“ unten bündig, Aussehen unverändert. */
body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild) > .temana-karte{display:flex; flex-direction:column}
body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild) > .temana-karte > .temana-karte__knopf{margin-top:auto}

/* HA-02: ganze Kachel führt zur Unterseite. Der Titel-Link spannt sich über die Kachel (ein Link im
   Tab-Ablauf, keine verschachtelten Bedienelemente); der Knopf liegt darüber und bleibt eigener Link. */
body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild) > .temana-karte{position:relative; cursor:pointer}
body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild) > .temana-karte > h3 > a::after{content:""; position:absolute; inset:0; z-index:1}
body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild) > .temana-karte > .temana-karte__knopf{position:relative; z-index:2}
body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild) > .temana-karte > h3 > a:focus-visible{outline:none}
body.page-id-395 .temana-sektion .temana-spalten:has(> .temana-karte--bild) > .temana-karte:has(> h3 > a:focus-visible){outline:2px solid var(--gruen); outline-offset:2px}

/* NO-01: NONI-Wissen-Kopfbild – Format 3:1 / 2:1 wie bisher, nur der Ausschnitt. */
body.term-noni-wissen .temana-kopfbild__img{object-position:center 79%}
@media(max-width:600px){body.term-noni-wissen .temana-kopfbild__img{object-position:center 80%}}

/* Regel Michael 24.10.2026: grüne Knöpfe „Bereich entdecken“ im ganzen Shop so wie „Themen entdecken“ (Seite Produkte):
   linksbündig in der Flucht des Kartentexts, mit Luft nach unten – nicht am Kachelrand. Erfasst jeden Kachel-Knopf, der in
   einen Wissensbereich führt (gleiche Auswahl wie 07-wissen.css). Bildkacheln haben keinen Innenabstand, darum hier die
   Abstände des Kartentexts (21 px seitlich, 19 px unten). */
.temana-spalten > .temana-karte > .temana-karte__knopf[href^="/wissen/"]{align-self:flex-start}
.temana-spalten > .temana-karte--bild > .temana-karte__knopf[href^="/wissen/"]{margin-left:21px; margin-right:21px; margin-bottom:19px}