Sticky footer issue with small content box

Hi there,
i would like the behaviour of the footer to look like the second image, currently it is like the first image.
When the content box (green) is small, there is a gap between the footer and the bottom area.

-Here- is our website.

Does anyone here have an idea how I can fix this? I am very grateful for any help.

Thanks,
Markus

Edit: Solution

#page{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
#content{
  flex: 1;
}
#sidebar-footer{
  flex: none; 
}

Hi Markus,

I am sorry, your request seems likely not available in the theme’s features. And it should goes to customization request, that goes beyond the support question.

Regards,
Kharis
aThemes Support