@media screen and (max-width: 1045px) {
  div.bigslider > div.navigation > div.prev,
  div.bigslider > div.navigation > div.next {
    margin: 0;
  }  
  div.bigslider > div.navigation > div.next {
    margin: 0;
  }
}  

@media screen and (max-width: 1024px) {
  div.teaser-small {
    position: relative;
    margin: 0 auto 0 auto;
    width: calc(470px);
    width: auto;
  }
  div.teaser-small > ul.item-list > li.item {
    width: calc(50% - 20px);
  }
  div.teaser-small > ul.item-list > li.item:hover > div.button > a {
    width: calc(100%);
    height: calc(100%);
  }
  div.teaser-small > ul.item-list > li.item > div.button > a img {
    width: calc(100% + 8px);
    max-width: inherit;
  }
  div.teaser-small > ul.item-list > li.item:hover > div.button > a img {
    width: calc(100% + 8px);
  }
  div#footer div.left {
    max-width: calc(25% - 20px);
    margin: 0 20px 0 0;
  }
  div#footer div.middle {
    max-width: calc(25% - 20px);
    margin: 0 20px 0 0;
  }
  div#footer div.external-logos {
    max-width: calc(25% - 20px);
    margin: 0 0 0 0;
  }
  div#footer div.right {
    max-width: calc(25% - 20px);
    margin: 0 0 0 20px;
  }
  div#footer div.middle > ul.item-list > li.item {
    max-width: auto;
    float: none;
  }
}  

@media screen and (max-width: 962px) {
  div#header div#standort-select {
    margin: 50px 0 0 194px;
  }
  div#header div#navigation > div.list {
    margin: -35px 0 0 -210px;
  }
  div#header div#navigation {
    right: 20px;
    margin: 45px 0 0 0;
  }
  div#header div#quick-search {
    right: 250px;
    margin: 45px 0 0 0;
  }
  div#header div#navigation-lang {
    right: 20px;
  }
  div.panel{ 
    width: auto;
    padding: 0 20px 0 20px;
  }
  div.scope-selector > ul.item-list {
    margin: 0 0 0 50px;
  }
  div.scope-selector > ul.item-list  {
    margin: 0 0 0 15px;
  }
  div.scope-selector > ul.item-list > li.item  {
    max-width: calc(33% - 15px);
    margin: 0 15px 0 0;
  }
  div.scope-selector > ul.item-list > li.item > div.button {
    padding: 0 0 13px 0;
  }
  div.scope-selector > ul.item-list > li.item:hover > div.button > a {
    width: calc(100% - 8px);
    height: calc(100% - 7px);
  }
  div.bigslider {
    max-width: 100%;
  }
  div.bigslider > div.list > ul.item-list > li.item div.content {
    max-width: 600px;
  } 
  div.tile-list > ul.item-list > li.item[data-size="3/4"] {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    float: none;
    height: auto !important;
  }
  div.result {
    display: block;
    width: auto;
  }
  div.result > h2 {
    display: block;
    padding: 0;
    margin: 0 0 30px 0;
  }
  div.result > div.result-list {
    display: block;
    padding: 0;
    margin: 0;
    width: auto;
  }
} 

@media screen and (max-width: 820px) {
  body.home div#header div#logo > img, div#logo img {
    max-height: 80px;
  }
}  

@media screen and (max-width: 800px) {
  div.bigslider > div.list > ul.item-list > li.item div.content {
    max-width: 440px;
  } 
  div.marken-list > ul.item-list > li.item {
    width: 205px;
  }
}  

@media screen and (max-width: 799px) {
  div#OVERLAY,
  div#SCOPE_OVERLAY {
    max-width: calc(100% - 60px);
  }
  div.marken-detail > div.article > div.button-list > ul.item-list > li.item {
    margin: 0 25px 10px 0;
  }
  div.standorte-list > ul.item-list > li.item:first-of-type {
    margin: 15px 13px 15px 20px;
  }
  div.tile-list > ul.item-list > li.item {
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
  div.tile-list > ul.item-list > li.item[data-size="2/4"] {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    float: none;
    height: auto !important;
  }
} 

