/*-----------------------------------------------------------------------------*/
/* MEDIA QUERIES */



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

      body { font-size:16px; }

      .sentbutton  { margin: 15px 0 0 0; }
      .sentbutton2  { margin: 15px 0 0 0; }

      #menuarea { display:none; }
      #headarea { height: 130px; margin: 0 auto; padding: 11px 0 11px 0; text-align: center; width: 100%; }

      #logo     { width:100%; margin:0 auto; text-align:center; }
      #logo img { height: auto; width: auto;  }
       
   /* NAVIGATION */

      nav        { display:none; }    

      #mobilebutton { clear:both; display:block; margin:0; padding:10px 0 10px 0; background:#8e3314; height:38px; }
      #mobilemenu   { display:none; font-size:18px; position:relative; z-index:10; width:100%; height:auto; background:#fff; left:0px; top:0px; color:#5e4d03;  }
      #mobilemenu a { width:90%; padding:5%; display:block; color: #8e3314; text-align:center; border-bottom:1px solid #8e3314; }
      #mobilemenu a:hover { background: #ed7302; color:#fff; } 

   /* START IMAGES */
        
      #btboxResp   { display:block; width:100%; height:120px; margin-top:63px; border: 0px; }
      #btboxSlider { display:none; }
      #btbox       { width:100%; height:120px; margin-top:63px; border: 0px; } 

      #imgContainer { width:100%; height:200px; background-size:contain; background-position: center center;}


      .darkDIV  { display:none; }
      .lightDIV { display:none; }

   /* START PAGE STYLES */

      .contentHome { background: rgba(255, 255, 255, 0.94) none repeat scroll 0 0; clear: both; display: block; margin: 200px auto 0; padding: 5%; text-align: left; width: 90%; }

      .space33 { display: none; }
      .col33   { display: block; width: 100%; }

      .bread   { display:none; }
      .circle  { display:none; }

      .infobar { display:none; }

      
      .trow { width:100%; float:none; }
      .trow2 { width:100%; float:none; margin-left:0;}


   /* SUBPAGE GOLD COLS */

      .contentFull   { padding:5%; width: 90%; margin: 55px auto 0 auto; }
      .contentFull p { text-align:left; }
      .contentGold21 { float: none; padding: 0; width: 100%; }
      .contentGold12 { float: none; padding: 0; width: 100%; height:auto; margin-left:0; }

      .negCorrectBuchung { display:block; position:static; top:0px; }
      .negCorrectMargin  { margin-bottom: 0px; }

      .col50  { display:block; width:100%; }
      .space50 { float:none; margin:0; }

      .col25   { width:46%; } 
      .space25 { margin-right:4%;  } 

      .ccol25   { width:100%; } 
      .cspace25 { margin-right:0%;  } 


  /* SUBPAGE FULL CONTENT */

     .content   { padding: 5% 5% 15% 5%; width: 90%; margin: 100px auto 0 auto; }
     .content p { text-align:left; }
     
     .content h1 { margin-top:0%; }

     .contentGoldRev12 { float: left;  margin-right: 0; text-align: center;  width: 100%; }
     .contentGoldRev21 { float: left;  margin-right: 0; text-align: center;  width: 100%; padding-top:0%; }

     .imgDesc p { width:100%; text-align:center; }


  /* FOOTER STUFF    */

     #footbar   { padding: 10% 5%;  position: relative; text-align: left; width: 90%; height:auto; z-index: 1; }

     .infoline2 { background: transparent; color: #fff; width: 100%; margin-top:5%; }
     .infoInner2 { font-size:0.875em; width:100%; height:60px; }

     footer ul { display: inline; line-height: 1.4em; list-style-type: none; margin: 0; text-align:left; padding:0; float:none; }
     footer li { margin-left:0px; }

     .bshadow  { display:none; }

     .footcol40 { float:none; width:100%; }
     .footcol60 { float:none; width:100%; text-align:left; margin-top:5%; position:static; }
 



}



