.logo_container .logo_active			{ display: inline-block; }
.logo_container .logo_hover				{ display: none; }
.logo_container:hover .logo_active		{ display: none; }
.logo_container:hover .logo_hover		{ display: inline-block; }

/* webseite (min:980px) */
@media screen and (min-width: 980px)
{
#mainmenu { display: block; width: 100%; z-index: 9004; }
#mainmenu.web_normal { position: absolute; left: 0px; top:0px; }
#mainmenu.web_fixed { position: fixed; left: 0px; top:0px; }

#mainmenu_container.web_menu_left { text-align: left; }
#mainmenu_container.web_menu_center { text-align: center; }
#mainmenu_container.web_menu_right { text-align: right; }

#web_logo.left { text-align: left; }
#web_logo.left_float { float: left; }
#web_logo.right { text-align: right; }
#web_logo.right_float { float: right; }
#web_logo.center { text-align: center; }

#tablet_logo { display: none; }
#mobile_logo { display: none; }

#res_button { display: none; }
.nav_button_close { display: none; }

#background_tablet { display: none; }
#background_tablet_fixed { display: none; }
#background_mobile { display: none; }
#background_mobile_fixed { display: none; }
}

/* tablet (min:480px and max:980px) */
@media screen and (min-width: 480px) AND (max-width: 980px)
{
#mainmenu { display: block; width: 100%; z-index: 9004; }
#mainmenu.tablet_normal { position: absolute; left: 0px; top:0px; }
#mainmenu.tablet_fixed { position: fixed; left: 0px; top:0px; }

#mainmenu_container.tablet_menu_left { text-align: left; }
#mainmenu_container.tablet_menu_center { text-align: center; }
#mainmenu_container.tablet_menu_right { text-align: right; }

#tablet_logo { z-index: -1; }
#tablet_logo.left { text-align: left; }
#tablet_logo.left_float { float: left; }
#tablet_logo.right { text-align: right; }
#tablet_logo.right_float { float: right; }
#tablet_logo.center { text-align: center; }
#tablet_logo.center_float { position: absolute; left:50%; float: right; }

#web_logo { display: none; }
#mobile_logo { display: none; }

#res_button { display: inline-block; }
#res_button .web_button { display: none; }
#res_button .mobile_button { display: none; }

.tablet_menu_left #res_button.tablet_button_fixed { display: block; position: fixed; top:0px; left:0px; }
.tablet_menu_center #res_button.tablet_button_fixed { display: block; position: fixed; top:0px; left:50%; margin-left:-30px;}
.tablet_menu_right #res_button.tablet_button_fixed { display: block; position: fixed; top:0px; right:0px; }

.grid_area .tablet_menu_left #res_button.tablet_button_fixed { display: block; position: fixed; top:0px; left:0px; }
.grid_area .tablet_menu_center #res_button.tablet_button_fixed { display: block; position: fixed; top:0px; left:50%; -30px; }
.grid_area .tablet_menu_right #res_button.tablet_button_fixed { display: block; position: fixed; top:0px; right:0px; }

#res_button .tablet_button a { display: block; width:50px; height:50px; font-size: 30px; text-align: center; text-decoration: none; line-height: 0px; padding-top: 10px; padding-bottom:0px; -tabletkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#responsivemenu { display: none; }
#responsivemenu:target { display: block; }

#background_web { display: none; }
#background_web_fixed { display: none; }
#background_mobile { display: none; }
#background_mobile_fixed { display: none; }
}

/* mobile (max:480px) */
@media screen and (max-width: 480px)
{
#mainmenu { display: block; width: 100%; z-index: 9004; }
#mainmenu.mobile_normal { position: absolute; left: 0px; top:0px; }
#mainmenu.mobile_fixed { position: fixed; left: 0px; top:0px; }

#mainmenu_container.mobile_menu_left { text-align: left; }
#mainmenu_container.mobile_menu_center { text-align: center; }
#mainmenu_container.mobile_menu_right { text-align: right; }

#mobile_logo { z-index: -1; }
#mobile_logo.left { text-align: left; }
#mobile_logo.left_float { float: left; }
#mobile_logo.right { text-align: right; }
#mobile_logo.right_float { float: right; }
#mobile_logo.center { text-align: center; }
#mobile_logo.center_float { position: absolute; left:50%; float: right; }

#web_logo { display: none; }
#tablet_logo { display: none; }

#res_button { display: inline-block; }
#res_button .web_button { display: none; }
#res_button .tablet_button { display: none; }

.mobile_menu_left #res_button.mobile_button_fixed { display: block; position: fixed; top:0px; left:0px; }
.mobile_menu_center #res_button.mobile_button_fixed { display: block; position: fixed; top:0px; left:50%; margin-left:-30px;}
.mobile_menu_right #res_button.mobile_button_fixed { display: block; position: fixed; top:0px; right:0px; }

.grid_area .mobile_menu_left #res_button.mobile_button_fixed { display: block; position: fixed; top:0px; left:50px; }
.grid_area .mobile_menu_center #res_button.mobile_button_fixed { display: block; position: fixed; top:0px; left:50%; margin-left:-30px; }
.grid_area .mobile_menu_right #res_button.mobile_button_fixed { display: block; position: fixed; top:0px; right:0px; }

#res_button .mobile_button a { display: block; width:50px; height:50px; font-size: 30px; text-align: center; text-decoration: none; line-height: 0px; padding-top: 10px; padding-bottom:0px; -mobilekit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#responsivemenu { display: none; }
#responsivemenu:target { display: block; }

#background_web { display: none; }
#background_web_fixed { display: none; }
#background_tablet { display: none; }
#background_tablet_fixed { display: none; }
}