/* Gemeinsame Außenkanten auf sämtlichen Seiten, einschließlich Nachrichtenartikeln.
   Eine einzige Randvariable verhindert voneinander abweichende Kopf-/Hero-/Inhaltsbreiten. */
:root{--page-gutter:clamp(20px,2vw,40px);--page-content-width:calc(100vw - var(--page-gutter) - var(--page-gutter))}
body .wrap,
body.news-article-page .container{
 width:100%;max-width:none;box-sizing:border-box;
 margin-left:auto;margin-right:auto;
 padding-left:var(--page-gutter);padding-right:var(--page-gutter)
}
/* Logo und letzter Navigationspunkt schließen mit den Inhaltskanten ab. */
.header.wrap .brand{margin-left:0}
.header.wrap #hauptnavigation{margin-right:0}
.header.wrap #nav-links{padding-inline:0}
/* Die Bild-/Balkenhöhe verwendet dieselbe nutzbare Breite wie das Seitenraster. */
@media(min-width:1280px){
 .hero.wrap .hero-action{height:min(var(--scene-height),calc((var(--page-content-width) - clamp(255px,21vw,400px) - clamp(260px,18vw,330px) - 36px)/1.5))}
 .unified-hero.wrap{--rail-size:min(var(--scene-height),calc((var(--page-content-width) - clamp(255px,21vw,400px) - clamp(260px,18vw,330px) - 36px)/1.5))}
}
@media(max-width:760px){
 :root{--page-gutter:20px}
 .hero.wrap .hero-visual{width:100%;margin-inline:0}
}