body {
  font-family: futura-pt, Arial, Helvetica,sans-serif;
  font-size: 16px;
  color: #666666;
}

a, a:hover, a:visited {
  color: #800000;
}

.overlay-copyright {
  padding: 0px !important;
  top: 150px;
  left: -50px;

}
.fotolia-copyright {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);

  transform: rotate(270deg);
  color: #600000;
}

#headerimage {
  background-image: url(../images/Fotolia_136049192_M_b.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
      .bgr {
            background-image: url(../images/Fotolia_136049192_M_b@2x.jpg);
      }
}

.overlay-teaser {
  padding: 0px !important;
}
.overlay-teaser .inner {
  background: rgba(255,255,255,.6) !important;
}
.headline-teaser {
  font-family: futura-pt, Arial, Helvetica,sans-serif;
  font-size: 36px;
  color: #800000;
  text-transform: uppercase;
  padding: 10px;
}

/* iPhone 5 / 5s */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .headline-teaser {
      font-size: 18px;
      text-align: right;
      padding-right: 50px;
    }
}

/* iPhone 6 / 6S */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .headline-teaser {
      font-size: 20px;
      text-align: right;
      padding-right: 50px;
    }
}

/* iPhone 6+ */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {
    .headline-teaser {
      font-size: 24px;
      text-align: right;
      padding-right: 50px;
    }
}

/* Android */
@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3) {
    .headline-teaser {
      font-size: 18px;
      text-align: right;
      padding-right: 50px;
    }
}

/* Tablets */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px) {
    .headline-teaser {
      font-size: 27px;
    }
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .headline-teaser {
      font-size: 27px;
    }
}

.m-top-20 {
  margin-top: 20px;
}
.m-top-40 {
  margin-top: 40px;
}

.m-bottom-20 {
  margin-bottom: 20px;
}
.m-bottom-40 {
  margin-bottom: 40px;
}

img.headline {
  width: 100% !important;
  height: auto;
}