@media only screen 
and (min-width : 481px) and (max-width : 768px)
{


      body { font-size:16px; }

      .sentbutton  { margin: 15px 0 0 0; }
      .sentbutton2  { margin: 15px 0 0 0; }

      #menuarea { display:none; }
      #headarea { height: 130px; margin: 0 auto; padding: 11px 0 11px 0; text-align: center; width: 100%; }

      #logo     { width:100%; margin:0 auto; text-align:center; }
      #logo img { height: auto; width: auto;  }
       
   /* NAVIGATION */

      nav        { display:none; }    

      #mobilebutton { clear:both; display:block; margin:0; padding:10px 0 10px 0; background:#8e3314; height:38px; }
      #mobilemenu   { display:none; font-size:18px; position:relative; z-index:10; width:100%; height:auto; background:#fff; left:0px; top:0px; color:#5e4d03;  }
      #mobilemenu a { width:90%; padding:5%; display:block; color: #8e3314; text-align:center; border-bottom:1px solid #8e3314; }
      #mobilemenu a:hover { background: #ed7302; color:#fff; } 

   /* START IMAGES */
        
      #btboxResp   { display:block; width:100%; height:120px; margin-top:63px; border: 0px; }
      #btboxSlider { display:none; }
      #btbox       { width:100%; height:120px; margin-top:63px; border: 0px; } 

      #imgContainer { width:100%; height:200px; background-size:contain; background-position: center center;}


      .darkDIV  { display:none; }
      .lightDIV { display:none; }

   /* START PAGE STYLES */

      .contentHome { background: rgba(255, 255, 255, 0.94) none repeat scroll 0 0; clear: both; display: block; margin: 200px auto 0; padding: 5%; text-align: left; width: 90%; }

      .space33 { display: none; }
      .col33   { display: block; width: 100%; }

      .bread   { display:none; }
      .circle  { display:none; }

      .infobar { display:none; }

      
      .trow { width:100%; float:none; }
      .trow2 { width:100%; float:none; margin-left:0;}


   /* SUBPAGE GOLD COLS */

      .contentFull   { padding:5%; width: 90%; margin: 55px auto 0 auto; }
      .contentFull p { text-align:left; }
      .contentGold21 { float: none; padding: 0; width: 100%; }
      .contentGold12 { float: none; padding: 0; width: 100%; height:auto; margin-left:0; }

      .negCorrectBuchung { display:block; position:static; top:0px; }
      .negCorrectMargin  { margin-bottom: 0px; }

      .col50  { display:block; width:100%; }
      .space50 { float:none; margin:0; }

      .col25   { width:46%; } 
      .space25 { margin-right:4%;  } 

      .ccol25   { width:46%; } 
      .cspace25 { margin-right:4%;  } 


  /* SUBPAGE FULL CONTENT */

     .content   { padding: 5% 5% 15% 5%; width: 90%; margin: 100px auto 0 auto; }
     .content p { text-align:left; }
     
     .content h1 { margin-top:0%; }

     .contentGoldRev12 { float: left;  margin-right: 0; text-align: center;  width: 100%; }
     .contentGoldRev21 { float: left;  margin-right: 0; text-align: center;  width: 100%; padding-top:0%; }

     .imgDesc p { width:100%; text-align:center; }


  /* FOOTER STUFF    */

     #footbar   { padding: 10% 5%;  position: relative; text-align: left; width: 90%; height:auto; z-index: 1; }

     .infoline2 { background: transparent; color: #fff; width: 100%; margin-top:5%; }
     .infoInner2 { font-size:0.875em; width:100%; height:60px; }

     footer ul { display: inline; line-height: 1.4em; list-style-type: none; margin: 0; text-align:left; padding:0; float:none; }
     footer li { margin-left:0px; }

     .bshadow  { display:none; }

     .footcol40 { float:none; width:100%; }
     .footcol60 { float:none; width:100%; text-align:left; margin-top:5%; position:static; }
 

    

}

@media only screen 
and (min-width : 769px) and (max-width : 999px)
{



      body { font-size:16px; }

      .sentbutton  { margin: 15px 0 0 0; }
      .sentbutton2  { margin: 15px 0 0 0; }

      #menuarea { display:none; }
      #headarea { height: 130px; margin: 0 auto; padding: 11px 0 11px 0; text-align: center; width: 100%; }

      #logo     { width:100%; margin:0 auto; text-align:center; }
      #logo img { height: auto; width: auto;  }
       
   /* NAVIGATION */

      nav        { display:none; }    

      #mobilebutton { clear:both; display:block; margin:0; padding:10px 0 10px 0; background:#8e3314; height:38px; }
      #mobilemenu   { display:none; font-size:18px; position:relative; z-index:10; width:100%; height:auto; background:#fff; left:0px; top:0px; color:#5e4d03;  }
      #mobilemenu a { width:90%; padding:5%; display:block; color: #8e3314; text-align:center; border-bottom:1px solid #8e3314; }
      #mobilemenu a:hover { background: #ed7302; color:#fff; } 

   /* START IMAGES */
        
      #btboxResp   { display:block; width:100%; height:120px; margin-top:63px; border: 0px; }
      #btboxSlider { display:none; }
      #btbox       { width:100%; height:120px; margin-top:63px; border: 0px; } 

      #imgContainer { width:100%; height:200px; background-size:contain; background-position: center center;}


      .darkDIV  { display:none; }
      .lightDIV { display:none; }

   /* START PAGE STYLES */

      .contentHome { background: rgba(255, 255, 255, 0.94) none repeat scroll 0 0; clear: both; display: block; margin: 200px auto 0; padding: 5%; text-align: left; width: 90%; }

      .space33 { display: none; }
      .col33   { display: block; width: 100%; }

      .bread   { display:none; }
      .circle  { display:none; }

      .infobar { display:none; }

      
      .trow { width:100%; float:none; }
      .trow2 { width:100%; float:none; margin-left:0;}


   /* SUBPAGE GOLD COLS */

      .contentFull   { padding:5%; width: 90%; margin: 55px auto 0 auto; }
      .contentFull p { text-align:left; }
      .contentGold21 { float: none; padding: 0; width: 100%; }
      .contentGold12 { float: none; padding: 0; width: 100%; height:auto; margin-left:0; }

      .negCorrectBuchung { display:block; position:static; top:0px; }
      .negCorrectMargin  { margin-bottom: 0px; }

      .col50  { display:block; width:100%; }
      .space50 { float:none; margin:0; }

      .col25   { width:46%; } 
      .space25 { margin-right:4%;  } 

      .ccol25   { width:46%; } 
      .cspace25 { margin-right:4%;  } 


  /* SUBPAGE FULL CONTENT */

     .content   { padding: 5% 5% 15% 5%; width: 90%; margin: 100px auto 0 auto; }
     .content p { text-align:left; }
     
     .content h1 { margin-top:0%; }

     .contentGoldRev12 { float: left;  margin-right: 0; text-align: center;  width: 100%; }
     .contentGoldRev21 { float: left;  margin-right: 0; text-align: center;  width: 100%; padding-top:0%; }

     .imgDesc p { width:100%; text-align:center; }


  /* FOOTER STUFF    */

     #footbar   { padding: 10% 5%;  position: relative; text-align: left; width: 90%; height:auto; z-index: 1; }

     .infoline2 { background: transparent; color: #fff; width: 100%; margin-top:5%; }
     .infoInner2 { font-size:0.875em; width:100%; height:60px; }

     footer ul { display: inline; line-height: 1.4em; list-style-type: none; margin: 0; text-align:left; padding:0; float:none; }
     footer li { margin-left:0px; }

     .bshadow  { display:none; }

     .footcol40 { float:none; width:100%; }
     .footcol60 { float:none; width:100%; text-align:left; margin-top:5%; position:static; }
 
}


@media only screen 
and (min-width : 1000px)
{
 
  /* HIDE ELEMENTS */

     #mobilebutton { display:none; }
     #mobilemenu   { display:none; }

     .circlemobile { display:none; }
     
     
}