/* Aktuelles als Chronik (news/chronicle.blade.php). Selektoren mit .content, weil www_navigation.css jeden Link umstellt. */
.chronicle { max-width: 840px; color: #2b2326; }
.content .chronicle_years { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0 0 30px; padding: 0 0 14px; border-bottom: 1px solid #690220; }
.content .chronicle_years a { padding: 3px 0; font-size: 14px; font-weight: bold; color: #690220; text-decoration: none; }
.content .chronicle_years a:hover { text-decoration: underline; }

.chronicle_year { display: grid; grid-template-columns: 128px 1fr; margin: 0 0 42px; scroll-margin-top: 12px; }
.content .chronicle_year > h2 { position: sticky; top: 18px; align-self: start; margin: 0; font-size: 46px; line-height: .95; font-weight: bold; letter-spacing: -.03em; color: #690220; }
.content .chronicle_year > h2.chronicle_undated { font-size: 20px; line-height: 1.1; letter-spacing: 0; }
.chronicle_year ul { margin: 0; padding: 0; list-style: none; }
.chronicle_year li { display: grid; grid-template-columns: 56px 1fr; padding: 0 0 19px; }

.chronicle_date { font-size: 12px; line-height: 21px; color: #6f6468; font-variant-numeric: tabular-nums; }
.content .chronicle_title { display: block; max-width: 60ch; font-size: 16px; line-height: 21px; font-weight: bold; color: #690220; text-decoration: none; }
.content .chronicle_title:hover { text-decoration: underline; }
.content .chronicle a:focus-visible { outline: 2px solid #690220; outline-offset: 2px; }
.chronicle_source { display: block; margin-top: 2px; font-size: 12px; line-height: 17px; color: #6f6468; }

@media (max-width: 950px) {
	.chronicle_year { grid-template-columns: 1fr; margin-bottom: 28px; }
	.content .chronicle_year > h2 { top: 0; padding: 6px 0; background: #fff; font-size: 30px; }
	.chronicle_year li { grid-template-columns: 48px 1fr; }
}

/* Bücher, Artikel, Vorträge: Chronik ohne Datumsspalte. In langen Listen sind nur echte Links unterstrichen. */
.chronicle_summary { margin: 0 0 18px; font-size: 13px; color: #6f6468; }
.chronicle_year li:not(:has(.chronicle_date)) { display: block; padding-bottom: 17px; }
.chronicle_title { display: block; max-width: 60ch; font-size: 16px; line-height: 21px; font-weight: bold; color: #690220; }
.chronicle_compact .chronicle_title { max-width: 64ch; font-size: 15px; line-height: 20px; }
.content .chronicle_compact a.chronicle_title { font-size: 15px; line-height: 20px; text-decoration: underline; }
.chronicle_source { max-width: 80ch; }
.chronicle_compact .chronicle_source { font-size: 13px; line-height: 18px; }

.chronicle_more { max-width: 62ch; margin-top: 6px; font-size: 14px; line-height: 21px; }
.chronicle_more summary { cursor: pointer; font-size: 13px; font-weight: bold; color: #690220; }
.chronicle_more[open] summary { margin-bottom: 7px; }
.chronicle_more p { margin: 0 0 7px; font-size: 14px; line-height: 21px; }

/* Einstiegsseite Veröffentlichungen */
.publications { max-width: 840px; color: #2b2326; }
.content .publications_lists { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 0 38px; border-top: 1px solid #690220; border-bottom: 1px solid #690220; }
.content .publications_lists a { display: block; padding: 16px 18px 15px 0; font-size: 13px; color: #690220; text-decoration: none; }
.content .publications_lists b { display: block; margin-bottom: 6px; font-size: 40px; line-height: 1; letter-spacing: -.03em; color: #690220; }
.content .publications_lists span { display: block; font-size: 15px; font-weight: bold; color: #690220; }
.content .publications_lists small { display: block; margin-top: 3px; font-size: 12px; color: #6f6468; }
.content .publications_lists a:hover span { text-decoration: underline; }
.content .publications h2 { margin: 0 0 20px; font-size: 20px; color: #690220; }
.publications_book { max-width: 62ch; margin: 0 0 30px; }
.publications_book_cover { display: grid; grid-template-columns: 150px 1fr; gap: 24px; max-width: none; }
.publications_book_cover img { width: 150px; height: auto; }
.content .publications_book h3, .content .publications_book h3 a { margin: 0; font-size: 18px; line-height: 23px; font-weight: bold; color: #690220; text-decoration: none; }
.content .publications_book h3 a:hover { text-decoration: underline; }
.publications_book p { margin: 0 0 7px; font-size: 14px; line-height: 21px; }
.publications_book p.chronicle_source { margin: 4px 0 9px; font-size: 12px; line-height: 17px; }
.content .publications a:focus-visible { outline: 2px solid #690220; outline-offset: 2px; }

@media (max-width: 950px) {
	.content .publications_lists { grid-template-columns: 1fr; }
	.content .publications_lists a { display: grid; grid-template-columns: 76px 1fr; align-items: baseline; padding: 11px 0; }
	.content .publications_lists b { grid-row: span 2; margin: 0; font-size: 28px; }
	.publications_book_cover { grid-template-columns: 1fr; }
}

/* Startseite (pages/home.blade.php) */
.home { max-width: 840px; color: #2b2326; }
.home_intro { margin: 0 0 26px; }
.home_intro p { max-width: 62ch; margin: 0; font-size: 15px; line-height: 23px; }
.content .home_main { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #690220; }
.content .home_main a { display: block; padding: 16px 14px 15px 0; font-size: 13px; color: #690220; text-decoration: none; }
.content .home_main b { display: block; margin-bottom: 6px; font-size: 40px; line-height: 1; letter-spacing: -.03em; color: #690220; }
.content .home_more { display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 38px; border-top: 1px solid #e4dbde; border-bottom: 1px solid #690220; }
.content .home_more a { display: block; padding: 11px 14px 12px 0; color: #690220; text-decoration: none; }
.content .home_main span, .content .home_more span { display: block; font-size: 15px; line-height: 19px; font-weight: bold; color: #690220; }
.content .home_main small, .content .home_more small { display: block; margin-top: 3px; font-size: 12px; line-height: 16px; color: #6f6468; }
.content .home_main a:hover span, .content .home_more a:hover span { text-decoration: underline; }
.home_columns { display: grid; grid-template-columns: 1fr 240px; gap: 44px; }
.content .home h2 { margin: 0 0 16px; font-size: 20px; line-height: 1.1; color: #690220; }
.home_list { margin: 0 0 12px; padding: 0; list-style: none; }
.content .home_list li { display: grid; grid-template-columns: 56px 1fr; margin: 0; padding: 0 0 15px; }
.content .home_books li { grid-template-columns: 1fr; }
.content .home_list a { display: block; font-size: 15px; line-height: 20px; font-weight: bold; color: #690220; text-decoration: none; }
.content .home_list a:hover { text-decoration: underline; }
.content a.home_all { display: inline-block; margin: 0 0 32px; font-size: 13px; font-weight: bold; color: #690220; text-decoration: underline; }
.home_side, .home_side p, .home_side h3, .content .home_side h3 span, .content .home_side a { font-size: 13px; line-height: 19px; color: #2b2326; }
.home_side p { margin: 0 0 10px; }
.home_side h3 { margin: 0; font-weight: normal; }
.content .home_side a { color: #690220; overflow-wrap: anywhere; }
.content .home_side .home_list a { font-size: 15px; line-height: 20px; }
.content .home a:focus-visible { outline: 2px solid #690220; outline-offset: 2px; }

@media (max-width: 950px) {
	.content .home_main, .content .home_more { grid-template-columns: repeat(2, 1fr); }
	.home_columns { grid-template-columns: 1fr; gap: 12px; }
}

/* Videos (news/videos.blade.php): Vorschaubild links, Text rechts, beim Abspielen volle Breite. */
.content .chronicle_videos .chronicle_year li { display: grid; grid-template-columns: 240px 1fr; gap: 20px; padding-bottom: 24px; }
.content .chronicle_videos .chronicle_year li:has(iframe) { grid-template-columns: 1fr; gap: 10px; }
.chronicle_videos .chronicle_date { display: block; line-height: 17px; }
.content .chronicle_videos .chronicle_title { font-size: 15px; line-height: 20px; }
.content a.video_poster { position: relative; display: block; aspect-ratio: 16 / 9; background: #690220; }
.content .video_poster img { display: block; width: 100%; height: 100%; object-fit: cover; }
.video_play { position: absolute; top: 50%; left: 50%; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: -22px 0 0 -22px; background: #690220; }
.video_poster:hover .video_play { background: #4d0118; }
.content a.video_poster:focus-visible { outline: 2px solid #690220; outline-offset: 2px; }
.chronicle_videos iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }

@media (max-width: 950px) {
	.content .chronicle_videos .chronicle_year li { grid-template-columns: 1fr; gap: 10px; }
}

/* Texte und Links: Chronik mit Themen statt Jahren. Das HTML steht im Seitentext (database/pages/). */
.content .chronicle_topics .chronicle_years a { font-size: 13px; }
.chronicle_topics .chronicle_year { grid-template-columns: 200px 1fr; gap: 24px; }
.content .chronicle_topics .chronicle_year > h2.chronicle_undated { line-height: 25px; }
.chronicle_topics .chronicle_source { font-size: 13px; line-height: 19px; }

/* Vita: Zeitleiste */
.vita { max-width: 840px; color: #2b2326; }
.content .vita h2 { margin: 34px 0 14px; font-size: 20px; line-height: 1.1; color: #690220; }
.content .vita h1 + h2 { margin-top: 10px; }
.content .vita table { display: table; border-collapse: collapse; }
.content .vita th, .content .vita td { padding: 0 0 12px; font-size: 14px; line-height: 21px; text-align: left; vertical-align: top; }
.content .vita th { width: 128px; padding-right: 20px; font-weight: bold; color: #690220; white-space: nowrap; font-variant-numeric: tabular-nums; }
.content .vita td { max-width: 62ch; color: #2b2326; }
.content .vita p { margin: 0; font-size: 14px; line-height: 21px; }

/* Galerie: gleichmäßiges Raster, das Copyright steht sichtbar unter dem Bild. */
.gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 24px; max-width: 840px; margin: 0; padding: 0; list-style: none; }
.content .gallery li { margin: 0; padding: 0; }
.content .gallery a { display: block; background: #e4dbde; }
.content .gallery img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: top; }
.content .gallery a:hover img { opacity: .9; }
.content .gallery a:focus-visible { outline: 2px solid #690220; outline-offset: 2px; }
.gallery_title { display: block; margin-top: 8px; font-size: 14px; line-height: 19px; font-weight: bold; color: #690220; }
.gallery .chronicle_source { margin-top: 4px; }
.gallery_title + .chronicle_source { margin-top: 2px; }

@media (max-width: 950px) {
	.chronicle_topics .chronicle_year { grid-template-columns: 1fr; gap: 8px; }
	.content .vita table, .content .vita tbody, .content .vita tr { display: block; }
	.content .vita tr { padding-bottom: 12px; }
	.content .vita th, .content .vita td { display: block; width: auto; padding: 0; white-space: normal; }
	.gallery { grid-template-columns: repeat(2, 1fr); gap: 20px 14px; }
}