/*IPad landscape*/
@media only screen and (max-width: 1200px){
  html{
    min-width: auto;
  }
  #p1307 h1 {word-break: break-all}
  body{
    min-width:auto;
  }
  .Teaser{
    height:170px;
  }
  .mobile div#flexslider-10387{
  display:initial;
  }
  #p2 .mobile {
    display:block !important;
  }
  ul.flex-direction-nav{
    display: none;
  }
  .flex-control-nav{
    position: relative;
  }
  .caption-text
  {
    display:none;
  }
  #p2 .FlexSlider{
    display:none ;
  }
  #p2 .mobile .FlexSlider {
      display: block;
  }
  .Teaser{ min-height: 155px;}
  .FlexSlider .flexslider .flex-control-nav{left: 0px;top: 5px}
  
  header.Site{
    background: white;
  }
  button#NavToggle{
    display:none;
  }
  #p219 .Teaser{
    height:280px;
  }
  #p1069 .csc-textpic-intext-left-nowrap-128 .csc-textpic-text{
    margin-left: 0px;
  }
  #p846 #Content div:nth-child(3)  .csc-textpic-text p,
  #p846 #Content div:nth-child(5)  .csc-textpic-text p {
    width: 105px;
      
    margin-right: 15px;
  }
  #p846 .Teaser {
    height:300px;
    margin-right: 15px;
    width: 105px;
  }
  #p34 .Teaser{
    /*margin:0 60px 0 65px;*/
    height:200px;
  }
  #MainNav .MainNavItem--lvl-1 > a{
    font-size: 1.3rem !important;
  }
  #p22 p{
    font-size: 1.4rem;
    line-height : 1.5;
  }
  p{
    font-size: 1.4rem;
    line-height : 1.5;
  }
  #p2 article{
    font-size: 1.4rem;
    line-height : 1.5;
  }
  .HeadDivider{
    display:block;
    position: absolute;
    top: 117px;
  }
  .HeadDivider img{
    
    height: 12px;
    width: -webkit-fill-available;
    width: 100%;
  }
  .HeadDivider{
    width: 100%;
  }
  
  #ContentContainer{
    padding-left: 5px;
    padding-right: 5px;
  }
  #HeaderLogo{
    padding-left: 9px;
  }
  .FlexSlider .flexslider .flex-control-nav{
    left: -30px;
  }
  
  #LanguageSwitcher{
    position: absolute;
    top: 90px;
    float: right;
    
  }
  #MobileSearch {
    position: absolute;
    right: 10px;
    top: 90px;
    width: 20px;
    height: 20px;
    background-image: url(../images/such-lupe.gif);
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 999;
    float: right;
  }
  #HeaderSearch{
    top:8px;
    
  }
  #MetaNav li a{
    
      font-size: 1.3rem;
  }
  #MainNav .MainNavItem--lvl-1:last-child{
    margin-bottom: 2px;
  }
  #LeftColumnContent{
    padding-left: 29px;
  }
  
  #p73 .csc-textpic-intext-left-nowrap-135 > .csc-textpic-imagewrap,
  #p73 .csc-textpic-intext-left-nowrap-130 > .csc-textpic-imagewrap,
  #p1269 .csc-textpic-intext-left-nowrap-130 > .csc-textpic-imagewrap,
  #p1269 .csc-textpic-intext-left-nowrap-135 > .csc-textpic-imagewrap,
  #p702 .csc-textpic-intext-left-nowrap-130 > .csc-textpic-imagewrap,
  #p702 .csc-textpic-intext-left-nowrap-135 > .csc-textpic-imagewrap,
  #p433 .csc-textpic-intext-left-nowrap-130 > .csc-textpic-imagewrap,
  #p433 .csc-textpic-intext-left-nowrap-135 > .csc-textpic-imagewrap,
  #p118 .csc-textpic-intext-left-nowrap-110 > .csc-textpic-imagewrap,
  #p118 .csc-textpic-intext-left-nowrap-113 > .csc-textpic-imagewrap{
    height:0px;
  }
  .csc-textpic-intext-right-nowrap-270 .csc-textpic-text{
    margin-right:0px;
  }
  .FlexSlider .flexslider{
    min-width: 100%;
    margin-left: 0px;
  }
  .caption-body {
      left: -27px;
      width: 126px;
    height: 108px;
    position: absolute;
}
  #ContentContainer{
    top:10px;
  }
  #MainNav .MainNavItem--lvl-2 > a,
  #MainNav .MainNavItem--lvl-3 > a{
        font-size: 1.3rem;
  }
  #Content ul{
    font-size: 1.4rem;
  }
  .LoginLink{
    font-size: 1.3rem;
  }
  #p543 h1.csc-firstHeader{
        word-wrap: break-word;
  }
  figcaption.csc-textpic-caption{
    font-size: 1.2rem;
  }
  
}





