/* Design „Digitale Zeitreise“ für miesfelle.de: themes/zeitreise/public/zeitreise.css, ausgeliefert unter /theme/zeitreise/ (Schriften liegen daneben) */
/* ---------- Schriften (SIL Open Font License) ---------- */
@font-face{font-family:"Atkinson Hyperlegible";font-weight:400;font-display:swap;src:url(atkinson-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Atkinson Hyperlegible";font-weight:400;font-display:swap;src:url(atkinson-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Atkinson Hyperlegible";font-weight:700;font-display:swap;src:url(atkinson-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Atkinson Hyperlegible";font-weight:700;font-display:swap;src:url(atkinson-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Literata";font-weight:200 900;font-display:swap;src:url(literata-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Literata";font-weight:200 900;font-display:swap;src:url(literata-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Farben wie die Zeitreise (Ortschronik-Blau, Wappen) ---------- */
html:root {
  --mf-50:#f2f4fb; --mf-100:#e3e7f6; --mf-200:#c7cfec; --mf-300:#9eacdc; --mf-400:#7385c9;
  --mf-500:#5a6ab8; --mf-600:#454c9d; --mf-700:#223788; --mf-800:#1b2c6d; --mf-900:#152255; --mf-950:#0d1638;
  --mf-bg:#f8fafc; --mf-card:#fff; --mf-text:#0f172a; --mf-muted:#475569; --mf-border:#e2e8f0;
  --mf-band:var(--mf-700); --mf-band-hover:var(--mf-600);

  --font-body:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-heading:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-serif:"Literata",Georgia,"Times New Roman",serif;

  --color-primary:var(--mf-700);
  --color-primary-light:rgba(34,55,136,.12);
  --color-link:var(--mf-700);
  --color-bookshelf:#475569;
  --color-book:var(--mf-700);
  --color-chapter:var(--mf-600);   /* Buch, Kapitel, Seite: vom dunklen zum hellen Blau */
  --color-page:var(--mf-500);
  --color-page-draft:#7e50b1;
  --editor-color-primary:var(--mf-700);
}
/* Dunkelmodus wie Zeitreise „Dunkel“: fast schwarze Flächen, Blau für Band und Akzente */
html.dark-mode:root {
  --mf-bg:#0a0a0a; --mf-card:#171717; --mf-text:#f5f5f5; --mf-muted:#a3a3a3; --mf-border:#262626;
  --mf-band:var(--mf-950); --mf-band-hover:var(--mf-800);
  --color-primary:var(--mf-600);
  --color-primary-light:rgba(158,172,220,.15);
  --color-link:var(--mf-300);
  --color-bookshelf:#a3a3a3;
  --color-book:var(--mf-200);
  --color-chapter:var(--mf-300);
  --color-page:var(--mf-400);
  --color-page-draft:#c4a1f0;
}

/* Dämmerung wie Zeitreise „Dämmerung“: dunkles Mensfelden-Blau (BookStack-Dunkelmodus + Klasse zeitreise-dim) */
html.dark-mode.zeitreise-dim:root {
  --mf-bg:var(--mf-950); --mf-card:var(--mf-900); --mf-text:#f1f5f9; --mf-muted:var(--mf-200); --mf-border:var(--mf-800);
  --mf-band:var(--mf-800); --mf-band-hover:var(--mf-700);
  --mf-popover:var(--mf-900); --mf-popover-text:#f1f5f9; --mf-accent:var(--mf-800); --mf-accent-text:#f1f5f9;
  --color-primary-light:rgba(158,172,220,.18);
}
/* BookStack setzt im Dunkelmodus feste Grautöne; in der Dämmerung blau */
html.zeitreise-dim .dropdown-menu, html.zeitreise-dim .global-search-suggestions,
html.zeitreise-dim .tri-layout-mobile-tab { background-color:var(--mf-card); }
@media screen and (max-width:1000px) { html.zeitreise-dim header .header-links { background-color:var(--mf-card); } }
html.zeitreise-dim .page-content hr, html.zeitreise-dim hr { border-color:var(--mf-700); background-color:var(--mf-700); }
html.zeitreise-dim .tri-layout-mobile-tabs, html.zeitreise-dim .tri-layout-mobile-tab { border-color:var(--mf-border); }
html.zeitreise-dim input, html.zeitreise-dim select, html.zeitreise-dim textarea,
html.zeitreise-dim header .search-box.search-active:focus-within input { background-color:var(--mf-950); border-color:var(--mf-800); }
html.zeitreise-dim .page-content pre, html.zeitreise-dim .page-content code { background-color:var(--mf-950); }

/* ---------- Grundflächen ---------- */
html, html.dark-mode { background-color:var(--mf-bg); }
body, html.dark-mode body { color:var(--mf-text); font-size:15px; }
h1,h2,h3,h4,h5,h6, html.dark-mode h1,html.dark-mode h2,html.dark-mode h3,
html.dark-mode h4,html.dark-mode h5,html.dark-mode h6 { color:var(--mf-text); font-weight:700; }
.card, html.dark-mode .card {
  background-color:var(--mf-card); border:1px solid var(--mf-border);
  border-radius:.5rem; box-shadow:none;
}
.card-title { color:var(--mf-text); font-weight:700; }
.text-muted, html.dark-mode .text-muted { color:var(--mf-muted) !important; }
.tri-layout-left-contents>*, .tri-layout-right-contents>*,
html.dark-mode .tri-layout-left-contents>*, html.dark-mode .tri-layout-right-contents>* { opacity:1; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline:2px solid var(--color-link); outline-offset:2px;
}

/* ---------- Kopfband wie in der Zeitreise (layouts/parts/header.blade.php) ---------- */
header#header, html.dark-mode header#header {
  display:block; padding:0; background-color:var(--mf-band) !important; border-bottom:0; box-shadow:none;
}
.zeitreise-header-inner {
  display:flex; align-items:center; gap:4px 12px; max-width:1280px; min-height:64px; margin:0 auto; padding:8px 16px;
}
@media (min-width:640px) { .zeitreise-header-inner { padding:8px 24px; } }
header .logo { margin:0 0 0 -8px; padding:4px 8px; gap:8px; border-radius:.375rem; white-space:nowrap; }
header .logo-text { font-family:var(--font-heading); font-weight:700; font-size:18px; line-height:28px; }
@media (max-width:639px) { header .logo-text { font-size:16px; line-height:24px; } }
header .logo-image { height:32px; }
header .logo:hover, header .links a:hover, header .user-name:hover { background-color:var(--mf-band-hover); }
header .links a { border-radius:.375rem; font-size:14px; }
header :focus-visible { outline-color:#fff !important; }
.zeitreise-header-inner { position:relative; }
/* Suche mittig im Rahmen wie die Spalte der Zeitreise-Suche; Links und Schalter rechts */
@media screen and (min-width:1001px) {
  .zeitreise-header-search { position:absolute; left:50%; transform:translateX(-50%); }
  header .header-links { margin-inline-start:auto; }
}
header .search-box input {
  width:16rem; background-color:rgba(255,255,255,.12); border-color:rgba(255,255,255,.25);
  border-radius:.5rem; color:#fff;
}
/* „Menü“-Knopf wie in der Zeitreise, nur auf schmalen Bildschirmen */
.zeitreise-menu-toggle {
  display:none; align-items:center; gap:6px; height:36px; margin-inline-start:auto; padding:0 10px;
  border:0; border-radius:.5rem; background:none; color:#fff; font:inherit; font-size:14px; font-weight:500; cursor:pointer;
}
.zeitreise-menu-toggle:hover, .zeitreise-menu-toggle[aria-expanded="true"] { background-color:var(--mf-band-hover); }
.zeitreise-menu-toggle:focus { outline:none; }
.zeitreise-menu-toggle:focus-visible { box-shadow:0 0 0 3px #fff; }
@media (pointer:coarse) { .zeitreise-menu-toggle { height:44px; } }
@media screen and (max-width:1000px) {
  .zeitreise-menu-toggle { display:inline-flex; }
  /* aufgeklappte Liste unter dem Kopfband, rechtsbündig */
  header .header-links { top:100%; margin-top:4px; }
}

/* ---------- Lesetext der Chronik in Literata ---------- */
.page-content p, .page-content li, .page-content blockquote, .page-content td,
.entity-list-item .entity-item-snippet p {
  font-family:var(--font-serif); line-height:1.7;
}
.page-content { font-size:1.06em; }
.page-content h1,.page-content h2,.page-content h3,.page-content h4 { font-family:var(--font-heading); }
.page-content blockquote, html.dark-mode .page-content blockquote {
  background:var(--color-primary-light); border-inline-start:4px solid var(--mf-700);
}
html.dark-mode .page-content blockquote { border-inline-start-color:var(--mf-300); }

/* ---------- Mehrspaltige Listen aus dem LaTeX (\begin{multicols}) ---------- */
.page-content .multicols { columns:2 16rem; column-gap:2.5rem; margin:1.5em 0 1em; }
.page-content .multicols > ol, .page-content .multicols > ul { margin-top:0; }
.page-content .multicols li { break-inside:avoid; }
.page-content .multicols li > p { margin:0; }

/* ---------- Fußnoten und Quellen am Seitenende ---------- */
.page-content .footnotes, .page-content .quellen {
  margin-top:2rem; font-family:var(--font-serif); font-size:.9em; line-height:1.6; color:var(--mf-muted);
}
.page-content .footnotes + .quellen { margin-top:1.25rem; }
.page-content .footnotes hr, .page-content .quellen hr { margin:0 0 .75rem; border-color:var(--mf-border); }
/* Titel als <div>, nicht <h4>: BookStacks Editor zieht Überschriften aus <div>-Blöcken heraus */
.page-content .footnotes .zeitreise-block-title, .page-content .quellen .zeitreise-block-title {
  margin:0 0 .5rem; padding:0; text-indent:0; font-family:var(--font-heading); font-weight:700;
  font-size:.8rem; line-height:1.4; letter-spacing:.06em; text-transform:uppercase; color:var(--mf-muted);
}
.page-content .footnotes > div:not(.zeitreise-block-title), .page-content .quellen > div:not(.zeitreise-block-title) {
  margin-bottom:.35rem; padding-left:2.25em; text-indent:-2.25em; border-radius:.25rem;
}
.page-content .footnotes sup, .page-content .quellen sup { display:inline-block; min-width:2em; text-indent:0; }
.page-content .footnotes > div:has(:target), .page-content .quellen > div:target {
  background:var(--color-primary-light); color:var(--mf-text);
}
.page-content a.quelle-ref, .page-content a[href^="#bkmrk-footnote-"] { text-decoration:none; }

/* ---------- Listen und Schaltflächen ---------- */
.entity-list-item { border-radius:.375rem; }
.entity-list-item:hover { background-color:var(--color-primary-light); }
.button, button.button { border-radius:.375rem; font-weight:700; }
.tag-item { border-radius:999px; }

/* ---------- Eingabefelder ---------- */
.input-base, input[type=text], input[type=search], input[type=email], input[type=password], select, textarea {
  border-radius:.375rem;
}
html.dark-mode .input-base, html.dark-mode input[type=text], html.dark-mode input[type=search],
html.dark-mode input[type=email], html.dark-mode input[type=password], html.dark-mode select, html.dark-mode textarea {
  background-color:#0a0a0a; border-color:#525252; color:var(--mf-text);
}
html.dark-mode header .search-box input { background-color:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); }

/* ---------- Fußband wie in der Zeitreise (layouts/parts/footer.blade.php) ---------- */
footer.zeitreise-footer, html.dark-mode footer.zeitreise-footer {
  padding:0; text-align:start; background-color:var(--mf-band); color:#fff; font-size:14px;
}
.zeitreise-footer-inner {
  display:flex; flex-direction:column; gap:4px; max-width:80rem; margin:0 auto; padding:24px 16px;
}
@media (min-width:640px) { .zeitreise-footer-inner { flex-direction:row; justify-content:space-between; padding:24px; } }
.zeitreise-footer p { margin:0; }
.zeitreise-footer ul { display:flex; flex-wrap:wrap; gap:4px 16px; margin:0; padding:0; list-style:none; }
.zeitreise-footer a { margin:0; color:#fff; text-underline-offset:4px; }
.zeitreise-footer a:hover { color:#fff; text-decoration:underline; }
.zeitreise-footer a:focus-visible { outline:2px solid #fff; outline-offset:2px; }
@media (pointer:coarse) { .zeitreise-footer a { display:inline-flex; align-items:center; min-height:44px; } }

/* ---------- Impressum und Datenschutz (legal/) wie in der Zeitreise ---------- */
.zeitreise-legal { width:100%; max-width:48rem; margin:0 auto; padding:32px 16px; }
@media (min-width:640px) { .zeitreise-legal { padding:32px 24px; } }
.zeitreise-legal h1 { margin:0 0 24px; font-size:1.875rem; line-height:1.2; }
.zeitreise-legal-body { display:flex; flex-direction:column; gap:24px; font-family:var(--font-serif); font-size:16px; line-height:1.625; }
.zeitreise-legal-body section { display:flex; flex-direction:column; gap:8px; }
.zeitreise-legal-body h2 { margin:0; font-family:var(--font-heading); font-size:1.25rem; line-height:1.4; }
.zeitreise-legal-body p, .zeitreise-legal-body ul { margin:0; }
.zeitreise-legal-body ul { padding:0; }
.zeitreise-legal-body li { margin-left:20px; list-style:disc; }
.zeitreise-legal-body a { color:var(--color-link); text-decoration:underline; text-underline-offset:4px; }
.zeitreise-legal-updated { font-family:var(--font-body); font-size:14px; color:var(--mf-muted); }

@media print {
  .page-content p, .page-content li { font-family:var(--font-serif); }
}

/* ---------- Farbschema-Schalter wie in der Zeitreise (Ghost-Button, Menü mit Häkchen) ---------- */
html:root { --mf-popover:#fff; --mf-popover-text:#0f172a; --mf-accent:var(--mf-100); --mf-accent-text:var(--mf-900); }
html.dark-mode:root { --mf-popover:#171717; --mf-popover-text:#f5f5f5; --mf-accent:#262626; --mf-accent-text:#f5f5f5; }
.zeitreise-icon { width:16px; height:16px; flex-shrink:0; fill:none !important; }
header .zeitreise-mode.dropdown-container { padding-inline-start:0; }
header .zeitreise-mode-trigger {
  display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0;
  border:1px solid transparent; border-radius:.5rem; background:none; color:#fff; cursor:pointer;
}
header .zeitreise-mode-trigger:hover, header .zeitreise-mode-trigger[aria-expanded="true"] { background-color:var(--mf-band-hover); }
header .zeitreise-mode-trigger:focus { outline:none; }
header .zeitreise-mode-trigger:focus-visible { outline:none; box-shadow:0 0 0 3px #fff; }
@media (pointer:coarse) { header .zeitreise-mode-trigger { width:44px; height:44px; } }
header .zeitreise-mode .dropdown-menu {
  min-width:8rem; padding:4px; margin:8px 0; border-radius:.5rem; background:var(--mf-popover); color:var(--mf-popover-text);
  box-shadow:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1), 0 0 0 1px rgba(15,23,42,.1);
}
header .zeitreise-mode .dropdown-menu li { display:block; }
header .zeitreise-mode .dropdown-menu form { margin:0; }
header .zeitreise-mode .dropdown-menu .zeitreise-mode-item {
  position:relative; display:flex; align-items:center; gap:6px; width:100%; margin:0;
  padding:4px 32px 4px 6px; border:0; border-radius:.375rem; background:none;
  color:var(--mf-popover-text); font:inherit; font-size:14px; line-height:20px; text-align:start; cursor:default;
}
header .zeitreise-mode .dropdown-menu .zeitreise-mode-item:hover,
header .zeitreise-mode .dropdown-menu .zeitreise-mode-item:focus { background:var(--mf-accent); color:var(--mf-accent-text); outline:none; }
header .zeitreise-mode-check { position:absolute; right:8px; }
header .zeitreise-mode-item[aria-checked="false"] .zeitreise-mode-check { display:none; }
header .zeitreise-mode-sun, header .zeitreise-mode-moon { display:inline-flex; }
html.dark-mode header .zeitreise-mode-sun, html:not(.dark-mode) header .zeitreise-mode-moon { display:none; }
/* BookStacks eigener Hell/Dunkel-Schalter im Benutzermenü wirkt nicht mehr (Farbschema-Menü im Kopfband) */
header li:has(> form[action$="/preferences/toggle-dark-mode"]), header form[action$="/preferences/toggle-dark-mode"] { display:none; }
@media (pointer:coarse) { header .zeitreise-mode .dropdown-menu .zeitreise-mode-item { min-height:44px; } }
@media screen and (min-width:1001px) { header .links { display:inline-flex; align-items:center; } }
header .zeitreise-mode.dropdown-container { position:relative; }
/* BookStacks Dropdown-Skript setzt top:0 direkt am Element; das Menü soll unter dem Knopf aufgehen. */
header .zeitreise-mode .dropdown-menu { top:100% !important; inset-inline-end:0; margin:4px 0 0; }
/* Schmale Bildschirme: BookStack klappt Menüs im Kopf fest auf (display:block !important); dieses bleibt ein Aufklappmenü. */
@media screen and (max-width:1000px) {
  header .zeitreise-mode.dropdown-container { display:block; }
  header .zeitreise-mode .dropdown-menu { display:none !important; position:absolute; }
  header .zeitreise-mode:has([aria-expanded="true"]) .dropdown-menu { display:block !important; }
}

/* ---------- Seite, Kapitel, Buch: ohne Seitenleisten im 1280-px-Rahmen (layouts/tri.blade.php) ---------- */
.tri-layout-container.zeitreise-no-sides {
  display:block; max-width:1280px; margin-inline:auto; padding:0 16px; box-sizing:border-box;
}
@media (min-width:640px) { .tri-layout-container.zeitreise-no-sides { padding:0 24px; } }
.zeitreise-no-sides .tri-layout-middle-contents { max-width:none; }
/* Text nutzt die ganze Kartenbreite statt BookStacks 840 px in der Mitte (wie Kapitel und Buch) */
.zeitreise-no-sides .page-content { max-width:none; }
.zeitreise-no-sides .tri-layout-middle { padding-top:16px; }

/* Leiste über der Karte (entities/zeitreise-toolbar.blade.php) */
.zeitreise-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-bottom:12px; }
.zeitreise-toolbar-crumbs { flex:1 1 auto; min-width:0; }
.zeitreise-toolbar-crumbs .breadcrumbs { justify-content:flex-start; }
.zeitreise-toolbar-actions { display:flex; align-items:center; gap:8px; margin-inline-start:auto; }
.zeitreise-tool-button {
  display:inline-flex; align-items:center; gap:6px; height:36px; margin:0; padding:0 12px;
  border:1px solid var(--mf-border); border-radius:.5rem; background:var(--mf-card); color:var(--mf-text);
  font:inherit; font-size:14px; font-weight:500; line-height:1; white-space:nowrap; cursor:pointer;
}
.zeitreise-tool-button:hover, .zeitreise-tool-button[aria-expanded="true"] {
  background:var(--color-primary-light); color:var(--mf-text); text-decoration:none;
}
.zeitreise-tool-button:focus-visible { outline:2px solid var(--color-link); outline-offset:2px; }
@media (pointer:coarse) { .zeitreise-tool-button { height:44px; } }
.zeitreise-actions { position:relative; padding:0; }
.zeitreise-actions-menu {
  position:absolute; top:100%; inset-inline-end:0; z-index:20; min-width:14rem; margin-top:4px; padding:4px 0;
  border:1px solid var(--mf-border); border-radius:.5rem; background:var(--mf-card);
  box-shadow:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);
}
.zeitreise-actions-menu[hidden] { display:none; }
.zeitreise-actions-menu .actions { margin:0 !important; }
.zeitreise-actions-menu h5 { display:none; }
.zeitreise-actions-menu .icon-list { margin:0; }
.zeitreise-actions-menu .icon-list-item { width:100%; margin:0; padding:6px 12px; }
.zeitreise-actions-more { display:none; }
@media (max-width:639px) {
  .zeitreise-actions-label, .zeitreise-actions-chevron { display:none; }
  .zeitreise-actions-more { display:inline; }
  .zeitreise-actions-toggle { width:36px; padding:0; justify-content:center; }
  .zeitreise-toolbar { flex-wrap:nowrap; }
}
.zeitreise-actions-menu hr { margin:4px 0; border:0; border-top:1px solid var(--mf-border); background:none; height:0; }

/* Schublade „Inhalt“ von links */
dialog.zeitreise-drawer {
  margin:0; padding:0; width:min(24rem, 92vw); height:100dvh; max-width:none; max-height:none;
  border:0; background:var(--mf-card); color:var(--mf-text); box-shadow:0 10px 40px rgba(13,22,56,.35);
}
dialog.zeitreise-drawer::backdrop { background:rgba(13,22,56,.45); }
.zeitreise-drawer-inner { height:100%; overflow-y:auto; padding:16px 20px 32px; box-sizing:border-box; }
.zeitreise-drawer-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.zeitreise-drawer-title { font-family:var(--font-heading); font-size:18px; font-weight:700; }
.zeitreise-drawer-close { width:36px; padding:0; justify-content:center; }
.zeitreise-drawer .book-tree h5 { display:none; }
.zeitreise-drawer .book-tree { margin:0; }

/* Unter dem Titel: Stand (pages/show.blade.php) */
.page-content .zeitreise-page-meta {
  margin:-.25rem 0 1rem; font-family:var(--font-body); font-size:14px; line-height:1.5; color:var(--mf-muted);
}
.zeitreise-page-extras { margin-top:16px; }

/* Vorherige / nächste Seite als Karten */
#sibling-navigation { gap:16px; margin-top:16px; padding:0 !important; }
#sibling-navigation a {
  height:100%; padding:8px 4px; border:1px solid var(--mf-border); border-radius:.5rem; background:var(--mf-card);
}
#sibling-navigation a:hover { background:var(--color-primary-light); }

.tri-layout-left-contents h5, .tri-layout-right-contents h5 {
  font-family:var(--font-heading); font-size:18px; font-weight:700; letter-spacing:0; color:var(--mf-text);
}

/* ---------- Buchseite: Kopf mit Cover ---------- */
.zeitreise-book-hero { display:flex; flex-wrap:wrap; align-items:center; gap:1.5rem 2rem; margin-bottom:1.5rem; }
.zeitreise-book-cover {
  width:100%; max-width:320px; height:auto; border-radius:.375rem;
  box-shadow:0 10px 28px -10px rgba(13,22,56,.55);
}
.zeitreise-book-intro { flex:1 1 260px; }
.zeitreise-book-intro h1 { margin-top:0; font-size:2.6em; }
.zeitreise-book-intro .button { margin:0; }
.zeitreise-title-main, .zeitreise-title-sub { display:block; }
.zeitreise-title-sub { font-size:.62em; line-height:1.25; color:var(--color-book); }
.zeitreise-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }