/* Submenu-Hintergrund auf volle Breite */
.main-menu .sub-menu {
  position: absolute;        /* vom normalen Flow lösen */
  left: 0;                   /* am linken Seitenrand ansetzen */
  width: 100vw;              /* volle Browserbreite */
  background: #111;          /* deine gewünschte Hintergrundfarbe */
  margin: 0;
  padding: 1rem 0;
  box-sizing: border-box;
}

html body { outline: 2px dashed red !important; }