/*IPad potrait*/
/*@media only screen and (max-width: 800px){}*/

/*tablet potrait*/
@media only screen and (max-width: 980px){
  .SiteHeaderWrap { width: auto; height:100%}
  #MetaNav {
    right: auto;
    left: 300px;
  }
  #HeaderLogo img {    
    max-width: 75%;
  min-width: 290px;
  }
  .LoginLink {
    display: block;
    position: relative;
    padding-left: 70px;
    padding-top: 10px;
    text-align: left;
    margin: 0px;
    height: 38px;
    color: #5d5d5c;
    font-weight: 100;
    width: auto;
    right: auto;
    float: none;
    border-bottom: 2px solid #fff;
  }
  #MainNav {
    display: block;
    height: 0px;
    width: 0px;
    overflow: hidden;
    transition: .3s;
  }
  #MainNav.active {
    width: calc(100% + 15px);
    margin-right: 15px;
    top: 115px;
    background: white;
    z-index: 999;
    display: block;
    overflow-y: scroll;
    height: auto;
    font-size: 1.2em;
  }  
  
  .MainNavItem--has-subs {position: relative;}
  .dropdown {
    display: block;
    position: relative;
    float: right;
    clear: right;
    right: 15px;
    width: 45px;
    height: 38px;
    padding: 15px;
    cursor: pointer;
    z-index: 99;
  }
  .dropdown:after {
    content: "";
    position: relative;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 8px 0px 8px;
    border-color: #000 transparent transparent transparent;
    transition: border-width 0.5s;
    z-index: 9;
    cursor: inherit;
  }
  .MainNavItem--active > .dropdown:after, .active > .dropdown:after{
    cursor: initial;
    border-width: 0px 8px 8px 8px;
    border-color: transparent transparent #000 transparent;
  }
  #MainNav .MainNavItem--lvl-1.MainNavItem--has-subs.active > .dropdown-menu, #MainNav .MainNavItem--lvl-1.MainNavItem--has-subs .MainNavItem--lvl-2.MainNavItem--has-subs.active > .dropdown-menu, .MainNavItem--active.MainNavItem--has-subs > .dropdown-menu {display: block !important;}
  #MetaNav {margin-top: -4px;}
  #MetaNav li a,
  #MainNav .MainNavItem--lvl-1 > a,
  #MainNav .MainNavItem--lvl-2 > a,
  #MainNav .MainNavItem--lvl-3 > a{
    line-height: 2.6;
    padding-left: 30px;
  }
  
  #MainNav .MainNavItem--lvl-2 > a, #MainNav .MainNavItem--lvl-2.MainNavItem--current > a,
  /*#MainNav .MainNavItem--lvl-1.MainNavItem--active.MainNavItem--has-subs > ul > li,*/
  li.MainNavItem--lvl-2,
  #MainNav .MainNavItem--lvl-3 > a{
    background: #cdd2d2;
    color: #5d5d5c;
  }
  #MainNav .MainNavItem--lvl-1,
  #MainNav .MainNavItem--lvl-2,
  #MainNav .MainNavItem--lvl-3,
  /*#MainNav ul{
    margin-bottom: 2px;
  }*/
  #MainNav .MainNavItem--lvl-1 > ul{
    background: none;
  }
  #MainNav .MainNavItem--lvl-2 > a{
    padding-left: 50px;
  }
  #MainNav .MainNavItem--lvl-3 > a{
    padding-left: 70px;
  }
  #MainNav .MainNavItem--lvl-2 > a:hover:before, #MainNav .MainNavItem--lvl-2.MainNavItem--current > a:before{
    top: 15px;
  }
  /*#LanguageSwitcher{
    position: relative;
    float: right;
    top: -20px;
    z-index: 99
  }
  #p2 #LanguageSwitcher{
    top: -45px;
  }
  #LanguageSwitcher a, #LanguageSwitcher img{
    padding-right: 7px;
  }*/

  #p2 .FlexSlider{
    /*height: 250px;*/
       margin: -4px auto 15px auto;
  }
  li.MainNavItem--lvl-2 > a,
  li.MainNavItem--lvl-3{
    border-bottom: 2px solid white;
  }
  
  #MainNav .MainNavItem--lvl-1 > ul{
    border-bottom: 0;
  }
  #MainNav .MainNavItem--lvl-3 > a:hover, #MainNav .MainNavItem--lvl-3.MainNavItem--current > a{
    background: #cdd2d2;
    color: #5d5d5c;
  }
  #MainNav .MainNavItem--lvl-1.MainNavItem--active.MainNavItem--has-subs > a{
    border-bottom: 2px solid white;
    border-top: 0 ;
  }
   
  #MainNav .MainNavItem--lvl-1.MainNavItem--has-subs > .dropdown-menu,
  #MainNav .MainNavItem--lvl-1.MainNavItem--has-subs .MainNavItem--lvl-2.MainNavItem--has-subs > .dropdown-menu{
    display: none;
  }
  
  .MainNavItem--lvl-1.MainNavItem--active.MainNavItem--has-subs > .dropdown-menu,
  .MainNavItem--lvl-1.MainNavItem--active.MainNavItem--has-subs .MainNavItem--lvl-2.MainNavItem--has-subs > .dropdown-menu{
    display: block ;
  }
  
  #LeftColumn {
    position: fixed;
    top: 123px;
    width: 80%;
    overflow: hidden;
    max-height: none;
    z-index: 999;
  }
  
  .tx-ws-flexslider .caption-align-left .caption-text { left: 20px; }

  #HeaderLogo { margin-left: 5px;}
  #HeaderLogo img {border: 8px solid #fff;}
  #HeaderSearch {
    right: 0px;
    
  }
  #MetaNav {
    width: 100%;
    left: auto;
    top: 5px;
    position: relative;
    right: auto;
    float: right;
  }
  #MetaNav li:first-child {
      border-left: none;
    padding-left: 0px
  }
  #MetaNav li {
    width: 100%;
    display: block;
    font-size: 1.2rem;
    border: none;
    background: #eaeaea;
    margin-bottom: 3px;
  }
  #MetaNav li:hover {
    background: #269460;
    color:#fff;
  }
  #MetaNav li a {
    color: #5d5d5c; 
    
    padding: 5px 8px;
    width: 100%;
  }
  #MetaNav li:hover a {color:#fff;}
  #NavToggle {
    position: relative;
    float: right;
    top: 15px;
    right: 15px;
    width: 39px;
    height: 39px;
    background: #eaeaea;
    border: 1px solid #eaeaea;
    border-radius: 0px;
    padding: 4px;
  }
  #NavToggle:focus { outline: none;}

  #NavToggle > .line {
    position: relative;
    display: block;
    border-bottom: 4px solid gray;
    max-width: 30px;
    margin: 4px 0px;
    transition: all .5s;
  }

  /*#NavToggle.active > .line{ border-color:#f30b21;border-bottom-width: 3px; position: absolute; transition: all .5s;}
  
  #NavToggle.active > .line:nth-child(1){transform: rotate(75deg); left: -7px}
  #NavToggle.active > .line:nth-child(2){transform: rotate(-75deg); left: 0px;}
  #NavToggle.active > .line:nth-child(3){transform: rotate(75deg); left: 9px;}
  #NavToggle.active > .line:nth-child(4){transform: rotate(-75deg); left: 16px;}*/

  #Container {
    overflow: hidden;
  }
  
  .HeaderImage {
    right: 0;
  }

  .HeaderImage img {
    margin-right: 0;
    width: auto;
    max-width: 100%;
    height: auto;
  }
  
  
  #Content {padding-right: 10px; padding-left: 25px;}

  body.scrolled-past-head #Content {margin-top: 20px; padding-right: 10px;}
  body.scrolled-past-head #LeftColumn {
    position: fixed;
    top: 100px;
    z-index: 110;
  }
  
  #LeftColumnContent {
    width: 100%;
    background: #eaeaea; 
    position: relative; 
    margin-top: 0px;
    padding-left: 0px;
  }
  .LoginLink br {display: none;}
  .LoginLink img {
    left: 30px;
    width: 25px;
    top: 5px;
  }
  .scrolled.scrolled-past-head .LoginLink {right: auto;}
  
  #MainNav #LeftColumnContent > .LoginLink:hover{ background: #269460; color: #ffffff;}

  /*.LoginLink:hover, .scrolled.scrolled-past-head .LoginLink:hover {
    right: -10px;
    transition: .8s;
  }*/
  #MainNav {margin-bottom: 20px;}
  #MainNav > ul {
      display: table;
      width: 100%;
  }
  #MainNav .MainNavItem--lvl-1 {
    margin-bottom: 2px;
    width: 100%;
    float: none;
    display: block;
  }
  .MainNavItem--lvl-1.MainNavItem--active.MainNavItem--has-subs > a {
    pointer-events: none;
  }

  #MainNav .MainNavItem--lvl-1.MainNavItem--active.MainNavItem--has-subs > ul  {
    display: none;    
  }
  

  #MainNav .MainNavItem--lvl-1.MainNavItem--active.MainNavItem--has-subs:hover > ul, #MainNav .MainNavItem--lvl-1.MainNavItem--active.MainNavItem--has-subs > ul:hover {
    display: block;
  }
  
  .Flexslider .flexslider {
    max-width: 100%;
    min-width: 100%;
  }

  .FlexSlider {
    max-width: 100%;
    overflow: hidden;
  }
  .tx-ws-flexslider .caption-text { width:125px;}
  #ContentContainer {width: auto;}
  
  #HeaderSearch > #search-input {
    right: 25px;
    float: left;
    top: 2px;
    height:35px;
    width:90%;
  }
  
  #HeaderSearch{
    position: relative;
  }

  #HeaderSearch > #search-btn {
    right: 35px;
    width: 25px;
    top: 7px;
  }
  

  footer.Site address {
    max-width:100%;
    width:auto;
  }
  div#c50{
    display:none;
  }
  html
{
  background: #ebebeb;
  /* Base font-size, corresponds to 12px */
  font-size: 62.5%;
  min-height: 100%;
  min-width: initial;
  
}

