@media screen and (max-width: 1164px) {
  div.panel {
    max-width: 100%;
    width: auto;
  }
  section.component[data-type="result"][data-variant="contact"] div.list > ul.item-list {
    display: block;
  }
  section.component[data-type="result"][data-variant="contact"] div.list > ul.item-list > li.item {
    border-right: 0;
    width: 100%;
  }
  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);
  }
  nav#main-navigation h4 {
    font-size: 38px;
  }
  div.component[data-type="video"] > div.video {
    height: calc((100vw - 120px) / 16 * 9);
  }
  section.component[data-type="result"] div.video-list li.item article > div.video {
    height: calc((100vw / 2 - 120px) / 16 * 9);
  }  
  section.component[data-type="result"] div.video-list li.item[data-highlight="yes"] article > div.video {
    height: calc((100vw - 120px) / 16 * 9);
  }
} 

@media screen and (max-width: 1024px) {
  header {
    padding: 45px 30px 15px 30px;
  }
  div#SCROLL_HEADER div.service {
    padding: 30px 30px 0 30px;
  }
  section.service-navigation > ul.item-list > li.item:last-of-type,
  div#SCROLL_HEADER section.service-navigation > ul.item-list > li.item:last-of-type {
    margin: 0;
  }
  nav#main-navigation {
    padding: 30px 10px 0 30px;
    color: #ffffff;
  }
  nav#main-navigation h4 {
    font-size: 28px;
  }
  nav#main-navigation h4 > span.icon {
    width: 40px;
    height: 40px;
    background-size: 15px 15px;
    margin: 0 15px -10px 0;
  }
  div.component,
  section.component {
    padding: 0 30px 0 30px;
    margin: 0 0 30px 0;
  }
  div.component[data-type="contact"] {
    margin: 0 30px 30px 30px;
  }
  div.component[data-type="marginals"] > div.content > div.component[data-type="contact"] {
    margin: 0 0 30px 0;
  }
  div.component[data-type="image-slider"] > div.list > ul.item-list > li.item {
    height: calc((100vw - 60px) / 16 * 9);
  }
  div.component[data-type="image-slider"] > div.navigation > ul.item-list > li.item {
    margin: 0 0 0 15px;
  }  
  div.component[data-type="image-slider"] > div.navigation > ul.item-list > li.item > button {
    width: 30px;
    height: 30px;
  }
  div.component[data-type="backlink"] {
    margin: -20px 0 -10px 0;
  }
  div.component[data-type="backlink"] > a > span.icon {
    height: 40px;
    width: 40px;
    background-size: 15px 15px;
  }  
  div.component[data-type="jodel-slider"] > div.header {
    margin-left: -30px;
  }
  div.component[data-type="news-slider"],
  div.component[data-type="sm-slider"] {
    padding: 40px 30px 40px 30px;
  }
  div.component[data-type="news-slider"] > div.nav,
  div.component[data-type="sm-slider"] > div.nav {
    width: 15%;
  }
  div.component[data-type="news-slider"] > div.list,
  div.component[data-type="sm-slider"] > div.list {
    -webkit-transform: translateX(30%) translateX(-15%);
    -moz-transform: translateX(30%) translateX(-15%);
    -ms-transform: translateX(30%) translateX(-15%);
    -o-transform: translateX(30%) translateX(-15%);
    transform: translateX(30%) translateX(-15%);
  }
  div.component[data-type="news-slider"] > div.list > ul.item-list > li.item,
  div.component[data-type="sm-slider"] > div.list > ul.item-list > li.item {
    margin: 0 30px 0 0;
    min-width: 70%;
  }
  div.component[data-type="specials"] {
    padding: 40px 30px 0 30px;
  }
  section.component[data-type="result"] div.search div.flex-wrapper > * {
    width: calc(100% / 2 - 30px);
  }
  section.component[data-type="result"] div.navigation > div.prev,
  section.component[data-type="result"] div.navigation > div.next {
    width: auto;
  }
  section.component[data-type="result"] div.list > ul.item-list > li.item[data-type="category"] > h6 {
    padding: 0 0 0 20px;
  }
  section.component[data-type="result"] div.list article {
    padding: 0 20px 0 20px;
  }
  section.component[data-type="result"] div.list div.comment {
    padding: 30px 30px 0 118px;
  }
  section.component[data-type="result"] div.video-list > ul.item-list > li.item {
    margin: 0 0 20px 0;
  }
  section.component[data-type="result"] div.video-list > ul.item-list > li.item {
    width: calc(50% - 20px);
    margin: 0 0 30px 0;
  }
  section.component[data-type="result"] div.video-list li.item article > div.video {
    height: calc((100vw / 2 - 60px) / 16 * 9);
  }  
  section.component[data-type="result"] div.video-list li.item[data-highlight="yes"] article > div.video {
    height: calc((100vw - 60px) / 16 * 9);
  }
  section.component[data-type="result"] div.navigation,
  section.component[data-type="result"] div.list > ul.item-list > li.item,
  div.component[data-type="image-slider"] {
    margin: 0 0 30px 0;
  }
  section.component[data-type="result"] div.navigation[data-position="bottom"] {
    margin: 30px 0 0 0;
  }
  section.component[data-type="result"] div.search > h4.button,
  section.component[data-type="result"] div.create > h4.button {
    padding: 18px 70px 14px 20px;
  }
  div.component[data-type="marginals"] > div.content > div.component[data-type="contact"] {
    width: 100%;
    padding: 0;
  }
  div.component[data-type="downloads"] > h4,
  div.component[data-type="card"] > h4,
  div.component[data-type="video"] > h4,
  div.component[data-type="gallery"] > h4 {
    padding: 0 30px 0 30px;
  }
  div.component[data-type="downloads"] > div.list > ul.item-list > li.item > a {
    padding: 15px 30px 12px 60px;
    background-position: 30px center;
  }
  div.component[data-type="infobox"],
  div.component[data-type="eyecatcher"] {
    padding: 0 30px 30px 30px;
  }
  div.component[data-type="infobox"][data-variant="image"],
  div.component[data-type="eyecatcher"][data-variant="image"] {
    padding: 0 30px 0 30px;
  }
  div.component[data-type="infobox"] > div.image,
  div.component[data-type="eyecatcher"] > div.image {
    margin: 0 -30px 0 -30px;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item h4.button {
    padding: 18px 70px 14px 30px;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item div.details {
    padding: 30px 30px 24px 30px;
  }
  div.component[data-type="gallery"] > div.list > ul.item-list > li.item {
    height: calc((100vw - 60px) / 16 * 9);
  }
  div.component[data-type="gallery"] > div.info {
    right: 30px;
  }
  footer {
    padding: 36px 30px 6px 30px;
  }
  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#SCROLL_HEADER {
    display: none !important;
  }
  header {
    top: 0;
    width: 100%;
    z-index: 10;
    padding: 0;
  }
  header > div.service {
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 30px 30px 0 30px;
    background-color: #353535;
  }
  header div.logo {
    max-width: 200px;
  }  
  section.service-navigation > ul.item-list > li.item {
    margin: 0 30px 0 0;
  }
  section.service-navigation a > span.icon {
    width: 40px;
    height: 40px;
    background-size: 20px 20px;
    border: 2px solid #ffca00;
    margin: 0 auto 0 auto;
  }
  section.service-navigation a > span.text {
    position: absolute;
    left: -100000px;
    top: -100000px;
  }
  section#global-search {
    padding: 20px 20px 40px 20px;
  }
  section#global-search div.input {
    width: 70%;
  }
  section#global-search div.SUGGEST-SEARCH {
    width: 70%;
  }
  main#main {
    margin-top: 100px;
  }
  div.component[data-type="specials"] a {
    font-size: 20px;
  }
  /*
  div.component[data-type="jodel-slider"] > div.navigation {
    right: 10px;
  }
  */
  div.responsive-stage[data-size="800"] {
    display: none;
  }
} 

