 
@media screen and (max-width: 1210px) {
  div.panel {
    padding: 0 20px 0 20px;
  }
  div#header nav#navigation {
    left: 20px;
  }
  div#header div#logo {
    right: 20px;
  }
  div#body div.CONTENT {
    padding: 30px 0 0 0;
  }
  div.component[data-type="bigslider"] {
    margin: -30px 0 120px 0;
  }
  div.component[data-type="topimage"],
  div.component[data-type="topimage"][data-headline="yes"] {
    margin-left: 0;
    margin-right: 0;
  }
  div.component[data-type="az-navigation"] > ul.item-list {
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    justify-content: flex-start;
  }
  div#footer {
    font-size: 16px;
  }
} 

@media screen and (max-width: 1024px) {
  div.frontend-administration {
    display: none;
  }
  div#GLOSSAR div.navigation > ul.item-list {
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    justify-content: flex-start;
  }
  div#SCROLL_HEADER {
    display: none !important;
  }
  div#GLOSSAR div.result > ul.item-list > li.item {
    column-count: 3;
  }
  div.panel {
    padding: 0 10px 0 10px;
  }
  div#header nav#navigation {
    left: 10px;
  }
  div#header div#logo {
    right: 10px;
  }
  div.component[data-type="inxmail-anmeldung"] {
    height: 3248px;
  }
  div.component[data-type="bigslider"] > div.quicknavigation {
    left: 60%;
  }
  div.component[data-type="bigslider"] > div.list > ul.item-list > li.item > div.content {
    width: 57%;
  }
  div.component[data-type="news-teaser"] div.details > div.list > ul.item-list,
  div.component[data-type="accordion"] div.details > div.list > ul.item-list {
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
  }
  div.component[data-type="news-teaser"] div.details > div.list > ul.item-list > li.item,
  div.component[data-type="accordion"] div.details > div.list > ul.item-list > li.item,
  div.component[data-type="accordion"] div.details > div.list[data-partition="2"] > ul.item-list > li.item,
  div.component[data-type="accordion"] div.details > div.list[data-partition="3"] > ul.item-list > li.item,
  div.component[data-type="accordion"] div.details > div.list[data-partition="4"] > ul.item-list > li.item {
    width: calc(100% / 2 - 31px);
    margin: 0 0 30px 30px;
  }
  div.component[data-type="news-teaser"] div.details > div.list > ul.item-list > li.item:nth-child(even),
  div.component[data-type="accordion"] div.details > div.list > ul.item-list > li.item:nth-child(even) {
    border: none;
  }
  div.component[data-type="news-teaser"] div.details > div.link,
  div.component[data-type="accordion"] div.details > div.link {
    margin: 40px 0 0 0;
  }
  div.component[data-type="article-details"][data-length="3"] > aside > ul.item-list > li.item {
    width: calc(100% / 2 - 30px);
  }
  div.component[data-type="contact-result"] > div.list > ul.item-list > li.item {
    width: calc(100% / 2 - 30px);
  }
  div.component[data-type="columns"] > ul.item-list {
    display: block;
  }
  div.component[data-type="columns"] > ul.item-list > li.item,
  div.component[data-type="columns"][data-variant="with-marginal"] > ul.item-list > li.item:first-of-type,
  div.component[data-type="columns"][data-variant="with-marginal"] > ul.item-list > li.item:last-of-type {
    margin: 0 0 40px 0;
    width: 100%;
  }
  div.component[data-type="columns"] > ul.item-list > li.item:last-of-type,
  div.component[data-type="columns"][data-variant="with-marginal"] > ul.item-list > li.item:last-of-type {
    margin: 0;
  }
  div.component[data-type="candidates"] div.wb > div.list > ul.item-list {
    display: block;
    width: auto;
    margin: 0;
  }
  div.component[data-type="candidates"] div.wb > div.list > ul.item-list > li.item {
    width: auto;
    margin: 0 0 20px 0;
  }
  div.component[data-type="form"] {
    max-width: 100%;
  }
  div.component[data-type="eyecatcher"] div.image {
    width: 260px !important;
    float: left;
    margin: -25px 20px 10px -25px;
  }
  div#footer div.list > ul.item-list {
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
  }
  div#footer div.list > ul.item-list > li.item {
    width: calc(100% / 2);
    padding: 0 20px 20px 20px;
  }
} 

