/* ── Broschüre-Block (aus index.html ausgelagert, Phase 4 Erweiterung 1b) ── */
.broschuere-section { position:relative; overflow:hidden; }
.broschuere-img { width:100%; height:480px; object-fit:cover; object-position:center 30%; display:block; filter:brightness(0.85) saturate(1.0); }
/* <picture> transparent machen, damit die bestehenden img-Regeln greifen */
.broschuere-section picture, #buch picture { display:contents; }
.broschuere-overlay { position:absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:2rem clamp(1.5rem,5vw,5rem); background:linear-gradient(to bottom, rgba(20,31,20,0.3) 0%, rgba(20,31,20,0.6) 100%); }
.broschuere-label { font-family:'Lora',Georgia,serif; font-size:0.72rem; color:#d4a030; letter-spacing:0.1em; text-transform:uppercase; margin-bottom:1rem; }
.broschuere-captions { display:flex; gap:2rem; justify-content:center; flex-wrap:wrap; margin-bottom:1.5rem; }
.broschuere-captions span { font-family:'JetBrains Mono',monospace; font-size:0.75rem; color:#6ee87e; letter-spacing:0.08em; }
.broschuere-captions span::before { content:"·"; margin-right:0.5rem; color:#3a9e5a; }
.broschuere-captions span:first-child::before { content:""; margin-right:0; }
.broschuere-tagline { font-family:'Playfair Display',serif; font-size:1.9rem; font-weight:400; color:#ffffff; line-height:1.3; margin-bottom:2rem; max-width:620px; }
.broschuere-tagline em { font-style:italic; color:#6ee87e; }
.broschuere-btn { display:inline-flex; align-items:center; gap:0.6rem; padding:0.9rem 2rem; background-color:#0a7050; color:#ffffff; font-family:'JetBrains Mono',monospace; font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; text-decoration:none; transition:background-color 0.2s; margin-bottom:0.8rem; }
.broschuere-btn:hover { background-color:#3a9e5a; }
.broschuere-note { font-family:'JetBrains Mono',monospace; font-size:0.65rem; color:#a0c8a0; letter-spacing:0.05em; }
@media (max-width:600px) {
  .broschuere-img { height:320px; }
  .broschuere-tagline { font-size:1.4rem; }
  .broschuere-captions { gap:0.8rem; flex-direction:column; align-items:center; }
}
.medien-page-header p { color:#a0c8a0; max-width:640px; }

/* ── Migration medien.html Inline-Styles -> Klassen (CSP-Haertung, 5/N) ── */
.mb-1 { display:flex; gap:0.6rem; align-items:center; margin-top:0.8rem; flex-wrap:wrap; justify-content:center; }
.mb-2 { max-width:580px; margin:0 auto; }
.mb-3 { font-family:'Lora',serif; font-size:1.05rem; color:#c8e6c0; line-height:1.8; margin-bottom:0.8rem; }
.mb-4 { font-family:'Lora',serif; font-size:1.05rem; color:#c8e6c0; line-height:1.8; margin-bottom:1rem; }
.mb-5 { font-family:'Lora',serif; font-size:1.4rem; color:#f0b84a; line-height:1.8; margin-bottom:2rem; text-align:center; font-style:italic; }
.mb-6 { font-family:'JetBrains Mono',monospace; font-size:0.65rem; color:#6a9a7a; letter-spacing:0.05em; text-align:center; margin-bottom:1rem; }
.mb-7 { display:none;margin-left:0; }
.mb-8 { padding:2.5rem clamp(1.5rem,5vw,5rem) 1.5rem; text-align:center; border-top:1px solid #0a6040; }
.mb-9 { font-family:'Lora',Georgia,serif; font-size:1rem; font-weight:700; color:#f0b84a; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:1.2rem; }
.mb-10 { font-family:'Playfair Display',serif; font-size:clamp(1rem,2.5vw,1.2rem); color:#e8f5e0; max-width:680px; margin:0 auto; line-height:1.85; }
.mb-11 { position:relative; overflow:hidden; border-top:1px solid #0a6040; padding:0; }
.mb-12 { width:100%; height:480px; object-fit:cover; object-position:center center; display:block; filter:brightness(0.50) saturate(0.9); }
.mb-13 { position:absolute; top:0; left:0; right:0; bottom:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:2rem clamp(1.5rem,5vw,5rem); background:linear-gradient(to bottom, rgba(2,69,48,0.2) 0%, rgba(2,69,48,0.55) 100%); }
.mb-14 { font-family:'Playfair Display',serif; font-size:clamp(2rem,5vw,3rem); color:#ffffff; font-weight:400; margin-bottom:1rem; }
.mb-15 { color:#a0c8a0; font-size:1.1rem; line-height:1.7; margin-bottom:2.5rem; }
.mb-16 { display:inline-flex; align-items:center; gap:0.6rem; font-size:0.8rem; }
.mb-17 { margin-top:1.5rem; font-family:'JetBrains Mono',monospace; font-size:0.65rem; color:#a0c8a0; letter-spacing:0.05em; }
.mg-broschuere-lang-label { font-family:monospace; font-size:0.65rem; color:#a0c8a0; letter-spacing:0.05em; }
.mg-broschuere-lang-val { font-family:monospace; font-size:0.6rem; color:#e8f5e0; margin-left:2px; }
.mg-broschuere-lang-link { display:inline-flex; align-items:center; gap:3px; cursor:pointer; text-decoration:none; opacity:0.5; }
.mg-broschuere-lang-link--active { opacity:1; border-bottom:1px solid #6ee87e; }

/* ── Songtexte (WCAG 1.2.1: Transkript fuer die gesungenen Songs) ── */
.omn-lyrics { max-width:580px; margin:2.5rem auto 0; }
.omn-lyrics h2 { font-family:'Lora',Georgia,serif; font-size:1rem; font-weight:700; color:#f0b84a; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:0.5rem; }
.omn-lyrics-hint { font-family:'JetBrains Mono',monospace; font-size:0.66rem; color:#a0c8a0; letter-spacing:0.04em; line-height:1.6; margin-bottom:1.2rem; }
.omn-lyric { border-top:1px solid #0a6040; }
.omn-lyric:last-child { border-bottom:1px solid #0a6040; }
.omn-lyric summary { font-family:'JetBrains Mono',monospace; font-size:0.72rem; color:#6ee87e; letter-spacing:0.06em; text-transform:uppercase; padding:0.8rem 0.2rem; cursor:pointer; list-style:none; display:flex; align-items:center; gap:0.6rem; }
.omn-lyric summary::-webkit-details-marker { display:none; }
.omn-lyric summary::before { content:"+"; color:#d4a030; font-size:0.9rem; width:1ch; }
.omn-lyric[open] summary::before { content:"–"; }
.omn-lyric summary:hover { color:#e8f5e0; }
.omn-lyric summary:focus-visible { outline:2px solid #6ee87e; outline-offset:2px; }
.omn-lyric-text { font-family:'Lora',Georgia,serif; font-size:0.92rem; line-height:1.85; color:#c8e6c0; white-space:pre-line; padding:0 0.2rem 1.2rem; }