/* Seiten-spezifisch fuer page-news.php, geladen NACH style.css.
   Hinweis: Der im Mockup vorhandene Mannschafts-Dropdown-Filter entfaellt hier,
   da es dafuer noch keine echte Team-Taxonomie auf den WordPress-Beitraegen
   gibt (kommt mit den Custom Post Types in einer spaeteren Phase). Die
   Kategorie-Pillen werden dynamisch aus den echten, tatsaechlich genutzten
   WordPress-Kategorien gebaut. */

section{padding:56px 0;}
.section-head{margin-bottom:32px;}
.section-head h2{font-size:clamp(26px,3vw,36px);}
.section-head p{margin-top:8px;color:var(--ink-soft);font-size:14px;max-width:64ch;}

.noise-layer{position:absolute;inset:0;pointer-events:none;z-index:-1;mix-blend-mode:screen;opacity:.85;}
.noise-layer svg{width:100%;height:100%;display:block;}

.news-intro{position:relative;overflow:hidden;background:var(--brand-navy-deep);color:var(--on-navy-ink);padding:56px 32px;}
.news-intro-inner{position:relative;max-width:var(--max);margin:0 auto;}
.news-intro .eyebrow{font-family:var(--font-display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-gold);}
.news-intro h1{font-size:clamp(40px,6vw,72px);margin-top:10px;font-family:var(--font-headline);font-weight:500;}
.news-intro .lead{margin-top:14px;max-width:56ch;font-size:16px;color:var(--on-navy-soft);}

.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;}
.filter-pill{
  font-size:13px;font-weight:600;padding:9px 18px;border-radius:var(--radius-pill);
  border:1px solid var(--border);background:var(--surface);color:var(--ink-soft);cursor:pointer;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.filter-pill:hover{border-color:var(--ink-soft);}
.filter-pill.active{background:var(--brand-red);border-color:var(--brand-red);color:#fff;}

.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media (max-width:980px){ .news-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .news-grid{grid-template-columns:1fr;} }
.post-card.is-filtered-out{display:none;}

.news-pagination{display:flex;justify-content:center;gap:12px;margin-top:40px;}

.cta-banner{padding:88px 0;}
.cta-banner h2{font-size:clamp(26px,3.6vw,40px);max-width:24ch;}
.cta-banner p{margin-top:10px;color:rgba(255,255,255,.8);font-size:14px;max-width:48ch;}