CSS scrollable div inside flexbox stretches beyond parent div

Question

I have a problem regarding CSS and flexbox / div heights.

My code needs to be IE11 compatible, ideally with no JS.

What I want to achieve: I am developing an a