@media screen and (max-width:30em) {
    header,nav{display:block;height: 3.0em;}
    #test2{display: inline-block;}
    #test1{display: none;}
    header div.main-nav nav.mobile-menu-open ul.menu.first{top:47px;}
}

@media (min-width: 30em) and (max-width: 50em) {
    header,nav{display:block;height: 4.1em;}
    #test2{display: none;}
    #test1{display:inline-block;}
    
    div.meta a.logo img{
    width:60px;
    height:auto;
    margin:2px 0 0 15px;
    }
    header div.main-nav nav a.menu-opener{
    margin-right:0px;
    margin-top: 4px;
     }
    .mobile-search-button{
    margin-top: 25px;
    margin-left:10px;
    margin-right: 20px;
    }  
    .mobile-home-button{
    margin-top: 20px;
    margin-left:10px;
    margin-right: 15px;
    }
    header div.main-nav nav.mobile-menu-open ul.menu.first{top:66px;}
  
}
@media (min-width: 50em) and (max-width: 68em) {
    header,nav{display:block;height: 5.5em;}
    #test2{display: none;}
    #test1{display:inline-block;margin-top: 25px;}
    
    div.meta a.logo img{
    width:60px;
    height:auto;
    margin:12px 0 0 15px;
    }
    header div.main-nav nav a.menu-opener{
    margin-right:0px;
    margin-top: 14px;
     }
    .mobile-search-button{
    margin-top: 35px;
    margin-left:10px;
    margin-right: 20px;
    }
    .mobile-home-button{
    margin-top: 30px;
    margin-left:10px;
    margin-right: 15px;
    }
    header div.main-nav nav.mobile-menu-open ul.menu.first{top:88px;}
    
}
       
#Search_change a {
    background: url(ICONS/search_active.png)no-repeat;
    display:block; width:20px; height: 20px;
  /* Linkbereich begrenzen */
  }
#Search_change img {
    display:block; width:20px; height:20px; border:0;     /* Oberes Bild*/
  }
#Search_change a:hover img {
    visibility: hidden;    padding-top: 5px;
  }
#Search_change a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
#Home_change a {
    background: url(ICONS/Home_active.png)no-repeat;
    display:block; width:30px; height: 30px;
  /* Linkbereich begrenzen */
  }
#Home_change img {
    display:block; width:30px; height:30px; border:0;     /* Oberes Bild*/
  }
#Home_change a:hover img {
    visibility: hidden;    padding-top: 5px;
  }
#Home_change a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }