/* CSS-Datei Media responsive */

  hr.style {
    border: 0;
    height: 1px;
    width: 100%;
    background-image: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,0.75), rgba(255,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,0.75), rgba(255,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,0.75), rgba(255,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,0.75), rgba(255,0,0,0));
  }
  
  html {
    overflow-x: hidden;
  }
  
  @media (-webkit-min-device-pixel-ratio: 1.5) { /* WebKit */ }
  @media (min--moz-device-pixel-ratio: 1.5) { /* Mozilla */ }
  @media (-o-min-device-pixel-ratio: 3/2) { /* Opera */ }
  @media (min-resolution: 1.5dppx) { /* CSS3 */ }

  img {
    max-width:100%;
    height:auto;
    width: auto; /* IE 8 */
  }