/* WGRCMS-Step-0059 Hard CMS Subpage Repair */
:root{
  --wgr-blue:#015da8;
  --wgr-dark:#09233b;
  --wgr-muted:#40556a;
  --wgr-line:#dbe8f0;
  --wgr-soft:#f4f9fd;
  --wgr-box:1180px;
}

/*
  Wird per JS nur auf echten CMS-Unterseiten gesetzt:
  body.wgr-cms-subpage
*/

body.wgr-cms-subpage{
  background:#f4f9fd!important;
}

/* Unterseiten dürfen NICHT wie Startseiten-Hero aussehen */
body.wgr-cms-subpage .hero{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:46px max(28px,calc((100% - 1180px)/2)) 40px!important;
  display:block!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.80)),
    linear-gradient(135deg,#eef8fd,#dcebc8)!important;
  border-bottom:1px solid #dbe8f0!important;
  overflow:hidden!important;
}

/* Startseiten-Hero-Innenlayout auf Unterseiten komplett zurücksetzen */
body.wgr-cms-subpage .hero-content{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
  display:block!important;
  position:relative!important;
  z-index:2!important;
}

/* Leere/alte Bildflächen auf Unterseiten ausblenden */
body.wgr-cms-subpage .hero-visual,
body.wgr-cms-subpage .hero-safe-visual,
body.wgr-cms-subpage .hero-mockup-visual,
body.wgr-cms-subpage .house-scene,
body.wgr-cms-subpage .roof,
body.wgr-cms-subpage .building,
body.wgr-cms-subpage .green,
body.wgr-cms-subpage .photo-hill,
body.wgr-cms-subpage .photo-building,
body.wgr-cms-subpage .wgr-hero-roof{
  display:none!important;
}

/* Eyebrow normal */
body.wgr-cms-subpage .eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  max-width:760px!important;
  margin:0 0 14px!important;
  padding:0!important;
  color:#015da8!important;
  font-size:12px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
  font-weight:900!important;
}

body.wgr-cms-subpage .eyebrow::before{
  content:""!important;
  width:42px!important;
  height:3px!important;
  flex:0 0 auto!important;
  background:#98bd3d!important;
  border-radius:999px!important;
}

/* H1 wieder normal, nicht zerbrochen */
body.wgr-cms-subpage .hero h1,
body.wgr-cms-subpage h1{
  width:auto!important;
  max-width:760px!important;
  margin:0!important;
  padding:0!important;
  color:#015da8!important;
  font-size:42px!important;
  line-height:1.12!important;
  letter-spacing:.01em!important;
  font-weight:900!important;
  text-align:left!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:normal!important;
}

/* Keine riesigen Startseiten-Textbreiten */
body.wgr-cms-subpage .hero-text{
  width:auto!important;
  max-width:760px!important;
  margin:16px 0 0!important;
  padding:0!important;
  color:#40556a!important;
  font-size:16px!important;
  line-height:1.62!important;
}

/* Startseitenbuttons auf CMS-Seiten ausblenden, falls aus Hero übernommen */
body.wgr-cms-subpage .hero-actions{
  display:none!important;
}

/* Quickcards/Startseitenmodule auf Unterseiten ausblenden */
body.wgr-cms-subpage .quick-wrap,
body.wgr-cms-subpage .quick-grid,
body.wgr-cms-subpage .news-grid,
body.wgr-cms-subpage .benefits,
body.wgr-cms-subpage .info-row,
body.wgr-cms-subpage .home-cta{
  display:none!important;
}

/* Main auf Unterseiten normal */
body.wgr-cms-subpage .main{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:30px 0 54px!important;
}

/* Contentbox korrekt */
body.wgr-cms-subpage .cms-content,
body.wgr-cms-subpage .cms-content-box,
body.wgr-cms-subpage .page-content,
body.wgr-cms-subpage .subpage-content,
body.wgr-cms-subpage .content-box,
body.wgr-cms-subpage .content-card,
body.wgr-cms-subpage .main > .panel,
body.wgr-cms-subpage .main > .card{
  max-width:1180px!important;
  width:auto!important;
  margin:0 auto!important;
  padding:34px!important;
  background:#fff!important;
  border:1px solid #dbe8f0!important;
  border-radius:10px!important;
  box-shadow:0 12px 34px rgba(9,35,59,.08)!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}

/* Leere Boxen weg */
body.wgr-cms-subpage .cms-content:empty,
body.wgr-cms-subpage .cms-content-box:empty,
body.wgr-cms-subpage .page-content:empty,
body.wgr-cms-subpage .subpage-content:empty,
body.wgr-cms-subpage .content-box:empty,
body.wgr-cms-subpage .content-card:empty{
  display:none!important;
}

/* Leere Formular-/Input-artige Platzhalter weg */
body.wgr-cms-subpage .cms-content input:only-child,
body.wgr-cms-subpage .cms-content-box input:only-child,
body.wgr-cms-subpage .page-content input:only-child,
body.wgr-cms-subpage .subpage-content input:only-child{
  display:none!important;
}

/* Falls der Screenshot-Fehler eine leere große Box mit nur border ist */
body.wgr-cms-subpage .main > div:has(input:only-child),
body.wgr-cms-subpage .main > section:has(input:only-child){
  display:none!important;
}

/* Content-Typografie */
body.wgr-cms-subpage .main h2{
  color:#015da8!important;
  font-size:27px!important;
  line-height:1.22!important;
  font-weight:900!important;
  margin:0 0 16px!important;
}

body.wgr-cms-subpage .main h3{
  color:#09233b!important;
  font-size:21px!important;
  margin:24px 0 10px!important;
}

body.wgr-cms-subpage .main p,
body.wgr-cms-subpage .main li{
  color:#40556a!important;
  font-size:16px!important;
  line-height:1.72!important;
}

body.wgr-cms-subpage .main a{
  color:#015da8!important;
  font-weight:800!important;
}

/* Footer soll direkt normal folgen */
body.wgr-cms-subpage .footer{
  margin-top:0!important;
}

/* Mobile */
@media(max-width:980px){
  body.wgr-cms-subpage .hero{
    padding:38px 22px 34px!important;
  }

  body.wgr-cms-subpage .hero h1,
  body.wgr-cms-subpage h1{
    font-size:34px!important;
  }

  body.wgr-cms-subpage .main{
    margin:0 22px!important;
    max-width:none!important;
    padding:24px 0 44px!important;
  }

  body.wgr-cms-subpage .cms-content,
  body.wgr-cms-subpage .cms-content-box,
  body.wgr-cms-subpage .page-content,
  body.wgr-cms-subpage .subpage-content,
  body.wgr-cms-subpage .content-box,
  body.wgr-cms-subpage .content-card,
  body.wgr-cms-subpage .main > .panel,
  body.wgr-cms-subpage .main > .card{
    max-width:none!important;
    padding:24px!important;
  }
}