Hi Johannes

You can control how logo looks on different devices by setting its height in a media query:

@media only screen and (max-width: 767px) {

    #logo img {
        height: 50px;
    }

}

and you can specify different media query points but this is for mobile devices (phones)

change the height - in pixels - and add the code to customizer -> additional CSS

THIS code is not good:

https://prnt.sc/jrCNxQBGy8eb

so I corrected it to:

https://prnt.sc/7SXO9Y8wrBWq

and it applies for both logo versions

You add top margins or paddings to the logo

Ok, same to you!