@media screen and (max-width: 768px) {
  div.domain-change > div.header {
    padding: 30px;
  }
  div.domain-change > div.body {
    padding: 30px;
  }
  div.domain-change > div.body > div.screens {
    display: block;
    width: auto;
  }  
  div.domain-change > div.body > div.screens > div.screen {
    display: block;
    width: auto;
  }
  div.domain-change > div.body > div.screens > div.screen[data-type="de"] {
    margin: 0 0 30px 0;
  }
  div#footer div.left {
    max-width: inherit;
    width: auto;
    float: none;
    margin: 0 0 20px 0;
  }
  div#footer div.middle {
    max-width: inherit;
    width: auto;
    float: none;
    margin: 0 0 20px 0;
  }
  div#footer div.external-logos {
    max-width: inherit;
    width: auto;
    float: none;
    margin: 0 0 20px 0;
  }
  div#footer div.right {
    max-width: inherit;
    width: auto;
    float: none;
    margin: 0;
  }
}

@media screen and (max-width: 720px) {
  div#header div#standort-select {
    margin: 50px 0 0 194px;
  }
  div#header div#navigation {
    right: 20px;
    margin: 15px 0 0 0;
  }
  div#header div#quick-search {
    right: inherit;
    margin: 15px 0 0 194px;
  }
  div.scope-selector > ul.item-list {
    width: 300px;
    margin: 0 auto 0 auto;
  }
  div.scope-selector > ul.item-list > li.item {
    width: 300px;
  }
  div.scope-selector > ul.item-list > li.item > div.button > a {
    width: 300px;
  }
  div.scope-selector > ul.item-list > li.item:hover > div.button > a {
    width: 292px;
    height: auto;
  }
  div.scope-selector > ul.item-list > li.item > div.button > a > img {
    width: 300px;
  }
  div.teaser > ul.item-list {
    margin: 0;
  }
  div.teaser > ul.item-list > li.item {
    margin: 0 auto 20px auto;
    float: none;
    height: auto !important;
  }
  div.result > div.result-list > ul.item-list > li.item {
    float: left;
    width: calc(50% - 30px);
  }   
  div.marken-detail > div.article > div.infos > div.content > div.image {
    float: none;
    max-width: 225px;
    margin: 0 0 20px 0;
  } 
  div.marken-detail > div.article > div.infos > div.content > div.text {
    float: none;
    width: auto;
  }  
  div.marken-detail > div.article > div.infos > div.content > div.button-list > ul.item-list > li.item {
    margin: 0 25px 10px 0;
  }  
  div.marken-list > ul.item-list > li.item {
    width: 225px;
  }
}  

@media screen and (max-width: 629px) {
  div#header div#navigation {
    right: 20px;
    margin: 10px 0 0 0;
  }
  div#header div#quick-search {
    right: 20px;
    margin: 60px 0 0 0;
  }
  div#header div#navigation-lang {
    right: 45%;
    margin-top: 10px;
  }
  body.home div.scope-selector > ul.item-list {
    margin: 0 auto 0 auto;
    width: 400px;
  }
  body.home div.scope-selector > ul.item-list > li.item {
    margin: 0 0 30px 0;
    width: auto;
    float: none;
    max-width: inherit;
  }
  body.home div.scope-selector > ul.item-list > li.item > div.button {
    width: 400px;
    background-size: 100% auto;
  }
  body.home div.scope-selector > ul.item-list > li.item > div.button > a {
    width: 400px;
  }
  body.home div.scope-selector > ul.item-list > li.item:hover > div.button > a {
    border: 4px solid #e0d41c;
    width: 392px;
    height: auto;
    overflow: hidden;
  }
  body.home div.scope-selector > ul.item-list > li.item > div.button > a > img {
    width: 400px;
  }
}

