/* WGRCMS-Step-0062 CMS-Seiten wie Wohnungsseite */
:root{
  --wgr-blue:#015da8;
  --wgr-dark:#09233b;
  --wgr-muted:#40556a;
  --wgr-line:#dbe8f0;
  --wgr-soft:#eef6fb;
  --wgr-box:1180px;
}

/* CMS-Seiten optisch wie Wohnen-Seite */
.cms-page{
  background:#eef6fb!important;
  min-height:100vh!important;
  padding-bottom:64px!important;
}

/* Hero als zentrierter Seitenkopf, kein Karten-/Bildlayout */
.cms-page-hero{
  max-width:none!important;
  margin:0!important;
  padding:72px 24px 46px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.42)),
    #eef6fb!important;
  border:0!important;
  text-align:center!important;
}

.cms-page-hero-inner{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
  display:block!important;
  min-height:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}

.cms-page-copy{
  max-width:940px!important;
  margin:0 auto!important;
  padding:0!important;
  display:block!important;
  text-align:center!important;
}

/* Bild-/Platzhalterbereich komplett raus */
.cms-page-visual,
.cms-page-visual img,
.cms-page-visual .placeholder{
  display:none!important;
}

/* Eyebrow wie Wohnungsseite */
.cms-page-copy .eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  color:#015da8!important;
  font-size:13px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.18em!important;
  font-weight:900!important;
  margin:0 auto 28px!important;
}

.cms-page-copy .eyebrow:before{
  content:""!important;
  width:44px!important;
  height:3px!important;
  background:#98bd3d!important;
  border-radius:999px!important;
  display:block!important;
}

/* Titel groß, zentriert */
.cms-page-copy h1{
  margin:0 auto 22px!important;
  color:#015da8!important;
  font-size:58px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  max-width:980px!important;
  text-align:center!important;
}

.cms-page-copy p.lead{
  margin:0 auto!important;
  max-width:790px!important;
  color:#09233b!important;
  font-size:20px!important;
  line-height:1.55!important;
  font-weight:400!important;
  text-align:center!important;
}

/* Contentkarte wie bei Wohnungen: groß, mittig, luftig */
.cms-content{
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0 24px!important;
}

.cms-content-box{
  background:#fff!important;
  border:1px solid #dbe8f0!important;
  border-radius:16px!important;
  box-shadow:0 18px 46px rgba(9,35,59,.10)!important;
  padding:54px 60px!important;
  color:#09233b!important;
  font-size:18px!important;
  line-height:1.75!important;
  text-align:left!important;
  min-height:170px!important;
}

/* Wenn nur kurzer Text vorhanden ist: schön zentrieren wie Wohnungs-Hinweisbox */
.cms-content-box > p:only-child{
  text-align:center!important;
  font-size:20px!important;
  line-height:1.6!important;
  max-width:760px!important;
  margin:0 auto!important;
  color:#09233b!important;
}

.cms-content-box h2{
  color:#09233b!important;
  font-size:32px!important;
  line-height:1.2!important;
  font-weight:900!important;
  margin:0 0 18px!important;
}

.cms-content-box h3{
  color:#015da8!important;
  font-size:24px!important;
  line-height:1.25!important;
  font-weight:900!important;
  margin:30px 0 12px!important;
}

.cms-content-box p{
  color:#40556a!important;
  font-size:17px!important;
  line-height:1.78!important;
  margin:0 0 18px!important;
}

.cms-content-box ul,
.cms-content-box ol{
  margin:0 0 20px!important;
  padding-left:24px!important;
}

.cms-content-box li{
  color:#40556a!important;
  font-size:17px!important;
  line-height:1.75!important;
  margin:0 0 8px!important;
}

.cms-content-box a{
  color:#015da8!important;
  font-weight:900!important;
  text-decoration:none!important;
}

.cms-content-box a:hover{
  text-decoration:underline!important;
}

/* Falls alte Reset-Elemente noch im DOM hängen */
body.wgr-page-reset .wgr-page-titlebar,
body.wgr-page-reset .wgr-page-content{
  display:none!important;
}

/* Mobile */
@media(max-width:980px){
  .cms-page-hero{
    padding:52px 22px 36px!important;
  }

  .cms-page-copy h1{
    font-size:40px!important;
  }

  .cms-page-copy p.lead{
    font-size:18px!important;
  }

  .cms-content{
    padding:0 22px!important;
  }

  .cms-content-box{
    padding:32px 24px!important;
    border-radius:14px!important;
  }
}