@media screen and (max-width: 768px) {
  section#global-search div.flex-wrapper {
    right: inherit;
    justify-content: space-between;
    width: 100%;
  }
  section#global-search div.input {
    width: calc(100% - 80px);
  }
  section#global-search div.submit {
    right: inherit;
  }
  section#global-search button[type="submit"] span.text {
    display: none;
  }
  section#global-search div.SUGGEST-SEARCH {
    width: 100%;
  }
  section.component[data-type="result"] div.search div.flex-wrapper {
    margin: 0;
    width: 100%;
  }
  section.component[data-type="result"] div.search div.flex-wrapper > * {
    width: 100%;
    margin: 0 0 30px 0;
  }
  section.component[data-type="result"] div.list article {
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    padding: 20px 20px 0 20px;
  }
  section.component[data-type="result"] div.list article > * {
    padding: 0 0 20px 0;
  }
  section.component[data-type="result"] div.list article > div.info {
    order: 1;
    min-width: 100%;
  }
  section.component[data-type="result"] div.list article > div.text,
  section.component[data-type="result"] div.list article[data-hasimage="no"] > div.text,
  section.component[data-type="result"][data-variant="guestbook"] div.list article > div.text,
  section.component[data-type="result"][data-variant="jobs"] div.list article > div.text {
    width: auto;
  }
  section.component[data-type="result"] div.list article > div.info span.line {
    display: inline;
  }
  section.component[data-type="result"] div.list article > div.info span.line:before {
    content: ".";
  }
  section.component[data-type="result"] div.list article > div.text {
    order: 2;
    max-width: 100%;
  }
  section.component[data-type="result"] div.list article > div.image {
    order: 0;
    margin: -20px -20px 0 -20px;
    width: calc(100% + 40px);
    min-width: 100%;
  }
  section.component[data-type="result"] div.list article > div.image > img {
    position: relative;
    max-height: inherit;
    width: 100%;
    top: inherit;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  section.component[data-type="result"] div.list div.comment {
    padding: 30px 30px 0 68px;
    background-position: 20px 30px;
  }
  div.component[data-type="marginals"] > div.content {
    display: block;
  }  
  div.component[data-type="marginals"] > div.content > * {
    width: 100%;
  }
  div.component[data-type="accordion"] div.image[data-orientation="left"],
  div.component[data-type="accordion"] div.image[data-orientation="right"],
  div.component[data-type="tab"] div.image[data-orientation="left"],
  div.component[data-type="tab"] div.image[data-orientation="right"],
  div.component[data-type="abstract"] div.image[data-orientation="left"],
  div.component[data-type="abstract"] div.image[data-orientation="right"]  {
    float: none;
    margin: 0 auto 20px auto;
    max-width: 100%;
    text-align: center;
  }
} 