@media screen and (max-width: 599px) {
  div#SCOPE_OVERLAY > div.navigation > ul.item-list > li.item {
    margin: 0 3px 3px 0;
  }  
  div.bigslider > div.list > ul.item-list > li.item div.content {
    max-width: 445px;
  } 
  div.result > div.result-list > ul.item-list > li.item {
    float: none;
    width: calc(100% - 30px);
  }    
  div.result > div.result-list > ul.item-list > li.item > div.article {
    height: auto !important;
  }   
  div.standorte-list > ul.item-list > li.item {
    margin: 15px auto 30px auto;
    float: none;
    width: auto;
  }  
  div.standorte-list > ul.item-list > li.item:first-of-type {
    margin: 15px auto 30px auto;
    width: auto;
  }  
  div.marken-list-navigation > ul.item-list > li.item {
    margin: 0 0 3px 0;
    float: none;
  }      
}   

@media screen and (max-width: 500px) { 
  body.admission div#body div.panel {
    width: auto;
  }
  div.admission-confirm div.confirm-age {
    width: calc(100% - 20px);
  }
  body.home div#header div#logo > img, div#logo img {
    max-height: 80px;
  }
  body.home div.scope-selector > ul.item-list {
    width: 300px;
  }
  body.home div.scope-selector > ul.item-list > li.item {
    width: 300px;
  }
  body.home div.scope-selector > ul.item-list > li.item > div.button {
    width: 300px;
  }
  body.home div.scope-selector > ul.item-list > li.item > div.button > a {
    width: 300px;
  }
  body.home div.scope-selector > ul.item-list > li.item:hover > div.button > a {
    width: 292px;
    height: auto;
  }
  body.home div.scope-selector > ul.item-list > li.item > div.button > a > img {
    width: 300px;
  }
  div.marken-detail > div.product-list > ul.item-list {
    margin-left: 0;
  }
  div.marken-detail > div.product-list > ul.item-list > li.item {
    float: none;
    height: auto !important;
    margin: 0 auto 20px auto;
  }
}

@media screen and (max-width: 495px) { 
  div#OVERLAY, div#SCOPE_OVERLAY {
    width: calc(100% - 10px);
  }
  div#header div#standort-select {
    position: relative;
    float: right;
    margin: -10px 0 0 0;
  }
  div#SCOPE_OVERLAY > div.navigation {
    margin: 30px 0 0 0;
  }    
  div#SCOPE_OVERLAY > div.navigation > ul.item-list > li.item {
    margin: 0 0 3px 0;
    float: none;
  } 
  div.standorte-list > ul.item-list {
    position: relative;
    margin: -15px 0 0 0;
  }    
  div.standorte-list > ul.item-list > li.item:first-of-type {
    position: relative;
    margin: 15px -20px 30px -20px;
  }    
  div.standorte-list > ul.item-list > li.item:first-of-type > a {
    width: auto;
    margin: 0 20px 0 20px;
  }
  div.standorte-list > ul.item-list > li.item:first-of-type > h5 {
    font-size: 20px;
    line-height: 28px;
  }
  div.standorte-list > ul.item-list > li.item > a > img {
    display: block;
    margin: 0 auto 0 auto;
    max-width: calc(100% - 10px);
  }
  div.marken-list > ul.item-list > li.item {
    margin: 15px auto 15px auto;
    float: none;
  } 
  div.bigslider > div.list > ul.item-list > li.item  {
    width: 480px;
  } 
  div.bigslider > div.list > ul.item-list > li.item div.content {
    max-width: 345px;
  } 
  div.teaser-small {
    width: auto;
  }
  div.teaser-small > ul.item-list {
    margin: 0;
  }
  div.teaser-small > ul.item-list > li.item {
    margin: 0 auto 20px auto;
    width: auto;
    float: none;
    height: auto !important;
  }
  div.video > object {
    height: 200px;
  }
  div#body div.abstract div.image[data-position="left"] {
    margin: 0 0 10px 0;
    float: none;
    max-width: 100%;
  }
  div#body div.abstract div.image[data-position="right"] {
    margin: 0 0 10px 0;
    max-width: 100%;
    float: none;
  }
  /*
  div#footer div.left {
    max-width: inherit;
    width: auto;
    float: none;
    margin: 0 0 20px 0;
  }
  div#footer div.middle {
    max-width: inherit;
    width: auto;
    float: none;
    margin: 0 0 20px 0;
  }
  div#footer div.right {
    max-width: inherit;
    width: auto;
    float: none;
    margin: 0;
  }
  */
}  