@media screen and (max-width: 800px) {
  div#header div#breadcrumb {
    left: -100000px;
    top: -100000px;
  }
  div#GLOSSAR div.result > ul.item-list > li.item {
    column-count: 2;
  }
  div#header {
    height: 212px;
  }
  div#header div#logo {
    width: 150px;
    top: 19px;
  }
  div#header div#ihk-wahl {
    width: 80px;
    top: 19px;
  }
  div#header nav#navigation {
    top: 18px;
  }
  div.component[data-type="news-teaser"] div.details > div.list > ul.item-list,
  div.component[data-type="accordion"] div.details > div.list > ul.item-list {
    margin: 0 0 0 -20px;
  }
  div#service {
    top: 88px;
    height: 124px;
  }
  div.component[data-type="form"] div.input,
  div.component[data-type="form"] div.input-group {
    display: block;
  }
  div.component[data-type="form"] div.input > div.label,
  div.component[data-type="form"] div.input-group > div.label {
    width: 100%;
    padding: 0;
    margin: 0 0 5px 0;
  }
  div.component[data-type="form"] div.input > div.data,
  div.component[data-type="form"] div.input-group > div.data {
    width: 100%;
  }
  div.component[data-type="form"] div.submit > button,
  div.component[data-type="form"] div.newsletter2go button[type="submit"]  {
    margin: 0;
  }
  div.component[data-type="video"] {
    height: calc((100vw - 20px) / 16 * 9);
  }
  div.component[data-type="inxmail-form"] div.textfield,
  div.component[data-type="inxmail-form"] div.listfield {
    display: block;
  }
  div.component[data-type="inxmail-form"] div.textfield label,
  div.component[data-type="inxmail-form"] div.listfield label {
     width: auto;
  }
  div.component[data-type="inxmail-form"] div.textfield input,
  div.component[data-type="inxmail-form"] div.listfield select,
  div.component[data-type="inxmail-form"] div.textfield textarea {
    max-width: 100%;
  }
  div.component[data-type="tile-list"] > div.list > ul.item-list > li.item {
    width: calc((100% / 2) - 24px);
    max-width: calc((100% / 2) - 24px);
  }
} 

@media screen and (max-width: 768px) {
  div#NAVIGATION_PANEL > div.panel {
    padding: 0 20px 0 20px;
  }
  div#NAVIGATION_PANEL div.navigation > ul.item-list {
    display: block;
  }
  div#NAVIGATION_PANEL div.navigation > ul.item-list {
    display: block;
  }
  div#NAVIGATION_PANEL div.navigation > ul.item-list > li.item {
    margin: 0 0 30px 0;
    width: 100%;
  }
  div#NAVIGATION_PANEL div.navigation > ul.item-list > li.item:last-of-type {
    margin: 0;
  }
  div#NAVIGATION_PANEL div.navigation > ul.item-list > li.item > h4 {
    margin: 0 0 20px 0;
  }
  div#service div.suggest-search {
    right: 20px;
    width: calc(100% - 60px);
  }
  div#service div.suggest-search div.input {
    width: calc(100% - 55px);
  }
  div.component[data-type="inxmail-anmeldung"] {
    height: 3648px;
  }
  div.component[data-type="date-result"] div.date,
  div.component[data-type="news-result"] div.news,
  div.component[data-type="standard-result"] div.standard,
  div.component[data-type="bw-result"] div.bw {
    display: block;
  }
  div.component[data-type="bw-result"] div.bw > div.dates,
  div.component[data-type="date-result"] div.date > div.dates {
    width: auto;
    min-height: inherit;
    margin: 0;
    padding: 20px;
  }
  div.component[data-type="date-result"] div.date > div.dates > div.details {
    display: block;
    position: relative;
    width: auto;
    top: inherit;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  div.component[data-type="date-result"] div.date > div.content,
  div.component[data-type="news-result"] div.news > div.content,
  div.component[data-type="standard-result"] div.standard > div.content,
  div.component[data-type="bw-result"] div.bw > div.sublist,
  div.component[data-type="bw-result"] div.bw > div.content {
    width: auto;
  }
  div.component[data-type="headline-columns"] > ul.item-list {
    display: block;
  }
  div.component[data-type="headline-columns"] > ul.item-list > li.item,
  div.component[data-type="headline-columns"] > ul.item-list > li.item:first-of-type,
  div.component[data-type="headline-columns"] > ul.item-list > li.item:last-of-type {
    width: auto;
    margin: 0 0 30px 0;
  }
  div.component[data-type="headline-columns"] > ul.item-list > li.item:last-of-type {
    margin: 0;
  }
  div.component[data-type="article-details"] > aside > ul.item-list {
    display: block;
    margin: 0;
  }
  div.component[data-type="contact-result"] > div.list > ul.item-list {
    display: block;
  }
  div.component[data-type="contact-result"] > div.list > ul.item-list > li.item {
    width: auto;
    margin: 0 0 30px 0;
  }
  div.component[data-type="article-details"][data-length="3"] > aside > ul.item-list > li.item {
    width: auto;
    margin: 0 0 30px 0;
  }
  div.component[data-type="article-details"][data-length="3"] > aside > ul.item-list > li.item:last-of-type {
    margin: 0;
  }
  div.responsive-stage[data-size="600"] {
    display: block;
  }
  div.component[data-type="magazine"] > div.magazine {
    display: block;
  }
  div.component[data-type="magazine"] > div.magazine > div.image {
    display: none;
  }
  div.component[data-type="magazine"] > div.magazine > div.content {
    width: 100%;
  }
  div.component[data-type="magazine"] > div.magazine > div.content > div.link > a {
    display: block;
    padding: 20px;
    text-align: center;
  }
  div.component[data-type="form"] div.submit > button,
  div.component[data-type="form"] div.newsletter2go button[type="submit"]  {
    padding: 20px !important;
    width: 100%;
  }
  div.component[data-type="candidates"] div.wb > h4 > a > span.left {
    width: calc(100% - 160px);
  }
  div.component[data-type="candidates"] div.wb > h4 > a > span.right {
    width: 160px;
  }
  div.component[data-type="pruefung-button"] > div.wrapper {
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
  }
  div.component[data-type="pruefung-button"] > div.wrapper > div.image {
    width: 100%;
  }
  div.component[data-type="pruefung-button"] > div.wrapper > div.content {
    width: 100%;
    padding: 20px;
  }
  div.SUGGEST-SEARCH > div.panel > ul.item-list {
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    flex-direction: column-reverse;
  }
  /*
  div.SUGGEST-SEARCH > div.panel > ul.item-list {
    display: block;
  }
  */
  div.SUGGEST-SEARCH > div.panel > ul.item-list > li.item {
    width: 100%;
    padding: 0;
    margin: 0;
    border-right: none;
  }  
  div.SUGGEST-SEARCH > div.panel > ul.item-list > li.item:first-of-type {
    margin-top: 20px;
  }
  div.SUGGEST-SEARCH > div.panel > ul.item-list > li.item:last-of-type {
    padding: 0;
  } 
} 

