/* Shared full-screen introduction for the homepage, service pages and regional pages. */
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero{min-height:100svh;height:auto;max-height:none;display:flex;align-items:center;background:#17232d}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .hero-content{box-sizing:border-box;width:100%;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:140px max(48px,calc((100vw - 1240px)/2)) 64px}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .hero-image{transform:none;object-fit:cover;width:100%;height:100%}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero h1{font-size:clamp(2.5rem,4.8vw,4.5rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 28px;max-width:900px}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .eyebrow{color:#c5d9ff;letter-spacing:.12em}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .master-hero-summary{max-width:580px;margin-top:24px;padding-top:22px;border-top:1px solid #ffffff40}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .master-hero-summary>p{font-size:1.125rem;line-height:1.6}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .master-actions{display:flex;justify-content:flex-start}
@media(max-width:1099px){body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .hero-content{padding:132px 32px 56px}}
@media(max-width:600px){body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .hero-content{padding:116px 20px 48px}body.master-page.screen-hero-page.screen-hero-page .hero.master-hero h1{font-size:clamp(2rem,8.5vw,3.25rem)}body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .master-hero-summary>p{font-size:1rem}}

body.screen-hero-page.screen-hero-page .hero .hero-image{object-position:64% center}
body.screen-hero-page.screen-hero-page .hero .hero-image[src*="heating-interior"]{object-position:80% center}
body.screen-hero-page.screen-hero-page .hero .hero-image[src*="wohnraumluefter"]{object-position:67% 20%}
body.screen-hero-page.screen-hero-page .hero .hero-image[src*="kleinumbauten"]{object-position:40% center}
/* Use the same neutral scrim when a phone rotates. */
@media (max-width: 600px), (orientation: landscape) and (max-height: 600px) and (max-width: 1024px) {
  body.screen-hero-page.screen-hero-page .hero .hero-shade {
    background: linear-gradient(180deg, #14191e20, #14191e42 20%, #14191e9c 50%, #14191e94 100%);
  }
}
@media(max-width:600px){body.screen-hero-page.screen-hero-page .hero h1{overflow-wrap:normal;word-break:normal}}

/* One type scale and divider rhythm, including regional introductions. */
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero h1{font-weight:700;text-transform:none;min-block-size:0;overflow-wrap:normal;word-break:normal}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .eyebrow{font-size:.75rem;line-height:1.4;text-transform:uppercase;margin:0 0 16px}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .master-hero-summary{width:100%;box-sizing:border-box}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .master-hero-summary>p{margin:0 0 10px;color:#fff}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .master-actions{margin-top:28px}
@media(max-width:600px){body.master-page.screen-hero-page.screen-hero-page .hero.master-hero .eyebrow{font-size:.65rem}}
body.master-page.screen-hero-page.screen-hero-page .hero.master-hero h1.home-claim{font-weight:800}

/* Let the homepage claim wrap naturally like service titles on landscape phones. */
@media (orientation: landscape) and (max-height: 480px) and (max-width: 1024px) {
  body.master-page.screen-hero-page.home-page .hero.master-hero h1.home-claim {max-width:900px}
  body.master-page.screen-hero-page.home-page .hero.master-hero h1.home-claim span {display:inline}
}

@media (orientation: landscape) and (max-height: 500px) and (max-width: 1100px) {
  body.master-page.screen-hero-page.home-page .hero.master-hero .hero-content {
    padding-top: 76px;
    padding-bottom: 20px;
  }
  body.master-page.screen-hero-page.home-page .hero.master-hero h1.home-claim {
    margin-bottom: 8px;
  }
  body.master-page.screen-hero-page.home-page .hero.master-hero .master-hero-summary {
    margin-top: 8px;
    padding-top: 12px;
  }
  body.master-page.screen-hero-page.home-page .hero.master-hero .master-actions {
    margin-top: 14px;
  }
}