body {
  display: block;
  height: auto !important;
  margin: 0;
}
img {
  float: left;
}
/*general styles*/
.frame {
  margin: auto;
  overflow: hidden;
  width: 1280px;
}
/*grid block definitions*/
.grid-block {
  float: left;
  overflow: hidden;
}
.a-center > .grid-content > div {
  margin: auto;
}
.end-of-row {
  clear: both;
}
.block-mobile {
  display: none !important;
}
.first-of-line {
  display: block;
}
.first-of-line-3-row {
  display: none;
}
/*media queries*/
/*tablets*/
@media only screen and (max-width: 1279px) and (min-width: 768px) and (orientation: portrait), (max-width: 1280px) and (min-width: 768px) and (orientation: landscape) {
  .frame {
    width: 960px;
  }
  .grid-block-4 {
    max-width: 960px;
  }
  .grid-block-3.shrinked.weight-right .grid-content,
  .grid-block-2.shrinked.weight-right .grid-content {
    margin-left: -320px;
  }
  .block-no-3-3-row {
    display: none;
  }
  .first-of-line {
    display: none;
  }
  .first-of-line-3-row {
    display: block;
  }
  .block-mobile {
    display: none !important;
  }
}
/*phones*/
@media only screen and (max-device-width: 767px) and (orientation: portrait), (max-device-width: 767px) and (orientation: landscape), (max-width: 767px) {
  .frame {
    width: 640px;
  }
  .grid-block-3 {
    max-width: 640px;
  }
  .grid-block-4 {
    max-width: 640px;
  }
  .grid-block-1.shrinked.weight-center .grid-content,
  .grid-block-2.shrinked.weight-center .grid-content {
    margin-left: -320px;
  }
  .grid-block-1.shrinked.weight-right .grid-content,
  .grid-block-2.shrinked.weight-right .grid-content {
    margin-left: -640px;
  }
  .page-2-rows .block-no-mobile {
    display: none !important;
  }
  .block-mobile {
    display: block !important;
  }
}
/*Fullscreen backgrounds for different cases*/
.weight-center .page-2rows {
  /*zentrierte Ausrichtung des vollflächigen Hintergrund, muss als body-Klasse gesetzt werden */
  background-position: center top !important;
}
.weight-center .page-3-rows {
  /*zentrierte Ausrichtung des vollflächigen Hintergrund, muss als body-Klasse gesetzt werden */
  background-position: center top !important;
}
.weight-right .page-2-rows {
  /*rechtslastige Ausrichtung des vollflächigen Hintergrund, muss als body-Klasse gesetzt werden */
  background-position: -960px top !important;
}
.weight-right .page-3-rows {
  /*rechtslastige Ausrichtung des vollflächigen Hintergrund, muss als body-Klasse gesetzt werden */
  background-position: -640px top !important;
}
.grid-block-1 {
  width: 320px;
}
.grid-block-2 {
  width: 640px;
}
.grid-block-3 {
  width: 960px;
}
.grid-block-4 {
  width: 1280px;
}
.grid-resetter.diff-0 {
  height: 0 !important;
}