/* Integrated autumn hero: school photo becomes the welcome-section background. */
html body.mgs-autumn.page-id-1180 .elementor-1180 .elementor-element-da94755{
  display:none!important;
}

html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions{
  position:relative!important;
  isolation:isolate!important;
  min-height:430px!important;
  padding:46px 48px 42px!important;
  overflow:hidden!important;
  border:1px solid rgba(126,91,55,.28)!important;
  border-radius:30px 24px 32px 26px!important;
  background-image:
    linear-gradient(90deg,rgba(59,42,29,.32) 0%,rgba(59,42,29,.10) 50%,rgba(59,42,29,.04) 100%),
    url("https://www.modersohn-schule.de/wp-content/uploads/2026/10/Modersohn-Schule-Herbst-–-Startseitenbild.png")!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center bottom!important;
  box-shadow:0 10px 0 rgba(86,65,40,.08)!important;
}

html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions:after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  right:auto!important;
  bottom:auto!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,rgba(63,42,27,.52) 0%,rgba(63,42,27,.34) 42%,rgba(63,42,27,.08) 68%,rgba(63,42,27,0) 100%)!important;
  transform:none!important;
  z-index:0!important;
  pointer-events:none!important;
}

html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions>.e-con-inner{
  position:relative!important;
  z-index:2!important;
  min-height:340px!important;
  justify-content:center!important;
}

html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions :is(.elementor-element-ef3cca9,.elementor-element-e1aa950){
  width:min(610px,62%)!important;
  max-width:min(610px,62%)!important;
}

html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions h1{
  color:#FFF8EE!important;
  -webkit-text-fill-color:#FFF8EE!important;
  text-shadow:0 2px 10px rgba(53,35,23,.42),0 1px 2px rgba(53,35,23,.55)!important;
}

html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions h2{
  color:#FFF8EE!important;
  -webkit-text-fill-color:#FFF8EE!important;
  max-width:560px!important;
  text-shadow:0 2px 9px rgba(53,35,23,.42),0 1px 2px rgba(53,35,23,.55)!important;
}

html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions .elementor-element-a1800011{
  display:none!important;
}

/* The photo itself already contains Mo, so avoid showing a second large Mo over it. */
html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions .mgs-autumn-mascot{
  display:none!important;
}

html body.mgs-autumn.page-id-1180 .mgs-photo-label,
html body.mgs-autumn.page-id-1180 .mgs-photo-leaves{
  display:none!important;
}

@media (min-width:701px) and (max-width:1024px){
  html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions{
    min-height:390px!important;
    padding:38px 34px!important;
    background-position:center bottom!important;
  }
  html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions :is(.elementor-element-ef3cca9,.elementor-element-e1aa950){
    width:64%!important;
    max-width:64%!important;
  }
  html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions .elementor-element-a1800011{
    margin-left:220px!important;
  }
  html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions:after{
    background:linear-gradient(90deg,rgba(255,248,238,.95) 0%,rgba(255,248,238,.88) 48%,rgba(255,248,238,.12) 78%,rgba(255,248,238,0) 100%)!important;
  }
}

@media(max-width:700px){
  html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions{
    min-height:410px!important;
    padding:26px 20px 180px!important;
    background-position:center bottom!important;
    border-radius:22px!important;
  }
  html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions:after{
    background:linear-gradient(180deg,rgba(255,248,238,.97) 0%,rgba(255,248,238,.92) 49%,rgba(255,248,238,.48) 70%,rgba(255,248,238,.08) 100%)!important;
  }
  html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions :is(.elementor-element-ef3cca9,.elementor-element-e1aa950){
    width:100%!important;
    max-width:100%!important;
  }
  html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions .elementor-element-a1800011{
    margin-left:0!important;
    margin-top:14px!important;
  }
  html body.mgs-autumn.page-id-1180 .elementor-1180 #business-solutions>.e-con-inner{
    min-height:0!important;
    justify-content:flex-start!important;
  }
}