body
{
  background: #fff;
  color: #5d5d5c;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-size: 1.4rem;
  margin: 0;
  min-height: 100%;
  padding: 0;
  min-width: initial;
  
}
  .FlexSlider .flexslider
  {
    min-width: initial;
  }
  .tx-ws-flexslider .caption-text{
    max-width: 15%;
    width:auto;
  }
  
  .HeaderImage{
    display:none;
  }
  header.Site{
    background: #FFFFFF
  }
  
  div.csc-textpic .csc-textpic-imagewrap img{
    max-width: 100%;
    height: 100%;
  }
  
  #Content{
    width: initial;
  }
  footer.Site{
    font-size: 1.2rem;
  }
  header.Site {height: 130px;}
  
  
  
  #MobileSearch.active {background-image: url(../images/clear-button.png);}
  #HeaderSearch {width: 0px; overflow: hidden; transition: .3s;}
  #HeaderSearch.active {
    
    width: 100%;
    right: -15px;
    bottom: 15px;
    top: inherit;
    position: absolute;
  }
  
  
  
  #LanguageSwitcher {right: 40px;}
  #Content {
    /*float:none;*/
    margin-top: auto;
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
  }
  #p349 .Teaser{
    min-height: 325px;
  }
  
  #p26 #Content, #p840 #Content{
    width:-webkit-fill-available;
  }
  #p2 .Flexslider{
  display:none;
}
  button#NavToggle{
    display:block;
  }
  #Content{
    width:-webkit-fill-available;
  }
  #p846 .Teaser{
    height:255px;
  }
  .tx-powermail{
    width : -webkit-fill-available;
  }
  .tx-powermail .powermail_fieldset .powermail_label{
    width:100%;
    
  }
  .tx-powermail .powermail_fieldset .powermail_field{
    float:none;
    width:-webkit-fill-available;;
  }
  .tx-powermail .powermail_fieldset .powermail_captchaimage{
    float:none;
    width:-webkit-fill-available;;
  }
  .tx-powermail .powermail_fieldset .powermail_radio_outer, .tx-powermail .powermail_fieldset .powermail_captcha_outer, .tx-powermail .powermail_fieldset .powermail_check_outer, .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list){
    float:none;
    width:-webkit-fill-available;
  }
  #MetaNav li a{
    margin-left: 21px;
    line-height: 2.6;
  }
  #c56{
    display:none;
  }
  
  
}

