/* punktzwei News – uses the site's design tokens */
.news__grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:var(--gap,24px); }
.news-card{ display:flex; flex-direction:column; overflow:hidden; transition:transform .2s ease, box-shadow .2s ease; }
.news-card:hover{ transform:translateY(-3px); box-shadow:0 14px 34px rgba(11,12,15,.10); }
.news-card__media{ position:relative; display:block; aspect-ratio:16/10; overflow:hidden; background:var(--panel,#f3f4f5); }
.news-card__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.news-card:hover .news-card__media img{ transform:scale(1.04); }
.news-card__empty{ position:absolute; inset:0; }
.news-card__body{ display:flex; flex-direction:column; gap:8px; padding:20px 22px 22px; flex:1; }
.news-card__body .kicker{ margin:0; font-size:.8rem; letter-spacing:.12em; color:var(--muted,#4b4f57); }
.news-card .news-card__title{ margin:0; font-size:1.05rem; line-height:1.25; }
.news-card .news-card__title a{ color:inherit; text-decoration:none; }
.news-card .news-card__title a:hover{ text-decoration:underline; }
.news-card__teaser{ margin:0; font-size:var(--detail-fs,.95rem); color:var(--muted,#4b4f57); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.news-card__more{ margin-top:auto; padding-top:10px; font-weight:700; font-size:var(--detail-fs,.95rem); }

.pagination{ display:flex; align-items:center; justify-content:center; gap:16px; margin-top:32px; }
.pagination__info{ font-size:var(--detail-fs,.95rem); color:var(--muted,#4b4f57); }


/* List right below the page title: less spacing */
.page-title + .news{ padding-top:16px; }

/* Source badge (e.g. Instagram) on the card */
.news-card__source{
  position:absolute; top:12px; left:12px;
  padding:4px 10px; border-radius:999px;
  background:rgba(11,12,15,.78); color:#fff;
  font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}