Page as footer is identified in HTML as main and not as a footer

There in the post Mike linked to – it was about bringing the #footer/#socket to full width.
If this is not your intention, but only the reordering of the DOM, then you can correct the css accordingly.

so disregard the css specified there and instead:

@media only screen and (min-width: 990px) {
  #footer, 
  #socket {
    width: calc(100% - 300px);
    left: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
  #footer, 
  #socket {
    width: 73vw;
    left: 27%;
  }
}

for the rest of the code i had to see a pure installation of header left.
because i have a loto of settings for header on that installation that disturbs the settings here.
f.e.: the mobile header below 768px is fixed etc.

show me that page please!
because

I can’t see any changes afterwards.

then you have done something wrong or – not refreshed all cachings.

on my testpage: https://enfold.webers-webdesign.de/enfold-consulting/

it is:

the other post does not use a page as footer – so i have to look what might be done. Or you to look if your footer couldn’t be realised by normal footer settings.

so i remove now my child-theme footer on that testpage to see what is default structure …

what do you need for your footer-page now ?
if you like you can change those divs to <footer> … </footer> for that case of having a page as footer and socket !

it seems that on some classical posts ( not generated by ALB ) there is an image on the bottom that represents the featured image of that post – remove it by:
( see for example: https://enfold.webers-webdesign.de/standard-post/ )

#footer-page .entry-content-header {
  display: none;
}