/* Shared components for all pages below the homepage. */
.subpage main { display:grid; gap:24px; }
.page-intro { padding:32px; background:#ffe86d; border-radius:16px; }
.page-intro>a { display:inline-block; margin-bottom:16px; font-size:1rem; }
.subpage section { min-width:0; padding:28px; background:var(--paper); border:1px solid var(--line); border-radius:12px; }
.subpage h2,.subpage h3 { color:var(--green); }
.subpage h2:not(:first-child),.subpage h3:not(:first-child) { margin-top:24px; }
.subpage p { text-align:left; max-width:80ch; }
.subpage main a { overflow-wrap:anywhere; }
.subpage ul { padding-left:24px; }
.subpage li { margin:8px 0; }
.subpage .site-header li,.subpage footer li { margin:0; }
.subpage [aria-current="page"] { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px; font-weight:bold; }
.subpage main nav ul { padding:0; }
.group-nav,.archive-jumps { display:flex; flex-wrap:wrap; gap:10px; }
.group-nav a,.archive-jumps a { padding:10px 16px; border:1px solid var(--line); border-radius:8px; background:var(--paper); }
.group-nav [aria-current="page"] { background:var(--green); color:#fff; }
fieldset { display:flex; flex-wrap:wrap; gap:12px; border:1px solid var(--line); border-radius:8px; margin:20px 0; padding:16px; }
legend { font-weight:bold; padding:0 6px; }
fieldset label { display:flex; gap:8px; align-items:center; min-height:44px; padding:6px 10px; background:#f1f2e8; border-radius:6px; cursor:pointer; }
input[type=radio] { width:18px; height:18px; accent-color:var(--green); }
.table-scroll { max-width:100%; overflow-x:auto; margin-top:20px; }
.table-scroll:focus-visible { outline:3px solid #1f3a93; outline-offset:3px; }
table { border-collapse:collapse; width:100%; font-size:1rem; line-height:1.5; }
th,td { padding:12px 14px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top; }
th { background:var(--green); color:#fff; }
tbody tr:nth-child(even) { background:#f0f2e8; }
td.amt-row { background:var(--green)!important; color:#fff; }
.next-training-box { margin:20px 0; padding:20px; border-left:4px solid var(--orange); background:#fff3b6; border-radius:8px; }
.next-training-box span { font-weight:bold; }
.next-training-box p:first-child { margin-top:0; }
.pdfIconBox { display:flex; align-items:center; gap:16px; margin-top:24px; }
.pdfIconBox img { width:48px; height:auto; }
.pdfIconBox p { margin:0; }
.gallery { display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:16px; margin:24px 0; }
.gallery figure { margin:0; max-width:100%; flex:0 1 auto; }
.gallery img { border-radius:8px; width:auto; height:auto; max-width:100%!important; max-height:520px; object-fit:contain; }
.content-container { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:20px; }
.text-content,.image-content { flex:1 1 260px; min-width:0; }
.reise-container { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:18px; margin-top:24px; }
.reise-box { border:1px solid var(--line); border-radius:10px; background:#fff; overflow:hidden; }
.reise-box a { display:block; height:100%; padding:14px; text-decoration:none; }
.reise-box a:hover { background:#fff3b6; }
.reise-box img { width:100%; height:130px; object-fit:contain; background:#f3f3eb; border-radius:6px; }
.reise-info h3 { font-size:1.1rem; margin-top:14px!important; }
.reise-info p { margin-top:6px; }
.berichte-container { display:grid; grid-template-columns:repeat(auto-fit,minmax(100px,1fr)); gap:16px; margin-top:24px; }
.bericht a { display:block; text-align:center; padding:12px; border:1px solid var(--line); border-radius:8px; background:#fff; }
.bericht-image img { width:55px; height:auto; margin:auto; }
.jahr { display:block; font-weight:bold; margin-top:8px; }
.vorstand-container { display:grid; gap:22px; margin:24px 0; }
.vorstand-zeile { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; }
.vorstand-member { flex:0 1 250px; padding:20px; border:1px solid var(--line); border-radius:10px; background:#fff; text-align:center; }
.vorstand-member a { display:block; text-decoration:none; }
.vorstand-member img { width:140px; height:140px; object-fit:cover; border-radius:50%; margin:16px auto; }
.vorstand-member p { text-align:center; }
.statuten-preview { margin:20px 0; }
.archive { display:grid; gap:24px; }
.archive-year { scroll-margin-top:16px; }
.issue-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:16px; margin-top:20px; }
.issue-grid a { display:flex; flex-direction:column; align-items:center; padding:16px; background:#fff; border:1px solid var(--line); border-radius:8px; text-decoration:none; }
.issue-grid a:hover { background:#fff3b6; }
.issue-grid img { width:100%; height:180px; object-fit:contain; }
.issue-grid p { font-size:1rem; font-weight:bold; text-align:center; }
.sitemap-list { columns:2; }
.legal h3 { margin-top:28px; }
@media(max-width:640px) { .subpage section,.page-intro { padding:22px 18px; } .subpage main { gap:18px; } .subpage h1 { font-size:2rem; overflow-wrap:anywhere; } th,td { padding:10px; } table { min-width:560px; } .gallery { display:grid; grid-template-columns:minmax(0,1fr); } .gallery img { margin:auto; } .sitemap-list { columns:1; } .reise-container { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .reise-box a { padding:10px; } .issue-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .issue-grid a { padding:10px; } .issue-grid img { height:150px; } }

.unavailable-issue { padding:16px; border:1px solid var(--line); border-radius:8px; text-align:center; }

/* Tabellen werden auf Tablet und Handy zu beschrifteten Einträgen. */
@media (max-width:1024px) {
  .table-scroll:has(.responsive-table) { overflow:visible; }
  .responsive-table { display:block; width:100%; min-width:0; }
  .responsive-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .responsive-table tbody { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
  .responsive-table tr { display:block; min-width:0; border:1px solid var(--line); border-radius:10px; overflow:hidden; background:#fff; }
  .responsive-table td { display:grid; grid-template-columns:minmax(80px,28%) minmax(0,1fr); gap:12px; padding:10px 14px; overflow-wrap:anywhere; }
  .responsive-table td[data-label]::before { content:attr(data-label); font-weight:bold; color:var(--green); }
  .responsive-table td:last-child { border-bottom:0; }
  .responsive-table td[colspan] { display:block; }
  .responsive-table .table-group,.responsive-table .table-message { grid-column:1/-1; }
  .responsive-table .table-group { margin-top:12px; border:0; }
  .responsive-table .amt-row { padding:14px; }
}
@media (min-width:700px) and (max-width:1024px) {
  .responsive-table tbody { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
}