Flexboxen & Media Queries

Zitat

Das heißt, dass im Gegensatz zum statischen Layout das bei Flexbox automatisch mit einberechnet wird ? Wofür brauche ich dann box-sizing ?

Bei dem, was Du mit Flexlayout gestaltest, brauchst Du kein box-sizing.

BTW: Du brauchst auch die 100% hier nicht:

            .content {
                width: 100%;
            }

            .sidebar {
                width: 100%;
                margin-top: 20px;
            }

denn ein Flexcontainer hat per Default die Eigenschaft align-items: stretch; d. h. bei Richtung column füllen die Items den Container in horizontaler Richtung automatisch aus.