/* Stromhilfen 1.74.0 — ONE cross-page Hero design system.
 * Homepage keeps its established centered composition.
 * All specialist pages use the same left content axis and unchanged background imagery.
 * Loaded after ALL existing hero CSS, so legacy per-page overrides cannot shift it.
 */
:root{--skh-hm-width:1260px;--skh-hm-gutter:clamp(20px,5vw,74px);--skh-hm-lav:#cfc1f5;--skh-hm-coral:#bd5a52;--skh-hm-yellow:#e8d642;--skh-hm-ink:#151925}
/* Exclude homepage; all dedicated full-screen custom app heroes follow this layout. */
body:not(.home) .skh-app-page :is(.skh-lpage__hero,.skh-letters__hero,.skh-med-hero,.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero),
body:not(.home).skh-app-page :is(.skh-lpage__hero,.skh-letters__hero,.skh-med-hero,.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero){
  position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-height:760px!important;height:100svh!important;max-height:none!important;
  padding:120px var(--skh-hm-gutter) 70px!important;box-sizing:border-box!important;
  background-size:cover!important;background-repeat:no-repeat!important;
}
/* A single content axis, regardless of page-specific flex, translate or absolute positioning. */
body.skh-app-page :is(.skh-lpage__hero,.skh-letters__hero,.skh-med-hero,.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) :is(.skh-hero__classic-content,.skh-lpage__wrap,.skh-letters__hero-inner,.skh-med-hero-inner,.skh-app-hero__inner,.skh-calc-hero__inner){
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;float:none!important;inset-inline:auto!important;
  width:100%!important;max-width:var(--skh-hm-width)!important;min-width:0!important;
  margin:0 auto!important;padding:0!important;box-sizing:border-box!important;
  text-align:left!important;align-items:flex-start!important;justify-content:center!important;
}
/* Classic hero / savings / financial help */
body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) .skh-hero__classic-content{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
}
body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) .skh-hero__classic-eyebrow{margin:0 0 17px!important;color:#f0ecff!important;text-align:left!important;font-size:clamp(.65rem,.9vw,.78rem)!important;letter-spacing:.12em!important}
body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) .skh-hero__classic-content h1{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  width:100%!important;max-width:880px!important;margin:0 0 24px!important;padding:0!important;gap:11px!important;
  font-size:clamp(2.65rem,5.1vw,5.6rem)!important;line-height:1.04!important;letter-spacing:-.064em!important;text-align:left!important;
}
body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) h1 .skh-hero__line{
  display:block!important;position:static!important;width:fit-content!important;max-width:100%!important;align-self:flex-start!important;
  margin:0!important;padding:.09em .19em .13em!important;box-sizing:border-box!important;border-radius:15px!important;
  font-size:inherit!important;line-height:1.06!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance!important;
}
body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) h1 .skh-hero__line--purple{background:var(--skh-hm-lav)!important;color:var(--skh-hm-ink)!important}
body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) h1 .skh-hero__line--coral{background:var(--skh-hm-coral)!important;color:#fff!important}
body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) .skh-hero__classic-content>p{
  max-width:610px!important;width:100%!important;margin:0 0 26px!important;line-height:1.65!important;font-size:clamp(1rem,1.35vw,1.2rem)!important;color:#fff!important;text-align:left!important;
}
body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) .skh-hero__actions{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:14px!important;margin:0!important;width:auto!important;
}
/* Topic, solution, letter and medical hero family */
body.skh-app-page .skh-lpage__hero .skh-lpage__wrap{max-width:var(--skh-hm-width)!important}
body.skh-app-page .skh-lpage__hero h1.skh-unified-hero-title,
body.skh-app-page .skh-letters__hero h1{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:11px!important;
  width:100%!important;max-width:850px!important;margin:18px 0 24px!important;
  font-size:clamp(2.65rem,5.1vw,5.6rem)!important;line-height:1.04!important;letter-spacing:-.06em!important;
}
body.skh-app-page .skh-lpage__hero .skh-unified-title-line{display:block!important;width:fit-content!important;max-width:100%!important;align-self:flex-start!important;white-space:normal!important;line-height:1.06!important;padding:.09em .19em .13em!important}
body.skh-app-page .skh-med-hero-inner{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important}
body.skh-app-page .skh-med-hero-main{width:min(790px,100%)!important;max-width:790px!important;margin:0!important}
body.skh-app-page .skh-med-hero h1{align-items:flex-start!important;max-width:100%!important;margin:18px 0 24px!important}
/* Consistent responsive layout: all text and buttons inside the viewport. */
@media(max-width:900px){
 body.skh-app-page :is(.skh-lpage__hero,.skh-letters__hero,.skh-med-hero,.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero){min-height:680px!important;height:auto!important;padding:145px 22px 75px!important}
 body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) .skh-hero__classic-content h1,
 body.skh-app-page .skh-lpage__hero h1.skh-unified-hero-title{font-size:clamp(2.45rem,7.4vw,4.2rem)!important}
}
@media(max-width:600px){
 body.skh-app-page :is(.skh-lpage__hero,.skh-letters__hero,.skh-med-hero,.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero){min-height:620px!important;padding:116px 16px 56px!important}
 body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) .skh-hero__classic-content h1,
 body.skh-app-page .skh-lpage__hero h1.skh-unified-hero-title,
 body.skh-app-page .skh-letters__hero h1{font-size:clamp(2.05rem,8.8vw,3.3rem)!important;gap:8px!important}
 body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) h1 .skh-hero__line{border-radius:10px!important;padding:.09em .15em .12em!important}
 body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) .skh-hero__actions{align-items:stretch!important;gap:10px!important}
 body.skh-app-page :is(.skh-lock-masterhero,.skh-save-hero,.skh-aid-masterhero,.ssc-hero,.skh-app-hero,.skh-calc-hero) .skh-hero__actions>a{max-width:100%!important;white-space:normal!important}
}