/* ============================================================
   FF Gundernhausen – Einsätze und Berichte (Listen und Detailseiten)
   Farben, Radien und Schatten kommen aus den Variablen in includes/head.php.
   Inhalt: Kopf · Filter · Raster · Seitenblättern · Einsatzliste · Berichtsraster ·
           Statistik · Artikel · Text · Bilder · Fakten · Seitenleiste
   ============================================================ */

/* ── KOPF ───────────────────────────────────────────────────── */
.archiv-kopf { background:var(--red); color:var(--white); padding:18px 0; }
.archiv-kopf-inner { max-width:1200px; margin:0 auto; padding:0 16px; }
.archiv-kopf h1 { font-size:26px; font-weight:800; line-height:1.2; }
.archiv-kopf p { font-size:14px; opacity:.9; margin-top:2px; }

/* ── FILTER ─────────────────────────────────────────────────── */
.archiv-filter { background:var(--white); border-bottom:1px solid var(--border); box-shadow:0 1px 4px rgba(0,0,0,.06); }
.archiv-filter-inner { max-width:1200px; margin:0 auto; padding:10px 16px; display:flex; align-items:center; gap:12px; }
.archiv-tabs { display:flex; flex-wrap:wrap; gap:6px; flex:1; min-width:0; }
.archiv-tab {
  display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:4px 12px;
  border-radius:20px; border:1px solid var(--border); background:var(--bg); color:var(--text);
  font-size:13px; font-weight:600; white-space:nowrap; transition:background .15s, color .15s, border-color .15s;
}
.archiv-tab:hover { border-color:var(--red); color:var(--red); text-decoration:none; }
.archiv-tab.is-aktiv, .archiv-tab.is-aktiv:hover { background:var(--red); border-color:var(--red); color:var(--white); }
.archiv-tab-zahl { font-size:11px; font-weight:700; color:var(--muted); }
.archiv-tab.is-aktiv .archiv-tab-zahl { color:var(--white); opacity:.85; }
.archiv-jahr { display:flex; gap:6px; flex-shrink:0; }
.archiv-jahr select, .archiv-jahr-los {
  min-height:34px; padding:4px 10px; border:1px solid var(--border); border-radius:20px;
  background:var(--bg); color:var(--text); font:600 13px var(--font); cursor:pointer;
}
/* Nur mitlaufen, wenn die Leiste einzeilig ist: Auf kleineren Bildschirmen wäre sie zu hoch */
@media (min-width:1180px) {
  .archiv-filter { position:sticky; top:48px; z-index:100; }
}

/* ── RASTER ─────────────────────────────────────────────────── */
.archiv-raster { max-width:1200px; margin:20px auto 0; padding:0 16px; display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:24px; align-items:start; }
.archiv-raster > main { grid-column:1; grid-row:1; min-width:0; }
.archiv-raster > .archiv-statistik { grid-column:2; grid-row:1; }
.archiv-breit { max-width:1200px; margin:20px auto 0; padding:0 16px; }

/* ── LEER ───────────────────────────────────────────────────── */
.archiv-leer { background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow); text-align:center; padding:48px 20px; color:var(--muted); }
.archiv-leer h2 { font-size:18px; color:var(--text); margin-bottom:6px; }
.archiv-leer .btn-primary {
  display:inline-block; margin-top:16px; padding:10px 20px; border-radius:var(--radius);
  background:var(--red); color:var(--white); font-weight:700; transition:background .2s;
}
.archiv-leer .btn-primary:hover { background:var(--red-dark); text-decoration:none; }

/* ── SEITENBLÄTTERN ─────────────────────────────────────────── */
.archiv-seiten { display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap; margin-top:24px; }
.archiv-seite {
  display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 10px;
  border:1px solid var(--border); border-radius:var(--radius); background:var(--white); color:var(--text);
  font-size:14px; font-weight:600; transition:background .15s, color .15s, border-color .15s;
}
a.archiv-seite:hover { background:var(--red); border-color:var(--red); color:var(--white); text-decoration:none; }
.archiv-seite.is-aktiv { background:var(--red); border-color:var(--red); color:var(--white); }
.archiv-seite.ist-aus { opacity:.4; }
.archiv-seite-luecke { color:var(--muted); padding:0 2px; }
.archiv-seiten-info { flex-basis:100%; text-align:center; font-size:13px; color:var(--muted); }

