/* KLS Ratgeber site-shell integration */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
body.page-blog-index, body.page-blog-post { margin:0; }
body.page-blog-index .blog-root-static,
body.page-blog-post .blog-root-static { width:100%; max-width:100%; }
@media (min-width:1025px){
  body.page-blog-index .container,
  body.page-blog-post .container{
    width:calc(100% - 96px);
    max-width:1500px;
    padding-left:0;
    padding-right:0;
  }
}
/* Header overlays the hero just like on the main website; detail pages receive breathing room. */
body.page-blog-post .post-head:first-child,
body.page-blog-post .post-hero:first-child{ padding-top:110px; }
/* Footer always spans the viewport, independent of the blog content container. */
body.page-blog-index .kfx-wrap,
body.page-blog-post .kfx-wrap{ width:100%; max-width:none; }