Solved code fighting each other

I think..

webpage is weyerhof.at

Ive got a burger menu and a universal header, burger calls up the same menu across all devices and pages. However, strangely on https://weyerhof.at/en/book-a-room/ and https://weyerhof.at/buchen/, "Hotel +" and "Restaurant +" menu items get eaten up on the mobile version ONLY on the booking page. The booking page is unique to all the other pages in that its just code copied and pasted from our booking engine company. This is why im thinking that it only disappears on the booking page and nowhere else because of some code conflict. The normal menu items are set as toggles, however the SEO company didnt like that since it automatically gave "hotel" and "restaurant" h3 tags. So i made a collapsible text list to put in the menu for Hotel and Restaurant. For some reason though its not playing nicely with the pages that have the booking engine. Go to another page and theyre there again. very confused. Any insight, tips, tricks , suggestions on how to deal with this?

Thank you so much

 

wow thank you so much, I think ill have to investigate the styling a little as the text is smaller than the other headings, but at the very least it appears!

any idea what's going on with this, why its only on this one page?

 

So, Im able to modify the inner content without any trouble (it was actually 1.1em on mobile version) , so when the menu is open the sub categories are the right size. however when I change the values in the first section (upper code) , I don't see any changes, the menu headings are still quite a bit smaller than the rest

thank you for any insight

 

all seems well again, i updated divi. between that and your code i think things are looking good again (fingers crossed)
thank you again for your help and effort