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



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

      body         { font-size:15px; }

      .header      { height: 120px; width:100%; text-align:center; }

      #logo        { margin-top:30px; margin:30px auto 0 auto; width:60%;} /*100% ohne bagw*/
      #bagw_logo   { margin-top:30px; margin:20px 15px 0 auto; width:100px;}

      #infobar     { display:none; }
      #logo img    { max-width:85%; max-height:85%; }

      nav          { display:none; }
      #shadow      { display:none; }

      .content     { display: block; flex-direction: column; width:100%; height:auto !important; margin:0; }

      .leftred     { display:none; width:100%; height:auto; border:0; float:none; margin:12px 0 12px 0; border:none; order: 2; }
      .red         { width:94%; padding:3%; height:auto; margin:0; border:0;  }
      .red h2      { font-size: 1.325em; font-weight: normal;}

      .imgcon      { display:table-cell; width:auto; height:auto !important; float:none; border:0; order: 1; margin:10px 0 10px 0;}
      .imgcon img  { width:100%; height:auto !important; border:0; } 
      .rightred    { display:none; }
      
      .tcontent     { display: flex; flex-direction: column; width:100%; margin:0; }

      #rightcon { width:92%; padding:4% 4% 8% 4%; float:none;  order:1; }
      #leftgrey { float:none; width:92%;  padding:15px 4% 4% 4%; margin:0; order:2; }

      .space       { display:none; }
      .bread       { display:none; }
  
      footer       { width:92%; margin: 2% 4% 0 4%; }

      #footbar     { width:100%; margin:0; padding-top:15px; }
      #footbar h3  { margin-top:25px; }

      .k0 { width:100%; }
      .k1 { width:100%; }
      .k2 { width:100%; }
      .k3 { margin-top: 15px; width:92%; }
      .k4 { width: 100%; }

       .scrollup  { position:relative; top: -64px; left:84%; display:block; background: #943132 url('../images/top.svg') 0px -3px no-repeat; background-size: 50px 50px; border-radius:50% 50%; padding:10px; height: 30px; width: 30px; }

   /* PAGESTYLES */

      #rightcon table    { padding:0; margin:0; }
      #rightcon .teamtext { padding:60px 0 15px 0; width:75%; }
      #rightcon .ttext img { width:120px; }

      #rightcon .wptitle  { width:100%; font-weight:bold; padding:0 0 15px 0; }
      #rightcon .wptext   { width:100%; padding:0 0 15px 0; }

      #rightcon .triple   { width:100%; text-align:center; }


   /* MENUSTUFF */

      #resNavSmall { display:block; width:96%; padding:2%; background: #943132; color:#fff; }

      .mbNav a     { font-size: 1.325em; display:block; padding:12px 0 12px 0; width:100%; min-height:28px; color:#fff; background: #cd4647; border-bottom:1px solid #fff; text-decoration:none;  }
      .mbNavSub    { font-size: 1.325em; display:block; padding:12px 0 12px 0; width:100%; min-height:28px; color:#fff; background: #943132; border-bottom:1px solid #fff; text-decoration:none;  }


}




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

      .header      { height: 160px; width:100%; padding-left:4%; text-align:left; }
      #logo        { margin-top:30px; margin:30px auto 0 auto; width:60%;} /*100% ohne bagw */
      #bagw_logo   { margin: 15px 35px 0 auto; width:130px;}

      #infobar     { width:92% }
      #logo img    { max-width:85%; max-height:85%; }

      nav          { display:none; }
      #shadow      { display:none; }

      .content     { display: block; flex-direction: column; width:100%; height:auto !important; margin:0; }

      .leftred     { display:none; width:100%; height:auto; border:0; float:none; margin:12px 0 12px 0; border:none; order: 2; }
      .red         { width:94%; padding:3%; height:auto; margin:0; border:0;  }
      .red h2      { font-size: 1.325em; font-weight: normal;}

      .imgcon      { /*display:table-cell;*/ width:100%; height:auto !important; float:none; border:0; order: 1; margin:10px 0 10px 0;}
      .imgcon img  { width:100%; height:auto !important; border:0; margin:0 auto;} 
      .rightred    { display:none; }
      
      .tcontent     { display: flex; flex-direction: column; width:100%; margin:0; }

      #rightcon { width:92%; padding:4% 4% 8% 4%; float:none;  order:1; }
      #leftgrey { float:none; width:92%;  padding:15px 4% 4% 4%; margin:0; order:2; }

      .space       { display:none; }
      .bread       { width:92%; }
  
      footer       { width:92%; margin: 2% 4% 0 4%; }

      #footbar     { width:100%; margin:0; padding-top:15px; }
      #footbar h3  { margin-top:25px; }

      .k0 { width:100%; }
      .k1 { width:100%; }
      .k2 { float:left; width:50%; }
      .k3 { float:left; width:50%; }
      .k4 { width: 100%; }

       .scrollup  { position:relative; top: -64px; left:84%; display:block; background: #943132 url('../images/top.svg') 0px -3px no-repeat; background-size: 50px 50px; border-radius:50% 50%; padding:10px; height: 30px; width: 30px; }

   /* PAGESTYLES */

      #rightcon table    { padding:0; margin:0; }
      #rightcon .teamtext { padding:60px 0 15px 0; width:75%; }
      #rightcon .ttext img { width:120px; }

      #rightcon .wptitle  { width:100%; font-weight:bold; padding:0 0 15px 0; }
      #rightcon .wptext   { width:100%; padding:0 0 15px 0; }

      #rightcon .triple   { width:50%; margin-top:0; text-align:center;}


   /* MENUSTUFF */

      nav          { display:none; }
      #shadow      { display:none; }

      #resNavSmall { display:block; width:96%; padding:2%; background: #943132; color:#fff; }

      .mbNav a     { font-size: 1.325em; display:block; padding:12px 0 12px 0; width:100%; min-height:28px; color:#fff; background: #cd4647; border-bottom:1px solid #fff; text-decoration:none;  }
      .mbNavSub    { font-size: 1.325em; display:block; padding:12px 0 12px 0; width:100%; min-height:28px; color:#fff; background: #943132; border-bottom:1px solid #fff; text-decoration:none;  }


}

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

   /* MENUSTUFF */

      #resNavSmall { display:none; }
      #infobar     { width:92% }

      .header      { height: 160px; width:100%; padding-left:4%; text-align:left; }
      #logo        { margin-top:30px; margin:30px auto 0 auto; width:60%;} /*100% ohne bagw Logo */
      #bagw_logo   { margin: 15px 55px 0 auto; width:150px;}

      .imgcon      { width:52%; height:auto !important; }
      .imgcon img  { width:100%; height:auto !important; border:0; margin:0 auto;} 

      #rightcon    { float:left; width:45%; }
      .bread       { width:92%; }
  


      footer       { width:92%; margin: 2% 4% 0 4%; }

      #footbar     { width:100%; margin:0; padding-top:15px; }

      .k0          { width: 150px;}



      .rightred    { display:none; }
      

   /* PAGESTYLES */

      #rightcon table    { padding:0; margin:0; }
      #rightcon .teamtext { padding:60px 0 15px 0; width:75%; }
      #rightcon .ttext img { width:120px; }

      #rightcon .wptitle  { width:100%; font-weight:bold; padding:0 0 15px 0; }
      #rightcon .wptext   { width:100%; padding:0 0 15px 0; }

      #rightcon .triple   { width:50%; margin-top:0; text-align:center;}


      .mbNav a     { font-size: 1.325em; display:block; padding:12px 0 12px 0; width:100%; min-height:40px; color:#fff; background: #cd4647; border-bottom:1px solid #fff; text-decoration:none;  }
      .mbNavSub    { font-size: 1.325em; display:block; padding:12px 0 12px 0; width:100%; min-height:40px; color:#fff; background: #943132; border-bottom:1px solid #fff; text-decoration:none;  }

     
}


@media only screen 
and (min-width : 980px)
{
     #resNavSmall { display:none; }

     
}