/*
--------------------------------------------------------------------------------

 Media queries 
 
--------------------------------------------------------------------------------
*/
@media screen and ( min-width: 1001px ) {
  
  .nav-collapse-outer {display:none;}
  
}

/* Tablet hoch*/
@media screen and ( max-width: 1000px ) {

  .nav-collapse-inner a.home {
    position:absolute;
    left:20px;
    top:10px;   
  }
  .nav-collapse-inner a.home img {
    max-height:80px;
    width:auto;
  }

  .page_margins { width:760px; }
  #col1,
  .metanav,
  .mainnav { display: none; }
  #col2 { margin-left: 20px;}
  #col3 { margin-left: 540px;}
  #footer .page a {
    top: 20px;
    background-position: 0 -140px;
  }
  #footer .page a:hover { background-position: 0 -210px;}

  /* Home */
  body.home .teaser {
    min-height:inherit;
    padding: 0 0 10px;
    background-position:center bottom; 
  }
  body.home #col2 .infobox > div {
    margin:0;
    min-height:inherit;
    background-image:none;
    width:auto;
    padding: 20px 20px 1em;
  }
  body.home h1 {
    position:static;
    padding: 1em 20px 4.5em 20px;
    margin:0;
  }

  body.home blockquote,
  body.home div.claim {
    position:static;
    padding: 0 0 0 20px;
  }
}

/* Smartphone */
@media screen and ( max-width: 760px ) {

  img {
    height:auto;
    max-width:100%;
  }
  div.csc-textpic-imagewrap[style]  {
    width:auto;
    max-width: 100%!important;
  }
  .nav-collapse-inner a.home img {
    height:auto;
    max-width: 150px;   
  }
  .mainnav-collapse ul li a { padding-left:40px; }
  .mainnav-collapse ul ul li a { padding-left:60px; }
   
  /* Meta nav collapse */
  ul.metanav-collapse {
    height:auto;
    padding: 1em 0;
  }
  ul.metanav-collapse li {
    display:block;
    padding: 1em 0 0 0;
  }
  .has-sub .toggle-subnav,
  .mainnav-collapse > li > a {
    font-size: 140%;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .has-sub .has-sub .toggle-subnav,
  .mainnav-collapse ul > li > a {
    font-size: 120%;
    padding-top: 1em;
    padding-bottom: 1em;
  }

  
  #footer .page a,
  .metanav { display:none;}
  
  .page_margins,
  #col2, #col3 {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }
  #col2_content,
  #col3_content {
    margin: 0 20px;
  }
  #col3 { margin-bottom:5em; }
  #main {background: #fff; }

  /* Images + Text with images */
  .csc-textpic-intext-right div.csc-textpic-imagewrap, 
  .csc-textpic-intext-left div.csc-textpic-imagewrap {
      max-width: 50%;
  }
  .csc-textpic-intext-left div.csc-textpic-imagewrap img,
  .csc-textpic-intext-right div.csc-textpic-imagewrap img {
      width: 100%;
      height:auto;
  }
  
  /* Home */
  body.home #col2_content {
      padding-left: 0;
      padding-right:0;
  }  
  body.home h1 { 
    font-size: 2.4em;    
    padding-bottom:6em;
  }


  #col2 input[type="text"], #col2 textarea {
    width:100%;
    box-sizing:border-box;
  }           
  

}

/* Smartphone small */
@media screen and ( max-width: 480px ) {

  /* Meta nav collapse */
  ul.metanav-collapse { text-align:left;} 
  ul.metanav-collapse li {padding-left:20px;}
  .nav-collapse-inner a.home,
  .nav-collapse-inner a.home img {display:none;}
  
  body.home h1 { 
    font-size: 2em;
    padding-bottom:8em;
  }
  body.home div.claim,
  body.home blockquote { padding-left: 0; }  
  
  body.home div.claim p {
    font-size: 18px;
  }
  body.home div.claim p strong {
    font-size: 26px;
  }

  .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button,
  .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
    display: block;
    width: 100%;
    display: block;
    margin: 1em 0;
  }

}

/* Smartphone very small 
@media screen and ( max-width: 360px ) {

  body.home h1 { font-size: 1.4em; }
  
}
*/