@media screen and (max-width: 600px) {
  body {
    font-size: 18px;
  }
  header div.logo {
    max-width: 40px;
  }
  header > div.service {
    padding: 15px 20px 0 20px;
    max-height: 70px;
    overflow: hidden;
  }
  section.service-navigation > ul.item-list > li.item {
    margin: 0 20px 0 0;
  }
  nav#main-navigation div.navigation-block {
    padding: 0 0 0 0;
    border-right: none;
  }
  main#main {
    margin-top: 70px;
  } 
  div.component,
  section.component {
    padding: 0 10px 0 10px;
  }
  div.component[data-type="contact"] {
    margin: 0 10px 30px 10px;
  }
  div.component[data-type="image-slider"] > div.navigation {
    bottom: 15px;
    left: 5px;
  }
  div.component[data-type="headline"] > h1,
  div.component[data-type="headline"] > h2 {
    font-size: 38px;
  }
  div.component[data-type="headline"] > h3 {
    font-size: 30px;
  }
  div.component[data-type="headline"] > h4 {
    font-size: inherit;
  }
  div.component[data-type="video"] > div.video {
    height: calc((100vw - 20px) / 16 * 9);
  }
  div.component[data-type="image-slider"] > div.list > ul.item-list > li.item {
    height: calc((100vw - 20px) / 16 * 9);
  }
  div.component[data-type="news-slider"],
  div.component[data-type="sm-slider"],
  div.component[data-type="jodel-slider"] {
    padding: 40px 10px 50px 10px;
  }
  div.component[data-type="jodel-slider"] > div.header {
    margin-left: 0;
  }
  div.component[data-type="news-slider"] > div.header > h3,
  div.component[data-type="sm-slider"] > div.header > h3,
  div.component[data-type="specials"] > div.header > h3,
  div.component[data-type="jodel-slider"] > div.header > h3 {
    font-size: 28px;
  }
  div.component[data-type="jodel-slider"] > div.header > h3 {
    padding: 0 0 0 60px;
    background-size: 40px 40px;
  }
  div.component[data-type="news-slider"] article > h4,
  div.component[data-type="sm-slider"] article > h4,
  div.component[data-type="specials"] article > h4,
  div.component[data-type="jodel-slider"] article > h4 {
    padding: 0;
    font-size: 24px;
  }
  div.component[data-type="specials"] {
    padding: 40px 10px 0 10px;
  }
  div.component[data-type="media-teaser"] {
    padding: 0;
    max-height: 100vh;
  }
  div.component[data-type="media-teaser"] video {
    max-width: 100%;
    max-height: 100vh;
  }
  div.component[data-type="media-teaser"] img {
    width: auto;
    height: 100%;
    max-width: inherit;
  }
  div.component[data-type="media-teaser"] > div.list > ul.item-list > li.item {
    max-height: calc((100vw / 4 * 3) - 40px);
    overflow: hidden;
  }   
  div.component[data-type="media-teaser"] div.video-wrapper-button {
    display: block;
  }
  div.component[data-type="media-teaser"] div.audio-toggle {
    top: 65px;
    bottom: inherit;
    right: 10px;
  }
  div.component[data-type="news-slider"] > div.nav,
  div.component[data-type="sm-slider"] > div.nav,
  div.component[data-type="jodel-slider"] > div.nav {
    top: inherit;
    bottom: 0;
    width: 50%;
    padding: 5px 0 5px 0;
    background-size: auto 20px;
    background-color: rgba(255,255,255,0.2);
  }
  div.component[data-type="news-slider"] > div.list,
  div.component[data-type="sm-slider"] > div.list,
  div.component[data-type="jodel-slider"] > div.list {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  div.component[data-type="news-slider"] > div.list > ul.item-list > li.item,
  div.component[data-type="sm-slider"] > div.list > ul.item-list > li.item,
  div.component[data-type="jodel-slider"] > div.list > ul.item-list > li.item {
    min-width: 100%;
  }
  /*
  div.component[data-type="jodel-slider"] > div.navigation {
    right: 5px;
  }
  */
  div.component[data-type="specials"] > div.list > ul.item-list > li.item {
    width: calc(100% / 3 - 10.01px);
    margin: 0 5px 50px 5px;
  }
  section.component[data-type="result"] div.search > div.details,
  section.component[data-type="result"] div.create > div.details {
    padding: 30px 30px 24px 30px;
  }  
  section.component[data-type="result"] div.search div.filter > div.button {
    margin: 0 5px 15px 5px;
  }
  section.component[data-type="result"][data-variant="contact"] div.list article {
    padding: 10px;
  }
  section.component[data-type="result"][data-variant="contact"] div.list article div.person > div.image {
    width: 150px;
  }
  section.component[data-type="result"][data-variant="contact"] div.list article div.person[data-hasimage="yes"] > div.data {
    width: calc(100% - 150px);
    padding: 20px 10px 10px 20px;
  }
  section.component[data-type="result"] div.list > ul.item-list > li.item[data-type="category"] {
    font-size: 26px;
  }
  section.component[data-type="result"] div.video-list > ul.item-list > li.item {
    width: 100%;
    margin: 0 0 30px 0;
  }
  section.component[data-type="result"] div.video-list li.item article > div.video,
  section.component[data-type="result"] div.video-list li.item[data-highlight="yes"] article > div.video {
    height: calc((100vw - 40px) / 16 * 9);
  }  
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item h4.button {
    padding: 18px 50px 14px 10px;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item h4.button > span.icon {
    width: 30px;
    height: 30px;
    right: 10px;
    top: 15px;
    background-size: 15px 15px;
    border: 2px solid #ffca00;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item div.details {
    padding: 20px 10px 14px 10px;
  }  
  div.component[data-type="downloads"] > h4,
  div.component[data-type="card"] > h4,
  div.component[data-type="video"] > h4,
  div.component[data-type="gallery"] > h4 {
    padding: 0;
  }
  div.component[data-type="downloads"] > div.list > ul.item-list > li.item > a {
    padding: 15px 10px 12px 40px;
    background-position: 10px center;
  }
  div.component[data-type="infobox"],
  div.component[data-type="eyecatcher"] {
    padding: 0 10px 20px 10px;
  }
  div.component[data-type="infobox"][data-variant="image"],
  div.component[data-type="eyecatcher"][data-variant="image"] {
    padding: 0 10px 0 10px;
  }
  div.component[data-type="infobox"] > div.image,
  div.component[data-type="eyecatcher"] > div.image {
    margin: 0 -10px 0 -10px;
  }
  div.component[data-type="contact"] > div.infos {
    padding: 20px 10px 20px 10px;
  }
  div.component[data-type="contact"] > div.person > div.image {
    width: 150px;
  }
  div.component[data-type="contact"] > div.person[data-hasimage="yes"] > div.data {
    width: calc(100% - 150px);
    padding: 20px 20px 0 20px;
  } 
  div.component[data-type="gallery"] {
    padding-bottom: 25px;
  }
  div.component[data-type="gallery"] > div.nav {
    top: inherit;
    bottom: 0;
    left: 10px;
    width: calc(50% - 10px);
    background-size: auto 20px;
    background-color: rgba(53,53,53,1);
    padding: 5px 0 5px 0;
    margin: 0 0 -10px 0;
  }
  div.component[data-type="gallery"] > div.nav[data-type="next"] {
    right: 10px;
  }
  div.component[data-type="gallery"] > div.list > ul.item-list > li.item {
    height: calc((100vw - 30px) / 16 * 9);
  }
  div.component[data-type="gallery"] > div.info {
    right: 10px;
    bottom: 25px;
    padding: 10px;
    font-size: 16px;
  }
  footer {
    padding: 36px 10px 6px 10px;
  }
  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);
  }
  div.responsive-stage[data-size="600"] {
    display: none;
  }
} 

