.mobmenu_button { position: fixed; top: 0px; right: 0px; max-width: 74px; z-index: 31; } @media (min-width: 1280px) { .mobmenu_button { right: 50%; margin-right: -640px; } } .mobmenu_button img { max-width: 36px; } .mobmenu_bg { position: fixed; top: 0px; right: 0px; bottom: 0px; width: 100%; margin: auto; background-color: rgba(132, 149, 106, 0.93); z-index: 29; display: none; } .mobmenu { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 100%; margin: auto; padding-bottom: 200px; text-align: left; color: #FFFFFF; z-index: 30; display: none; } .mobmenu_inlay { padding-top: 35px; } .cell_navpoint_mobile, .cell_navpoint_mobile_sub, .cell_navpoint_mobile_sub_seitennav { font-family: 'asapregular', Arial, Verdana, Helvetica; display: block; z-index: 10; line-height: 50px; font-size: 32px; letter-spacing: 2px; padding-left: 27px; } .cell_navpoint_mobile, .cell_navpoint_mobile_sub_seitennav { height: 50px; margin-top: 12px; margin-bottom: -4px; padding-top: 4px; border-top: 1px solid white; } .cell_navpoint_mobile:first-child { border: none; } .cell_navpoint_mobile_sub { min-height: 35px; line-height: 35px; font-size: 27px; } .cell_navpoint_mobile, .cell_navpoint_mobile_sub_seitennav { text-transform: uppercase; } .cell_navpoint_mobile a, .cell_navpoint_mobile_sub a, .cell_navpoint_mobile_sub_seitennav a { text-decoration: none; color: white; } .cell_navpoint_mobile a:hover, .cell_navpoint_mobile_sub a:hover, .cell_navpoint_mobile_sub_seitennav a:hover { color: #f2ffcc; text-decoration: none; } @media (min-width: 992px) { .mobmenu_bg { width: 350px; background: 0; } .mobmenu_inlay { background-color: rgba(132, 149, 106, 0.93); } .mobmenu { position: absolute; right: 0px; width: 350px; } .cell_navpoint_mobile, .cell_navpoint_mobile_sub_seitennav { height: 40px; } .cell_navpoint_mobile, .cell_navpoint_mobile_sub, .cell_navpoint_mobile_sub_seitennav { line-height: 40px; font-size: 25px; letter-spacing: 0.5px; } .cell_navpoint_mobile_sub { min-height: 27px; line-height: 27px; font-size: 20px; letter-spacing: 0.5px; } } @media (min-width: 1280px) { .mobmenu { position: absolute; right: 50%; margin-right: -640px; width: 350px; } }