Hide & show at the bottom of page

Hi there
i created a hide & show interaction. Now the problem is when the show more button happens to be on the bottom of my scrolling page the text that should be appearing on “show” is outside of the viewport and the user has to scroll down the page to see it, is there a way that the page scrolls down automatically to show the text?

here is the website : http://bereichert.webflow.io/ the buttons im talking about says “mehr dazu”

Thanks for any help

Here is my public share link: LINK
(how to access public share link)