/* Chronik auf der Website: Zeitleiste nach Jahrzehnten. */
.kgv-ch {
	--ch-wald: var(--wp--preset--color--wald, #1F4A2C);
	--ch-moos: var(--wp--preset--color--moos, #E8EFDD);
	--ch-grau: var(--wp--preset--color--grau, #46534A);
	--ch-linie: var(--wp--preset--color--linie, #D9DFCF);
	--ch-erde: var(--wp--preset--color--erde, #A4561E);
}
.kgv-ch__leer { color: var(--kgv-gray, var(--ch-grau)); }
.kgv-ch__nav { position: sticky; top: var(--kgv-sl-top, 0); z-index: 2; margin: 0 0 1.5rem; padding: 0.5rem 0; background: var(--wp--preset--color--papier, #FAF7F0); }
.kgv-ch__nav ul { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0; padding: 0; list-style: none; }
.kgv-ch__nav a { display: inline-block; padding: 0.3rem 0.75rem; border: 1px solid var(--kgv-line, var(--ch-linie)); border-radius: 999px; background: var(--kgv-white, #fff); color: var(--kgv-heading, var(--ch-wald)); font-weight: 600; text-decoration: none; }
.kgv-ch__nav a:hover,
.kgv-ch__nav a:focus-visible { border-color: var(--kgv-forest, var(--ch-wald)); background: var(--kgv-moss, var(--ch-moos)); }
.kgv-ch__jahrzehnt { margin: 0 0 2rem; scroll-margin-top: 4rem; }
.kgv-ch__jahrzehnt-titel { margin: 0 0 1rem; }
.kgv-ch__liste { list-style: none; margin: 0; padding: 0 0 0 1.75rem; border-left: 3px solid var(--kgv-moss, var(--ch-moos)); }
.kgv-ch__eintrag { position: relative; margin: 0 0 1.75rem; }
.kgv-ch__eintrag::before { content: ""; position: absolute; left: calc(-1.75rem - 9px); top: 0.3rem; width: 15px; height: 15px; border-radius: 50%; background: var(--kgv-white, #fff); border: 3px solid var(--kgv-forest, var(--ch-wald)); }
.kgv-ch__wann { margin: 0 0 0.15rem; font-weight: 700; color: var(--kgv-earth-text, var(--ch-erde)); font-variant-numeric: tabular-nums; }
.kgv-ch__titel { margin: 0 0 0.5rem; }
.kgv-ch__text > :first-child { margin-top: 0; }
.kgv-ch__text > :last-child { margin-bottom: 0; }
.kgv-ch__fotos { display: grid; gap: 0.75rem; margin: 0.85rem 0 0; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
.kgv-ch__fotos--1 { grid-template-columns: minmax(0, 520px); }
.kgv-ch__foto { margin: 0; }
.kgv-ch__foto a { display: block; border-radius: 10px; overflow: hidden; }
.kgv-ch__bild { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; transition: transform 0.25s ease; }
.kgv-ch__fotos--1 .kgv-ch__bild { aspect-ratio: auto; max-height: 420px; }
.kgv-ch__foto a:hover .kgv-ch__bild { transform: scale(1.03); }
.kgv-ch__foto figcaption { margin-top: 0.3rem; font-size: 0.92em; color: var(--kgv-gray, var(--ch-grau)); }
.kgv-ch__quelle { margin: 0.4rem 0 0; font-size: 0.9em; color: var(--kgv-gray, var(--ch-grau)); }
@media (prefers-reduced-motion: reduce) { .kgv-ch__bild { transition: none; } }
@media (max-width: 600px) {
	.kgv-ch__liste { padding-left: 1.25rem; }
	.kgv-ch__eintrag::before { left: calc(-1.25rem - 9px); }
	.kgv-ch__fotos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.kgv-ch__fotos--1 { grid-template-columns: 1fr; }
}