@media screen and (max-width: 760px) {
  div.component[data-type="bigslider"] {
    display: none;
  }
  div.component[data-type="news-portale"][data-variant="responsive-only"] {
    display: block;
  } 
}  

@media screen and (max-width: 600px) {
  div#COOKIE_POLICY > div.content {
    width: 600px;
    max-width: calc(100% - 10px);
    padding: 30px 20px;
  }
  div#COOKIE_POLICY div.component[data-type="form"] div.wrapper {
    display: block;
  }
  div#COOKIE_POLICY div.component[data-type="form"] div.form div.submit {
    margin: 0 0 20px 0;
    width: auto;
  }
  div#service > ul.item-list > li.item {
    width: calc(100% - 84px);
  }
  div#service > ul.item-list > li.item:first-of-type {
    width: 84px;
  }
  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.form div.submit {
    margin: 0 0 10px 0;
    width: 100%;
  }
  div#COOKIE_POLICY div.component[data-type="form"] div.form div.submit:last-child {
    margin: 0;
  }
  div.component[data-type="inxmail-anmeldung"] {
    height: 4348px;
  }
  div.component[data-type="news-teaser"] div.details > div.list > ul.item-list,
  div.component[data-type="accordion"] div.details > div.list > ul.item-list {
    display: block;
    margin: 0;
  }
  div.component[data-type="news-teaser"] div.details > div.list > ul.item-list > li.item,
  div.component[data-type="accordion"] div.details > div.list > ul.item-list > li.item,
  div.component[data-type="accordion"] div.details > div.list[data-partition="2"] > ul.item-list > li.item,
  div.component[data-type="accordion"] div.details > div.list[data-partition="3"] > ul.item-list > li.item,
  div.component[data-type="accordion"] div.details > div.list[data-partition="4"] > ul.item-list > li.item {
    width: auto;
    margin: 0 0 30px 0;
    border: none;
  }
  div.component[data-type="news-teaser"] div.details > div.link > a, div.component[data-type="accordion"] div.details > div.link > a,
  div.component[data-type="accordion"] div.details > div.link > a, div.component[data-type="accordion"] div.details > div.link > a {
    display: block;
    padding: 20px;
    text-align: center;
  }
  div.component[data-type="news-teaser"] div.teaser > h6,
  div.component[data-type="accordion"] div.teaser > h6 {
    margin: 0 0 5px 0;
  }  
  div.component[data-type="news-teaser"] div.teaser > h3,
  div.component[data-type="accordion"] div.teaser > h3 {
    margin: 0 0 5px 0;
  }
  div.component[data-type="eyecatcher"] div.image {
    overflow: hidden;
    float: none;
    margin: 0 0 20px 0;
  }
  div.component[data-type="candidates"] div.wb > h4 > a {
    display: block;
  }
  div.component[data-type="candidates"] div.wb > h4 > a > span.left {
    width: auto;
    padding: 10px 10px 10px 40px;
    background-size: 20px 20px;
    background-position: 10px center;
  }
  div.component[data-type="candidates"] div.wb > h4 > a > span.right {
    width: auto;
    padding: 10px 10px 10px 40px;
    font-size: 16px;
  }
  div.component[data-type="candidates"] div.wb > h4 > a > span.right > span {
    display: inline;
  }
  div.component[data-type="candidates"] div.wb > h4 > a > span.right > span:first-child {
    margin: 0 20px 0 0;
  }
  div.component[data-type="candidates"] div.wb div.candidate > div.person {
    display: block;
  }
  div.component[data-type="candidates"] div.wb div.candidate > div.person > div.image {
    width: 200px;
    padding: 0;
    margin: 0 auto 20px auto;
  }
  div.component[data-type="candidates"] div.wb div.candidate > div.person > div.content {
    width: auto;
  }
  div.component[data-type="tile-list"] > div.list > ul.item-list > li.item {
    width: calc((100% / 2) - 24px);
    max-width: calc((100% / 2) - 24px);
  }
  div#footer div.list > ul.item-list {
    display: block;
  }
  div#footer div.list > ul.item-list > li.item {
    width: auto;
    padding: 0 20px 20px 20px;
  }
  div#footer div.block,
  div#footer div.list > ul.item-list > li.item:first-of-type div.block {
    text-align: left;
  }
  div#footer div.block img,
  div#footer div.block img.mitgliederportal {
    width: 80px;
    display: inline;
    margin: 0 20px 0 0;
  }
  div.responsive-stage[data-size="480"] {
    display: block;
  }
  div.INLINE_NAVIGATION > div.close {
    display: block;
  }
  div.component[data-type="contact"] > div.image {
    margin-right: 0;
  }
  div.component[data-type="contact"] > div.content {
    margin-left: 10px;
  }
  div.component[data-type="breaking-news-neu"] {
    margin: 0 auto 50px auto;
  }
  div.component[data-type="breaking-news-neu"] > ul.item-list {
    display: block;  
    margin-left: 0;
  }
  div.component[data-type="breaking-news-neu"] > ul.item-list > li.item {
    margin: 0 auto 0 auto;
    width: 100%;
  }
  div.component[data-type="breaking-news-neu"] > ul.item-list > li.item {
    margin: 0 auto 20px auto;
  }
  div.component[data-type="breaking-news-neu"] > ul.item-list > li.item:last-of-type {
    margin: 0 auto 0 auto;
  }
} 

