/* ########################################################################## */
/*
* Sytle-Sheet für das Res-Layout
*
*/
/* ########################################################################## */

/* -------------------------------------------------------------------------- */
/*
* Floating Kopfzeile
*/
/* -------------------------------------------------------------------------- */

@media only screen
and (max-width: 1250px) {

  #prefix_line_2 {
    height: auto;
  }

  #prefix_column_2_1 {
    float: none !important;
    width: 100% !important;
  }
  #prefix_column_2_1 .padding {
    padding: 19px 19px 0px 19px;
  }
  #prefix_column_2_1 .csc-textpic-text {
    text-align: right;
  }
  #prefix_column_2_1 p.bodytext {
    padding: 0px 0px 0px 0px;
  }
  #prefix_column_2_3 {
    float: none !important;
    width: 100% !important;
  }
  #prefix_column_2_3 .padding {
    padding: 0px 19px 0px 19px;
  }
  
  #prefix_column_2_3 ul.menu_sysfolder {
    padding-top: 19px;
  }
  
  #prefix_column_2_3 ul.menu_sysfolder {
    text-align: right;
  }
  
}

@media only screen
and (min-width: 1121px) {

  #prefix_line_1 {
    display: none;
  }

  #prefix_column_3_2 > .padding {
    padding: 0px 0px 0px 0px;
  }

}

@media only screen
and (max-width: 1120px) {

  #prefix_line_1 {
    display: block;
  }

  #prefix_column_2_1 {
    display: none;
  }

  #prefix_line_4 {
    height: 40px;
    background-color: var(--main-menu-background-color-single-line);
  }

}

@media only screen
and (max-width: 735px) {

  #prefix_column_2_3 ul.menu_sysfolder li {
    margin-bottom: 6px;
  }
  
  #prefix_column_2_3 ul.menu_sysfolder li a {
    font-size: 13rem;
    padding: 0px 0px 0px 10px;
  }
  
}

@media only screen
and (max-width: 360px) {

  #prefix_column_1_3 {
    display: none;
  }

}

@media only screen
and (max-width: 285px) {

  #prefix_column_2_3 ul.menu_sysfolder li {
    margin-bottom: 6px;
  }
  
}

@media only screen
and (max-width: 195px) {

  #prefix_column_1_1 {
    display: none;
  }
  
  #prefix_column_2_3 ul.menu_sysfolder li {
    margin-bottom: 6px;
  }
  
}

@media only screen
and (max-width: 1224px) {

  #header_line_1 > .padding {
    margin: 0px 19px 0px 19px;
  }

}

/* -------------------------------------------------------------------------- */
/*
* Slider und Fader
*/
/* -------------------------------------------------------------------------- */

@media only screen
and (max-width: 1120px) {

  .slides ul li {
    min-height: 240.533333px;
  }

  div#captioned-gallery-fader-overlay-attendant {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/layer_logo_white_rechts.png), url(../images/layer_welle_transparent.png);
    background-size: 680px, contain;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom right, 0% 0%;
    z-index: 1;
  }

}

@media only screen
and (max-width: 700px) {

  div#captioned-gallery-fader-overlay-attendant {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(../images/layer_logo_white.png), url(../images/layer_welle_transparent.png);
    background-size: contain, contain;
    background-repeat: no-repeat, no-repeat;
    background-position: bottom right, 0% 0%;
    z-index: 1;
  }

}

/* -------------------------------------------------------------------------- */
/*
* Floating Contentbereich
*/
/* -------------------------------------------------------------------------- */

@media only screen
and (max-width: 383px) {

  body {  
    font-size: 16rem;
  }

  #body_line div.csc-default.csc-header-alignment-center p.bodytext {
    text-align: justify;
  }

}

@media only screen
and (max-width: 1224px) {
  
  #body_column_1_2 .padding .csc-default.layout-125 {
    padding: 0px 0px 0px 0px;
    min-height: 300px;
  }

  #body_column_1_2 .padding .csc-default.layout-125 figure figcaption {
    font-size: 2.5vw;
    
    position: absolute;
    right: 1%;
    bottom: 10%;
    transform: none;
  }

  #body_column_1_2 .padding .csc-default.layout-125 figure figcaption em {
    font-size: 4vw;
  }
  
  #body_column_1_2 .padding .csc-default.layout-125 .csc-textpic .csc-textpic-imagewrap img {
    max-width: none;
  }
  
  /* --- */
  
  #body_column_1_2 .padding .csc-default,
  #body_column_1_2 .padding .csc-default.werbestreifen,
  #body_column_1_2 .padding .csc-frame  {
    margin: 0px 19px 28px 19px;
  }

  #body_column_1_2 .csc-linkToTop a {
    margin-left: 19px;
    margin-right: 19px;
  }
}

@media only screen
and (max-width: 1000px) {

  #body_column_1_2 div.csc-textpic-imagerow {
    display: grid;
    grid-template-columns: 1fr;
  }

  #body_column_1_2 .csc-default .csc-textpic-imagewrap[data-csc-images~="2"] img,
  #body_column_1_2 .csc-frame .csc-textpic-imagewrap[data-csc-images~="2"] img {
    max-width: none;
    width: 100%;
    height: auto;
  }
  
}

@media only screen
and (max-width: 1000px) {

  #body_column_1_2 div.csc-default.werbestreifen ul {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  
  #body_column_1_2 div.csc-default.werbestreifen ul li {
    max-width: none;
  }
  
}

@media only screen
and (max-width: 600px) {

  #body_column_1_2 div.csc-default.werbestreifen ul {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  
}

