/* Spezifische Stile für die Neuigkeiten-Seite */

.blog-intro{
  padding-bottom:var(--section-pad-tight);
}

.blog-list{
  padding-top:var(--section-pad-tight);
}

.blog-section-head{
  display:flex;
  flex-direction:column;
  gap:var(--stack-gap);
  margin-bottom:28px;
}

.blog-section-head > :where(.kicker, h2, p){
  margin:0;
}

.blog-list--secondary{
  padding-top:0;
  padding-bottom:var(--section-pad);
}

.blog-list--secondary .blog-section-head{
  border-top:1px solid var(--line);
  padding-top:32px;
}

.blog-detail__nav{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.blog-nav__btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.blog-nav__btn--prev,
.blog-nav__btn--next{
  margin-left:auto;
}

.blog-nav__btn--prev + .blog-nav__btn--next{
  margin-left:0;
}

.blog-nav__btn.is-disabled{
  opacity:.45;
  pointer-events:none;
}

.blog-detail{
  scroll-margin-top:96px;
}

.is-blog-detail-open .blog-detail{
  padding-top:var(--section-pad);
}

.blog-post__head,
.blog-post__cover,
.blog-post,
.blog-detail__container{
  position:static;
  top:auto;
  z-index:auto;
}

/* Blog-Detail: statische Box ohne Hover-Effekt wie Datenschutz */
.blog-detail .blog-post{
  transform:none;
  box-shadow:0 20px 60px rgba(0,0,0,.55);
}

.blog-detail .blog-post:hover,
.blog-detail .blog-post:focus-within{
  transform:none;
  box-shadow:0 20px 60px rgba(0,0,0,.55);
}

.blog-detail .blog-post::after{
  display:none;
}

.blog-post__head{
  display:flex;
  flex-direction:column;
  gap:28px;
}

.blog-post__meta-top{
  gap:var(--stack-gap);
}

@media (max-width:640px){
  .blog-nav__btn--next{
    margin-left:0;
  }

  .blog-detail__nav{
    justify-content:flex-start;
  }
}