@media screen and (max-width: 480px) {
  div#header div#ihk-wahl {
    width: 65px;
    left: 80px;
    top: 22px;
  }
  div#GLOSSAR div.result > ul.item-list > li.item {
    column-count: 1;
  }
  div#service > ul.item-list > li.item {
    width: 100%;
  }
  div#service > ul.item-list > li.item:first-of-type {
    display: none;
  }
  div.component[data-type="inxmail-anmeldung"] {
    height: 5448px;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item > h4 {
    padding-left: 20px;
  }
  div.component[data-type="accordion"] > div.list > ul.item-list > li.item > div.details {
    padding: 20px;
  }
  div.component[data-type="magazine"] {
    padding: 20px;
  }
  div.component[data-type="magazine"] > div.magazine > div.image {
    display: none;
  }
  div.component[data-type="topimage"] {
    display: none;
  }
  div.component[data-type="topimage"][data-headline="yes"] {
    display: block;
    margin: 0 0 40px 0;
  }
  div.component[data-type="topimage"] > img {
    display: none;
  }
  div.component[data-type="topimage"] > div.headline {
    position: relative;
    height: auto;
    overflow: auto;
    width: 100%;
    bottom: inherit;
  }
  div.component[data-type="topimage"][data-hasinline-navigation="yes"] > div.headline {
    margin-left: 0;
    top: inherit;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  div.component[data-type="topimage"][data-hasinline-navigation="yes"] > div.headline > h1 {
    margin-left: 0;
    top: inherit;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    padding: 20px;
    text-align: left;
  }
  div.component[data-type="topimage"] > div.headline > div.button-inline-navigation {
    position: relative;
    height: 117px;
    width: 100%;
  }
  div.card-content div.image {
    display: none;
  }
  div.component[data-type="tile-list"] > div.list > ul.item-list {
    z-index: 1;
    display: block;
  }
  div.component[data-type="tile-list"] > div.list > ul.item-list > li.item {
    width: 100%;
    max-width: 100%;
    margin: 0 0 24px 0;
  }
}