/*Smartphone landscape*/
@media only screen and (max-width: 769px){
  .csc-textpic.csc-textpic-intext-left .csc-textpic-imagewrap, .csc-textpic.csc-textpic-intext-right .csc-textpic-imagewrap {
    float: none;
    margin-bottom: 1em;
  }
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image {
    margin-bottom: 1em;
  }
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-lastcol .csc-textpic-image {
    margin-bottom: 0em;
  }
  div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
    margin-right: 0px;
  }
  .csc-textpic-intext-left-nowrap .csc-textpic-text , csc-textpic-intext-right-nowrap .csc-textpic-text {
    margin: auto;
  }
  .csc-textpic-intext-right-nowrap-435 .csc-textpic-text{
    margin-right: auto !important;
  }
  div.csc-textpic-intext-right-nowrap-152 .csc-textpic-text,
  div.csc-textpic-intext-right-nowrap-365 .csc-textpic-text,
  div.csc-textpic-intext-right-nowrap-228 .csc-textpic-text,
  div.csc-textpic-intext-right-nowrap-335 .csc-textpic-text,
  div.csc-textpic-intext-left-nowrap-335 .csc-textpic-text,
  div.csc-textpic-intext-left-nowrap-228 .csc-textpic-text,
  div.csc-textpic-intext-left-nowrap-365 .csc-textpic-text {margin:initial;}
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float:none;}
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap img,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap img {max-width: 100%; height: auto;}
  #p2 .FlexSlider{
    /*height: 180px;*/
       margin: -34px auto 15px auto;
    display:none;
  }
  
  #p2 .mobile .FlexSlider{
    display:block;
  }
  
  div#flexslider-10387{
  display:initial;
  }

  .csc-textpic {
    width: auto !important;
  }


}


