/* Dachreinigung Kosten | coherent photo hero across six content subpages.
   Mirrors the approved homepage: brighter left, visible colored roof on the right,
   soft photo-to-white fade only at the bottom. No typography/geometry changes. */
html body.hc-subpages-refined.hc-unified-footer-fade main#wp--skip-link--target section#startseite-hero.dbrh-hero .dbrh-hero__media .dbrh-hero__overlay {
  background:
    linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 67%,
      rgba(255,255,255,.07) 76%,
      rgba(255,255,255,.21) 84%,
      rgba(255,255,255,.54) 92%,
      #fff 100%),
    linear-gradient(to right,
      rgba(255,255,255,.985) 0%,
      rgba(255,255,255,.93) 24%,
      rgba(255,255,255,.70) 50%,
      rgba(255,255,255,.10) 78%,
      rgba(255,255,255,.02) 100%) !important;
}
html body.hc-subpages-refined.hc-unified-footer-fade main#wp--skip-link--target section#startseite-hero.dbrh-hero img.dbrh-hero__background {
  filter:saturate(1.15) contrast(1.04) !important;
}
html body.hc-subpages-refined.hc-unified-footer-fade main#wp--skip-link--target section#startseite-hero.dbrh-hero::after {
  height:35px !important;
  background:linear-gradient(to bottom,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.12) 35%,
    #fff 100%) !important;
}
/* About page: keep Nico's foreground portrait untouched. Only the decorative
   roof image receives the same left readability and bottom white fade. */
html body.hc-about-storypage.hc-unified-footer-fade main#wp--skip-link--target section#startseite-hero.hc-about-hero .hc-about-hero__background {
  background:
    linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 67%,
      rgba(255,255,255,.07) 76%,
      rgba(255,255,255,.24) 85%,
      rgba(255,255,255,.58) 93%,
      #fff 100%),
    linear-gradient(to right,
      rgba(255,255,255,.985) 0%,
      rgba(255,255,255,.93) 24%,
      rgba(255,255,255,.70) 50%,
      rgba(255,255,255,.10) 78%,
      rgba(255,255,255,.02) 100%),
    url("/wp-content/uploads/2026/08/kostenheader.jpeg") center / cover no-repeat !important;
  opacity:.54 !important;
}
@media (max-width:720px) {
 html body.hc-subpages-refined.hc-unified-footer-fade main#wp--skip-link--target section#startseite-hero.dbrh-hero .dbrh-hero__media .dbrh-hero__overlay {
  background:
    linear-gradient(to bottom,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 67%,
      rgba(255,255,255,.08) 76%,
      rgba(255,255,255,.24) 85%,
      rgba(255,255,255,.58) 93%,
      #fff 100%),
    linear-gradient(to right,
      rgba(255,255,255,.985) 0%,
      rgba(255,255,255,.92) 42%,
      rgba(255,255,255,.60) 72%,
      rgba(255,255,255,.18) 100%) !important;
 }
 html body.hc-subpages-refined.hc-unified-footer-fade main#wp--skip-link--target section#startseite-hero.dbrh-hero::after {height:30px!important;}
 html body.hc-about-storypage.hc-unified-footer-fade main#wp--skip-link--target section#startseite-hero.hc-about-hero .hc-about-hero__background {
   background:
     linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 67%,rgba(255,255,255,.08) 76%,rgba(255,255,255,.24) 85%,rgba(255,255,255,.58) 93%,#fff 100%),
     linear-gradient(to right,rgba(255,255,255,.985) 0%,rgba(255,255,255,.92) 42%,rgba(255,255,255,.60) 72%,rgba(255,255,255,.18) 100%),
     url("/wp-content/uploads/2026/08/kostenheader.jpeg") center / cover no-repeat !important;
 }
}