Transparent logo lager then header overlaps body content

Hi there,

I used the following code to make the transparent logo lager then header:

.logo img, .logo a {
    max-height: none !important;
}

.logo {
    height: auto;
}

That worked fine but now I recognized, that the transparent image “container” overlaps with the body content.
So some buttons in the body content are not clickable if the transparent logo is over them by scrolling.

Any idea how I could solve this?
Thank you for your help!

Greetings
Martin