/* N:UN Aktuelles: kompakte Beitragskarten in allen Beitragsübersichten */

/* Drei Spalten auf dem Desktop, zwei auf Tablets, eine auf dem Smartphone */
body.archive .kadence-posts-list.grid-cols,
body.blog .kadence-posts-list.grid-cols{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
}
@media (max-width:1024px){
  body.archive .kadence-posts-list.grid-cols,
  body.blog .kadence-posts-list.grid-cols{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:640px){
  body.archive .kadence-posts-list.grid-cols,
  body.blog .kadence-posts-list.grid-cols{grid-template-columns:1fr !important;gap:20px !important}
}

/* Einheitlicher Bildausschnitt 16:9 */
body.archive .loop-entry .post-thumbnail,
body.blog .loop-entry .post-thumbnail{display:block !important;margin:0 !important;padding:0 !important;height:auto !important}
body.archive .loop-entry .post-thumbnail-inner,
body.blog .loop-entry .post-thumbnail-inner{
  position:relative !important;
  padding-bottom:56.25% !important;
  height:0 !important;
  overflow:hidden;
  background:#eef2f8 !important;
}
body.archive .loop-entry .post-thumbnail-inner img,
body.blog .loop-entry .post-thumbnail-inner img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 30% !important;
}

/* Etikett und Autor ausblenden, Datum oben */
body.archive .loop-entry .entry-taxonomies,
body.blog .loop-entry .entry-taxonomies,
.loop-entry .entry-meta .posted-by,
body.single-post .entry-meta .posted-by{display:none !important}
body.archive .loop-entry .entry-header,
body.blog .loop-entry .entry-header{display:flex;flex-direction:column}
body.archive .loop-entry .entry-meta,
body.blog .loop-entry .entry-meta{
  order:-1;
  margin:0 0 8px !important;
  font-size:13px !important;
  font-weight:600;
  letter-spacing:.02em;
  color:#5a6480 !important;
}
.loop-entry .entry-meta .posted-on::before,
body.single-post .entry-meta .posted-on::before{display:none !important}

/* Überschrift kleiner und dunkelblau */
body.archive .loop-entry h2.entry-title,
body.blog .loop-entry h2.entry-title{
  font-size:clamp(18px,1.35vw,21px) !important;
  line-height:1.3 !important;
  margin:0 !important;
}
body.archive .loop-entry h2.entry-title a,
body.blog .loop-entry h2.entry-title a{color:#073070 !important;text-decoration:none !important}
body.archive .loop-entry h2.entry-title a:hover,
body.blog .loop-entry h2.entry-title a:hover{color:#007cad !important}

/* Teaser auf drei Zeilen begrenzen */
body.archive .loop-entry .entry-summary,
body.blog .loop-entry .entry-summary{margin-top:10px !important;font-size:15px;line-height:1.55;color:#3d4766}
body.archive .loop-entry .entry-summary p,
body.blog .loop-entry .entry-summary p{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:0 !important;
}

/* Kompaktere Innenabstände */
body.archive .kadence-posts-list.grid-cols .loop-entry .entry-content-wrap,
body.blog .kadence-posts-list.grid-cols .loop-entry .entry-content-wrap{padding:20px 22px 22px !important}
body.archive .loop-entry .entry-footer,
body.blog .loop-entry .entry-footer{padding-top:12px !important}
body.archive .loop-entry .more-link-wrap a,
body.blog .loop-entry .more-link-wrap a{font-size:13px !important}

/* Artikelseite: Bilder, Galerie, Downloads */
body.single-post .entry-content .wp-block-image figcaption,
body.single-post .entry-content .wp-block-gallery figcaption{font-size:13px;color:#5a6480}
body.single-post .entry-content .wp-block-gallery{gap:10px}
body.single-post .entry-content p.nun-download a{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 16px;border:1px solid rgba(7,48,112,.18);border-radius:8px;
  color:#073070;font-weight:600;text-decoration:none;background:#f4f6fb;
}
body.single-post .entry-content p.nun-download a::before{content:"";width:16px;height:16px;flex:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23073070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M5 21h14'/%3E%3C/svg%3E")}
body.single-post .entry-content p.nun-download a:hover{background:#e8eefc}

/* Jahresfilter rechts */
.content-container.nun-has-years{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 180px;
  gap:40px;
  align-items:start;
}
.nun-years{position:sticky;top:110px;padding:18px 18px 14px;background:#fff;border:1px solid rgba(7,48,112,.10);border-radius:14px;box-shadow:0 10px 24px -14px rgba(7,48,112,.18)}
.nun-years-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#ef9a3d;margin:0 0 10px}
.nun-years ul{list-style:none;margin:0;padding:0}
.nun-years li{margin:0}
.nun-years a{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:8px;color:#073070;font-weight:600;font-size:15px;text-decoration:none}
.nun-years a span{font-size:12px;font-weight:600;color:#5a6480}
.nun-years a:hover{background:#f4f6fb}
.nun-years a.is-active{background:#073070;color:#fff}
.nun-years a.is-active span{color:rgba(255,255,255,.8)}
@media (min-width:1025px){
  body.archive .content-container.nun-has-years .kadence-posts-list.grid-cols{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media (max-width:1180px) and (min-width:1025px){
  body.archive .content-container.nun-has-years .kadence-posts-list.grid-cols{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:900px){
  .content-container.nun-has-years{display:flex !important;flex-direction:column;gap:20px}
  .nun-years{order:-1;position:static;padding:12px;box-shadow:none}
  .nun-years-title{display:none}
  .nun-years ul{display:flex;flex-wrap:wrap;gap:6px}
  .nun-years a{padding:6px 12px;border:1px solid rgba(7,48,112,.15);border-radius:999px;font-size:14px;gap:6px}
}

/* Artikelseite: Vor/Zurück, Ähnliche Beiträge und Kommentare ausblenden */
body.single-post .post-navigation,
body.single-post .entry-related,
body.single-post .comments-area,
body.single-post #comments{display:none !important}
body.single-post .entry-content p.nun-back{margin-top:2.5em;padding-top:1.2em;border-top:1px solid rgba(7,48,112,.12)}
body.single-post .entry-content p.nun-back a{color:#073070;font-weight:700;text-decoration:none}
body.single-post .entry-content p.nun-back a:hover{color:#007cad}