@media screen and (max-width: 480px) { 
  body.home div#header div#logo > img, div#logo img {
    max-height: 60px;
  }
  div#header div#standort-select {
    position: relative;
    float: right;
    margin: 20px 0 0 0;
  }
  div#header div#navigation {
    right: 20px;
    margin: 50px 0 0 0;
  }
  div#header div#quick-search {
    right: 20px;
    margin: 10px 0 0 0;
  }
  div#header div#quick-search div.input > div.label {
    display: none;
  }
  div#header div#navigation-lang {
    right: 40%;
    margin-top: 50px;
  }
  div.scope-selector > ul.item-list,
  body.home div.scope-selector > ul.item-list {
    width: 250px;
  }
  div.scope-selector > ul.item-list > li.item,
  body.home div.scope-selector > ul.item-list > li.item {
    width: 250px;
  }
  div.scope-selector > ul.item-list > li.item > div.button,
  body.home div.scope-selector > ul.item-list > li.item > div.button {
    width: 250px;
    background-position: center calc(100% - 5px);
  }
  body.home div.scope-selector > ul.item-list > li.item > div.button > a,
  div.scope-selector > ul.item-list > li.item > div.button > a {
    width: 250px;
  }
  div.scope-selector > ul.item-list > li.item:hover > div.button > a,
  body.home div.scope-selector > ul.item-list > li.item:hover > div.button > a {
    width: 242px;
    height: auto;
  }
  div.scope-selector > ul.item-list > li.item > div.button > a > img,
  body.home div.scope-selector > ul.item-list > li.item > div.button > a > img {
    width: 250px;
  }
  /*div.standorte-list > ul.item-list > li.item:first-of-type,*/
  div.standorte-list > ul.item-list > li.item:nth-child(2) {
    width: 260px;
  }
  /*
  div.standorte-list > ul.item-list > li.item:first-of-type {
    width: auto;
    margin-left: 10px;
  }
  */
  div.standorte-list > ul.item-list > li.item:first-of-type > a {
    height: auto;
  }
  div.standorte-list > ul.item-list > li.item:first-of-type > a > img {
    width: 100%;
    height: auto;
  }
  div.tile-list > ul.item-list > li.item,
  div.tile-list > ul.item-list > li.item[data-size="2/4"] {
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    float: none;
    height: auto !important;
  }
  div.bigslider > div.list > ul.item-list > li.item  {
    width: 360px;
  } 
  div.bigslider > div.list > ul.item-list > li.item div.content {
    max-width: 185px;
  } 
  div.teaser > ul.item-list > li.item {
    width: 250px;
    height: auto !important;
  }
  div.teaser > ul.item-list > li.item:hover > div.button > a {
    width: 242px;
    height: auto;
  }
  div.teaser > ul.item-list > li.item > div.button > a > img {
    width: 250px;
  }
  div.video > object {
    height: 160px;
  }
  div.domain-change > div.header {
    padding: 20px 5px 20px 5px;
  }
  div.domain-change > div.body {
    padding: 20px 5px 20px 5px;
  }
}