@media only screen
and (max-width: 800px) {

  /* #body_column_1_2 div.csc-textpic .werbestreifen .csc-textpic-imagewrap figure, */
  /* #body_column_1_2 div.csc-textpic .werbestreifen figure.csc-textpic-imagewrap { */
    /* width: 100%; */
  /* } */

  #body_column_1_2 .csc-default.werbestreifen  img {
    width: 100%;
  }
  
}

@media only screen
and (max-width: 735px) {

  .csc-header-alignment-center {
    text-align: left;
  }
  
  div.csc-default.csc-header-alignment-center p.bodytext {
    text-align: left;
  }
  
}

/* -------------------------------------------------------------------------- */
/*
* Floating Fußzeile
*/
/* -------------------------------------------------------------------------- */

@media only screen
and (max-width: 1224px) {
  
  #postfix_line_1 > .padding {
    padding: 30px 19px 0px 19px;
  }

  #postfix_line_2 > .padding {
    padding: 0px 19px 30px 19px;
  }

  #postfix_column_2_2 ul.menu_sysfolder li a {
    /* line-height: 6.00; */
  }

}

@media only screen
and (max-width: 850px) {
  
  div#postfix_column_1_1 {
    width: 50% !important;
    float: left;
  }

  div#postfix_column_1_2 {
    width: 50% !important;
    float: right;
  }

  div#postfix_column_1_3 {
    width: 50% !important;
    float: left;
  }

  div#postfix_column_1_4 {
    width: 50% !important;
    float: right;
  }

}

@media only screen
and (max-width: 500px) {
  
  div#postfix_column_1_1 {
    width: 100% !important;
    float: none;
    text-align: center;
  }
  div#postfix_column_1_1 > .padding {
    margin: 0;
  }

  div#postfix_column_1_2 {
    width: 100% !important;
    float: none;
    text-align: center;
  }
  div#postfix_column_1_2 > .padding {
    margin: 0;
  }

  div#postfix_column_1_3 {
    width: 100% !important;
    float: none;
    text-align: center;
  }
  div#postfix_column_1_3 > .padding {
    margin: 0;
  }

  div#postfix_column_1_4 {
    width: 100% !important;
    float: none;
    text-align: center;
  }
  div#postfix_column_1_4 > .padding {
    margin: 0;
  }

}

@media only screen
and (max-width: 500px) {
  
  #postfix_column_2_2 > .padding {
    max-width: 235px;
    margin: 0 auto;
  }

  #postfix_column_2_2 ul.menu_sysfolder {
    text-align: left;
  }

  #postfix_column_2_2 ul.menu_sysfolder li {
    display: block;
  }

  #postfix_column_2_2 ul.menu_sysfolder li a {
    padding-left: 0px;
  }

}

@media only screen
and (max-width: 800px) {

  #postfix_column_2_2 > .padding {
    /* xxx */
  }

  #postfix_column_2_2 ul.menu_sysfolder li {
    margin-bottom: 1.25em;
  }
  
  #postfix_column_2_2 ul.menu_sysfolder li a img {
    display: block;
    float: left;
  }

  #postfix_column_2_2 ul.menu_sysfolder li a span {
    display: block;
    float: left;
    padding-top: 10px;
    max-width: 190px;
    height: 45px;
  }

}

/* -------------------------------------------------------------------------- */
/*
* Anpassungen Menüs
*/
/* -------------------------------------------------------------------------- */

@media only screen
and (min-width: 1121px) {

  #menu_main_desktop ul.level-1.responsive li:first-child {
    display: none;
  }

}

@media only screen
and (max-width: 1275px) {
  
  #menu_main_desktop ul.level-1.responsive {
    margin: 0 auto;
    text-align: center;
    min-height: 44px;
  }

  #menu_main_desktop ul.level-1.responsive li:first-child {
    display: block;
  }

  #menu_main_desktop ul.level-1.responsive li {
    width: 96%;
    padding: 0.6em;
    line-height: 1.4em;
    text-align: center;
  }

  #menu_main_desktop ul.level-1.responsive li {
    display: none;
  }

  #menu_main_desktop ul.level-1.responsive.open li {

    display: block;
  }

  #menu_main_desktop ul.level-1.responsive.open li:first-child {

    display: block;
  }

  #menu_main_desktop ul.level-1.responsive.open li a {
    text-decoration: none;
  }

}

/*
@media only screen
and (max-width: 450px) {

  .mean-container .mean-nav ul li {
    font-size: 12rem;
  }
  
  .mean-container .mean-nav ul li a.mean-expand[style] {
    width: 0.75em !important;
    height: 0.75em !important;
    padding: 3px 8px 15px 8px !important;
  }
  
}
*/

/* -------------------------------------------------------------------------- */
/*
* Content-Sonderelemente
*/
/* -------------------------------------------------------------------------- */

@media only screen
and (max-width: 750px) {
  
  div#content.reiseveranstalter div#body_line_1 div.csc-frame-rulerBefore.layout-300 div.csc-header {
    width: 100%;
    position: static;
  }

  div#content.reiseveranstalter div#body_line_1 div.csc-frame-rulerBefore.layout-300 div.csc-textpic {
    margin-top: 50px;
  }

  div#content.reiseveranstalter div#body_line_1 div.csc-frame-rulerBefore.layout-300 div.csc-textpic-text {
    width: 100%;
    margin-top: 60px;
  }

  div#content.reiseveranstalter div#body_line_1 div.csc-frame-rulerBefore.layout-300 div.csc-textpic-imagewrap {
    width: 100%;
  }

  div#content.reiseveranstalter div#body_line_1 div.csc-frame-rulerBefore.layout-300 figure {
    margin: 0px;
  }

  div#content.reiseveranstalter div#body_line_1 div.csc-frame-rulerBefore.layout-300 div.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: none;
  }

}