@media screen and (max-width: 480px) {
  header > div.service {
    padding: 15px 15px 0 15px;
    margin: 0 0 -15px 0;
  }
  nav#main-navigation {
    padding: 20px 15px 0 15px;
  }
  section.service-navigation > ul.item-list > li.item {
    margin: 0 15px 0 0;
  }
  section#global-search {
    padding: 20px 10px 40px 10px;
    font-size: 18px;
  }
  section#global-search div.flex-wrapper {
    justify-content: flex-start;
  }
  section#global-search div.input {
    width: calc(100% - 60px);
  }
  section#global-search div.submit {
    width: 50px;
    position: absolute;
    top: -5px;
    right: 0;
  }
  section#global-search div.SUGGEST-SEARCH {
    margin: 5px 0 0 0;
    padding: 10px;
  }
  div.component[data-type="specials"] > div.list > ul.item-list > li.item {
    width: calc(100% / 2 - 10.01px);
  }
  section.component[data-type="result"] div.search > div.details,
  section.component[data-type="result"] div.create > div.details {
    padding: 20px;
  }
  section.component[data-type="result"] div.search > h4.button,
  section.component[data-type="result"] div.create > h4.button {
    font-size: 20px;
  }
  section.component[data-type="result"] div.search > h4.button > span.icon,
  section.component[data-type="result"] div.create > h4.button > span.icon {
    top: 8px;
  }
  section.component[data-type="result"] div.navigation > div.info {
    padding: 0 10px 0 10px;
  }
  section.component[data-type="result"] div.list article h3.title {
    font-size: inherit;
  }
  section.component[data-type="result"][data-variant="contact"] div.list article div.person[data-hasimage="yes"] {
    display: block;
  }
  section.component[data-type="result"][data-variant="contact"] div.list article div.person > div.image {
    width: 100%;
  }
  section.component[data-type="result"][data-variant="contact"] div.list article div.person[data-hasimage="yes"] > div.data {
    width: 100%;
    padding: 20px 0 0 0;
  }
  section.component[data-type="result"] div.list div.comment {
    padding: 30px 30px 0 40px;
    background-position: 10px 30px;
    background-size: auto 20px;
  }
  div.component[data-type="headline"] > h1,
  div.component[data-type="headline"] > h2 {
    font-size: 28px;
  }
  div.component[data-type="headline"] > h3 {
    font-size: 24px;
  }
  div.component[data-type="contact"] > div.person[data-hasimage="yes"] {
    display: block;
  }
  div.component[data-type="contact"] > div.person > div.image {
    width: 100%;
  }
  div.component[data-type="contact"] > div.person[data-hasimage="yes"] > div.data {
    width: 100%;
    padding: 20px 10px 0 10px;
  }
  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;
  }
}