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


@media only screen 
and (max-width : 480px) 
{
      body { font-size:16px; }
      #horizon { box-shadow:none; }

      .ccButton { margin-top:8px; }

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

      #logo     { width:205px; height:69px; padding: 0; margin:5px 0 0 15px; /* background:url('../images/logo.png') 10px 0 no-repeat; */ background-size: 205px 69px;  }

      #headphone { display:none; }
       
   /* NAVIGATION */

      nav        { display:none; }    

      #mobilebox { float:right; margin:30px 10px 0 0;}
      #mobilemenu { display:none; position:absolute; z-index:999; top:80px; }

      #tabletbutton { display:none; }
      #tabletmenu   { display:none; position:absolute; left: -9999px; }


   /* TOP IMAGES */
        
      #imgContainer { width:100%; height:260px; text-align:center; }
      .largeTeaser    { width:90%; margin:0 auto; left:5%; padding:15px; top:180px; font-size:24px; }
      .largeTeaser h1 { font-size: 26px; margin-bottom:0px; font-weight:normal; transform: skew(10deg); }
      .largeTeaser p  { display:inline-block; color:#fff; font-size:18px; font-family: AllerLight; margin:15px 0 0 15px; transform: skew(10deg); }

      #imgContainerTQ { width:100%; height:220px; text-align:center; }
      .smallTeaser { width:90%; margin:0 auto; left:5%; padding:15px; top:200px; font-size:24px; /*text-align:center;*/ }
      .smallTeaser h1 { font-size: 26px; margin-bottom: 0px; font-weight: normal; transform: skew(10deg); }
      .smallTeaser p { display: inline-block; color: #fff; font-size: 16px; font-family: AllerLight; margin: 15px 0 0 15px; transform: skew(10deg); }

       p.subText { display:none; }

   /* START PAGE STYLES */

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

      .saarrow { display:none; }
      .jobblock { height: auto; }

      .einsatzgebieteRow { height:auto; }
      .einsatzgebieteRow2 { height:200px; }
      .einsatzgebiete { position:relative; z-index:99; top:-20px; left:-10px; }


   /* PAGE STYLES */ 

      .space25 { display: none; }
      .space33 { display: none; }
      .space33line { display:none; }
      .space50 { float:none; margin:0; }
      .space50line { display:none; }

      .space33line::after { border:none; display:none; } 
      .space50line::after { border:none; display:none; }

      .specialclear { clear:both; display:block; width:100%; height:40px; }

      .col100  { margin:0; }
      .col75   { display: block; width: 100%; margin:0px 0 5px 0; }
      .col50  { display:block; width:100%; }
      .col66   { display: block; width: 100%; margin:0px 0 5px 0; }
      .col33   { display: block; width: 100%; margin:10px 0 25px 0; }
      .col25   { display: block; width: 100%; }

      
      .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; }

      .imghover { width:auto; }
      
   /* SUBPAGE FULL CONTENT */

      .content   { padding: 40px 5% 40px 5%; width: 100%; margin: 0 auto 0 auto; }
      .content p { text-align:left; }
      p.center { text-align:center; } 

      .stdimg  { margin-top:20px; }

      section ul       { padding:0 0 20px 0; line-height:1.4em; }     

      .checklist ul { padding:0; margin:0; line-height:1.0em;  }
      .checklist li { margin:0; list-style-type:none; min-height:32px; height:auto; background: url(../images/check.svg) 0 0 no-repeat; background-size:26px; padding-left:40px; }


   /* FOOTER STUFF    */

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

      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; }

}


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

      body { font-size:16px; }

      .ccButton { margin-top:8px; }

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

      #logo     { width:205px; height:69px; padding: 0; margin:5px 0 0 15px; /* background:url('../images/logo.png') 10px 0 no-repeat; */ background-size: 205px 69px;  }

      #headphone { display:none; }

       
   /* NAVIGATION */

      nav        { display:none; }    

   /* HIDE MOBILE MENU ELEMENTS */

      #mobilebox  { display:none; }
      #mobilemenu { display:none; position:absolute; left: -9999px; }

      .normbutton { margin-top:12px; }

      h2 { margin:0 0 5px 0; } 
  

   /* TOP IMAGES */
        
      #imgContainer { width:100%; height:260px; text-align:center; }
      .largeTeaser    { width:90%; margin:0 auto; left:5%; padding:15px; top:155px; font-size:24px; }
      .largeTeaser h1 { font-size: 26px; margin-bottom:0px; font-weight:normal; transform: skew(10deg); }
      .largeTeaser p  { display:inline-block; color:#fff; font-size:18px; font-family: AllerLight; margin:15px 0 0 15px; transform: skew(10deg); }

      #imgContainerTQ { width:100%; height:220px; text-align:center; }
      .smallTeaser { width:90%; margin:0 auto; left:5%; padding:15px; top:200px; font-size:24px; /*text-align:center;*/ }
      .smallTeaser h1 { font-size: 26px; margin-bottom: 0px; font-weight: normal; transform: skew(10deg); }
      .smallTeaser p { display: inline-block; color: #fff; font-size: 16px; font-family: AllerLight; margin: 15px 0 0 15px; transform: skew(10deg); }

       /*p.subText { display:none; }*/


   /* START PAGE STYLES */

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

      .saarrow { display:none; }
      .jobblock { height: auto; }

      .einsatzgebieteRow { height:auto; }
      .einsatzgebieteRow2 { height:320px; }
      .einsatzgebiete { position:relative; z-index:99; top:-20px; left:-10px; }


   /* PAGE STYLES */ 

      .space25 { display: none; }
      .space33 { display: none; }
      .space33line { display:none; }
      .space50 { float:none; margin:0; }
      .space50line { display:none; }

      .space33line::after { border:none; display:none; } 
      .space50line::after { border:none; display:none; }

      .specialclear { clear:both; display:block; width:100%; height:40px; }

      .col100  { margin:0; }
      .col75   { display: block; width: 100%; margin:0px 0 5px 0; }
      .col50  { display:block; width:100%; }
      .col66   { display: block; width: 100%; margin:0px 0 5px 0; }
      .col33   { display: block; width: 100%; margin:10px 0 25px 0; }
      .col25   { display: block; width: 100%; }

      
      .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; }

      .imghover { width:auto; }
     

   /* SUBPAGE FULL CONTENT */

      .content   { padding: 40px 5% 40px 5%; width: 100%; margin: 0 auto 0 auto; }
      .content p { text-align:left; }
      p.center { text-align:center; } 

      .stdimg  { margin-top:20px; }

      section ul       { padding:0 0 20px 0; line-height:1.4em; }     

      .checklist ul { padding:0; margin:0; line-height:1.0em;  }
      .checklist li { margin:0; list-style-type:none; min-height:32px; height:auto; background: url(../images/check.svg) 0 0 no-repeat; background-size:26px; padding-left:40px; }


   /* FOOTER STUFF    */

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

      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; }

}

