/* news.css — nur News-Seite */
.phead .wrap,.news-blk .wrap{max-width:var(--wm-content-max)}
.news-blk{padding:clamp(40px,6vw,64px) 0 clamp(64px,9vw,96px)}

/* Newsletter-Box */
.nl-box{background:var(--verlauf);border-radius:26px;padding:clamp(28px,4vw,44px);color:#fff;position:relative;overflow:hidden;margin-bottom:52px}
.nl-box::after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.1);top:-100px;right:-50px}
.nl-box .nl-in{position:relative;z-index:2;max-width:600px}
.nl-box h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:10px;color:#fff}
.nl-box p{opacity:.92;margin-bottom:24px;font-size:1rem}
.nl-form{display:flex;gap:11px;max-width:480px}
.nl-form input{flex:1;padding:15px 20px;border-radius:100px;border:none;font-size:1rem;outline:none;font-family:inherit;min-width:0}
.nl-form button{padding:15px 26px;border-radius:100px;border:none;background:var(--tinte);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform var(--motion-base) var(--takt),opacity var(--motion-base) var(--takt),background-color var(--motion-base) var(--takt),border-color var(--motion-base) var(--takt),color var(--motion-base) var(--takt),box-shadow var(--motion-base) var(--takt);font-family:inherit}
.nl-form button:hover{background:#000}
.nl-box .hint{font-size:.77rem;opacity:.8;margin-top:13px}

/* Filter */
.news-filter{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:clamp(22px,3vw,28px);margin-bottom:clamp(28px,4vw,38px);border-bottom:1px solid var(--linie)}
.nf{-webkit-appearance:none;appearance:none;font-size:.86rem;font-weight:700;padding:9px 16px;border-radius:100px;background:#fff;border:1.5px solid var(--linie);background-clip:border-box;color:var(--tinte-2);cursor:pointer;transition:transform .3s var(--takt),opacity .3s var(--takt),background-color .3s var(--takt),border-color .3s var(--takt),color .3s var(--takt),box-shadow .3s var(--takt);font-family:inherit}
.nf:hover{border-color:var(--gruen)}
.nf.on{background:var(--verlauf);border-color:transparent;color:#fff;box-shadow:0 6px 16px -8px rgba(12,80,14,.5)}

/* News-Liste */
.news-list{display:flex;flex-direction:column;gap:18px}
.ncard{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0;min-height:210px;background:#fff;border:1px solid var(--linie);border-radius:var(--r-l);overflow:hidden;cursor:pointer;transition:transform var(--motion-base) var(--takt),opacity var(--motion-base) var(--takt),background-color var(--motion-base) var(--takt),border-color var(--motion-base) var(--takt),color var(--motion-base) var(--takt),box-shadow var(--motion-base) var(--takt)}
.ncard:hover{transform:translateY(var(--lift-card));box-shadow:var(--sh-m);border-color:transparent}
.ncard .nimg{position:relative;display:grid;place-items:center;width:220px;height:210px;min-height:0;align-self:start;overflow:hidden}
.ncard .nimg svg{width:36px;height:36px;stroke-width:1.6;opacity:.65}
.ncard .nimg .phlabel{position:absolute;bottom:10px;left:12px;font-size:.66rem;font-weight:600;color:rgba(22,32,26,.4)}
.nimg.t-markt{background:linear-gradient(150deg,#dff2e2,#bfe6c6)}
.nimg.t-angebot{background:linear-gradient(150deg,#fdeecf,#f7d99b)}
.nimg.t-event{background:linear-gradient(150deg,#f6dde2,#eeb9c5)}
.nimg.t-info{background:linear-gradient(150deg,#d7eaf7,#a9d2ee)}
.ncard .nimg.has-img{overflow:hidden;background:var(--papier-3)}
.ncard .nimg img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;transition:transform var(--motion-slow) var(--ease-out)}
.ncard:hover .nimg img{transform:scale(1.025)}
.ncard .nbody{min-width:0;padding:18px 26px}
.ncard .nmeta{display:flex;align-items:center;gap:10px;margin-bottom:11px;flex-wrap:wrap}
.ntag{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 11px;border-radius:100px}
.ntag.t-markt{background:#e3f7e7;color:var(--gruen-d)}
.ntag.t-angebot{background:#fdeecf;color:#854f0b}
.ntag.t-event{background:#f6dde2;color:#993556}
.ntag.t-info{background:#d7eaf7;color:#185fa5}
.ncard .ndate{font-size:.8rem;color:var(--grau);font-weight:600}
.ncard .nsep{font-size:.8rem;color:var(--grau)}
.ncard .nfrom{font-size:.8rem;color:var(--grau)}
.ncard h3{font-size:1.3rem;margin-bottom:8px;line-height:1.2}
.ncard p{font-size:.88rem;color:var(--tinte-2)}
.ncard .nmore{margin-top:13px;font-size:.85rem;font-weight:700;color:var(--gruen-d);display:inline-flex;align-items:center;gap:6px}
.ncard .nmore svg{width:14px;height:14px;transition:transform var(--motion-base) var(--takt)}
.ncard:hover .nmore svg{transform:translateX(4px)}

@media(max-width:600px){
  .ncard{grid-template-columns:1fr;min-height:0}
  .ncard .nimg{width:100%;height:auto;aspect-ratio:16/9}
  .ncard .nimg img{width:100%;height:100%;min-height:0}
  .nl-form{flex-direction:column}
}
.news-empty{grid-column:1/-1;text-align:center;padding:48px 20px;border:1px dashed var(--linie);border-radius:var(--r-l);color:var(--grau)}
.news-empty b{display:block;color:var(--tinte);font-size:1.1rem;margin-bottom:6px}
.news-empty .nf{margin-top:10px}