/* Abteilungs-Seiten — Ergänzungen zu styles.css (Flammen, Aufgaben-Reihe, Ansprechpartner,
   Bildunterschriften, Links in Texten). Das Grund-Design bleibt unverändert. */

/* ── Links in Texten und Info-Kästen ─────────────────────────────────────── */
.prose .lead-col p a{color:var(--red);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s var(--ease);}
.prose .lead-col p a:hover{color:var(--red-press);}
.infocard .row .v a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:currentColor;transition:opacity .2s var(--ease);}
.infocard .row .v a:hover{opacity:.7;}

/* ── Aufgaben: Flammen-Symbol statt Nummer ───────────────────────────────── */
.task .ix .flame{display:block;width:22px;height:22px;fill:var(--red);}

/* ── Aufgaben: mehr als drei → seitlich scrollbare Reihe ─────────────────── */
.tasks.tasks-scroll{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;padding:8px 0 26px;margin-top:6px;
  scrollbar-width:thin;scrollbar-color:var(--border) transparent;}
.tasks-scroll .task{flex:0 0 calc((100% - 48px) / 3.25);scroll-snap-align:start;}
.tasks-scroll:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-radius:var(--radius);}
.band-dark .tasks-scroll{scrollbar-color:rgba(255,255,255,.28) transparent;}
@media (max-width:980px){
  .tasks-scroll .task{flex-basis:calc((100% - 32px) / 2.25);}
}
@media (max-width:680px){
  .tasks-scroll .task{flex-basis:85%;}
}

/* ── Ansprechpartner ─────────────────────────────────────────────────────── */
.people{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px;}
.person{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);padding:18px;background:var(--paper);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);}
.person:hover{transform:translateY(-4px);box-shadow:0 22px 38px -28px rgba(20,22,27,.45);border-color:#d3d5d8;}
.person .photo{aspect-ratio:4/5;border-radius:8px;overflow:hidden;background:var(--bg);}
.person .photo img,.person .photo image-slot{width:100%;height:100%;object-fit:cover;}
.person h4{margin:16px 0 4px;font-size:19px;}
.person .role{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red);}
.person .for{margin-top:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.person p{margin-top:2px;color:var(--text);font-size:15px;line-height:1.5;}
.person .p-links{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:6px;font-size:15px;}
.person .for+p+.p-links,.person .role+.p-links{border-top:1px solid var(--border);margin-top:16px;}
@media (max-width:980px){
  .people{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:680px){
  .people{grid-template-columns:1fr;}
}

/* ── Galerie: Bildunterschriften und „Weitere Bilder“ ────────────────────── */
.gallery .gfig{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0;}
.gallery .gfig .g{position:relative;}
.gallery .gfig .g img{position:absolute;inset:0;}
.gallery .gfig.tall{grid-row:span 2;}
.gallery .gfig.tall .g{flex:1 1 auto;aspect-ratio:auto;min-height:240px;}
.gallery figcaption{font-size:13.5px;line-height:1.4;color:var(--muted);}
.gallery-more{display:flex;justify-content:center;margin-top:28px;}
.gallery [hidden]{display:none !important;}
@media (max-width:680px){
  .gallery .gfig.tall{grid-row:auto;}
  .gallery .gfig.tall .g{flex:none;aspect-ratio:4/3;min-height:0;}
}

/* ── Dokumente / Downloads ───────────────────────────────────────────────── */
.docs{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px;}
.doc{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);color:var(--ink);
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease);}
.doc:hover{transform:translateY(-3px);box-shadow:0 22px 38px -28px rgba(20,22,27,.45);border-color:#d3d5d8;}
.doc:focus-visible{outline:2px solid var(--red);outline-offset:3px;}
.doc .doc-ic{flex:none;width:30px;height:30px;color:var(--red);margin-top:2px;}
.doc .doc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.doc .doc-title{font-weight:700;font-size:18px;line-height:1.3;}
.doc .doc-note{color:var(--text);font-size:15px;line-height:1.45;}
.doc .doc-meta{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px;}
.doc .doc-go{flex:none;font-weight:700;color:var(--red);font-size:18px;transition:transform .2s var(--ease);}
.doc:hover .doc-go{transform:translateY(3px);}
@media (max-width:680px){
  .docs{grid-template-columns:1fr;}
}