@media screen and (max-width: 1600px) {
  /*
  div.component[data-type="bigslider"] > div.list > ul.item-list > li.item > div.content {
    background-image: url(../img/slider_transverlauf.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  */
}

@media screen and (max-width: 1170px) {
  div.panel {
    padding: 0 20px 0 20px;
  }
  div#search {
    left: 20px;
    width: 340px;
  }
  div#logo {
    right: 20px;
  }
  /*
  div#login {
    right: 274px;
  }
  */
  div.component[data-type="bigslider"] {
    margin: 0 -20px 100px -20px;
    background: transparent;
  }
  div.component[data-type="bigslider"][data-hasnext="no"][data-hasprev="no"] {
    margin-bottom: 40px;
  }
  div.component[data-type="bigslider"] > div.navigation {
    max-width: calc(100% - 80px);
    margin-left: 0;
  }  
  div.component[data-type="bigslider"] > div.list > ul.item-list > li.item > div.content {
    padding: 0 20px 0 20px;
  }
  div.component[data-type="bigslider"] > div.navigation {
    max-width: 100%;
  }
  div.component[data-type="bigslider"] > div.navigation > div.prev {
    left: 30px;
  }
  div.component[data-type="bigslider"] > div.navigation > div.next {
    right: 30px;
  }
  div.component[data-type="energy-result"] > div.list > div.row > div.cell[data-variant="header"][data-hasinfo="yes"] > h5:after {
    right: 5px;
  }
  /*
  div.component[data-type="energy-data"] div.configurator div.row > div.left-column,
  div.component[data-type="energy-data"] div.configurator div.row > div.right-column {
    padding: 0 15px 0 0;
  }
  
  div.component[data-type="energy-data"] div.configurator div.row > div.right-column {
    padding: 0 0 0 15px;
  }
  */
  div.component[data-type="energy-data"] div.configurator div.input > div.label {
    width: 180px;
  }  
  div.component[data-type="energy-data"] div.configurator div.input > div.data {
    width: calc(100% - 180px);
  }  
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.slogan1 {
    max-width: 50%;
  }
  div.component[data-type="contact-list"] > div.list > ul.item-list > li.item {
    width: calc(100% / 2 - 30.05px);
  }
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="12"] {
    width: calc(100% / 12 * 12 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="11"] {
    width: calc(100% / 12 * 11 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="10"] {
    width: calc(100% / 12 * 10 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="9"] {
    width: calc(100% / 12 * 9 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="8"] {
    width: calc(100% / 12 * 8 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="7"] {
    width: calc(100% / 12 * 7 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="6"] {
    width: calc(100% / 12 * 6 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="5"] {
    width: calc(100% / 12 * 5 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="4"] {
    width: calc(100% / 12 * 4 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="3"] {
    width: calc(100% / 12 * 3 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="2"] {
    width: calc(100% / 12 * 2 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-lg="1"] {
    width: calc(100% / 12 * 1 - 30px);
  }
  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[data-variant="busradauto"] div.component[data-type="eyecatcher"][data-variant="oepv"] {
    margin-top: 30px;
  }
} 

@media screen and (max-width: 1044px) { 
  div.component[data-type="parking-card"] > div.result > div.parking-card {
    width: calc(((100% / 12) * 7));
  }  
  div.component[data-type="parking-card"] > div.result > div.parking-list {
    width: calc(((100% / 12) * 5));
  }    
  div.component[data-type="energy-data"] div.result {
    height: auto;
  }
  div.component[data-type="suggest-search"] div.close {
    top: 20px;
  }
  div#CALENDAROVERLAY {
    max-width: calc(100vw - 60px);
    width: calc(100% - 60px);
    padding: 40px 20px 0 20px;
  }
  header[data-expanded="yes"] {
    overflow: inherit;
  }
  div#logo {
    top: 20px;
    right: inherit;
    left: 20px;
    max-width: 160px;
  }
  header div#burger {
    display: block;
    text-align: right;
  }
  header div.header-content {
    display: none;
    padding: 0 0 100px 0;
    top: 40px;
  }
  nav > div.menu-list > ul.item-list {
    display: block;
    margin: 0;
  }
  nav > div.menu-list > ul.item-list > li.item {
    width: auto;
    margin: 0;
    text-align: left;
  }
  nav > div.menu-list > ul.item-list > li.item >  h6 {
    background-color: #ecece4;
    padding: 20px 10px 16px 10px;
    text-align: left;
  }
  nav > div.menu-list > ul.item-list > li.item {
    border-bottom: 1px solid #ffffff;
  }
  nav > div.menu-list > ul.item-list > li.item:last-of-type {
    border-bottom: none;
  }
  nav > div.submenu-list {
    display: none;
  } 
  div#search {
    top: auto;
    margin: 20px 0 0 0;
    left: inherit;
    position: relative;
    width: auto;
  } 
  nav > div.menu-list > ul.item-list > li.item div#login {
    margin: 20px 0 0 0;
    width: auto;
  }
  div#login > div.content {
    left: inherit;
    right: 0;
    width: 100%;
  }
  div#service-navigation {
    position: relative;
    left: 0;
    top: 10px;
    margin: 0 0 20px 0;
  }
  div#service-navigation > ul.item-list {
    display: block;
  }
  div#service-navigation > ul.item-list > li.item {
    margin: 0;
    padding: 0;
    border-right: none;
    border-bottom: 1px solid #00488e;
  }
  div#service-navigation > ul.item-list > li.item:last-of-type {
    margin: 0;
    padding: 0;
    border-bottom: none;
  }
  div#service-navigation > ul.item-list > li.item > a {
    display: block;
    padding: 10px 0 10px 5px;
  }
  div.component[data-type="headline-search"] {
    margin-top: 50px;
  }
  div.component[data-type="search-new"] > div.form div.optionals-button {
    position: relative;
    right: inherit;
    top: inherit;
    margin: 0 0 20px 0;
    text-align: right;
  }
  div.component[data-type="search-new"] > div.form div.optionals-button button {
    display: inline;
  }
  div.component[data-type="search"] > div.form div.optionals-button {
    position: relative;
    right: inherit;
    top: inherit;
  }   
}

