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



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

    /* GLOBAL */

      body { font-size:15px; }

      #horizoninner  { width:94%; padding: 30px 3% 30px 3%; }
      #breadcrumb    { width:100%; padding: 8px 0px 0px 0px; background: #fff url('icons/al_breadbg.png') -250px 0 no-repeat; }
      #topline       { display: block; width: 100%; height: 130px; }
      #topinner      { width: 100%; text-align: center; margin: 0 auto; height: 130px; }

      #logo { position: relative; z-index: 5; top: 30px; width: 100%; max-width:322px; /*height: 130px;*/ text-align: center; background-size:96%; margin:0 auto; }    
      .logoimp  { margin-top:40px; }

      #menu { display:none; }

      #mobilbutton { display:block; }
      #mobmenu     { position:relative; z-index:10; top:4px; display:none; font-size:15px; width:100%; height:auto;  }
      #mobmenu a   { width:92%; padding:4%; display:block; color: #fff; text-align:center; border-bottom:1px solid #fff; text-decoration:none; }


    /* STARTSEITE */

       #topstartimage { width:100%; background:none; }     
       #topstartbg  { background:none; width:100%; }
       #topstartslogan { display:block;	position: static; width: 90%; height: auto; padding:165px 5% 5% 5%; color: #fff; text-align: center; overflow: hidden; }
       #topstartslogan h1 { margin-bottom:0px; font-size:20px; text-align:left; }
       

       .hervorhebung { width:108%; padding:0 margin:0; left:-5%;  }
       .hervorhebung_top    { width:100%; height:15px; background: none; /* url('icons/al_hervorhebung_top.jpg'); background-size: 980px 45px;*/    }
       .hervorhebung_bottom { width:100%; height:15px; background: none; /* url('icons/al_hervorhebung_bottom.jpg'); background-size: 980px 45px; */ }

       .col2 { float:none; width:90%; padding:5%; }
       .col2 p { padding-left:0; }
       .col2trenner { float:none; height:35px; width:100%;  }
       .col4 { float:none; width:90%; padding:5%; margin:0 auto;}

       .col4content { width:90%; max-width:322px; margin:0 auto; background:#fff; padding:3%; }
       .col4double { display:none; float:none; width:100%; }
       .col4doublecontent { float:none; width:90%; padding:5%; }
  
       .thline { width:100%; margin-left:0;}

        #featured .content { position:absolute; top:0px; left:0px; width:237px; height:189px; padding:0px; margin:0px; background:transparent; text-align:left; }

    /* PAGES */

      .befinder      { display:none; }

      .col3          { width:100%; padding:0; }
      .col3 p        { padding-left:0; margin-bottom:35px; }

      .col3double    { display:block; width:100%; padding-right:0; }
      .col3double p  { padding: 0; }
      .col3double h4 { padding: 0px 0px 0px 0px; margin-bottom:-10px; }
      .col3trenner   { display:none; width:0; height:0; }

      .refCorrect    { padding-left: 0; }
      .refBox        { float:none; width:90%; height:150px; color:#999; padding:5%; text-align:center; border-bottom:1px solid #f0f0f0; }

      .module        { width:95%; padding: 2.5%; }
      .modulecontent { width:90%; padding: 5%; } 

      .linkblock     { margin-left:0; width:85%;  }
      .innerList     { margin-left:20px; }
      
      #innerfoot     { width:94%; padding:30px 3% 30px 3%; }
      #innerfoot .col2 { float: none; width: 90%; padding: 5%; text-align: center; }
      #innerfoot .col3 { float: none; width: 100%; padding:0; text-align: center; }
      #innerfoot .col3a { float: none; width: 100%; padding:0; text-align: center; margin-top:15px; }
      #innerfoot .col4 { float: none; margin-top: 0; width: 100%; padding: 0; text-align: center; }
      #innerfoot .col5 { float: none; width: 90%; padding: 5%; text-align: center; }
      #innerfoot .col5 h4 { margin: 0px 0px 15px 0; text-align:center; background:none; padding:0; }
      .footline           { text-align:center; color:#fff; }

      .thinlineart   { margin: 0px 0px 16px 0; }
      .scrollup      { bottom: 15px; right: 15px; }
      
}     



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

    /* GLOBAL */

      body { font-size:15px; }

      #horizoninner  { width:94%; padding: 30px 3% 30px 3%; }
      #breadcrumb    { width:100%; padding: 8px 0px 0px 0px; background: #fff url('icons/al_breadbg.png') -250px 0 no-repeat; }
      #topline       { display: block; width: 100%; height: 130px; }
      #topinner      { width: 100%; text-align: center; margin: 0 auto; height: 130px; }

      #logo { position: relative; z-index: 5; top: 30px; width: 100%; max-width:322px; /*height: 130px;*/ text-align: center; background-size:96%; margin:0 auto; }    
      .logoimp  { margin-top:40px; }

      #menu { display:none; }

      #mobilbutton { display:block; }
      #mobmenu     { position:relative; z-index:10; top:4px; display:none; font-size:15px; width:100%; height:auto;  }
      #mobmenu a   { width:92%; padding:4%; display:block; color: #fff; text-align:center; border-bottom:1px solid #fff; text-decoration:none; }


    /* STARTSEITE */

       #topstartimage { width:100%; background:none; }     
       #topstartbg  { background:none; width:100%; }
       #topstartslogan { display:block;	position: static; width: 90%; height: auto; padding:165px 5% 5% 5%; color: #fff; text-align: center; overflow: hidden; }
       #topstartslogan h1 { margin-bottom:0px; font-size:20px; text-align:left; }
       

       .hervorhebung { width:108%; padding:0 margin:0; left:-5%;  }
       .hervorhebung_top    { width:100%; height:15px; background: none; /* url('icons/al_hervorhebung_top.jpg'); background-size: 980px 45px;*/    }
       .hervorhebung_bottom { width:100%; height:15px; background: none; /* url('icons/al_hervorhebung_bottom.jpg'); background-size: 980px 45px; */ }

       .col2 { float:none; width:90%; padding:5%; }
       .col2 p { padding-left:0; }
       .col2trenner { float:none; height:35px; width:100%;  }
       .col4 { float:none; width:90%; padding:5%; margin:0 auto;}

       .col4content { width:90%; max-width:322px; margin:0 auto; background:#fff; padding:3%; }
       .col4double { display:none; float:none; width:100%; }
       .col4doublecontent { float:none; width:90%; padding:5%; }
  
       .thline { width:100%; margin-left:0;}

        #featured .content { position:absolute; top:0px; left:0px; width:237px; height:189px; padding:0px; margin:0px; background:transparent; text-align:left; }

    /* PAGES */


      .col3          { width:100%; padding:0; }
      .col3 p        { padding-left:0; margin-bottom:35px; }

      .col3double    { display:block; width:100%; padding-right:0; }
      .col3double p  { padding: 0; }
      .col3double h4 { padding: 0px 0px 0px 0px; margin-bottom:-10px; }
      .col3trenner   { display:none; width:0; height:0; }

      .refCorrect    { padding-left: 0; }
      .refBox        { float:none; width:90%; height:150px; color:#999; padding:5%; text-align:center; border-bottom:1px solid #f0f0f0; }

      .module        { width:95%; padding: 2.5%; }
      .modulecontent { width:90%; padding: 5%; } 

      .linkblock     { margin-left:0; width:85%;  }
      .innerList     { margin-left:20px; }
      
      #innerfoot     { width:94%; padding:30px 3% 30px 3%; }
      #innerfoot .col2 { float: none; width: 90%; padding: 5%; text-align: center; }
      #innerfoot .col3 { float: none; width: 100%; padding:0; text-align: center; }
      #innerfoot .col3a { float: none; width: 100%; padding:0; text-align: center; margin-top:15px; }

      #innerfoot .col5 { float: none; width: 90%; padding: 5%; text-align: center; }
      #innerfoot .col5 h4 { margin: 0px 0px 15px 0; text-align:center; background:none; padding:0; }
      .footline           { text-align:center; color:#fff; }

      .thinlineart   { margin: 0px 0px 16px 0; }
      .scrollup      { bottom: 15px; right: 15px; }




}

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

      #horizoninner  { width:94%; padding: 30px 3% 30px 3%; }

      #menu { width:97%; padding-left:3%; }

      #breadcrumb    { width:100%; padding: 8px 0px 0px 0px; background: #fff url('icons/al_breadbg.png') -150px 0 no-repeat; }
      #topline       { display: block; width: 100%; height: 130px; }
      #topinner      { width: 100%; text-align: center; margin: 0 auto; height: 130px; }

/* STARTSEITE */

      #topstartbg     { width:100%; }
      #topstartslogan { width:413px; }
      #topstartimage  { width:100%; background: url('icons/al_startimage.png') -184px 0px no-repeat; }

      .logoimp  { margin-top:40px; }

      .hervorhebung { width:100%; padding:0 margin:0; left:0;  }
      .hervorhebung_top    { width:100%; height:15px; background: none; /* url('icons/al_hervorhebung_top.jpg'); background-size: 980px 45px;*/    }
      .hervorhebung_bottom { width:100%; height:15px; background: none; /* url('icons/al_hervorhebung_bottom.jpg'); background-size: 980px 45px; */ }


       .col2 { width:90%; padding:5%; }
       .col2 p { padding-left:0; } 
       .col2trenner { float:none; height:35px; width:100%;  }

       .col4 { width:40%; padding:5%; margin:0 auto;}

       .col4content { width:90%; max-width:322px; margin:0 auto; background:#fff; padding:3%; }
       .col4double { display:none; float:none; width:100%; }
       .col4doublecontent { float:none; width:90%; padding:5%; }

   /* PAGES */

      .col3     { width:32%; padding-right:0; }

      .col3double    { display:block; width:100%; min-width:390px; max-width:410px;padding-right:25px; }
      .col3double p  { padding: 0; }
      .col3double h4 { padding: 0px 0px 0px 0px; margin-bottom:-10px; }
      .col3trenner   { width:1%; }

      .refCorrect    { padding-left: 0; }
      .refBox        { float:left; width:40%; height:150px; color:#999; padding:5%; text-align:center; border-bottom:1px solid #f0f0f0; }

      /*.module        { width:100%; padding: 2.5%; } */
      /*.modulecontent { width:90%; padding: 5%; } */


      #innerfoot     { width:94%; padding:30px 3% 30px 3%; }
      #innerfoot .col4 { float: none; margin-top: 0; width: 100%; padding: 0; text-align: left; }
      #innerfoot .col5 { float: none; width: 90%; padding: 5%; text-align: center; }
      #innerfoot .col5 h4 { margin: 0px 0px 15px 0; text-align:left; background:none; padding:0; }
      .footline           { text-align:left; color:#fff; }

      .thinlineart   { margin: 0px 0px 16px 0; }
      .scrollup      { bottom: 15px; right: 15px; }

}


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

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

     .circlemobile { display:none; }
     
     
}