/* ── Baustein Wegweiser (inc/wegweiser.php) ─────────────────────────────────────────────
   EIN Kasten auf dunkler Fläche, Reiter auf der Oberkante, innen die Ziele nebeneinander, getrennt durch
   feine hellgrüne Linien. Keine weißen Einzelkarten, kein farbiger Rand oben (Chris 04.10.2026). */
.wir-wegweiser {
	--wir-wegweiser-linie: rgba(200, 220, 156, .35); /* Hellgrün auf Wald, nur Linie */
	position: relative;
	margin-top: calc(var(--wp--custom--box--aussen) + .9rem); /* Luft einer einzeln stehenden Box + halber Reiter */
	border: 1px solid var(--wir-wegweiser-linie);
	border-radius: var(--wp--custom--radius--kachel);
	background: rgba(255, 255, 255, .035);
	color: var(--wp--preset--color--auf-dunkel);
}
/* Reiter sitzt wie am Steckbrief-Kasten: der 1-px-Rahmen verschiebt ihn sonst um 1 px. */
.wir-wegweiser > .wir-reiter { top: -1px; left: calc(var(--wp--custom--box--innen) - 1px); }
.wir-wegweiser__liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border-radius: calc(var(--wp--custom--radius--kachel) - 1px); } /* Trennlinien laufen bis an den Rahmen */
/* Linien links und oben an jedem Ziel; die äußeren schneidet die Liste ab – so stimmt es bei 4, 2 und 1 Spalte. */
.wir-wegweiser__ziel { position: relative; display: flex; flex-direction: column; gap: .6rem; margin: -1px 0 0 -1px; padding: var(--wp--custom--box--innen-mit-reiter) var(--wp--custom--box--innen) var(--wp--custom--box--innen); border-left: 1px solid var(--wir-wegweiser-linie); border-top: 1px solid var(--wir-wegweiser-linie); transition: background-color .2s ease; }
.wir-wegweiser__ziel > * { margin: 0; }
.wir-wegweiser__ziel:hover { background: rgba(255, 255, 255, .06); } /* wie Chips auf Dunkel */
.wir-wegweiser__ziel:focus-within { outline: 3px solid var(--wir-fokus-ring); outline-offset: -3px; }
.wir-wegweiser__symbol.wir-symbol { width: 40px; height: 40px; color: var(--wp--preset--color--hellgruen); margin-bottom: .35rem; }
.wir-wegweiser__titel { font: 600 var(--wp--preset--font-size--titel-3)/1.2 var(--wp--preset--font-family--titel); color: var(--wp--preset--color--flaeche); }
.wir-wegweiser__titel a { color: inherit; text-decoration: none; }
.wir-wegweiser__titel a:focus-visible { outline: none; } /* Fokus zeigt das ganze Ziel */
.wir-wegweiser__titel a::after { content: ""; position: absolute; inset: 0; } /* ganzes Ziel klickbar, ein Tab-Halt */
.wir-wegweiser__ziel:hover .wir-wegweiser__titel a { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .2em; text-decoration-color: var(--wp--preset--color--gold); }
.wir-wegweiser__text { font-size: var(--wp--preset--font-size--normal); color: var(--wp--preset--color--auf-dunkel); text-wrap: pretty; }
.wir-wegweiser__aktion { position: relative; z-index: 1; margin-top: auto; padding-top: .6rem; }
.wir-wegweiser__aktion .wir-symbol { width: 18px; height: 18px; }
@media (max-width: 1100px) { .wir-wegweiser__liste { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .wir-wegweiser__liste { grid-template-columns: minmax(0, 1fr); } }