@charset "UTF-8";

/* SAFARI UND CHROM ANIMATION */
/* *{ -webkit-transition: width .5s; } */

@media screen {

  img.modul {
    max-width: none;
  }
  
  iframe{
    max-width: 100% !important;
  }

  .royalSlider .rsContainer .rsContent {
    max-width:976px;
    width: auto !important;  
    height:auto !important;
    margin-left: 0;
  }

}

@media screen and ( max-width: 1023px ) {
  
  html {
    background-image:none;
  } 

  .ym-wrapper, .page_itogether {
    width: 736px; 
    max-width:736px; 
  }

  #main {
    background-image:none;
  } 

  .ym-wbox {
    background-image:none;
  }  

  #main2 {
    background:transparent url("../../images/bg2_main-B9R.png") repeat-y top right;/*##CSS_MAIN_background2##*/
  }
  
  .ym-column {
      padding-right: 0px;
  }
  
  .ym-col3 {
      margin-right: 0;
  }
  
  .ym-col2 {
      overflow: hidden;
      display: block;
      float: left;
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
      width: 520px;
  }

  .ym-col2 .ym-cbox { overflow: hidden; }

  .ym-col2 {
      padding-top: 8px;
      border-top:#ccc 1px dotted;/*##CSS_HR_border-top##*/
      /*border-color:#d2d2d2;/*##CSS_VLIST_1I_background-color##*/
  }

  div.modul_img {
    margin: 8px 0px 0px 0px;
    text-align: inherit;
  }

  div.modul {
    margin: 4px 0px 4px 0px;
    margin: 4px 0px 4px 0px;
  }
  
  div.modul p, div.modul a {
    color:#333;/*##CSS_MODUL_PM_color##*/
    font-weight:normal;/*##CSS_MODUL_PM_font-weight##*/
    font-style:normal;/*##CSS_MODUL_PM_font-style##*/
  }
  div.modul p, div.modul span, div.modul h2, div.modul h3, div.modul h4, div.modul h5, div.modul h6 {
    background-color:#f8f8f8;/*##CSS_MODUL_PM_background-color##*/
  }


  div.navigation {
    margin-top: 6px;
    margin-bottom: 6px;
  }

} /* @media */


@media screen and ( max-width: 739px ) {
  
  /* Abstand Hamburger */
  #main {
    margin-top: 0px;
  }

  /* Abstand Bilder */
  div.object-caption img {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  html {
    font-size:18px;
  } 

  .body_margin_top {
    padding-top: 0px;
  }
  
  header img.header {
    margin: 0px -10px 0px 0px;
    height: auto;
  }

  .ym-wrapper, .page_itogether {
    width: 536px; 
    max-width:536px; 
  }

  .ym-column {
      padding-left: 0px;
      padding-right: 0px;
      overflow: hidden;
  }
  
  .ym-col1 {
      overflow: hidden;
      display: block;
      float: none;
      margin-left: 0;
      margin-right: 0;
      width: 520px;
  }

  .ym-col3 {
      margin-left: 0;
  }
  
  .ym-col2 {
      overflow: hidden;
      display: block;
      float: none;
      margin-top: 0;
      margin-left: 0;
      margin-right: 0;
      width: 520px;
  }

  .ym-col1 .ym-cbox { overflow: hidden; }
  .ym-col2 .ym-cbox { overflow: hidden; }

  div.navigation {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  div.bar-pagination {
    display:table;
  }

  #itogether a {
      text-align: center;
      margin-top: 40px;
  }

  
} /* @media */


@media  screen and ( max-width: 599px )
{
  .modul, .modul_img, .object-caption, .code-caption {
/*      display: inline; */
      display: block !important;
      margin-right: auto !important;
      margin-left: auto !important;
      max-width: 100% !important;
  }

  .ym-wrapper, .page_itogether {
      width: auto; 
  }
  
  .linearize-level-1, .linearize-level-1 > [class*="ym-g"], .linearize-level-1 > [class*="ym-col"] {
      display: block;
      float: none;
      width: 100.1% !important;
  }
  .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"], .linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
      overflow: hidden;
  }
  
  /* Image Zoom */
  
  img, audio, canvas, video {
    height: auto !important;
    max-width: 100%;
  }

  div.block-img {
    text-align:center;
  }  
  
  .left-float, .object-left-float  { float:none; margin:0px; }
  .right-float, .object-right-float { float:none; margin:0px; }

} /* @media */


/* START RESPONSIVE NAVIGATION */

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

  .ym-col1 {
      margin-top: 8px;
      margin-bottom: 8px;
      padding-top: 8px;
      padding-bottom: 4px;
      border-top:#ccc 1px dotted;/*##CSS_HR_border-top##*/
      border-bottom:#ccc 1px dotted;/*##CSS_HR_border-top##*/
      /*border-color:#d2d2d2;/*##CSS_VLIST_1I_background-color##*/
  }

  .ym-col2 {
      margin-bottom: 8px;
      padding-top: 8px;
  }

  div.menu {
    margin: 0px;
  }

  #nav ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    list-style: none;
  }
  
  #nav li {
    width: 100%;
    display: block;
  }

  .vlist li span,
  .vlist li a,
  .vlist li a:visited,
  .vlist li.inactive span,
  .vlist li.inactive a,
  .vlist li.inactive a:visited,
  .vlist li.active span,
  .vlist li.active a,
  .vlist li.active a:visited,
  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active,
  .vlist li.inactive a:focus,
  .vlist li.inactive a:hover,
  .vlist li.inactive a:active { 
    background-image:none; 
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .js #nav {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
  }
  
  #nav.opened {
    max-height: 9999px;
  }
  
  .nav-toggle,
  .nav-toggle:focus,
  .nav-toggle:visited {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    cursor: pointer;
    width: 34px;
    height: 34px;
    margin: 0px 10px 4px 10px;
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("/lib/images/hamburger.png") no-repeat;
    background-color:#052453;/*##CSS_BASIC_1A_background-color##*/ 
  }

  .nav-toggle:hover,
  .nav-toggle:active {
    background-color:#eeac22;/*##CSS_BASIC_1I_background-color##*/
  }

} /* @media */

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx)
{
  .nav-toggle {
    background-image: url("/lib/images/hamburger.png");
    -webkit-background-size: 34px 34px;
    -moz-background-size: 34px 34px;
    -o-background-size: 34px 34px;
    background-size: 34px 34px;
  }
} /* @media */


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

  .js #nav {
    position: relative;
  }
  
  .js #nav.closed {
    max-height: none;
  }
  
  .nav-toggle {
    display: none;
  }

}

/* END RESPONSIVE NAVIGATION */