/*Smartphone potrait*/
@media only screen and (max-width: 450px){
  /*#p2 .FlexSlider 
  {
    height: 128px
  }*/
  /*div#c2459{
    display:block !important;
  }*/
  /*.LoginLink{
    display:none;
  }*/
  
  .Teaser
  {
    width: 30%;
    min-height: 150px;
    margin-right: 60px;
  }
  /*div#Content .divider{
    display:none;
  }*/
  
  
  #p74 #LeftColumn, #p453 #LeftColumn, #p270 #LeftColumn{
    float:none;
  }
  #p349 .Teaser{
    height:315px;
  }
  .csc-textpic-intext-right-nowrap-310 .csc-textpic-text{
    margin-right: 0px;
  }
  #p219 .Teaser{
    height: 310px;
    
  }
  #p219 hr{
    padding-top:  10px;
  }
  #mailform input[type=text]{
    width:225px;
  }
  #mailform textarea{
    width:225px;
  }
  table, tbody { display: inline;}
  tr {
    height: auto !important;
    display: block;
    width: 100%;
    position: relative;
    right: 0px;
    left: 0px;
  }
  td, th {
    padding: 0;
    display: inline-block;
    width: 50% !important;
}
  .panel-body td:nth-child(odd){
    width: 35% !important;
  }
  .panel-body td:nth-child(even){
    width: 65% !important;
  }
  
  #HeaderSearch > #search-input{
    width: 90%;
  }
  #NavToggle{
    width: 30px;
    padding: 0px;
  }
  
  
  
}
@media only screen and (max-width: 475px){
  div.csc-textpic-intext-right .csc-textpic-imagewrap{
    float: none;
    margin-left: -10px;
  }
  .panel-collapse.collapse.in figcaption.csc-textpic-caption{
    display:none;
  }
  #p26 .panel-collapse.collapse.in figcaption.csc-textpic-caption{
    display:block;
    margin-left:10px;
    margin-top:10px;
    font-size: 14px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 350px){
  
  .Teaser
  {
    min-height: 150px;
    margin-right: 60px;
  }

  footer.Site{
    font-size: 1.0rem;
  }
  #mailform input[type=text]{
    max-width:120px;
  }
  #mailform textarea{
    width:280px;
  }
  #charsLeft-txt{
    text-align: left;
  }
  #p1069 .csc-textpic-intext-left-nowrap-128 .csc-textpic-text{
    margin-left: 0px;
  }
  #p846 #Content div:nth-child(3)  .csc-textpic-text p,
  #p846 #Content div:nth-child(5)  .csc-textpic-text p {
    width: 105px;
      word-break: break-all;
    margin-right: 15px;
  }
  #p846 .Teaser {
    height:300px;
    margin-right: 15px;
    width: 105px;
  }
  #p34 .Teaser{
    margin:0 60px 0 65px;
    height:200px;
  }
  
  #HeaderLogo img{
    min-width: 270px;
  }
  
  #HeaderSearch > #search-btn{
    display:none;
  }
  
  

  
  
}
@media only screen and (max-width: 320px){
  
  /*#NavToggle{
    top: 10px;
    left: 285px;
  }  */
  #HeaderLogo{
    margin-left: 0px;
      padding-left: 0px;
  }
  #HeaderLogo img{
    min-width: 230px;
  }
  
  
  
}
@media only screen and (max-width: 290px){
  #NavToggle{
    width: 30px;
    padding: 0px;
    left: 20px ;
    float: left ;
    top:75px;
  }
}