@media screen and (max-width: 1024px) {
  aside h3.component-subline {
    font-size: 24px;
  }
  div.component[data-type="parking-card"] > div.result > div.parking-card,
  div[data-variant="busradauto"] div.component[data-type="parking-card"] > div.result > div.parking-card {
    width: 100%;
    padding: 0;
  }  
  div.component[data-type="parking-card"] > div.result > div.parking-list,
  div[data-variant="busradauto"] div.component[data-type="parking-card"] > div.result > div.parking-list {
    width: 100%;
    padding: 0;
  }      
  div[data-variant="busradauto"] div.component[data-type="eyecatcher"][data-variant="oepv"] {
    height: auto;
  }
  div.component[data-type="energy-data"] div.configurator div.row {
    display: block;
  }
  div.component[data-type="energy-data"] div.configurator div.row > div.left-column,
  div.component[data-type="energy-data"] div.configurator div.row > div.right-column {
    padding: 0;
    width: auto;
  }  
  div.component[data-type="energy-data"] div.configurator div.row > div.right-column {
    padding: 0;
    margin: 50px auto 0 auto;
    width: 50%;
  }
  div.component[data-type="energy-data"] div.configurator div.row > div.right-column button {
    width: 100%;
  }
  div.component[data-type="energy-data"] div.configurator div.input > div.label {
    width: 50%;
  }  
  div.component[data-type="energy-data"] div.configurator div.input > div.data {
    width: 50%;
  }
  aside div.component[data-type="card"] > div.card {
    height: 450px;
  }
  div.component[data-type="article-list"] > div.list > ul.item-list > li.item,
  div.MAIN div.component[data-type="article-list"] > div.list > ul.item-list > li.item,
  aside div.component[data-type="article-list"] > div.list > ul.item-list > li.item {
    width: calc(100% / 2 - 30.05px);
  }
  aside div.component[data-type="article-list"] > div.list > ul.item-list > li.item:nth-child(n + 2) {
    display: block;
  }
  div.component[data-type="article-list"] > div.list > ul.item-list > li.item:nth-child(n + 3),
  div.MAIN div.component[data-type="article-list"] > div.list > ul.item-list > li.item:nth-child(n + 3),
  aside div.component[data-type="article-list"] > div.list > ul.item-list > li.item:nth-child(n + 3) {
    display: none;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item > h4,
  aside div.component[data-type="accordion"] > div.list > ul.item-list > li.item > h4 {
    background-position: calc(100% - 20px) 16px;
    background-size: 25px 25px;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item > h4 > a,
  aside div.component[data-type="accordion"] > div.list > ul.item-list > li.item > h4 > a {
    padding: 20px 45px 17px 20px;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item > div.details {
    padding: 20px 20px 17px 20px;
  }
  aside div.component[data-type="tab"] {
    font-size: 18px;
  }
  aside div.component[data-type="video"] > div.preamble,
  aside div.component[data-type="table"] > div.preamble,
  aside div.component[data-type="form"] > div.content > div.preamble {
    font-size: 18px;
  }
  aside div.component[data-type="form"] div.form div.submit {
    display: -webkit-flex;
    -webkit-flex-flow: nowrap;
    display: flex;
    flex-flow: nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-items: center;
    align-items: center;
  }  
  aside div.component[data-type="form"] div.form div.submit > h6 {
    margin: 0 0 0 30px;
  }
  div.component[data-type="blog-list"] div.filter,
  div.component[data-type="news-list"] div.filter,
  div.component[data-type="spa-calendar"] div.filter {
    margin: 10px 0 20px 0;
  }
  div.component[data-type="news-list"] > div.content,   
  div.component[data-type="blog-list"] > div.content,
  div.component[data-type="spa-calendar"] > div.content {
    padding: 70px 20px 25px 20px;
  }
  div.component[data-type="spa-calendar"] div.switch-view,
  div.MAIN div.component[data-type="spa-calendar"] div.switch-view {
    right: 20px;
    top: 20px;
  }
  div#CALENDAROVERLAY div.component[data-type="spa-calendar"] div.week-list article > div.icon {
    margin-right: 10px;
  }
  div.component[data-type="spa-calendar"] div.navigation {
    padding: 0 20px 0 20px;
  }
  div.component[data-type="news-list"] div.day-list article > div.text,
  div.component[data-type="blog-list"] div.day-list article > div.text,
  div.component[data-type="spa-calendar"] div.day-list article > div.text {
    display: block;
  }
  div.component[data-type="spa-calendar"] div.day-list article > div.text > h5 {
    width: auto;
  }  
  div.component[data-type="spa-calendar"] div.day-list article > div.text > h3 {
    width: auto;
  }
  div.component[data-type="news-list"] div.day-list article > div.text > h5:after,
  div.component[data-type="blog-list"] div.day-list article > div.text > h5:after,
  div.component[data-type="spa-calendar"] div.day-list article > div.text > h5:after {
    display: none;
  }
  div.component[data-type="spa-calendar"] div.week-list > div.list {
    margin: 0;
  }
  div.component[data-type="spa-calendar"] div.week-list > div.list > ul.item-list {
    display: block;
  }
  div.component[data-type="spa-calendar"] div.week-list > div.list > ul.item-list > li.item {
    width: auto;
    margin: 0;
    border: none;
  }
  div.component[data-type="spa-calendar"] div.week-list > div.list > ul.item-list > li.item > h4 {
    border-bottom: 1px solid #ffffff;
  }
  div.component[data-type="spa-calendar"] div.week-list > div.list > ul.item-list > li.item[data-expired="yes"] {
    display: none;
  }
  aside div.component[data-type="pagelist"] article > h4 {
    padding: 25px 25px 22px 25px;
    font-size: 18px;
  }
  aside div.component[data-type="pagelist"] article > div.details {
    padding: 50px 25px 22px 25px;
  }
  div.component[data-type="bigslider"] {
    height: 480px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.navigation {
    top: inherit;
    bottom: 95px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.list > ul.item-list > li.item[data-hasimage="yes"] > div.content {
    max-width: inherit;
  }
  aside div.component[data-type="downloads"] {
    font-size: 18px;
    max-width: 668px;
  }
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item {
    display: -webkit-flex;
    -webkit-flex-flow: nowrap;
    display: flex;
    flex-flow: nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 20px 25px 17px 25px;
    background-position: 25px 15px;
    background-size: 39px 50px;
  }
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 {
    min-width: 70px;
    padding: 0 0 0 20px;
    border-left: 1px solid #ffffff;
    border-top: none;
    margin: 0;
  }   
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 > span.mime,
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 > span.size {
    display: block;
    text-align: center;
  }  
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 > span.mime {
    font-size: 18px;
  } 
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 > span.mime:after {
    content: "";
    margin: 0;
  }
  aside div.component[data-type="infomap"] {
    font-size: 18px;
    max-width: 668px;
  }
  aside div.component[data-type="infomap"] > div.list > ul.item-list > li.item {
    padding: 20px 25px 17px 25px;
  }
  aside div.component[data-type="pagelist"] article > div.details > div.image {
    margin: 0 auto 15px auto;
    max-width: 590px;
  }  
  aside div.component[data-type="pagelist"] article > div.details > div.image[data-position="left"],
  aside div.component[data-type="pagelist"] article > div.details > div.image[data-position="right"] {
    float: left;
    margin: 0 30px 10px 0;
    max-width: 265px;
  }  
  aside div.component[data-type="pagelist"] article > div.details > div.image[data-position="right"] {
    float: right;
    margin: 0 0 10px 30px;
  }
  aside div.component[data-type="contact-list"] article > div.image {
    width: 88px;
    min-width: 88px;
  }
  div.component[data-type="bigslider"] > div.navigation > div.next {
    right: 60px;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.slogan1 {
    max-width: inherit;
  }
  aside div.component[data-type="eyecatcher"][data-variant="energy"] div.navigation {
    display: block;
  }
  aside div.component[data-type="eyecatcher"][data-variant="energy"] > ul.item-list > li.item {
    display: none;
  }  
  aside div.component[data-type="eyecatcher"][data-variant="energy"] > ul.item-list > li.item > form {
    display: block;
  } 
  aside div.component[data-type="eyecatcher"][data-variant="energy"] > ul.item-list > li.item > div.header {
    display: none; 
  }
  aside div.component[data-type="eyecatcher"][data-variant="energy"] div.content {
    display: -webkit-flex;
    -webkit-flex-flow: nowrap;
    display: flex;
  }
  aside div.component[data-type="eyecatcher"][data-variant="energy"] div.content > * {
    width: 50%;
    padding: 0 15px 0 0;
  }
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-offset="yes"] {
    margin-top: 0;
  }  
  div.component[data-type="eyecatcher-list"] li.item[data-variant="double"] {
    display: -webkit-flex;
    -webkit-flex-flow: wrap;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  div.component[data-type="eyecatcher-list"] li.item[data-variant="double"] div.component[data-type="eyecatcher"],
  div.component[data-type="eyecatcher-list"] li.item[data-variant="double"] div.component[data-type="eyecatcher"]:last-child {
    width: calc(50% - 15px);
    height: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="12"] {
    width: calc(100% / 12 * 12 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="11"] {
    width: calc(100% / 12 * 11 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="10"] {
    width: calc(100% / 12 * 10 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="9"] {
    width: calc(100% / 12 * 9 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="8"] {
    width: calc(100% / 12 * 8 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="7"] {
    width: calc(100% / 12 * 7 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="6"] {
    width: calc(100% / 12 * 6 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="5"] {
    width: calc(100% / 12 * 5 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="4"] {
    width: calc(100% / 12 * 4 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="3"] {
    width: calc(100% / 12 * 3 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="2"] {
    width: calc(100% / 12 * 2 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-md="1"] {
    width: calc(100% / 12 * 1 - 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);
  }
  div.component[data-type="suggest-search"] div.controller div.logo {
    display: none;
  }
  div.component[data-type="suggest-search"] div.result div.row > div.left-column {
    padding: 0 52px 0 0;
  }
  div.component[data-type="suggest-search"] div.result div.row > div.right-column {
    padding: 0 0 0 52px;
  }
  div.component[data-type="gallery"] > div.slider > div.navigation {
    bottom: 70px;
  }  
  div.component[data-type="gallery"] > div.slider > div.navigation > div.prev,
  div.component[data-type="gallery"] > div.slider > div.navigation > div.next {
    height: 50px;
  }
  div.component[data-type="anchor-list"] > ul.item-list > li.item {
    width: calc(100% / 2 - 12px);
  }
} 

@media screen and (max-width: 834px) {
  div.component[data-type="bigslider"] {
    height: 380px;
  }
  div.component[data-type="bigslider"] > div.list div.headline h3 {
    font-size: 28px;
  }  
  div.component[data-type="bigslider"] > div.list div.headline[data-variant="variante2"] h3 {
    font-size: 24px;
  }  
  div.component[data-type="bigslider"] > div.list div.headline[data-variant="variante3"] h3 {
    font-size: 24px;
  }
  div.component[data-type="parking-card"] > div.result {
    display: block;
    padding: 0 0 37px 0;
    overflow: hidden;
  }
  div.component[data-type="parking-card"] > div.result > div.parking-card {
    height: 400px;
    padding: 0;
    margin: 0 0 30px 0;
  }
  div.component[data-type="parking-card"] > div.result > div.parking-list {
    padding: 0 40px 0 40px;
  }
} 

@media screen and (max-width: 800px) {
  div#CALENDAROVERLAY {
    max-width: 100%;
    width: 100%;
    padding: 20px 20px 0 20px;
  }
} 

@media screen and (max-width: 768px) {
  header div.header-content {
    padding: 0 0 20px 0;
  }
  div#login,
  div#search {
    left: inherit;
    position: relative;
    width: auto;
  } 
  div#login > button {
    width: 100%
  } 
  div.component[data-type="search-new"] > div.form div.inline-form {
    display: block;
    width: auto;
  }
  div.component[data-type="search-new"] > div.form div.inline-form > * {
    width: auto !important;
    padding: 0 !important;
  }
  div.component[data-type="search-new"] > div.form div.inline-form > div.submit {
    margin-top: 30px;
  }
  div#search > form {
    width: 100%
  } 
  div.component[data-type="search"] > div.form {
    padding: 40px 20px 40px 20px;
  }
  div.component[data-type="search"] > div.filter {
    padding: 40px 20px 20px 20px;
  }
  div.component[data-type="search"] > div.timeline-filter {
    display: none;
  }
  div#login > div.content {
    max-width: 100%;
  }
  div.component[data-type="bath-card"] > div.result {
    display: block;
    padding: 0 0 37px 0;
    overflow: hidden;
  }
  div.component[data-type="bath-card"] > div.result > div.bath-card {
    width: 100%;
    height: 400px;
    padding: 0;
    margin: 0 0 30px 0;
  }
  div.component[data-type="bath-card"] > div.result > div.bath-list {
    width: 100%;
    padding: 0 40px 0 40px;
  }
  div.component[data-type="date-details"] {
    display: block;
  }  
  div.component[data-type="date-details"] > * {
    margin: 0 0 20px 0;
  }  
  div.component[data-type="date-details"] > *:last-child {
    margin: 0;
  }
  div.component[data-type="energy-result"] > div.list {
    display: block;
  }
  div.component[data-type="energy-result"] > div.list > div.row {
    display: block;
  }
  div.component[data-type="energy-result"] > div.list > div.row[data-variant="header"] {
    display: none;
  }
  div.component[data-type="energy-result"] > div.list > div.row > div.cell,
  div.component[data-type="energy-result"] > div.list > div.row > div.cell:first-child {
    border-right: none;
    display: block;
    width: auto;
    display: -webkit-flex;
    -webkit-flex-flow: nowrap;
    display: flex;
    flex-flow: nowrap;
    justify-content: space-between;
  }
  div.component[data-type="energy-result"] > div.list > div.row > div.cell[data-hideresponsive="yes"] {
    display: none;
  }
  div.component[data-type="energy-result"] > div.list > div.row:last-child > div.cell {
    border-bottom: 1px solid #c4c4bc;
  }
  div.component[data-type="energy-result"] > div.list > div.row > div.cell:last-child {
    border-bottom: none;
  }
  div.component[data-type="energy-result"] > div.list > div.row > div.cell:first-child {
    color: #ffffff;
    background-color: #009fe3;
  }
  div.component[data-type="energy-result"] > div.list > div.row > div.cell > div.label {
    display: block;
  }
  div.component[data-type="energy-result"] > div.list a[data-type] {
    color: inherit;
    background-size: 25px 25px;
  }
  div.component[data-type="energy-result"] > div.list a[data-type="solar"] {
    background-image: url(../img/solarkraftwerk_.svg);
  }  
  div.component[data-type="energy-result"] > div.list a[data-type="wind"] {
    background-image: url(../img/windkraftwerk_.svg);
  }
  div.component[data-type="energy-result"] > div.list a[data-type="water"] {
    background-image: url(../img/wasserkraftwerk_.svg);
  } 
  div.component[data-type="energy-data"] div.configurator div.row > div.right-column {
    width: auto;
  }
  div.component[data-type="energy-data"] div.configurator div.input > div.label {
    width: 35%;
  }  
  div.component[data-type="energy-data"] div.configurator div.input > div.data {
    width: 65%;
  }
  div.component[data-type="article-list"] > div.list {
    padding: 20px 20px 7px 20px;
  }
  div.component[data-type="article-result"] article {
    display: block;
  }
  div.component[data-type="article-result"] article[data-variant="contact"] {
    display: -webkit-flex;
    -webkit-flex-flow: nowrap;
    display: flex;
    flex-flow: nowrap;
  }
  div.component[data-type="article-result"][data-variant="contact"] > div.article-list > ul.item-list > li.item,
  div.component[data-type="contact-list"] > div.list > ul.item-list > li.item,
  div.MAIN div.component[data-type="contact-list"] > div.list > ul.item-list > li.item,
  aside div.component[data-type="contact-list"] > div.list > ul.item-list > li.item {
    width: calc(100% / 1 - 30.05px);
  }  
  div.component[data-type="abstract"] > div.image[data-position="left"],
  div.component[data-type="abstract"] > div.image[data-position="right"],
  aside div.component[data-type="abstract"] > div.image[data-position="left"],
  aside div.component[data-type="abstract"] > div.image[data-position="right"],
  div.component[data-type="accordion"] div.details > div.image[data-position="left"],
  div.component[data-type="accordion"] div.details > div.image[data-position="right"],
  aside div.component[data-type="accordion"] div.details > div.image[data-position="left"],
  aside div.component[data-type="accordion"] div.details > div.image[data-position="right"],
  div.component[data-type="tab"] div.details > div.image[data-position="left"],
  div.component[data-type="tab"] div.details > div.image[data-position="right"],
  aside div.component[data-type="tab"] div.details > div.image[data-position="left"],
  aside div.component[data-type="tab"] div.details > div.image[data-position="right"],
  div.component[data-type="form"] > div.content > div.preamble > div.image[data-position="left"],
  div.component[data-type="form"] > div.content > div.preamble > div.image[data-position="right"],
  aside div.component[data-type="form"] > div.content > div.preamble > div.image[data-position="left"],
  aside div.component[data-type="form"] > div.content > div.preamble > div.image[data-position="right"],
  div.component[data-type="pagelist"] article > div.details > div.image[data-position="left"],
  div.component[data-type="pagelist"] article > div.details > div.image[data-position="right"],
  aside div.component[data-type="pagelist"] article > div.details > div.image[data-position="left"],
  aside div.component[data-type="pagelist"] article > div.details > div.image[data-position="right"] {
    max-width: 180px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.list > ul.item-list > li.item {
    background-image: none;
  }
  div.MAIN div.component[data-type="themeslider"] > div.gallery > div.list > ul.item-list > li.item[data-hasimage="yes"] > div.content,
  div.component[data-type="themeslider"] > div.gallery > div.list > ul.item-list > li.item[data-hasimage="yes"] > div.content {
    max-width: 100%;
  }
  div.component[data-type="spa-calendar"] div.filter {
    margin: 40px 0 20px 0;
  }
  div.component[data-type="news-list"] div.filter,
  div.component[data-type="blog-list"] div.filter {
    margin: 0 0 20px 0;
  }
  div.component[data-type="news-list"] div.filter > ul.item-list,
  div.component[data-type="blog-list"] div.filter > ul.item-list {
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
  }
  div.component[data-type="news-list"] div.filter > ul.item-list > li.item,
  div.component[data-type="blog-list"] div.filter > ul.item-list > li.item {
    width: calc(100% / 2 - 20px);
  }
  div.component[data-type="news-list"] div.filter button,
  div.component[data-type="blog-list"] div.filter button {
    width: 100%;
    text-align: left;
  }
  div.component[data-type="news-list"] > div.content,
  div.component[data-type="blog-list"] > div.content,
  div.component[data-type="spa-calendar"] > div.content {
    padding: 70px 20px 25px 20px;
  }
  div#CALENDAROVERLAY div.component[data-type="spa-calendar"] > div.content {
    padding: 20px 20px 25px 20px;
  }
  div.component[data-type="spa-calendar"] div.switch-view,
  div.MAIN div.component[data-type="spa-calendar"] div.switch-view {
    right: inherit;
    left: 20px;
    top: 50px;
  }
  div.component[data-type="news-list"] div.links,
  div.component[data-type="blog-list"] div.links {
    padding: 0;
  }
  div.component[data-type="form"] div.form div.submit,
  aside div.component[data-type="form"] div.form div.submit {
    display: block;
  }
  div.component[data-type="form"] div.form div.submit > h6,
  aside div.component[data-type="form"] div.form div.submit > h6 {
    margin: 20px 0 0 0;
  }
  div.component[data-type="pagelist"][data-variant="gallery"] > div.gallery > div.list > ul.item-list > li.item,
  div.MAIN div.component[data-type="pagelist"][data-variant="gallery"] > div.gallery > div.list > ul.item-list > li.item,
  aside div.component[data-type="pagelist"][data-variant="gallery"] > div.gallery > div.list > ul.item-list > li.item,
  div.component[data-type="pagelist"][data-variant="grid"] > div.grid > div.list > ul.item-list > li.item,
  div.MAIN div.component[data-type="pagelist"][data-variant="grid"] > div.grid > div.list > ul.item-list > li.item,
  aside div.component[data-type="pagelist"][data-variant="grid"] > div.grid > div.list > ul.item-list > li.item {
    min-width: calc(100% / 2 - 30px);
  }
  div.component[data-type="themeslider"] div.content > h5 {
    width: 55px;
    height: 55px;
    margin: -35px 20px 0 0;
    padding: 3px 0 0 0;
    font-size: 32px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.quicknavigation {
    margin: -44px 0 0 100px;
  }
  div.component[data-type="themeslider"] div.content > div.details > h4 {
    font-size: 22px;
  }
  div.component[data-type="bigslider"] > div.list div.headline[data-variant="variante2"] {
    max-width: 100%;
  }
  div.component[data-type="bigslider"] > div.navigation > div.next {
    right: 30px;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.slogan1 {
    left: 10px;
    max-width: 50%;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.slogan2 {
    right: 10px;
    max-width: 50%;
  }
  div.component[data-type="suggest-search"] {
    top: -2px;
  }
  div.component[data-type="suggest-search"] div.result div.row > div.left-column {
    padding: 0 32px 0 0;
  }
  div.component[data-type="suggest-search"] div.result div.row > div.right-column {
    padding: 0 0 0 32px;
  }
  div.component[data-type="gallery-preview"] > div.gallery > div.list > ul.item-list {
    margin: 0 0 0 -20px;
  }
  div.component[data-type="gallery-preview"] > div.gallery > div.list > ul.item-list > li.item {
    width: calc(100% / 2 - 20.09px);
    margin: 0 0 20px 20px;
  }
  div.MAIN[data-full="no"] div.component[data-type="gallery-preview"] > div.gallery > div.list > ul.item-list > li.item {
    width: calc(100% / 2 - 20.09px);
    margin: 0 0 20px 20px;
  }
} 

@media screen and (max-width: 600px) {
  div.panel {
    padding: 0 10px 0 10px;
  }
  div#logo {
    right: 10px;
  }
  div#login > div.content {
    padding: 40px 20px 40px 20px;
  }
  div#login > div.content div.submit > button {
    width: 100%;
  }
  div.component[data-type="headline"] > h1,
  div.component[data-type="headline"] > h2 {
    font-size: 32px;
  }
  div.component[data-type="headline"] > h3,
  div.component[data-type="headline"] > h3 {
    font-size: 18px;
  }
  div.component[data-type="spa-calendar"] div.switch-view,
  div.MAIN div.component[data-type="spa-calendar"] div.switch-view {
    width: calc(100% - 40px);
  }
  div.component[data-type="spa-calendar"] div.switch-view button,
  div.MAIN div.component[data-type="spa-calendar"] div.switch-view button {
    width: 100%;
  }
  div.component[data-type="date-details"] {
    padding: 20px 10px 17px 10px;
  }
  div.component[data-type="search-new"] > div.form {
    padding: 20px 10px 20px 10px;
  }
  div.component[data-type="search-new"] > div.filter ul.item-list {
    display: none;
  }
  div.component[data-type="search-new"] > div.filter div.responsive-list {
    display: block;
  }
  div.component[data-type="search"] > div.form {
    padding: 20px 10px 20px 10px;
  }
  div.component[data-type="search"] > div.filter {
    padding: 20px 10px 0 10px;
  }
  div.component[data-type="bath-card"] > div.result > div.bath-card {
    height: 300px;
  }
  div.component[data-type="parking-card"] > div.result > div.parking-card {
    height: 300px;
  }
  div.component[data-type="parking-details"] > div.parking > h5 {
    font-size: 26px;
  }
  div.component[data-type="energy-data"] > h3 {
    padding: 20px 25px 17px 25px;
    font-size: 18px;
  }
  div.component[data-type="energy-data"] > div.content {
    padding: 45px 20px 45px 20px;
  }
  div.component[data-type="energy-data"] div.result {
    margin: 30px -20px 30px -20px;
  }
  div.component[data-type="energy-data"] div.configurator div.input {
    display: block;
  }  
  div.component[data-type="energy-data"] div.configurator div.input > div.data {
    width: auto;
  }
  div.component[data-type="energy-data"] div.configurator div.input > div.label {
    width: auto;
  }  
  div.component[data-type="energy-data"] div.configurator div.input > div.data {
    width: auto;
  }
  div.component[data-type="chronik-result"] > div.chronik-list {
    background: none;
    padding: 0;
  }
  div.component[data-type="abstract"] > div.image[data-position="left"],
  div.component[data-type="abstract"] > div.image[data-position="right"],
  aside div.component[data-type="abstract"] > div.image[data-position="left"],
  aside div.component[data-type="abstract"] > div.image[data-position="right"],
  div.component[data-type="accordion"] div.details > div.image[data-position="left"],
  div.component[data-type="accordion"] div.details > div.image[data-position="right"],
  aside div.component[data-type="accordion"] div.details > div.image[data-position="left"],
  aside div.component[data-type="accordion"] div.details > div.image[data-position="right"],
  div.component[data-type="tab"] div.details > div.image[data-position="left"],
  div.component[data-type="tab"] div.details > div.image[data-position="right"],
  aside div.component[data-type="tab"] div.details > div.image[data-position="left"],
  aside div.component[data-type="tab"] div.details > div.image[data-position="right"],
  div.component[data-type="form"] > div.content > div.preamble > div.image[data-position="left"],
  div.component[data-type="form"] > div.content > div.preamble > div.image[data-position="right"],
  aside div.component[data-type="form"] > div.content > div.preamble > div.image[data-position="left"],
  aside div.component[data-type="form"] > div.content > div.preamble > div.image[data-position="right"],
  div.component[data-type="pagelist"] article > div.details > div.image[data-position="left"],
  div.component[data-type="pagelist"] article > div.details > div.image[data-position="right"],
  aside div.component[data-type="pagelist"] article > div.details > div.image[data-position="left"],
  aside div.component[data-type="pagelist"] article > div.details > div.image[data-position="right"] {
    float: none;
    margin: 0 0 15px 0;
    max-width: 100%;
  }
  div.component[data-type="abstract"] > div.image[data-position="right"],
  aside div.component[data-type="abstract"] > div.image[data-position="right"],
  div.component[data-type="accordion"] div.details > div.image[data-position="right"],
  aside div.component[data-type="accordion"] div.details > div.image[data-position="right"],
  div.component[data-type="tab"] div.details > div.image[data-position="right"],
  aside div.component[data-type="tab"] div.details > div.image[data-position="right"],
  div.component[data-type="form"] > div.content > div.preamble > div.image[data-position="right"],
  aside div.component[data-type="form"] > div.content > div.preamble > div.image[data-position="right"],
  div.component[data-type="pagelist"] article > div.details > div.image[data-position="right"],
  aside div.component[data-type="pagelist"] article > div.details > div.image[data-position="right"] {
    float: none;
    margin: 0 0 15px 0;
    text-align: left;
  }
  div.component[data-type="abstract"] > div.image > img,
  aside div.component[data-type="abstract"] > div.image > img,
  div.component[data-type="accordion"] div.details > div.image > img,
  aside div.component[data-type="accordion"] div.details > div.image > img,
  div.component[data-type="tab"] div.details > div.image > img,
  aside div.component[data-type="tab"] div.details > div.image > img,
  div.component[data-type="form"] > div.content > div.preamble > div.image > img,
  aside div.component[data-type="form"] > div.content > div.preamble > div.image > img
  div.component[data-type="pagelist"] article > div.details > div.image > img,
  aside div.component[data-type="pagelist"] article > div.details > div.image > img {
    width: 100%;
  }
  div.component[data-type="article-result"] > div.article-result-navigation {
    margin: 15px 0 15px 0;
    justify-content: space-between;
  }
  div.component[data-type="article-result"] > div.article-result-navigation div.prev,
  div.component[data-type="article-result"] > div.article-result-navigation div.next {
    width: 40px;
    margin: 0 0 0 10px;
  }  
  div.component[data-type="article-result"] > div.article-result-navigation div.prev {
    margin: 0 10px 0 0;
  }
  div.component[data-type="article-result"][data-variant="contact"] > div.article-list > ul.item-list > li.item,
  div.component[data-type="contact-list"] > div.list > ul.item-list > li.item,
  div.MAIN div.component[data-type="contact-list"] > div.list > ul.item-list > li.item,
  aside div.component[data-type="contact-list"] > div.list > ul.item-list > li.item {
    padding: 20px 20px 17px 20px;
  }
  div.component[data-type="article-list"] > div.list > ul.item-list > li.item,
  div.MAIN div.component[data-type="article-list"] > div.list > ul.item-list > li.item,
  aside div.component[data-type="article-list"] > div.list > ul.item-list > li.item {
    width: calc(100% / 1 - 30.05px);
  }
  div.component[data-type="article-list"] > div.list > ul.item-list > li.item:nth-child(n + 2),
  div.MAIN div.component[data-type="article-list"] > div.list > ul.item-list > li.item:nth-child(n + 2),
  aside div.component[data-type="article-list"] > div.list > ul.item-list > li.item:nth-child(n + 2) {
    display: none;
  }
  div.component[data-type="news-list"] > h3,
  div.component[data-type="blog-list"] > h3,
  div.component[data-type="spa-calendar"] > h3 {
    padding: 20px 20px 16px 20px;
    font-size: 24px;
  }
  div.component[data-type="spa-calendar"] div.filter > ul.item-list {
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
  }
  div.component[data-type="spa-calendar"] div.filter > ul.item-list > li.item {
    width: calc(100% / 2 - 20px);
  }
  div.component[data-type="spa-calendar"] div.filter button {
    width: 100%;
    text-align: left;
  }
  div.component[data-type="news-list"] div.day-list article,
  div.component[data-type="blog-list"] div.day-list article,
  div.component[data-type="spa-calendar"] div.day-list article {
    font-size: 16px;
  }
  div.component[data-type="blog-list"] div.links,
  div.component[data-type="news-list"] div.links {
    display: block;
  }
  div.component[data-type="news-list"] div.links > * {
    width: auto;
  }
  div.component[data-type="news-list"] div.links > *:first-child,
  div.component[data-type="blog-list"] div.links > *:first-child  {
    margin: 0 0 20px 0;
  }
  div.component[data-type="news-list"] div.links > * > a,
  div.component[data-type="blog-list"] div.links > * > a  {
    display: inline-block;
  }
  div.component[data-type="downloads"],
  div.component[data-type="infomap"] {
    font-size: 16px;
    max-width: 100%;
  }
  div.component[data-type="infomap"] > div.list > ul.item-list > li.item,
  div.component[data-type="downloads"] > div.list > ul.item-list > li.item,
  aside div.component[data-type="infomap"] > div.list > ul.item-list > li.item,
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item {
    padding: 20px 20px 17px 20px;
  }
  div.component[data-type="form"] > div.content {
    padding: 20px 20px 20px 20px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.navigation > div.prev,
  div.component[data-type="themeslider"] > div.gallery > div.navigation > div.next {
    left: 20px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.navigation > div.next {
    left: inherit;
    right: 20px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.list > ul.item-list > li.item {
    background-image: none !important;
  }
  div.component[data-type="pagelist"][data-variant="gallery"] > div.gallery > div.list > ul.item-list > li.item,
  div.MAIN div.component[data-type="pagelist"][data-variant="gallery"] > div.gallery > div.list > ul.item-list > li.item,
  aside div.component[data-type="pagelist"][data-variant="gallery"] > div.gallery > div.list > ul.item-list > li.item,
  div.component[data-type="pagelist"][data-variant="grid"] > div.grid > div.list > ul.item-list > li.item,
  div.MAIN div.component[data-type="pagelist"][data-variant="grid"] > div.grid > div.list > ul.item-list > li.item,
  aside div.component[data-type="pagelist"][data-variant="grid"] > div.grid > div.list > ul.item-list > li.item{
    min-width: calc(100% / 1 - 30px);
  }
  div.component[data-type="pagelist"][data-variant="gallery"] > div.gallery {
    padding: 40px 22px 22px 22px;
  }
  div.component[data-type="pagelist"][data-variant="grid"] > div.grid {
    padding: 40px 22px 0 22px;
  }
  div.component[data-type="bigslider"] {
    margin: 0 -10px 80px -10px;
  }
  div.component[data-type="bigslider"][data-hasnext="no"][data-hasprev="no"] {
    margin-bottom: 40px;
  }
  div.component[data-type="bigslider"] > div.quicknavigation > ul.item-list > li.item > div.button {
    height: 20px;
    width: 20px;
  }
  div.component[data-type="eyecatcher"][data-variant="energy"] div.content,
  aside div.component[data-type="eyecatcher"][data-variant="energy"] div.content {
    padding: 30px 20px 0 20px;
  }
  div.component[data-type="bigslider"] > div.list > ul.item-list > li.item > div.content h4 {
    margin-top: 20px;
  }
  div.component[data-type="energy-data"] div.configurator div.row > div.right-column {
    margin-top: 30px;
  }
  div.component[data-type="energy-data"] div.result {
    margin-top: 30px;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.windmill {
    left: 200px;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.windmill2 {
    left: 160px;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.windmill3 {
    left: 300px;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.cloud {
    width: 130px;
  }
  
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.cloud2 {
    width: 70px;
  }
  
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.cloud3 {
    width: 100px;
  }
  
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.cloud4 {
    width: 50px;
  }
  
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.cloud5 {
    width: 120px;
  }
  
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.cloud6 {
    width: 40px;
  }
  
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.cloud7 {
    width: 110px;
  }
  div.component[data-type="eyecatcher-list"] li.item[data-variant="double"] div.component[data-type="eyecatcher"],
  div.component[data-type="eyecatcher-list"] li.item[data-variant="double"] div.component[data-type="eyecatcher"]:last-child {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
  }
  div.component[data-type="eyecatcher-list"] li.item[data-variant="double"] div.component[data-type="eyecatcher"][data-variant="image"],
  div.component[data-type="eyecatcher-list"] li.item[data-variant="double"] div.component[data-type="eyecatcher"][data-variant="image"]:last-child {
    height: 142px;
  }
  div.component[data-type="eyecatcher-list"] li.item[data-variant="double"] div.component[data-type="eyecatcher"]:last-child {
    margin: 0;
  }
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="12"] {
    width: calc(100% / 12 * 12 - 30px);
  }
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="11"] {
    width: calc(100% / 12 * 11 - 30px);
  }
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="10"] {
    width: calc(100% / 12 * 10 - 30px);
  }
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="9"] {
    width: calc(100% / 12 * 9 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="8"] {
    width: calc(100% / 12 * 8 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="7"] {
    width: calc(100% / 12 * 7 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="6"] {
    width: calc(100% / 12 * 6 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="5"] {
    width: calc(100% / 12 * 5 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="4"] {
    width: calc(100% / 12 * 4 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="3"] {
    width: calc(100% / 12 * 3 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="2"] {
    width: calc(100% / 12 * 2 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-sm="1"] {
    width: calc(100% / 12 * 1 - 30px);
  }
  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.component[data-type="announcement"] {
    padding: 20px 10px 17px 10px;
  }
  div.component[data-type="suggest-search"] div.close {
    right: 10px;
  }
  div.component[data-type="suggest-search"] div.result {
    padding: 30px 0 30px 0;
  }
  div.component[data-type="suggest-search"] div.result div.row {
    display: block;
    width: auto;
  }
  div.component[data-type="suggest-search"] div.result div.row > div.left-column {
    padding: 0;
    width: auto;
    border-right: none;
    margin: 0 0 20px 0;
  }  
  div.component[data-type="suggest-search"] div.result div.row > div.right-column {
    padding: 0;
    width: auto;
  }
  div.component[data-type="suggest-search"] div.result div.row > div.left-column > *,
  div.component[data-type="suggest-search"] div.result div.row > div.right-column > * {
    margin: 0 0 20px 0;
  }
  div.component[data-type="suggest-search"] div[data-type="keyword"] > div.list,
  div.component[data-type="suggest-search"] div[data-type="contact"] > div.list {
    padding: 10px;
  }
  div#COOKIE_POLICY {
    position: absolute;
  }
  div#COOKIE_POLICY > div.content {
    padding: 15px;
    margin: 5px auto 0 auto;
  }
  div#COOKIE_POLICY div.component[data-type="form"] div.wrapper {
    display: block;
  }
  div#COOKIE_POLICY div.component[data-type="form"] div.wrapper > * {
    margin: 0 0 20px 0 !important;
    width: 100%;
  }
  div#COOKIE_POLICY div.component[data-type="form"] div.wrapper > *:last-child {
    margin: 0 !important;
  }
  div#COOKIE_POLICY div.component[data-type="form"] div.wrapper button {
    width: 100% !important;
  }
  div.component[data-type="anchor-list"] > ul.item-list > li.item {
    width: 100%;
  }
} 

@media screen and (max-width: 480px) {
  body {
    font-size: 18px;
  }
  div.component[data-type="eyecatcher-modul"] div.component[data-type="list"] {
    font-size: 18px;
  }
  div#logo {
    left: 10px;
  }
  div#login > div.content div.links {
    display: block;
  }
  div#login > div.content div.links > div.link:last-child {
    margin-top: 20px;
  }
  div.component[data-type="headline"] > h1,
  div.component[data-type="headline"] > h2 {
    font-size: 28px;
  }
  div.component[data-type="bath-card"] > div.result {
    padding-bottom: 10px;
  }
  div.component[data-type="bath-card"] > div.result > div.bath-list {
    padding: 0 10px 0 10px;
  }
  div.component[data-type="parking-card"] > div.result {
    padding-bottom: 10px;
  }
  div.component[data-type="parking-card"] > div.result > div.parking-list {
    padding: 0 10px 0 10px;
  }
  div.component[data-type="parking-details"] > div.parking {
    display: block;
    padding: 20px 20px 17px 20px;
  }
  div.component[data-type="parking-details"] > div.parking > h5 {
    text-align: center;
  }
  div.component[data-type="parking-details"] > div.parking > div.data {
    margin: 20px 0 0 0;
  }
  div.component[data-type="parking-details"] > div.parking > div.data > div.free {
    margin: 0 auto 0 auto;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item > h4,
  aside div.component[data-type="accordion"] > div.list > ul.item-list > li.item > h4 {
    background-position: calc(100% - 10px) 16px;
    background-size: 20px 20px;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item > h4 > a,
  aside div.component[data-type="accordion"] > div.list > ul.item-list > li.item > h4 > a {
    padding: 20px 30px 17px 10px;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item > div.details,
  aside div.component[data-type="accordion"] > div.list > ul.item-list > li.item > div.details {
    padding: 20px 10px 17px 10px;
  }
  div.component[data-type="article-result"] article {
    padding: 30px 10px 10px 10px;
  }
  div.component[data-type="article-result"] article > div.image {
    width: 100%;
    min-width: inherit;
  }
  div.component[data-type="article-result"][data-variant="contact"] > div.article-list > ul.item-list > li.item,
  div.component[data-type="contact-list"] > div.list > ul.item-list > li.item,
  div.MAIN div.component[data-type="contact-list"] > div.list > ul.item-list > li.item,
  aside div.component[data-type="contact-list"] > div.list > ul.item-list > li.item {
    padding: 20px 10px 17px 10px;
  }
  div.component[data-type="article-result"][data-variant="contact"] article > div.image,
  div.component[data-type="contact-list"] article > div.image,
  aside div.component[data-type="contact-list"] article > div.image {
    max-width: 50px;
  }
  div.component[data-type="article-result"][data-variant="contact"] article > div.image > img,
  div.component[data-type="contact-list"] article > div.image > img,
  aside div.component[data-type="contact-list"] article > div.image > img {
    height: auto;
    width: 50px;
  }
  div.component[data-type="news-list"] div.filter > ul.item-list > li.item,
  div.component[data-type="blog-list"] div.filter > ul.item-list > li.item,
  div.component[data-type="spa-calendar"] div.filter > ul.item-list > li.item {
    width: calc(100% / 1 - 20px);
  }
  div.component[data-type="news-list"] > div.content,
  div.component[data-type="blog-list"] > div.content,
  div.component[data-type="spa-calendar"] > div.content {
    padding: 70px 10px 15px 10px;
  }
  div#CALENDAROVERLAY {
    padding: 20px 10px 0 10px;
  }
  div.component[data-type="spa-calendar"] div.switch-view,
  div.MAIN div.component[data-type="spa-calendar"] div.switch-view {
    left: 10px;
    width: calc(100% - 20px);
  }
  div.component[data-type="spa-calendar"] div.navigation {
    padding: 0 10px 0 10px;
  }
  div.component[data-type="downloads"] > div.list > ul.item-list > li.item,
  div.component[data-type="infomap"] > div.list > ul.item-list > li.item,
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item,
  aside div.component[data-type="infomap"] > div.list > ul.item-list > li.item {
    display: block;
    margin: 0 0 25px 0;
    padding: 10px 10px 7px 10px;
    background-position: 10px 10px;
    background-size: 19px 19px;
    min-height: inherit;
  }
  div.component[data-type="downloads"] > div.list > ul.item-list > li.item > a,
  div.component[data-type="infomap"] > div.list > ul.item-list > li.item > a,
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item > a,
  aside div.component[data-type="infomap"] > div.list > ul.item-list > li.item > a {
    padding: 0 10px 0 30px;
  }
  div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6,
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 {
    min-width: auto;
    margin: 10px 0 0 0;
    padding: 10px 0 0 30px;
    border-left: none;
    border-top: 1px solid #ffffff;
  }
  div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 > span.mime,
  div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 > span.size,
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 > span.mime,
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 > span.size {
    display: inline;
    text-align: left;
  }
  div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 > span.mime:after,
  aside div.component[data-type="downloads"] > div.list > ul.item-list > li.item > h6 > span.mime:after {
    content: ",";
    margin: 0 5px 0 0;
  }
  div.component[data-type="form"] > div.content {
    padding: 20px 10px 20px 10px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.navigation {
    bottom: 80px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.navigation > div.prev,
  div.component[data-type="themeslider"] > div.gallery > div.navigation > div.next {
    left: 10px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.navigation > div.next {
    left: inherit;
    right: 10px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.quicknavigation {
    margin: -74px 0 0 10px;
  }
  div.component[data-type="themeslider"] > div.gallery > div.list > ul.item-list > li.item > div.content {
    display: block;
    padding: 60px 10px 135px 10px; 
  }
  div.component[data-type="themeslider"] div.content > h5 {
    margin: -45px 20px 15px 0;
  }
  div.component[data-type="themeslider"] div.content > div.details {
    width: auto;
  }
  div.component[data-type="bigslider"] > div.list div.headline[data-variant="variante3"] {
    max-width: 100%;
  }
  div.component[data-type="bigslider"] > div.navigation {
    bottom: 60px;
  }
  div.component[data-type="bigslider"] > div.list > ul.item-list > li.item > div.content {
    padding: 0 10px 0 10px;
  }
  div.component[data-type="weblinks"] > div.list > ul.item-list > li.item > div.image {
    display: none;
  }
  div.component[data-type="eyecatcher"][data-variant="energy"] div.navigation,
  aside div.component[data-type="eyecatcher"][data-variant="energy"] div.navigation {
    display: none;
  }
  div.component[data-type="eyecatcher"][data-variant="energy"] > ul.item-list > li.item,
  aside div.component[data-type="eyecatcher"][data-variant="energy"] > ul.item-list > li.item {
    display: block;
  }
  div.component[data-type="eyecatcher"][data-variant="energy"] > ul.item-list > li.item > form,
  aside div.component[data-type="eyecatcher"][data-variant="energy"] > ul.item-list > li.item > form {
    display: none;
  }
  div.component[data-type="eyecatcher"][data-variant="energy"] > ul.item-list > li.item[data-expanded="yes"] > form,
  aside div.component[data-type="eyecatcher"][data-variant="energy"] > ul.item-list > li.item[data-expanded="yes"] > form {
    display: block;
  }
  div.component[data-type="eyecatcher"][data-variant="energy"] > ul.item-list > li.item > div.header,
  aside div.component[data-type="eyecatcher"][data-variant="energy"] > ul.item-list > li.item > div.header {
    display: block; 
  }
  div.component[data-type="eyecatcher"][data-variant="energy"] div.content,
  aside div.component[data-type="eyecatcher"][data-variant="energy"] div.content {
    display: block;
  }
  div.component[data-type="eyecatcher"][data-variant="energy"] div.content > *,
  aside div.component[data-type="eyecatcher"][data-variant="energy"] div.content > * {
    width: auto;
    margin: 0;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.slogan1,
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.slogan2 {
    position: relative;
    max-width: 100%;
    left: 0;
    top: 0;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.slogan1 {
    margin: 20px 0 20px 0;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.windmill {
    left: 100px;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.windmill2 {
    left: 60px;
  }
  div.component[data-type="eyecatcher"][data-variant="energy-generation"] div.windmill3 {
    left: 200px;
  }
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="12"] {
    width: calc(100% / 12 * 12 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="11"] {
    width: calc(100% / 12 * 11 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="10"] {
    width: calc(100% / 12 * 10 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="9"] {
    width: calc(100% / 12 * 9 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="8"] {
    width: calc(100% / 12 * 8 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="7"] {
    width: calc(100% / 12 * 7 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="6"] {
    width: calc(100% / 12 * 6 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="5"] {
    width: calc(100% / 12 * 5 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="4"] {
    width: calc(100% / 12 * 4 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="3"] {
    width: calc(100% / 12 * 3 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="2"] {
    width: calc(100% / 12 * 2 - 30px);
  }  
  div.component[data-type="eyecatcher-list"] > div.list > ul.item-list > li.item[data-size-xs="1"] {
    width: calc(100% / 12 * 1 - 30px);
  }
  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#COOKIE_POLICY div.component[data-type="form"] div.form div.wrapper-fields {
    display: block;
  }
}