
@media screen and (max-width: 1600px) {
  div.stoerer {
    position: relative;
    top: inherit;
    right: inherit;
    left: inherit;
    margin: 30px 0 50px 0;
  }
  div.stoerer > a {
    margin: 0 auto 0 auto;
  }
}

@media screen and (max-width: 1280px) {
  div.panel {
    width: auto;
  }
  main#main {
    width: auto;
    padding: 0 20px 0 20px;
  }
  footer {
    width: auto;
  }
}
 
@media screen and (max-width: 1164px) {
  div.panel {
    max-width: 100%;
    width: auto;
  }
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="12"] {
    width: calc(100% / 12 * 12 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="11"] {
    width: calc(100% / 12 * 11 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="10"] {
    width: calc(100% / 12 * 10 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="9"] {
    width: calc(100% / 12 * 9 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="8"] {
    width: calc(100% / 12 * 8 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="7"] {
    width: calc(100% / 12 * 7 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="6"] {
    width: calc(100% / 12 * 6 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="5"] {
    width: calc(100% / 12 * 5 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="4"] {
    width: calc(100% / 12 * 4 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="3"] {
    width: calc(100% / 12 * 3 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="2"] {
    width: calc(100% / 12 * 2 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-lg="1"] {
    width: calc(100% / 12 * 1 - 30px);
  }
  div#OVERLAYS > div.overlay > div.content {
    background-image: none;
  }
} 

@media screen and (max-width: 1024px) {
  div.component[data-type="vehicle-list"] > ul.item-list {
    display: block;
    margin: 0;
    width: auto;
  }
  div.component[data-type="vehicle-list"] > ul.item-list > li.item {
    width: auto;
    margin: 0 0 50px 0;
  }
  div.component[data-type="vehicle"] > div.text[data-rowheight="yes"],
  div.component[data-type="vehicle"] > div.infos[data-rowheight="yes"] {
    height: auto;
  }
  div.component[data-type="vehicle"] > div.image {
    text-align: center;
  }
  div.component[data-type="vehicle"] > div.image img {
    display: inline-block;
  }
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="12"] {
    width: calc(100% / 12 * 12 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="11"] {
    width: calc(100% / 12 * 11 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="10"] {
    width: calc(100% / 12 * 10 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="9"] {
    width: calc(100% / 12 * 9 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="8"] {
    width: calc(100% / 12 * 8 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="7"] {
    width: calc(100% / 12 * 7 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="6"] {
    width: calc(100% / 12 * 6 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="5"] {
    width: calc(100% / 12 * 5 - 30px);
  }
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="4"] {
    width: calc(100% / 12 * 4 - 30px);
  }
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="3"] {
    width: calc(100% / 12 * 3 - 30px);
  }
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="2"] {
    width: calc(100% / 12 * 2 - 30px);
  }
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-md="1"] {
    width: calc(100% / 12 * 1 - 30px);
  }
} 

@media screen and (max-width: 800px) {
  div.responsive-stage[data-size="800"] {
    display: none;
  }
} 

@media screen and (max-width: 768px) {
  main#main {
    padding: 0 10px 0 10px;
  }
  div.component[data-type="headline"] > h1,
  div.component[data-type="headline"] > h2 {
    font-size: 1.35rem;
  }
  div.component[data-type="address"] {
    text-align: center;
  }
  div.component[data-type="logo"] {
    text-align: center;
  }
  footer div.links {
    margin-left: 10px;
  }
  footer div.links > ul.item-list > li.item {
    width: auto;
  }
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="12"] {
    width: calc(100% / 12 * 12 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="11"] {
    width: calc(100% / 12 * 11 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="10"] {
    width: calc(100% / 12 * 10 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="9"] {
    width: calc(100% / 12 * 9 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="8"] {
    width: calc(100% / 12 * 8 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="7"] {
    width: calc(100% / 12 * 7 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="6"] {
    width: calc(100% / 12 * 6 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="5"] {
    width: calc(100% / 12 * 5 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="4"] {
    width: calc(100% / 12 * 4 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="3"] {
    width: calc(100% / 12 * 3 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="2"] {
    width: calc(100% / 12 * 2 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-sm="1"] {
    width: calc(100% / 12 * 1 - 30px);
  }
} 

@media screen and (max-width: 600px) {
  body {
    font-size: 15px;
  }
  header img.standard {
    display: none;
  }  
  header img.medium {
    display: inline-block;
  }  
  header img.small {
    display: none;
  }
  main#main {
    padding: 0 5px 0 5px;
  }
  div.component[data-type="vehicle"] > div.offer > span.price {
    font-size: 2em;
  }
  div.responsive-stage[data-size="600"] {
    display: none;
  }
} 

@media screen and (max-width: 480px) {
  footer div.links {
    margin-left: 0;
  }
  footer div.links > ul.item-list > li.item {
    width: 50%;
  }
  footer div.social-media {
    position: relative;
    right: inherit;
    top: inherit;
    margin: 30px auto 0 90px;
  }
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="12"] {
    width: calc(100% / 12 * 12 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="11"] {
    width: calc(100% / 12 * 11 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="10"] {
    width: calc(100% / 12 * 10 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="9"] {
    width: calc(100% / 12 * 9 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="8"] {
    width: calc(100% / 12 * 8 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="7"] {
    width: calc(100% / 12 * 7 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="6"] {
    width: calc(100% / 12 * 6 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="5"] {
    width: calc(100% / 12 * 5 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="4"] {
    width: calc(100% / 12 * 4 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="3"] {
    width: calc(100% / 12 * 3 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="2"] {
    width: calc(100% / 12 * 2 - 30px);
  }  
  div.component[data-type="grid"] > ul.item-list > li.item[data-size-xs="1"] {
    width: calc(100% / 12 * 1 - 30px);
  }
  div.responsive-stage[data-size="480"] {
    display: none;
  }
}

@media screen and (max-width: 380px) {
  header img.standard {
    display: none;
  }  
  header img.medium {
    display: none;
  }  
  header img.small {
    display: inline-block;
  }
}

