/* News (/news, /it/news, /en/news): Übersicht und Beitrag. Global geladen (AJAX-Seitenwechsel tauscht nur #main), alle Regeln über .nw-* begrenzt.
   Farben über die Tokens aus styles.css (hell: --black = Fläche, --white = Schrift, --ink = Karte). Kategorie-Farbe nur als feine Kante. */
[data-thema="ki"]{--nw-kante:#5B4BFF}
[data-thema="website-google"]{--nw-kante:#00C8F0}
[data-thema="social-media"]{--nw-kante:#FF2D95}
[data-thema="foerderung"]{--nw-kante:#39E07A}
[data-thema="projekte"]{--nw-kante:#FFD400}

.nw-hero h1{max-width:900px}
.nw-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.nw-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:999px;color:var(--white);text-decoration:none;font:500 15px/1.2 var(--sans);background:var(--ink)}
.nw-chip[data-thema]::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--nw-kante)}
.nw-chip:hover{border-color:var(--white)}
.nw-chip[aria-current="page"]{background:var(--white);color:var(--black);border-color:var(--white)}

.nw-section .container{display:block}
.nw-label{display:inline-block;font:600 12.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.nw-label-link{text-decoration:none;padding:6px 12px;border:1px solid var(--line);border-left:4px solid var(--nw-kante,var(--line));border-radius:var(--bubble);margin-bottom:14px;color:var(--white)}
.nw-meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:15px;margin:0}
.nw-meta a{color:inherit}

/* Karten: weiß, Radius wie Sprechblase, feine Kante in der Kategorie-Farbe */
.nw-gross,.nw-karte{background:var(--ink);border:1px solid var(--line);border-top:4px solid var(--nw-kante,var(--line));border-radius:var(--bubble);transition:transform .15s,box-shadow .15s}
.nw-gross:hover,.nw-karte:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--nw-kante,var(--line))}
.nw-link{display:flex;flex-direction:column;gap:10px;height:100%;padding:24px;color:var(--white);text-decoration:none}
.nw-link h2,.nw-link h3{margin:0;color:var(--white);font-size:21px;line-height:1.25;font-weight:600}
.nw-link p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.nw-link .nw-meta{margin-top:auto;font-size:14px}
.nw-gross{margin-bottom:24px}
.nw-gross .nw-link{padding:clamp(24px,4vw,44px)}
.nw-gross h2{font-size:clamp(26px,3.4vw,40px);max-width:860px}
.nw-gross p{font-size:18px;max-width:760px}
.nw-mehr{font-weight:600;color:var(--white)}
.nw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}

.nw-hinweis,.nw-newsletter,.nw-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;margin-top:40px;padding:clamp(22px,3.5vw,36px);border-radius:var(--bubble);border:1px solid var(--line);background:var(--ink)}
.nw-hinweis p{margin:0;font-size:18px;color:var(--white)}
.nw-newsletter h2,.nw-cta h2{margin:0 0 6px;font-size:clamp(22px,2.6vw,28px);color:var(--white)}
.nw-newsletter p,.nw-cta p{margin:0;color:var(--muted);max-width:620px}
.nw-cta{background:var(--white);border-color:var(--white)}
.nw-cta h2{color:var(--black)}
.nw-cta p{color:var(--black);opacity:.8}
.nw-cta .btn-main{background:var(--black);color:var(--white)}
.nw-knoepfe{display:flex;flex-wrap:wrap;gap:10px}

/* Beitrag */
.nw-schmal{max-width:820px}
.nw-bild{display:block;width:100%;height:auto;border-radius:var(--bubble);margin:0 0 28px}
.nw-kurz{margin:0 0 36px;padding:22px 24px;background:var(--ink);border:1px solid var(--line);border-left:5px solid var(--nw-kante,var(--white));border-radius:var(--bubble)}
.nw-kurz strong{display:block;font:600 12.5px/1.3 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.nw-kurz p{margin:0;font-size:19px;line-height:1.55;color:var(--white)}
.nw-text{font-size:18px;line-height:1.7}
.nw-text h2{font-size:clamp(24px,3vw,32px);margin:40px 0 14px}
.nw-text p{margin:0 0 18px}
.nw-text ul,.nw-text ol{margin:0 0 18px;padding-left:22px}
.nw-text li{margin:0 0 8px}
.nw-text a{color:var(--white);text-decoration:underline;text-underline-offset:3px}
.nw-text details{border:1px solid var(--line);border-radius:var(--bubble);padding:14px 18px;margin:0 0 10px;background:var(--ink)}
.nw-text summary{cursor:pointer;font-weight:600;color:var(--white)}
.nw-text details p{margin:10px 0 0}
.nw-verwandt{margin-top:56px}
.nw-verwandt>h2{font-size:clamp(22px,2.6vw,28px);margin:0 0 18px;color:var(--white)}
.nw-alle{display:inline-block;margin-top:18px;color:var(--white);font-weight:600}

@media (max-width:640px){
  .nw-link{padding:20px}
  .nw-text{font-size:17px}
  .nw-hinweis,.nw-newsletter,.nw-cta{flex-direction:column;align-items:flex-start}
}