Ist nachfolgendes layout realisierbar

[Rolf B]

Hallo Matthias,

das hatte ich im Hinterkopf für ausgeschlossen gehalten. Zumindest bei Flexbox war es meiner Erinnerung nach so, dass die Pseudoelemente keine Flexitems sind. Aber das kann auch eine kaputte Erinnerung sein.

Damit kann man die Überlapperei auf das ::before-Element beschränken, top! Passend zu meinem Beispiel unten:

body::before {
  content: " ";
  grid-area: cont-start / cont / main-end; /* row-start, column, row-end */
  background-color: #fed;
  border-radius: calc(var(--main-left) * 3) 0 0 0;
}

Rolf