/* ── EINSATZLISTE ───────────────────────────────────────────── */
.ez-monat { font-size:14px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.5px; margin:22px 0 8px; }
.ez-monat:first-child { margin-top:0; }
.ez-karte {
  position:relative; display:flex; background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow);
  border-left:4px solid var(--ez-farbe, var(--border)); overflow:hidden; margin-bottom:10px;
  transition:box-shadow .15s;
}
.ez-karte.hat-link:hover { box-shadow:var(--shadow-hover); }
.ez-karte.hat-link:hover .ez-titel a { color:var(--red); }
.ez-bild { position:relative; flex:0 0 132px; min-height:104px; background:var(--gray-mid); border:none; padding:0; display:block; overflow:hidden; }
button.ez-bild { cursor:zoom-in; }
.ez-bild img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.ez-bild-leer { display:flex; align-items:center; justify-content:center; font-size:30px; background:var(--gray-light); }
.ez-bild-zahl { position:absolute; right:5px; bottom:5px; padding:1px 6px; border-radius:3px; background:rgba(0,0,0,.65); color:var(--white); font-size:11px; font-weight:700; }
.ez-inhalt { flex:1; min-width:0; padding:10px 14px; display:flex; flex-direction:column; gap:3px; }
.ez-meta { display:flex; flex-wrap:wrap; align-items:center; gap:2px 10px; font-size:12px; color:var(--muted); }
.ez-art { display:inline-flex; align-items:center; gap:5px; font-weight:700; color:var(--text); }
.ez-art::before { content:''; width:9px; height:9px; border-radius:50%; background:var(--ez-farbe, var(--muted)); }
.ez-sammel { padding:0 6px; border:1px solid var(--border); border-radius:3px; font-weight:700; color:var(--text); }
.ez-titel { font-size:16px; font-weight:700; line-height:1.3; color:var(--text); }
.ez-titel a { color:inherit; transition:color .15s; }
.ez-titel a:hover { text-decoration:none; }
/* Ganze Karte klickbar, ohne verschachtelte Links */
.ez-titel a::after { content:''; position:absolute; inset:0; }
.ez-text { font-size:13px; line-height:1.5; color:var(--muted); }
.hat-link .ez-text { display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ez-info { font-size:12px; color:var(--muted); }
.ez-weiter { font-size:13px; font-weight:700; color:var(--red); margin-top:2px; }

/* ── BERICHTSRASTER ─────────────────────────────────────────── */
.bk-raster { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.bk-karte { display:flex; flex-direction:column; background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; color:inherit; transition:box-shadow .15s, transform .15s; }
a.bk-karte:hover { box-shadow:var(--shadow-hover); transform:translateY(-2px); text-decoration:none; }
a.bk-karte:hover .bk-titel { color:var(--red); }
.bk-bild { position:relative; aspect-ratio:16/9; overflow:hidden; background:var(--gray-mid); }
.bk-bild img { width:100%; height:100%; object-fit:cover; }
.bk-bild-leer { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:44px; background:var(--anthr); opacity:.9; }
.bk-art { position:absolute; left:10px; top:10px; padding:3px 9px; border-radius:3px; color:var(--white); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; }
.bk-inhalt { flex:1; padding:12px 16px 14px; display:flex; flex-direction:column; }
.bk-meta { font-size:12px; color:var(--muted); margin-bottom:4px; }
.bk-titel { font-size:16px; font-weight:800; line-height:1.3; color:var(--text); margin-bottom:6px; transition:color .15s; }
.bk-text { flex:1; font-size:13px; line-height:1.5; color:var(--muted); display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.bk-weiter { margin-top:10px; font-size:13px; font-weight:700; color:var(--red); }
.bk-weiter.ohne-link { font-weight:400; font-style:italic; color:var(--muted); }

/* ── STATISTIK ──────────────────────────────────────────────── */
.archiv-statistik { background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; }
.archiv-statistik summary { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 14px; cursor:pointer; font-size:14px; font-weight:700; color:var(--text); list-style:none; }
.archiv-statistik summary::-webkit-details-marker { display:none; }
.archiv-statistik summary::after { content:'▾'; color:var(--muted); transition:transform .2s; }
.archiv-statistik[open] summary { border-bottom:1px solid var(--border); }
.archiv-statistik[open] summary::after { transform:rotate(180deg); }
.statistik-werte { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:12px 14px; }
.statistik-wert { background:var(--gray-light); border-radius:var(--radius); padding:8px; text-align:center; }
.statistik-wert.ist-breit { grid-column:1/-1; }
.statistik-wert strong { display:block; font-size:20px; font-weight:800; line-height:1.2; color:var(--red); }
.statistik-wert span { font-size:11px; color:var(--muted); }
.statistik-arten { list-style:none; padding:0 14px; }
.statistik-arten li { display:flex; justify-content:space-between; gap:10px; padding:5px 0; border-top:1px solid var(--border); font-size:13px; }
.statistik-arten b { color:var(--red); }
.statistik-art { display:inline-flex; align-items:center; gap:7px; }
.statistik-art::before { content:''; width:9px; height:9px; border-radius:50%; background:var(--ez-farbe, var(--muted)); flex-shrink:0; }
.statistik-hinweis { padding:10px 14px 12px; font-size:12px; line-height:1.5; color:var(--muted); }
.statistik-hinweis + .statistik-hinweis { padding-top:0; }

/* ── ARTIKEL ────────────────────────────────────────────────── */
.article-layout { max-width:1200px; margin:0 auto; padding:16px 16px 0; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:28px; align-items:start; }
.archiv-zurueck { display:inline-block; font-size:13px; font-weight:600; color:var(--muted); margin-bottom:10px; }
.archiv-zurueck:hover { color:var(--red); }
.article-card { background:var(--white); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; }
.article-hero { position:relative; width:100%; aspect-ratio:20/7; overflow:hidden; background:var(--gray-mid); }
.article-hero img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.article-hero-foto { position:absolute; right:10px; bottom:6px; font-size:11px; color:var(--white); text-shadow:0 1px 3px rgba(0,0,0,.8); pointer-events:none; }
.article-hero-no-img { height:140px; background:linear-gradient(135deg, var(--art-color, var(--red)), #111); display:flex; align-items:center; justify-content:center; font-size:56px; color:rgba(255,255,255,.15); }
.article-header { padding:20px 28px 14px; border-bottom:1px solid var(--border); }
.article-badges { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.article-badge { display:inline-block; padding:4px 12px; border-radius:3px; font-size:11px; font-weight:700; color:var(--white); text-transform:uppercase; letter-spacing:.7px; }
a.article-badge:hover { color:var(--white); text-decoration:none; filter:brightness(1.15); }
.article-title { font-size:26px; font-weight:800; line-height:1.3; color:var(--text); margin-bottom:8px; }
.article-meta { font-size:13px; color:var(--muted); display:flex; flex-wrap:wrap; gap:4px 14px; align-items:center; }
.article-meta-item { display:flex; align-items:center; gap:5px; }
.article-intro { font-size:17px; font-weight:600; color:var(--muted); line-height:1.6; border-left:4px solid var(--art-color, var(--red)); margin:16px 28px 0; background:rgba(0,0,0,.02); padding:14px 18px; border-radius:0 var(--radius) var(--radius) 0; }
.article-body { padding:20px 28px 28px; }

/* ── FAKTEN (Einsatz) ───────────────────────────────────────── */
.fakten { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:1px; background:var(--border); border-bottom:1px solid var(--border); }
.fakten > div { background:var(--gray-light); padding:10px 28px; }
.fakten dt { font-size:11px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.4px; }
.fakten dd { font-size:14px; font-weight:600; color:var(--text); line-height:1.4; }

/* ── TEXT ───────────────────────────────────────────────────── */
.article-text { font-size:16px; line-height:1.7; color:var(--text); max-width:720px; margin:0 auto; }
.article-text p { margin-bottom:1em; }
.article-text p:last-child { margin-bottom:0; }
/* Leerabsätze mit <br>/&nbsp; entfernt archivFormatText() bereits serverseitig */
.article-text p:empty, .article-text h2:empty, .article-text h3:empty { display:none; }
.article-text a { color:var(--red); text-decoration:underline; }
.article-text br + br { display:none; }
.article-text hr { border:none; height:2px; background:linear-gradient(to right, var(--red), rgba(154,0,0,.12), transparent); margin:2em 0; border-radius:2px; }
.article-text table { width:100%; border-collapse:collapse; margin:1.5em 0; font-size:.95em; border-left:4px solid var(--red); }
.article-text th, .article-text td { border:1px solid var(--border); padding:.55rem .8rem; vertical-align:top; text-align:left; }
.article-text th { background:var(--red); color:var(--white); font-weight:600; }
.article-text tr:nth-child(even) td { background:#fafafa; }
.article-text blockquote { margin:1.8em 0; padding:1em 1.4em 1em 1.2em; border-left:4px solid var(--red); background:rgba(154,0,0,.04); border-radius:0 var(--radius) var(--radius) 0; color:var(--muted); font-style:italic; font-size:1.05em; line-height:1.7; }
.article-text blockquote p { margin-bottom:0; }
.article-text blockquote p + p { margin-top:.6em; }
.article-text h2 { font-size:1.3em; font-weight:800; color:var(--red); margin:1.9em 0 .6em; line-height:1.3; padding-left:14px; border-left:4px solid var(--red); }
.article-text h3 { font-size:1.08em; font-weight:700; color:var(--muted); margin:1.35em 0 .4em; line-height:1.35; padding-left:10px; border-left:2px solid var(--border); }
.article-text ul, .article-text ol { padding-left:1.6em; margin:.8em 0 1em; }
.article-text li { margin-bottom:.3em; }
/* CKEditor-Bilder */
.article-text figure.image { margin:1.4em auto; display:table; max-width:100%; }
.article-text figure.image img { display:block; max-width:100%; height:auto; }
.article-text figure.image_resized { max-width:100%; }
.article-text figure.image_resized img { width:100%; height:auto; }
.article-text figure.image-style-align-left, .article-text figure.image-style-side { float:left; margin:.4em 1.5em 1em 0; }
.article-text figure.image-style-align-right { float:right; margin:.4em 0 1em 1.5em; }
.article-text figure.image-style-block-align-center, .article-text figure.image-style-align-center { margin-left:auto; margin-right:auto; display:table; }
.article-text figure.image-style-block-align-left { margin-right:auto; display:table; }
.article-text figure.image-style-block-align-right { margin-left:auto; display:table; }
.article-text::after { content:''; display:table; clear:both; }
.article-text figure.image figcaption { caption-side:bottom; display:table-caption; font-size:.8em; color:var(--muted); text-align:center; padding:5px 0 0; font-style:italic; }

/* ── BILDER IM TEXT ─────────────────────────────────────────── */
.inline-img-break { position:relative; margin:2.2em 0; background:var(--gray-light); border:2px solid var(--border); border-radius:var(--radius); overflow:hidden; cursor:zoom-in; transition:border-color .2s, box-shadow .2s; }
.inline-img-break:hover { border-color:var(--red); box-shadow:0 4px 20px rgba(154,0,0,.13); }
.inline-img-label { position:absolute; top:0; left:0; z-index:1; background:var(--red); color:var(--white); font-size:11px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; padding:4px 11px 4px 10px; border-radius:0 0 4px 0; pointer-events:none; }
.inline-img-break img { width:100%; max-height:380px; object-fit:cover; display:block; transition:transform .4s ease; }
.inline-img-break:hover img { transform:scale(1.015); }
.inline-img-caption { padding:7px 12px; font-size:12px; color:var(--muted); background:rgba(0,0,0,.03); border-top:1px solid var(--border); font-style:italic; line-height:1.4; }
.inline-img-fotograf { opacity:.8; }

/* ── MITGLIEDERWERBUNG ──────────────────────────────────────── */
.recruit-banner { margin:0 28px 24px; border-radius:var(--radius); background:linear-gradient(100deg, var(--red-dark) 0%, var(--red) 60%, var(--red-light) 100%); overflow:hidden; }
.recruit-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 20px; }
.recruit-text { flex:1; min-width:0; }
.recruit-hook { display:block; font-size:11px; color:rgba(255,255,255,.8); margin-bottom:3px; }
.recruit-headline { display:block; font-size:15px; font-weight:800; color:var(--white); line-height:1.25; }
.recruit-sub { display:block; font-size:12px; color:rgba(255,255,255,.85); margin-top:3px; line-height:1.4; }
.recruit-cta { flex-shrink:0; display:inline-flex; align-items:center; gap:6px; background:var(--white); color:var(--red); font-weight:800; font-size:13px; padding:9px 18px; border-radius:4px; white-space:nowrap; transition:background .15s; }
.recruit-cta:hover { background:var(--gray-light); text-decoration:none; }
.recruit-cta::after { content:'→'; font-size:15px; }

/* ── GALERIE ────────────────────────────────────────────────── */
.gallery-section { padding:0 28px 24px; }
.gallery-title { font-size:16px; font-weight:700; color:var(--text); margin-bottom:14px; padding-top:16px; border-top:1px solid var(--border); }
.gallery-anzahl { font-size:13px; font-weight:400; color:var(--muted); }
.gallery-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:8px; }
.gallery-thumb { position:relative; display:block; width:100%; aspect-ratio:4/3; padding:0; border:none; overflow:hidden; border-radius:4px; cursor:zoom-in; background:var(--gray-mid); }
.gallery-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease, opacity .15s; }
.gallery-thumb:hover img { transform:scale(1.06); opacity:.9; }

/* ── ÄLTER / NEUER ──────────────────────────────────────────── */
.article-nav { padding:0 28px 28px; }
.article-nav-inner { display:grid; grid-template-columns:1fr 1fr; gap:12px; border-top:1px solid var(--border); padding-top:20px; }
.article-nav-btn { display:block; background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); padding:12px 16px; transition:border-color .15s, background .15s; }
.article-nav-btn:hover { border-color:var(--red); background:var(--white); text-decoration:none; }
.article-nav-btn.next { text-align:right; }
.nav-label { font-size:11px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.5px; margin-bottom:4px; }
.nav-title { font-size:13px; font-weight:700; color:var(--text); line-height:1.35; }
.nav-datum { font-size:12px; color:var(--muted); margin-top:2px; }

/* ── SEITENLEISTE ───────────────────────────────────────────── */
.article-layout .sidebar { display:flex; flex-direction:column; gap:16px; min-width:0; }
.article-layout .sidebar-widget { margin-bottom:0; }
.related-item { display:flex; gap:10px; padding:10px 14px; border-bottom:1px solid var(--border); color:inherit; }
a.related-item:hover { background:var(--gray-light); text-decoration:none; }
a.related-item:hover .related-title { color:var(--red); }
.related-thumb { width:64px; height:48px; flex-shrink:0; border-radius:4px; overflow:hidden; background:var(--gray-mid); }
.related-thumb img { width:100%; height:100%; object-fit:cover; }
.related-thumb-leer { display:flex; align-items:center; justify-content:center; font-size:20px; background:var(--gray-light); }
.related-text { min-width:0; display:flex; flex-direction:column; gap:2px; }
.related-title { font-size:13px; font-weight:700; color:var(--text); line-height:1.3; }
.related-date { font-size:12px; color:var(--muted); }
.related-mehr { display:block; padding:10px 14px; font-size:13px; font-weight:600; color:var(--red); }
.teilen-raster { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.teilen-btn { display:flex; align-items:center; justify-content:center; min-height:40px; padding:8px; border:none; border-radius:var(--radius); font:700 13px var(--font); cursor:pointer; color:var(--white); transition:filter .15s; }
.teilen-btn:hover { filter:brightness(1.1); text-decoration:none; }
.teilen-fb { background:#1877F2; }
.teilen-wa { background:#128C7E; }
.teilen-link { grid-column:1/-1; background:var(--gray-light); color:var(--text); border:1px solid var(--border); }

/* ── TABLET ─────────────────────────────────────────────────── */
@media (max-width:960px) {
  .archiv-raster { grid-template-columns:minmax(0,1fr); gap:12px; }
  .archiv-raster > main, .archiv-raster > .archiv-statistik { grid-column:auto; grid-row:auto; }
  .bk-raster { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .article-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
  .article-layout .sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
}

/* ── HANDY ──────────────────────────────────────────────────── */
@media (max-width:600px) {
  .archiv-kopf { padding:12px 0; }
  .archiv-kopf h1 { font-size:21px; }
  .archiv-kopf p { font-size:13px; }
  .archiv-filter-inner { padding:8px 0 8px 12px; gap:8px; }
  /* Reiter scrollen seitlich; der ausblendende Rand zeigt, dass es weitergeht */
  .archiv-tabs {
    flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-right:24px;
    -webkit-mask-image:linear-gradient(to right, #000 calc(100% - 28px), transparent);
    mask-image:linear-gradient(to right, #000 calc(100% - 28px), transparent);
  }
  .archiv-tabs::-webkit-scrollbar { display:none; }
  .archiv-tab { flex-shrink:0; min-height:40px; }
  .archiv-jahr { padding-right:12px; }
  .archiv-jahr select { min-height:40px; }
  .archiv-raster, .archiv-breit { margin-top:12px; }
  .archiv-seite.ist-fern { display:none; }
  .ez-monat { margin-top:16px; }
  .ez-bild { flex-basis:92px; min-height:92px; }
  .ez-inhalt { padding:9px 12px; }
  .ez-titel { font-size:15px; }
  .bk-raster { grid-template-columns:minmax(0,1fr); gap:14px; }
  .article-layout { padding-top:12px; }
  .article-hero { aspect-ratio:16/9; }
  .article-header { padding:14px 16px 12px; }
  .article-title { font-size:21px; }
  .article-intro { margin:12px 16px 0; font-size:16px; padding:10px 14px; }
  .article-body { padding:16px; }
  .fakten > div { padding:8px 16px; }
  .recruit-banner { margin:0 16px 16px; }
  .recruit-inner { flex-direction:column; align-items:flex-start; gap:10px; padding:12px 16px; }
  .recruit-cta { align-self:flex-end; }
  .gallery-section { padding:0 16px 16px; }
  .gallery-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .article-nav { padding:0 16px 16px; }
  .article-nav-inner { grid-template-columns:minmax(0,1fr); padding-top:14px; }
  .article-nav-inner > div:empty { display:none; }
  .article-layout .sidebar { grid-template-columns:minmax(0,1fr); }
  .article-text table { font-size:.85em; }
  .article-text th, .article-text td { padding:.4rem .5rem; }
}

/* ── VORSCHAU-LEISTE (nur intern / Share-Link) ──────────────── */
.archiv-vorschau { position:sticky; top:0; z-index:999; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 12px; padding:9px 20px; background:#fff3cd; border-bottom:3px solid #c08000; font-size:13px; }
.archiv-vorschau-btn { padding:5px 14px; border-radius:4px; background:#c08000; color:var(--white); font-weight:700; white-space:nowrap; }
.archiv-vorschau-btn:hover { color:var(--white); text-decoration:none; filter:brightness(1.1); }