#subheader,
section {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#subheader {
  background-image: url(../images/background/subheader-1.jpg);
}
#subheader.umwelt-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(../images/background/umwelt-large-bg.jpg);
}

#subheader.messe2024-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(../images/messe2024/alpha-hausmesse-58.jpg);
}

#subheader.fachberatung-ergonomie-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../images/background/fachberatung-large.jpg);
}
#subheader.rebuilt-toner-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../images/background/rebuilt-toner-large.jpg);
}
#subheader.healthcare-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../images/background/bimos_neon_3.jpg);
}
#subheader.social-commitment-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)),
    url(../images/background/social-commitment-bg.jpg);
}
#subheader.c-artikel-management-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)),
    url(../images/background/office-bg-2.jpg);
}
#subheader.greiff-bg {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)),
    url(../images/background/GREIFF-corporate-slider.jpg);
}
.page-contact #subheader {
  background: url(../images/background/contact-bg.jpg) center;
}
.page-services #subheader {
  background-image: url(../images/background/subheader-2.jpg);
}
.page-office #subheader {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../images/background/office-bg.jpg);
}
.page-promotional_items #subheader {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url(../images/background/promotional-bg.jpg);
}
.page-furniture #subheader {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../images/background/furniture-bg.jpg);
}
.page-telecommunication #subheader {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../images/background/telecommunication_bg.jpg);
}
.page-impressum #subheader {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url(../images/background/impressum-datenschutz.jpg);
}
.page-hausmesse-impressionen #subheader {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url(../images/background/Andreas-Palmen-365-tage-Alsdorf-ENERGETICON-außen-bei-Nacht.jpg);
}
.page-berufsbekleidung-greiff #subheader {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)),
    url(../images/background/GREIFF-corporate-slider.jpg);
}
#section-hero-1 {
  background: url(../images/background/bg-1.jpg) top fixed;
}
#section-hero-2 {
  background: url(../images/background/bg-4.jpg) top fixed;
}
#section-hero-3 {
  background: url(../images/background/bg-5.jpg) top fixed;
}
#section-hero-4 {
  background: url(../images/background/bg-6.jpg) top fixed;
}
#section-hero-5 {
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.6),
      rgba(255, 255, 255, 0.6)
    ),
    url(../images/dom_aachen.jpg) top fixed;
}
#section-hero-6 {
  background: url(../images/background/bg-13.jpg) top fixed;
}
#section-hero-3.christmas {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
    url(../images/hausmesse/Andreas-Palmen-365-tage-Alsdorf-ENERGETICON-außen-bei-Nacht.jpg)
      top fixed;
}
#section-hero-10 {
  background: url(../images/lp_fotos/christmas.jpg) top fixed;
}
#section-features {
  background: url(../images/background/bg-13.jpg) top fixed;
}
#section-features-2 {
  background: url(../images/background/bg-10.jpg) top fixed;
}
#section-features-3 {
  background: url(../images/background/bg-14.jpg) top fixed;
}
#section-quick-contact-1 {
  background: url(../images/background/bg-10.jpg) center;
}
#section-quick-contact-2 {
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.3),
      rgba(255, 255, 255, 0.3)
    ),
    url(../images/background/contact-footer-bg.avif) center;
}
#section-skills-2 {
  background: url(../images/background/bg-11.jpg) top fixed;
}
#section-skills-3 {
  background: url(../images/background/bg-12.jpg) top fixed;
}
#section-service-1.side-bg .background-image {
  background: url(../images/background/bg-service-1.jpg);
}
#section-service-2.side-bg .background-image {
  background: url(../images/background/bg-service-2.jpg);
}
#section-service-3.side-bg .background-image {
  background: url(../images/background/bg-service-3.jpg);
}
#section-service-4.side-bg .background-image {
  background: url(../images/background/bg-service-4.jpg);
}
#section-service-5.side-bg .background-image {
  background: url(../images/background/bg-service-5.jpg);
}
#section-service-6.side-bg .background-image {
  background: url(../images/background/bg-service-6.jpg);
}
#section-est.side-bg .background-image {
  background: url(../images/umweltschutz.jpg);
}
#section-est_2.side-bg .background-image {
  background: url(../images/partnership.jpg);
}
@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait) {
  section {
    -webkit-background-size: auto 100% !important;
    -moz-background-size: auto 100% !important;
    -o-background-size: auto 100% !important;
    background-size: auto 100% !important;
    background-attachment: scroll !important;
  }
}
@media only screen and (max-width: 992px) {
  #subheader {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-attachment: scroll !important;
  }
}
@media only screen and (max-width: 992px) {
  section {
    -webkit-background-size: auto 100% !important;
    -moz-background-size: auto 100% !important;
    -o-background-size: auto 100% !important;
    background-size: auto 100% !important;
    background-attachment: scroll !important;
  }
}
@media only screen and (max-width: 992px) {
  .page-office #subheader {
    background-position: right;
  }
}
