body {
  width: 100%;
  *zoom: 1; }
  body:before, body:after {
    content: "";
    display: table; }
  body:after {
    clear: both; }

@media screen and (max-width: 600px) {
  .nofloat {
    display: none; }

  .row {
    width: auto; }

  .row.top {
    position: relative;
    height: auto; }

  .blueBackground {
    -webkit-box-shadow: 0px 0px 0px 0px #cccccc;
    -moz-box-shadow: 0px 0px 0px 0px #cccccc;
    box-shadow: 0px 0px 0px 0px #cccccc; }

  .row.second {
    margin-top: 0px;
    padding-top: 20px; }

  .row.filter {
    line-height: normal; }

  .row.map {
    padding: 0em 1.42857em 0em 1.42857em; }

  .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18 {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0;
    display: block; }

  .mainNavigation {
    font-size: 1em;
    height: 0.88889em;
    margin-top: 0.55556em; }

  .mainNavigation li a.mainNavLink {
    text-decoration: none;
    background-image: url(../img/navi_trenner.png);
    background-position: right 0.35714em;
    background-repeat: no-repeat;
    padding: 0em 1.5em 0em 0em;
    line-height: 1em; }

  .picWeLoveBox {
    width: 13%;
    margin: 0 auto;
    padding: 0em 0.71429em;
    background-color: #f9f9f9;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0; }

  .wordCloud .m {
    font-size: 0.71429em; }

  .wordCloud .l {
    font-size: 0.85714em; }

  .wordCloud .xl {
    font-size: 1em; }

  .gridFilter {
    font-size: 1em; }

  .gridFilter li {
    float: none;
    margin-right: 0.35714em;
    padding: 0em 0em 1.07143em 0em; }

  .gridFilter li.filterHead {
    display: block;
    margin-right: 2.92857em;
    background-image: none;
    padding: 0.85714em 0em 0em 0em; }

  .gridFilter li.filterHead span {
    padding: 0em 0em 0.35714em 0em;
    background-image: none; }

  .gridFilter li.projectNavi {
    display: none; } }
@media screen and (min-width: 601px) and (max-width: 860px) {
  .row.top {
    height: auto; }

  .row.second {
    margin-top: 10px;
    padding-top: 130px; }

  .gridFilter li.filterHead {
    display: block;
    margin-right: 2.92857em;
    background-image: none;
    padding: 0.85714em 0em 0em 0em; }

  .gridFilter li.filterHead span {
    padding: 0em 0em 0.35714em 0em;
    background-image: none; }

  .gridFilter li.projectNavi {
    display: none; }

  .gridFilter {
    font-size: 1.28571em; }

  .gridFilter li {
    float: none;
    margin-right: 0.35714em;
    padding: 0em 0em 1.07143em 0em; }

  .gridFilter.project li.filterHead {
    display: block;
    margin-right: 2.92857em;
    background-image: none;
    padding: 0.85714em 0em 0em 0em; }

  .gridFilter.project li.filterHead span {
    padding: 0em 0em 0.35714em 0em;
    background-image: none; }

  .gridFilter li.projectNavi {
    display: none; }

  .wordCloud .m {
    font-size: 1.28571em; }

  .wordCloud .l {
    font-size: 1.5em; }

  .wordCloud .xl {
    font-size: 1.92857em; } }
@media screen and (min-width: 861px) and (max-width: 1024px) {
  .row.top {
    height: auto; }

  .row.second {
    margin-top: 10px;
    padding-top: 120px; }

  .gridFilter {
    font-size: 1.14286em; }

  .wordCloud .m {
    font-size: 1.28571em; }

  .wordCloud .l {
    font-size: 1.5em; }

  .wordCloud .xl {
    font-size: 1.92857em; } }