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

.blog-intro__inner{
  align-items:flex-start;
  text-align:left;
  max-width:var(--maxw);
  margin-left:auto;
  margin-right:auto;
  gap:0;
}

.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:clamp(20px,5vw,64px);
}

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

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

.blog-post__meta-top{
  gap:18px;
}

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

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