/* background */
.bg{
  background-color: #c8c8c8;
  background-position: center center;    
  background-size: cover;
  background-attachment: fixed;
}
.bg--splash{
  background-color: #505050;
}
.bg--service{
  background-image:url(../images/bg/service/fe_hintergrund_schmal05-320x578.jpg)
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), 
  only screen and (min--moz-device-pixel-ratio: 1.25),
  only screen and (-o-min-device-pixel-ratio: 1.25/1),
  only screen and (min-device-pixel-ratio: 1.25),
  only screen and (min-resolution: 200dpi),
  only screen and (min-resolution: 1.25dppx){
    .bg--service{
      background-image:url(../images/bg/service/fe_hintergrund_schmal05-640x1157-q60.jpg)
    }
}
@media only screen and (min-width: 360px) and (-webkit-min-device-pixel-ratio: 1.25),
  only screen and (min-width: 360px) and (min--moz-device-pixel-ratio: 1.25),
  only screen and (min-width: 360px) and (-o-min-device-pixel-ratio: 1.25/1),
  only screen and (min-width: 360px) and (min-device-pixel-ratio: 1.25),
  only screen and (min-width: 360px) and (min-resolution: 200dpi),
  only screen and (min-width: 360px) and (min-resolution: 1.25dppx){
    .bg--service{
      background-image:url(../images/bg/service/fe_hintergrund_schmal05-800x1446-q60.jpg)
    }
}
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.25),
  only screen and (min-width: 480px) and (min--moz-device-pixel-ratio: 1.25),
  only screen and (min-width: 480px) and (-o-min-device-pixel-ratio: 1.25/1),
  only screen and (min-width: 480px) and (min-device-pixel-ratio: 1.25),
  only screen and (min-width: 480px) and (min-resolution: 200dpi),
  only screen and (min-width: 480px) and (min-resolution: 1.25dppx){
    .bg--service{
      background-image:url(../images/bg/service/fe_hintergrund_schmal05-960x1735-q60.jpg)
     }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.25),
  only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.25),
  only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 1.25/1),
  only screen and (min-width: 768px) and (min-device-pixel-ratio: 1.25),
  only screen and (min-width: 768px) and (min-resolution: 200dpi),
  only screen and (min-width: 768px) and (min-resolution: 1.25dppx){
	.bg--service{
	  background-image:url(../images/bg/service/l/fe_hintergrund_breit05-1600x1600-q60.jpg)
	}
}
@media screen and (min-width: 1024px){
  .bg--service{
    background-image:url(../images/bg/service/l/fe_hintergrund_breit05-1024x1024.jpg)
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.25),
  only screen and (min-width: 1024px) and (min--moz-device-pixel-ratio: 1.25),
  only screen and (min-width: 1024px) and (-o-min-device-pixel-ratio: 1.25/1),
  only screen and (min-width: 1024px) and (min-device-pixel-ratio: 1.25),
  only screen and (min-width: 1024px) and (min-resolution: 200dpi),
  only screen and (min-width: 1024px) and (min-resolution: 1.25dppx){
    .bg--service{
      background-image:url(../images/bg/service/l/fe_hintergrund_breit05.jpg)
    }
}
@media screen and (min-width: 1280px){
  .bg--service{
    background-image:url(../images/bg/service/l/fe_hintergrund_breit05-1280x1280.jpg)
  }
}
@media screen and (min-width: 1440px){
  .bg--service{
    background-image:url(../images/bg/service/l/fe_hintergrund_breit05-1440x1440.jpg)
  }
}
@media screen and (min-width: 1680px){
  .bg--service{
    background-image:url(../images/bg/service/l/fe_hintergrund_breit05-1680x1680.jpg)
  }
}
@media screen and (min-width: 1920px){
  .bg--service{
    background-image:url(../images/bg/service/l/fe_hintergrund_breit05.jpg)
  }
}