/* Masonry-Spalten statt mehrfach gerendertem Markup (SEO-Aufgabe 14) */
  .blog-template .article-columns { column-gap: 60px; }
  .blog-template .article-columns .news-article {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    width: 100%;
  }
  @media screen and (min-width: 768px) {
    .blog-template .article-columns { column-count: 2; }
  }
  @media screen and (min-width: 1501px) {
    .blog-template .article-columns { column-count: 3; }
  }
  /* Zeilenweise Verteilung per Skript (siehe unten) */
  .blog-template .article-columns.is-rows { column-count: auto; display: flex; align-items: flex-start; gap: 60px; }
  .blog-template .article-columns.is-rows .article-col { flex: 1 1 0; min-width: 0; }
  /* Endlos-Scrollen: Seitennavigation bleibt im HTML (für Suchmaschinen), wird mit JS ausgeblendet */
  .blog-template nav.pagination.is-enhanced { display: none; }
  .blog-template .blog-sentinel { height: 1px; }
  .blog-template .blog-loader { text-align: center; color: #707070; padding: 24px 0 48px; }
  .blog-template .blog-loader span { display: inline-block; width: 14px; height: 14px; margin-right: 8px; vertical-align: -2px; border: 2px solid #00a3ba; border-right-color: transparent; border-radius: 50%; animation: blogspin .8s linear infinite; }
  @keyframes blogspin { to { transform: rotate(360deg); } }
  /* Filterleiste auf gleicher Höhe wie bei /projekte (body-wrap hat hier schon 120px oben) */
  .blog-template section#start { padding-top: 20px; }
  /* Autorenseite */
  .blog-template .author-profile { display: flex; gap: 24px; align-items: flex-start; margin: 10px 0 40px; }
  .blog-template .author-profile__image { flex: 0 0 auto; width: 120px; height: 120px; border-radius: 50%; object-fit: cover; }
  .blog-template .author-profile__text p { margin: 0 0 8px; max-width: 720px; }
  .blog-template .author-profile__text .h2 { margin-bottom: 4px; text-transform: none; font-variant-caps: normal; }
  .blog-template .author-profile__role { color: #707070; }
  @media screen and (max-width: 640px) { .blog-template .author-profile { flex-direction: column; gap: 16px; } }
  /* Gefilterte Ansicht: gleich große Karten im Raster statt Masonry */
  .blog-template .article-columns.is-filtered {
    column-count: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0 60px;
  }
  .blog-template .article-columns.is-filtered .news-article .cover img {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
  @media screen and (min-width: 768px) {
    .blog-template .article-columns.is-filtered { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media screen and (min-width: 990px) {
    .blog-template .article-columns.is-filtered { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 40px; }
  }