/* Stromhilfen 2.54 – consistent, non-sticky, viewport heroes across all editorial pages.
   Original backgrounds, wording, color overlays and navigation remain unchanged. */
:root{--skh-hero-screen:100svh;--skh-hero-axis:1260px}
/* Full bleed only for true first-page hero sections, not subsequent section cards. */
body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-bill-masterhero,.skh-rechner-hero,.skh-compare-hero,.skh-lpage__hero,.skh-letters__hero,.skh-med-hero,.skh-app-hero,.skh-calc-hero,.skh-aw__hero,.skh-spar__hero,.skh-charge-hero,.skh-support-hero,.skh-solar-hero,.skh-oeko-hero),
body.skh-app-page .skh-spar :is(.skh-spar__hero),
body.skh-app-page :is(.skh-pv232__hero,.skh-ev234__hero){
  box-sizing:border-box!important;position:relative!important;
  width:100%!important;max-width:none!important;min-height:100svh!important;
  height:100svh!important;max-height:none!important;
  margin-top:0!important;margin-bottom:0!important;
  background-size:cover!important;background-repeat:no-repeat!important;
}
/* Stromsperre: the same hero size and left content axis as the established app pages. */
body.skh-stromsperre-page .skh-lock-app .skh-lock-masterhero.skh-hero--classic{
  width:100%!important;max-width:none!important;min-height:100svh!important;height:100svh!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  padding:120px 0 90px!important;overflow:hidden!important;
}
body.skh-stromsperre-page .skh-lock-app .skh-lock-masterhero>.skh-hero__classic-content{
  position:relative!important;inset:auto!important;transform:none!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  width:min(var(--skh-hero-axis),calc(100% - 64px))!important;max-width:var(--skh-hero-axis)!important;
  margin:0 auto!important;padding:0!important;text-align:left!important;
}
body.skh-stromsperre-page .skh-lock-app .skh-lock-masterhero .skh-hero__classic-content :is(h1,p){text-align:left!important}
body.skh-stromsperre-page .skh-lock-app .skh-lock-masterhero .skh-hero__classic-content h1{align-items:flex-start!important}
body.skh-stromsperre-page .skh-lock-app .skh-lock-masterhero .skh-hero__actions{justify-content:flex-start!important}
/* Allow content to grow on narrow screens, never crop heading or important buttons. */
@media(max-width:767px){
 body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-bill-masterhero,.skh-rechner-hero,.skh-compare-hero,.skh-lpage__hero,.skh-letters__hero,.skh-med-hero,.skh-app-hero,.skh-calc-hero,.skh-aw__hero,.skh-spar__hero,.skh-charge-hero,.skh-support-hero,.skh-solar-hero,.skh-oeko-hero),
 body.skh-app-page :is(.skh-pv232__hero,.skh-ev234__hero){min-height:100svh!important;height:auto!important;max-height:none!important}
 body.skh-stromsperre-page .skh-lock-app .skh-lock-masterhero.skh-hero--classic{
   min-height:100svh!important;height:auto!important;padding:140px 0 100px!important;
 }
 body.skh-stromsperre-page .skh-lock-app .skh-lock-masterhero>.skh-hero__classic-content{
   width:calc(100% - 32px)!important;
 }
}