@media only screen 
and (min-width : 600px) and (max-width : 768px)
{
      .col66   { display: block; width: 48%; margin:0px 4% 5px 0; }
      .col33   { display: block; width: 48%; margin:10px 0 25px 0; }

      div.contentHome > .col33 { display: block; width: 100%; margin:10px 0 25px 0; }

      .einsatzgebieteRow2 { height:400px; }

      #footbar > .col25 { display: block; width:43.3333%; }


}

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

      body { font-size:16px; }

      .ccButton { margin-top:8px; }

      #menuarea { width:auto; }
      #menuNav { display:none; }
      #headline { height:auto; }

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

      #logo     { position:relative; top:-70px; width:285px; height:96px; padding: 0; margin:5px 0 -70px 15px; background-size: 285px 96px; }

      #headphone { top:5px; padding:5px 190px 0 0; }


   /* NAVIGATION */

      nav        { display:none; }    

   /* HIDE MOBILE MENU ELEMENTS */

      #mobilebox  { display:none; }
      #mobilemenu { display:none; position:absolute; left: -9999px; }

      #tabletbutton { top:24px; }
      #tabletmenu { top: 105px}

      .normbutton { margin-top:12px; }

      h2 { margin:0 0 5px 0; } 

 

   /* TOP IMAGES */
        
      .largeTeaser { top:306px; margin-left: -330px; padding:40px; } 
      .largeTeaser h1 { font-size: 26px; margin-bottom:0px; font-weight:normal; transform: skew(10deg); }
      .largeTeaser p  { display:inline-block; color:#fff; font-size:18px; font-family: AllerLight; margin:15px 0 0 15px; transform: skew(10deg); }

      .smallTeaser { top:286px; margin-left: -330px; padding:20px; } 
      .smallTeaser h1 { font-size: 26px; margin-bottom: 0px; font-weight: normal; transform: skew(10deg); }
      .smallTeaser p { display: inline-block; color: #fff; font-size: 16px; font-family: AllerLight; margin: 15px 0 0 15px; transform: skew(10deg); }

       /*p.subText { display:none; }*/


   /* START PAGE STYLES */

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

      .einsatzgebieteRow { height:auto; }
      .einsatzgebieteRow2 { height:320px; }
      .einsatzgebiete { position:relative; z-index:99; top:-20px; left:-10px; }


   /* PAGE STYLES */ 

      .space33line::after { border:none; display:none; } 
      .space50line::after { border:none; display:none; }

      .specialclear { clear:both; display:block; width:100%; height:40px; }
  

   /* SUBPAGE FULL CONTENT */

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

      .stdimg  { margin-top:20px; }

      section ul       { padding:0 0 20px 0; line-height:1.4em; }     

      .checklist ul { padding:0; margin:0; line-height:1.0em;  }
      .checklist li { margin:0; list-style-type:none; min-height:32px; height:auto; background: url(../images/check.svg) 0 0 no-repeat; background-size:26px; padding-left:40px; }



   /* FOOTER STUFF    */

       #footbar   { padding: 10% 5%;  position: relative; text-align: left; width: 90%; height:auto; z-index: 1; }
       #footbar .col25 { margin:0; }
 
       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; }

       #footbar > .col25 { display: block; width:43.3333%; }
 
}


