#wrapper{ width: 100%; max-width: 1200px; float: none; } #headline, body.large #headline{ width: 100%; height: 65px; background: rgba(255, 255, 255, 0.9) !important; box-shadow: 0px 4px 8px -2px rgba(50, 50, 50, 0.22); z-index: 1000004; } #logo, body.large #logo { width: 184px; height: 40px; margin: 14px 0px 0px 78px; } #search, body.large #search{ margin: 0 0 10px 0; width: 100%; } #menu { top: 65px; bottom: 0px; } @media (min-width: 1024px){ body{ padding-top: 81px; } #headline{ text-align: center; } #menubtn{ display: block; } #menu { width: 270px; max-height: calc(100% - 65px); -moz-transform: translateX(-270px); -webkit-transform: translateX(-270px); transform: translateX(-270px); -moz-transition: -moz-transform .6s cubic-bezier(0.4,0.0,1,1); -webkit-transition: -webkit-transform .6s cubic-bezier(0.4,0.0,1,1); transition: transform .6s cubic-bezier(0.4,0.0,1,1); } #videoplayer_space, #videoplayer_box { width: 67%; } .player_side { width: 32%; } .player_side:before{ padding-top: 119%; } } @media (min-width: 1146px){ .player_side:before{ padding-top: 121%; } } body.desktop #videoplayer_box.fixed{ width: 26vw; right: auto; left: 12px; } #videoplayer_top{ right: auto; left: -1px; } #videoplayer_close{ right: auto; left: 22px; }