@media only screen 
and (min-width : 1024px) and (max-width : 1199px)
{
 
     #horizon { max-width:1024px; }
     #menuarea { margin: 56px 0 0 320px; }
     #headarea { width:96%; } 

     #logo     { width:324px; height:109px; padding: 0; margin:5px 0 0 15px; background-size: 324px 109px; }


   /* HIDE MOBILE MENU ELEMENTS */

      #mobilebox  { display:none; }
      #mobilemenu { display:none; position:absolute; left: -9999px; }
 
      #tabletbutton { display:none; }
      #tabletmenu   { display:none; position:absolute; left: -9999px; }


   /* TOP IMAGES */
        
      .largeTeaser { top:426px; margin-left: -430px; padding:40px; } 
      .largeTeaser h1 { font-size: 26px; margin-bottom:0px; font-weight:normal; transform: skew(10deg); }
      .largeTeaser p  { display:inline-block; color:#fff; font-size:18px; font-family: AllerLight; margin:15px 0 0 15px; transform: skew(10deg); }

      .smallTeaser { top:366px; margin-left: -450px; padding:20px; } 
      .smallTeaser h1 { font-size: 26px; margin-bottom: 0px; font-weight: normal; transform: skew(10deg); }
      .smallTeaser p { display: inline-block; color: #fff; font-size: 16px; font-family: AllerLight; margin: 15px 0 0 15px; transform: skew(10deg); }

       /*p.subText { display:none; }*/


   /* START PAGE STYLES */
   
      .contentHome { background: rgba(255, 255, 255, 0.94) none repeat scroll 0 0; clear: both; display: block; margin: 0 auto 0; padding: 5%; text-align: left; width: 100%; }
      .contentTitle { width:100%; padding: 40px 5% 40px 5%; }
      .contentGrey { width:100%; padding:5%; }

      .einsatzgebieteRow { height:auto; }
      .einsatzgebieteRow2 { height:320px; }
      .einsatzgebiete { position:relative; z-index:99; top:-20px; left:-10px; }


   /* PAGE STYLES */ 


   /* SUBPAGE FULL CONTENT */

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

      .stdimg  { margin-top:20px; }

      section ul       { padding:0 0 20px 0; line-height:1.4em; }     

      .checklist ul { padding:0; margin:0; line-height:1.0em;  }
      .checklist li { margin:0; list-style-type:none; min-height:32px; height:auto; background: url(../images/check.svg) 0 0 no-repeat; background-size:26px; padding-left:40px; }

  
  /* FOOTER */

     #footbar { width:100%; padding:34px 40px 0;}

     #footbar > .col25 { display: block; width:24%; }
     .footspace { margin-right: 1%; }
       
}

@media only screen 
and (min-width : 1200px)
{

  /* HIDE ELEMENTS */
    
     #mobilebox  { display:none; }
     #mobilemenu { display:none; position:absolute; left: -9999px; }

     #tabletbutton { display:none; }
     #tabletmenu   { display:none; position:absolute; left: -9999px; }


}